From 0ed76ff0eee572bd10d58a0b25e1f0a5dd809734 Mon Sep 17 00:00:00 2001 From: grin3671 Date: Wed, 29 Mar 2017 02:33:32 +0300 Subject: [PATCH 01/19] fix search's popup list thx Aki Kawa --- custom/main.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/custom/main.css b/custom/main.css index 47fb99d..65a7b7f 100644 --- a/custom/main.css +++ b/custom/main.css @@ -1231,7 +1231,7 @@ select { border: 0; font-family: inherit; font-size: .875rem; - line-height: 20px; + line-height: 1rem; } .b-main_search .input input { width: 100%; From f030a8533dd7be49bdbdf7ff9a167c9933c765d7 Mon Sep 17 00:00:00 2001 From: grin3671 Date: Wed, 29 Mar 2017 15:43:48 +0300 Subject: [PATCH 02/19] Delete settings.sass --- color/settings.sass | 1297 ------------------------------------------- 1 file changed, 1297 deletions(-) delete mode 100644 color/settings.sass diff --git a/color/settings.sass b/color/settings.sass deleted file mode 100644 index 3b072ad..0000000 --- a/color/settings.sass +++ /dev/null @@ -1,1297 +0,0 @@ -/* НАСТРОЙКА ЦВЕТОВ */ -/* Фон сайта (По умолчанию: #FAFAFA) */ -$background: #FAFAFA -/* Фон всплывающей и поднятой областей (По умолчанию: #FFFFFF) */ -$background_dialog: #FFFFFF -/* Фон области (цитаты, поле ввода, некоторые кнопки) (По умолчанию: #F5F5F5) */ -$Grey100: #F5F5F5 -/* Фон области (цитаты, поле ввода, некоторые кнопки) (По умолчанию: #EEEEEE) */ -$background_normal: #EEEEEE -/* Фон области при наведении (По умолчанию: #E0E0E0) */ -$background_hover: #E0E0E0 -/* Фон области при нажатии (По умолчанию: #DDDDDD) */ -$background_active: #DDDDDD - -/* Фон кнопок при наведении (По умолчанию: #E0E0E0) */ -$button_hover: #E0E0E0 - -/* Цвет границ элементов (По умолчанию: #DDDDDD) */ -$border: #DDDDDD - -/* Цвет основной информации (По умолчанию: #212121) */ -$text_primary: #212121 -/* Цвет дополнительной информации (По умолчанию: #424242) */ -$text_secondary: #424242 -/* Цвет подсказок (По умолчанию: #757575) */ -$text_hint: #757575 -/* Цвет выключенного текста (По умолчанию: #9E9E9E) */ -$text_disabled: #9E9E9E - -/* Цвет текста ссылки по умолчанию */ -$link_normal: #2196F3 -/* Цвет ссылки при наведении */ -$link_hover: #FF4081 -/* Цвет ссылки при нажатии */ -$link_active: #ff1402 - -/* Основной цвет приложения (По умолчанию: #2196F3) */ -$primary: #2196F3 -/* Цвет текста на фоне основного цвета (По умолчанию: #FFFFFF) */ -$primaryBG_color: #FFFFFF -/* Цвет при наведении (По умолчанию: #1E88E5) */ -$primary_darker: #1E88E5 -/* Акцентирующий цвет приложения (По умолчанию: #FF4081) */ -$accent: #FF4081 -/* Цвет текста на фоне акцентирующего цвета (По умолчанию: #FFFFFF) */ -$accentBG_color: #FFFFFF - - - - -/* Цвет текста ссылки по умолчанию */ -a - color: $link_normal - -/* Цвет ссылки при наведении */ -a:hover - color: $link_hover - -/* Цвет ссылки при нажатии */ -@media only screen and (min-width: 1025px) - a:active - color: $link_active - -.b-abuse_request .ban-form .cancel, -.b-ban .abuser, -.b-bb_codes-examples .example a, -.b-bb_codes-examples .result a, -.b-bracket-actions > div, -.b-bracket-actions > span, -.b-catalog_entry-tooltip .inner a.name, -.b-catalog_entry-tooltip .inner .line .value a, -.b-catalog_entry-tooltip .inner .line.works .value a, -.b-catalog_entry .cover .title, -.b-club .name, -.b-comment > .inner header .name-date a.name, -.b-comments .comments-collapser, -.b-cosplay-topic > .inner .cosplay-info .line .value a, -.b-cosplay_gallery h3 a, -.b-db_entry-note .name-container .name, -.b-db_entry > .c-about .additional-links .line-container > .link, -.b-db_entry > .c-about .additional-links .line-container > a, -.b-dialog > .inner header .name-date a.name, -.b-entry-info .line a, -.b-feedback-inner .about a, -.b-form .variants .variant a, -.b-form .cancel, -.b-forums .forum .link-with-input .link, -.b-forums .reload, -.b-header_filters .filter-line a, -.b-height_shortener .expand, -.b-js-action, -.b-js-link, -.b-lang_trigger span, -.b-link, -.b-log_entry a, -.b-log_entry .link, -.b-log_entry .moderation a, -.b-log_entry .spoiler.collapsed, -.b-log_entry .spoiler.collapse, -.b-log_entry .spoiler.collapse span, -.b-log_entry .spoiler.collapsed span, -.b-mention, -.b-message > .inner header .name-date a.name, -.b-nothing_here a, -.b-options-floated a, -.b-options-floated .link, -.b-options-floated .action, -.b-options-floated.mobile-desktop a, -.b-person .name, -.b-shiki_editor footer .unpreview, -.b-shiki_editor footer .unpreview:not(.link), -.b-shiki_editor footer .cancel, -.b-shiki_editor footer .hide, -.b-shiki_editor footer .about-bb_codes, -.b-source .contributors .val a, -.b-source .mal .val a, -.b-source .source .val a, -.b-spoiler .content .before, -.b-spoiler .content .after, -.b-spoiler label, -.b-stats_bar a.title, -.b-table a, -.b-topic > .inner header .name-date a.name, -.b-topic .footer-vote .vote-group .vote, -.b-user.named_avatar .name, -.b-user.detailed .info .image-name, -.b-user.detailed .history .line a .event, -.b-user16, -header.head h1 a.back, -header.head h2 a.back, -header.head a.misc, -header.head a.edit, -.headline > a, -.midheadline > a, -.subheadline > a, -.subheadline .misc-link, -.b-video_player .cc-player_controls a.c-control, -.b-video_player .cc-player_controls .episode-title .video-link a, -.b-video_variant a, -.b-animes-menu .menu-topics-block .history-entry-tooltip a, -.p-animes-files .l-content a, -.p-mangas-files .l-content a, -div.history .block-list li .tooltip-inner a, -.p-animes_collection-index .pagination .link, -.p-mangas_collection-index .pagination .link, -.p-recommendations-index .pagination .link, -.p-userlist_comparer-show .pagination .link, -.p-contests .contest-match .vs .next, -.p-contests .contest-match .vs .refrain, -.p-contests-edit .grid, -.p-contests .match-day .match-link a, -.p-contests .rating .member a, -.p-contests .results a, -.p-contests .suggestion > a, -.p-contests .variant > a, -.b-contests-menu .results, -.b-contests-menu .grid a, -.p-contests-grid .round .match a, -.p-contests-index .contest a, -.p-dashboards .c-my_list .list-type > .title .link, -.p-dashboards .c-my_list .history > .title .link, -.p-dashboards .c-my_list .list-type > .title .switch, -.p-dashboards .c-my_list .history > .title .switch, -.p-dashboards .user_list .list-type > .title .link, -.p-dashboards .user_list .history > .title .link, -.p-dashboards .user_list .list-type > .title .switch, -.p-dashboards .user_list .history > .title .switch, -.p-dashboards-show .midheadline .b-link, -.p-dashboards-show .c-content .options .option, -.p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name, -.p-profiles .profile-head .c-brief header .notice a, -.p-profiles .profile-head .c-mobile-actions a, -.p-profiles .profile-head .c-mobile-actions span, -.p-profiles .profile-head .c-info .c-additionals div a, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a, -.p-profiles-edit .account .change-password a, -.p-profiles-edit .misc .profile-action a, -.p-profiles-edit .misc .profile-action .link, -.p-profiles-edit .misc .nickname-changes a, -.p-profiles-edit .misc .nickname-changes .link, -.p-profiles-edit .list .profile-action a, -.p-profiles-edit .list .profile-action .link, -.p-profiles-edit .list .nickname-changes a, -.p-profiles-edit .list .nickname-changes .link, -.p-profiles-edit .list #import_form .link, -.p-profiles-show .about a, -.p-studios .studio .name, -.p-translations .animes a, -.p-user_history-index .history-page .history-interval p a, -.p-user_rates-index .list-lines tr .name a, -.p-userlist_comparer .comparer table .name a, -.b-log_entry .comment-block ins, -.p-statistics-index .forum-nav .sections a.selected, -.p-anime_videos-index .c-videos .video-variant-switcher - color: $link_normal - border-bottom-color: rgba($link_normal, .3) - -@media screen and (max-width: 480px) and (orientation: portrait) - .b-options-floated.mobile-phone_portrait a - color: $link_normal - -@media screen and (max-width: 767px) - .b-options-floated.mobile-phone a - color: $link_normal - -@media screen and (max-width: 1024px) - .b-options-floated.mobile-tablet a - color: $link_normal - - - - -.b-abuse_request .ban-form .cancel:hover, -.b-ban .abuser:hover, -.b-bb_codes-examples .example a:hover, -.b-bb_codes-examples .result a:hover, -.b-bracket-actions > div:hover, -.b-bracket-actions > span:hover, -.b-catalog_entry-tooltip .inner a.name:hover, -.b-catalog_entry-tooltip .inner .line .value a:hover, -.b-catalog_entry-tooltip .inner .line.works .value a:hover, -.b-catalog_entry .cover .title:hover, -.b-club .name:hover, -.b-comment > .inner header .name-date a.name:hover, -.b-comments .comments-collapser:hover, -.b-cosplay-topic > .inner .cosplay-info .line .value a:hover, -.b-cosplay_gallery h3 a:hover, -.b-db_entry-note .name-container .name:hover, -.b-db_entry > .c-about .additional-links .line-container > .link:hover, -.b-db_entry > .c-about .additional-links .line-container > a:hover, -.b-dialog > .inner header .name-date a.name:hover, -.b-entry-info .line a:hover, -.b-feedback-inner .about a:hover, -.b-form .variants .variant a:hover, -.b-form .cancel:hover, -.b-forums .forum .link-with-input .link:hover, -.b-forums .reload:hover, -.b-header_filters .filter-line a:hover, -.b-height_shortener .expand:hover, -.b-js-action:hover, -.b-js-link:hover, -.b-lang_trigger span:hover, -.b-link:hover, -.b-log_entry a:hover, -.b-log_entry .link:hover, -.b-log_entry .moderation a:hover, -.b-log_entry .spoiler.collapsed:hover, -.b-log_entry .spoiler.collapse:hover, -.b-log_entry .spoiler.collapse span:hover, -.b-log_entry .spoiler.collapsed span:hover, -.b-mention:hover, -.b-message > .inner header .name-date a.name:hover, -.b-nothing_here a:hover, -.b-options-floated a:hover, -.b-options-floated .link:hover, -.b-options-floated .action:hover, -.b-options-floated.mobile-desktop a:hover, -.b-person .name:hover, -.b-shiki_editor footer .unpreview:hover, -.b-shiki_editor footer .unpreview:not(.link):hover, -.b-shiki_editor footer .cancel:hover, -.b-shiki_editor footer .hide:hover, -.b-shiki_editor footer .about-bb_codes:hover, -.b-source .contributors .val a:hover, -.b-source .mal .val a:hover, -.b-source .source .val a:hover, -.b-spoiler label:hover, -.b-spoiler .content:hover .before, -.b-spoiler .content:hover .after, -.b-stats_bar a.title:hover, -.b-table a:hover, -.b-topic > .inner header .name-date a.name:hover, -.b-topic .footer-vote .vote-group .vote:hover, -.b-user.named_avatar .name:hover, -.b-user.detailed .info .image-name:hover, -.b-user.detailed .history .line a .event:hover, -.b-user16:hover, -header.head h1 a.back:hover, -header.head h2 a.back:hover, -header.head a.misc:hover, -header.head a.edit:hover, -.headline > a:hover, -.midheadline > a:hover, -.subheadline > a:hover, -.subheadline .misc-link:hover, -.b-video_player .cc-player_controls a.c-control:hover, -.b-video_player .cc-player_controls .episode-title .video-link a:hover, -.b-video_variant a:hover, -.b-animes-menu .menu-topics-block .history-entry-tooltip a:hover, -.p-animes-files .l-content a:hover, -.p-mangas-files .l-content a:hover, -div.history .block-list li .tooltip-inner a:hover, -.p-animes_collection-index .pagination .link:hover, -.p-mangas_collection-index .pagination .link:hover, -.p-recommendations-index .pagination .link:hover, -.p-userlist_comparer-show .pagination .link:hover, -.p-contests .contest-match .vs .next:hover, -.p-contests .contest-match .vs .refrain:hover, -.p-contests-edit .grid:hover, -.p-contests .match-day .match-link a:hover, -.p-contests .rating .member a:hover, -.p-contests .results a:hover, -.p-contests .suggestion > a:hover, -.p-contests .variant > a:hover, -.b-contests-menu .results:hover, -.b-contests-menu .grid a:hover, -.p-contests-grid .round .match a:hover, -.p-contests-index .contest a:hover, -.p-dashboards .c-my_list .list-type > .title .link:hover, -.p-dashboards .c-my_list .history > .title .link:hover, -.p-dashboards .c-my_list .list-type > .title .switch:hover, -.p-dashboards .c-my_list .history > .title .switch:hover, -.p-dashboards .user_list .list-type > .title .link:hover, -.p-dashboards .user_list .history > .title .link:hover, -.p-dashboards .user_list .list-type > .title .switch:hover, -.p-dashboards .user_list .history > .title .switch:hover, -.p-dashboards-show .midheadline .b-link:hover, -.p-dashboards-show .c-content .options .option:hover, -.p-dashboards-show .c-content .options .option.selected, -.p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name:hover, -.p-profiles .profile-head .c-brief header .notice a:hover, -.p-profiles .profile-head .c-mobile-actions a:hover, -.p-profiles .profile-head .c-mobile-actions span:hover, -.p-profiles .profile-head .c-info .c-additionals div a:hover, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:hover, -.p-profiles-edit .account .change-password a:hover, -.p-profiles-edit .misc .profile-action a:hover, -.p-profiles-edit .misc .profile-action .link:hover, -.p-profiles-edit .misc .nickname-changes a:hover, -.p-profiles-edit .misc .nickname-changes .link:hover, -.p-profiles-edit .list .profile-action a:hover, -.p-profiles-edit .list .profile-action .link:hover, -.p-profiles-edit .list .nickname-changes a:hover, -.p-profiles-edit .list .nickname-changes .link:hover, -.p-profiles-edit .list #import_form .link:hover, -.p-profiles-show .about a:hover, -.p-studios .studio .name:hover, -.p-translations .animes a:hover, -.p-user_history-index .history-page .history-interval p a:hover, -.p-user_rates-index .list-lines tr .name a:hover, -.p-userlist_comparer .comparer table .name a:hover, -.p-statistics-index .forum-nav .sections a:hover, -.block-list-alt a:hover, -.b-catalog_entry .cover:hover, -.b-catalog_entry .cover:hover .title, -.b-comment > .inner .was_updated:hover, -.b-comment header .hash:hover, -.b-dialog > .inner .was_updated:hover, -.b-message > .inner .was_updated:hover, -.b-options-floated .selected, -.b-options-floated .selected.always-active:hover, -.b-show_more:hover, -.b-show_more-more .hide-more:hover, -.b-stats_bar .stat_names .stat_name a:hover, -.b-topic > .inner .was_updated:hover, -.headline > a:hover:before, -.midheadline > a:hover:before, -.subheadline > a:hover:before, -.headline.linkheadline > a:hover, -.linkheadline.midheadline > a:hover, -.linkheadline.subheadline > a:hover, -.headline.linkheadline > a:hover:before, -.linkheadline.midheadline > a:hover:before, -.linkheadline.subheadline > a:hover:before, -.tooltip-inner .close:hover, -.p-animes-franchise .sticky-tooltip .close:hover, -.p-mangas-franchise .sticky-tooltip .close:hover, -.p-contests .contest-match .prev-match:hover, -.p-contests .contest-match .next-match:hover, -.p-contests .match-day .match-link.voted-none > .c-column a:hover, -.p-contests .match-day .match-link.voted-left > .c-column:last-child a:hover, -.p-contests .match-day .match-link.voted-right > .c-column:first-child a:hover, -.p-contests .match-day .match-link .c-column.loser a:hover, -.p-contests .match-day .match-link .c-column.created a:hover, -.p-contests-grid .round .match .date a:hover, -.p-dashboards-show .contests .contest:hover .title, -.p-dashboards-show .contests .contest:hover .title:after, -.p-dashboards-show .contests .contest .title:hover, -.p-dashboards-show .contests .contest .title:hover:after, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.zero:hover, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.weak:hover, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.moderate:hover, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.high:hover, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.full:hover, -.p-topics .l-menu .sticky-topics .topic:hover .title, -.p-topics .l-menu .sticky-topics .topic:hover .title:after, -.p-topics .l-menu .sticky-topics .topic .title:hover, -.p-topics .l-menu .sticky-topics .topic .title:hover:after, -.p-topics .l-menu .contests .contest:hover .title, -.p-topics .l-menu .contests .contest:hover .title:after, -.p-topics .l-menu .contests .contest .title:hover, -.p-topics .l-menu .contests .contest .title:hover:after, -.p-topics header h1 a.reload:hover, -.p-user_rates-index .l-content .order-control:hover, -.p-user_rates-index .list-lines tr td .anime-status:hover, -.p-user_rates-index .list-lines tr td .anime-remove:hover, -.p-user_rates-index .list-lines tr td .anime-remove.selected, -.p-anime_videos-index .c-videos .video-variant-switcher:hover - color: $link_hover - border-bottom-color: rgba($link_hover, .3) - -@media screen and (max-width: 480px) and (orientation: portrait) - .b-options-floated.mobile-phone_portrait a:hover - color: $link_hover - -@media screen and (max-width: 767px) - .b-options-floated.mobile-phone a:hover - color: $link_hover - -@media screen and (max-width: 1024px) - .b-options-floated.mobile-tablet a:hover - color: $link_hover - - - -.b-header_filters .filter-line a:active, -.b-person .name:active, -.b-source .contributors .val a:active, -.b-source .mal .val a:active, -.b-source .source .val a:active, -.b-animes-menu .menu-topics-block .history-entry-tooltip a:active, -.p-animes-files .l-content a:active, -.p-mangas-files .l-content a:active, -div.history .block-list li .tooltip-inner a:active, -.p-dashboards-show .midheadline .b-link:active, -.p-dashboards-show .c-content .options .option:active, -.p-profiles .profile-head .c-brief header .notice a:active, -.p-profiles .profile-head .c-mobile-actions a:active, -.p-profiles .profile-head .c-mobile-actions span:active, -.p-profiles .profile-head .c-info .c-additionals div a:active, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:active, -.block-list-alt a:active, -.b-options-floated .selected:hover, -.b-show_more:active, -.b-show_more-more .hide-more:active, -.headline > a:active:before, -.midheadline > a:active:before, -.subheadline > a:active:before, -.p-dashboards-show .contests .contest:active .title, -.p-dashboards-show .contests .contest:active .title:after, -.p-dashboards-show .contests .contest .title:active, -.p-dashboards-show .contests .contest .title:active:after, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.zero:active, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.weak:active, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.moderate:active, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.high:active, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.full:active, -.p-topics .l-menu .sticky-topics .topic:active .title, -.p-topics .l-menu .sticky-topics .topic:active .title:after, -.p-topics .l-menu .sticky-topics .topic .title:active, -.p-topics .l-menu .sticky-topics .topic .title:active:after, -.p-topics .l-menu .contests .contest:active .title, -.p-topics .l-menu .contests .contest:active .title:after, -.p-topics .l-menu .contests .contest .title:active, -.p-topics .l-menu .contests .contest .title:active:after - color: $link_active - -@media only screen and (min-width: 1025px) - .b-abuse_request .ban-form .cancel:active, - .b-ban .abuser:active, - .b-bb_codes-examples .example a:active, - .b-bb_codes-examples .result a:active, - .b-bracket-actions > div:active, - .b-bracket-actions > span:active, - .b-catalog_entry-tooltip .inner a.name:active, - .b-catalog_entry-tooltip .inner .line .value a:active, - .b-catalog_entry-tooltip .inner .line.works .value a:active, - .b-catalog_entry .cover .title:active, - .b-club .name:active, - .b-comment > .inner header .name-date a.name:active, - .b-comments .comments-collapser:active, - .b-cosplay-topic > .inner .cosplay-info .line .value a:active, - .b-cosplay_gallery h3 a:active, - .b-db_entry-note .name-container .name:active, - .b-db_entry > .c-about .additional-links .line-container > .link:active, - .b-db_entry > .c-about .additional-links .line-container > a:active, - .b-dialog > .inner header .name-date a.name:active, - .b-entry-info .line a:active, - .b-feedback-inner .about a:active, - .b-form .variants .variant a:active, - .b-form .cancel:active, - .b-forums .forum .link-with-input .link:active, - .b-forums .reload:active, - .b-header_filters .filter-line a:active, - .b-height_shortener .expand:active, - .b-js-action:active, - .b-js-link:active, - .b-lang_trigger span:active, - .b-link:active, - .b-log_entry a:active, - .b-log_entry .link:active, - .b-log_entry .moderation a:active, - .b-log_entry .spoiler.collapsed:active, - .b-log_entry .spoiler.collapse:active, - .b-log_entry .spoiler.collapse span:active, - .b-log_entry .spoiler.collapsed span:active, - .b-mention:active, - .b-message > .inner header .name-date a.name:active, - .b-nothing_here a:active, - .b-options-floated a:active, - .b-options-floated .link:active, - .b-options-floated .action:active, - .b-options-floated.mobile-desktop a:active, - .b-shiki_editor footer .unpreview:active, - .b-shiki_editor footer .unpreview:not(.link):active, - .b-shiki_editor footer .cancel:active, - .b-shiki_editor footer .hide:active, - .b-shiki_editor footer .about-bb_codes:active, - .b-spoiler label:active, - .b-stats_bar a.title:active, - .b-table a:active, - .b-topic > .inner header .name-date a.name:active, - .b-topic .footer-vote .vote-group .vote:active, - .b-user.named_avatar .name:active, - .b-user.detailed .info .image-name:active, - .b-user.detailed .history .line a .event:active, - .b-user16:active, - header.head h1 a.back:active, - header.head h2 a.back:active, - header.head a.misc:active, - header.head a.edit:active, - .headline > a:active, - .midheadline > a:active, - .subheadline > a:active, - .subheadline .misc-link:active, - .b-video_player .cc-player_controls a.c-control:active, - .b-video_player .cc-player_controls .episode-title .video-link a:active, - .b-video_variant a:active, - .p-animes_collection-index .pagination .link:active, - .p-mangas_collection-index .pagination .link:active, - .p-recommendations-index .pagination .link:active, - .p-userlist_comparer-show .pagination .link:active, - .p-contests .contest-match .vs .next:active, - .p-contests .contest-match .vs .refrain:active, - .p-contests-edit .grid:active, - .p-contests .match-day .match-link a:active, - .p-contests .rating .member a:active, - .p-contests .results a:active, - .p-contests .suggestion > a:active, - .p-contests .variant > a:active, - .b-contests-menu .results:active, - .b-contests-menu .grid a:active, - .p-contests-grid .round .match a:active, - .p-contests-index .contest a:active, - .p-dashboards .c-my_list .list-type > .title .link:active, - .p-dashboards .c-my_list .history > .title .link:active, - .p-dashboards .c-my_list .list-type > .title .switch:active, - .p-dashboards .c-my_list .history > .title .switch:active, - .p-dashboards .user_list .list-type > .title .link:active, - .p-dashboards .user_list .history > .title .link:active, - .p-dashboards .user_list .list-type > .title .switch:active, - .p-dashboards .user_list .history > .title .switch:active, - .p-dashboards-show .midheadline .b-link:active, - .p-dashboards-show .c-content .options .option:active, - .p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name:active, - .p-profiles .profile-head .c-brief header .notice a:active, - .p-profiles .profile-head .c-mobile-actions a:active, - .p-profiles .profile-head .c-mobile-actions span:active, - .p-profiles .profile-head .c-info .c-additionals div a:active, - .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:active, - .p-profiles-edit .account .change-password a:active, - .p-profiles-edit .misc .profile-action a:active, - .p-profiles-edit .misc .profile-action .link:active, - .p-profiles-edit .misc .nickname-changes a:active, - .p-profiles-edit .misc .nickname-changes .link:active, - .p-profiles-edit .list .profile-action a:active, - .p-profiles-edit .list .profile-action .link:active, - .p-profiles-edit .list .nickname-changes a:active, - .p-profiles-edit .list .nickname-changes .link:active, - .p-profiles-edit .list #import_form .link:active, - .p-profiles-show .about a:active, - .p-studios .studio .name:active, - .p-translations .animes a:active, - .p-user_history-index .history-page .history-interval p a:active, - .p-user_rates-index .list-lines tr .name a:active, - .p-userlist_comparer .comparer table .name a:active, - .p-statistics-index .forum-nav .sections a:active, - .b-catalog_entry .cover:active, - .b-comment > .inner .was_updated:active, - .b-comment header .hash:active, - .b-dialog > .inner .was_updated:active, - .b-message > .inner .was_updated:active, - .b-options-floated .selected.always-active:active, - .b-stats_bar .stat_names .stat_name a:active, - .b-topic > .inner .was_updated:active, - .headline.linkheadline > a:active, - .linkheadline.midheadline > a:active, - .linkheadline.subheadline > a:active, - .headline.linkheadline > a:active:before, - .linkheadline.midheadline > a:active:before, - .linkheadline.subheadline > a:active:before, - .tooltip-inner .close:active, - .p-animes-franchise .sticky-tooltip .close:active, - .p-mangas-franchise .sticky-tooltip .close:active, - .p-contests .contest-match .prev-match:active, - .p-contests .contest-match .next-match:active, - .p-contests .match-day .match-link.voted-none > .c-column a:active, - .p-contests .match-day .match-link.voted-left > .c-column:last-child a:active, - .p-contests .match-day .match-link.voted-right > .c-column:first-child a:active, - .p-contests .match-day .match-link .c-column.loser a:active, - .p-contests .match-day .match-link .c-column.created a:active, - .p-contests-grid .round .match .date a:active, - .p-topics header h1 a.reload:active, - .p-user_rates-index .l-content .order-control:active, - .p-user_rates-index .list-lines tr td .anime-status:active, - .p-user_rates-index .list-lines tr td .anime-remove:active, - .b-bracket-details:active, - .b-form a.remove:active, - .p-anime_videos-index .c-videos .video-variant-switcher:active, - .p-anime_videos-index .c-videos .video-variant-switcher.active - color: $link_active - border-bottom-color: rgba($link_active, .3) - -@media only screen and (max-width: 480px) and (orientation: portrait) and (min-width: 1025px) - .b-options-floated.mobile-phone_portrait a:active - color: $link_active - -@media only screen and (max-width: 767px) and (min-width: 1025px) - .b-options-floated.mobile-phone a:active - color: $link_active - -@media only screen and (max-width: 1024px) and (min-width: 1025px) - .b-options-floated.mobile-tablet a:active - color: $link_active - - - -body, -.c-actions:before, -.p-contests .contest-match .vs > div:first-child, -.p-contests .match-day > .date, -.p-animes_collection-index .l-content.ajax_request::before, -.p-mangas_collection-index .l-content.ajax_request::before, -.p-recommendations-index .l-content.ajax_request::before, -.p-userlist_comparer-show .l-content.ajax_request::before, -.b-ajax:before - background: $background - -.l-page:before - outline-color: $background - -@media screen and (max-width: 960px) - .p-profiles .profile-head .c-brief header - background-color: $background - -@media screen and (max-width: 1024px) - body - background-color: $background !important - -.b-height_shortener .shade - background-image: linear-gradient(to bottom, rgba(0,0,0,0), $background) - -.b-topic.aside-expanded > .inner aside.buttons, -.b-dialog.aside-expanded > .inner aside.buttons, -.b-message.aside-expanded > .inner aside.buttons, -.b-comment.aside-expanded > .inner aside.buttons - background-color: rgba($background, .9) - - -/* BLACK GREY WHITE */ -body, -header.head h1, -header.head h2, -.ac_results, -.tooltip-inner, -.b-input input, -.b-input textarea, -.b-shiki_editor .body .editor textarea, -.b-shiki_editor .links .link-value, -.b-shiki_editor .images .link-value, -.b-shiki_editor .quotes .link-value, -.b-shiki_editor .email .link-value, -.b-shiki_editor .upload .link-value, -.p-user_rates-index .list-lines tr td .new-value input, -.p-user_rates-index .l-content .filter input, -.subheadline-input, -.b-catalog_entry-tooltip .inner a.name, -.b-catalog_entry .cover .title, -.b-catalog_entry-tooltip .inner .line .value a, -.b-clubs-menu .block-list li:hover, -.b-clubs-menu .block-list li:hover a, -.b-clubs-menu .block-list li a:hover, -.b-db_entry > .c-image .c-actions > a:after, -.b-db_entry-note .name-container .name, -.b-dialog > .inner header .name-date a.name, -.b-entry-info .line .b-tag, -.b-forums .forum .link-with-input .link, -.b-height_shortener .expand, -.b-hot_topics .topic.subject, -.b-hot_topics .topic a:hover, -.b-message > .inner header .name-date a.name, -.b-modal .subheadline, -.b-link_button, -.b-link_button:hover, -.b-link_button:active, -.block-list li:hover, -.block-list-alt li:hover, -.b-show_more:hover, -.b-show_more-more .hide-more:hover, -.b-stats_bar .stat_names .stat_name a, -.b-video_player .cc-player_controls .episode-title, -.b-video_variant .episode-num, -.b-video_variant .video-author, -.b-video_variant .video-id, -.headline, -.b-catalog_entry-tooltip .inner .line .value .tag:hover, -.b-entry-info .line .b-tag:hover, -.p-contests .match-day .match-link.voted-none > .c-column a, -.p-contests .match-day .match-link.voted-left > .c-column:last-child a, -.p-contests .match-day .match-link.voted-right > .c-column:first-child a, -.p-contests .match-day .match-link .c-column.loser a, -.p-contests .match-day .match-link .c-column.created a, -.p-dashboards-show .contests .contest .title, -.p-dialogs .b-options-floated > a.selected, -.p-moderations-missing_videos .missing-video>.info span, -.p-messages .b-options-floated > a.selected, -.p-profiles-edit .b-options-floated > a.selected, -.p-profiles .profile-head .c-history .entry .title, -.p-topics .l-menu .calendar .entry a, -.p-topics .l-menu .clubs .entry a, -.p-topics .l-menu .contests .contest .title, -.p-topics .l-menu .reviews .entry a, -.p-topics .l-menu .sticky-topics .topic .title, -.p-user_rates-index .l-content .order-control, -.p-user_rates-index .l-content .order-control:hover - color: $text_primary !important - - -/* Цвет основного текста в области при наведении */ -.b-hot_topics .topic a, -.b-forums .forum:hover .link-with-input .link, -.b-image .marker, -.b-video .marker, -.b-video .name, -.p-dashboards-show .contests .contest:hover .title, -.p-profiles .profile-head .c-history .entry:hover .title, -.p-topics .l-menu .calendar .entry:hover a, -.p-topics .l-menu .clubs .entry:hover a, -.p-topics .l-menu .contests .contest:hover .title, -.p-topics .l-menu .reviews .entry:hover a, -.p-topics .l-menu .sticky-topics .topic:hover .title - color: $text_primary !important - - -header.head .notice, -.bar.horizontal .line .x_label, -.bar.vertical .line .x_label, -.b-entry-info .line .b-tag, -.b-catalog_entry-tooltip .inner .line .key, -.b-catalog_entry-tooltip .inner .line .value .tag, -.b-catalog_entry-tooltip .inner .rating, -.b-collection-filters .block > .filter.item-sign:hover, -.b-height_shortener:hover .expand, -.b-lang_trigger:hover span, -.b-lang_trigger span:hover, -.b-show_more, -.b-show_more-more .hide-more, -.b-stats_bar .stat_names:hover:before, -.b-tag, -.block-list li, -.block-list-alt li, -.block-list li a, -.block-list-alt li a, -div.compatibility > a:hover:before, -div.compatibility > a:hover > span:first-child:before, -.item-add:hover, -.l-footer .copyright, -.p-characters .item-edit:hover, -.p-characters .item-edit:active, -.p-contests .match-day > .date .from, -.p-contests .match-day > .date .to, -.p-profiles-edit .b-options-floated > a, -.p-dialogs .b-options-floated > a, -.p-messages .b-options-floated > a, -.p-user_rates-index .list-lines tr td .episodes_total, -.p-user_rates-index .list-lines tr td .rate-text - color: $text_secondary - -header.head h1 > a.back:hover, -header.head h2 > a.back:hover, -header.head h1 > a.back:active, -header.head h2 > a.back:active, -.b-video_player .cc-player_controls .c-control:hover .icon, -.p-animes_collection-index .pagination .link:hover, -.p-mangas_collection-index .pagination .link:hover, -.p-recommendations-index .pagination .link:hover, -.p-userlist_comparer-show .pagination .link:hover, -.b-clubs-menu .block-list li, -.b-clubs-menu .block-list li a, -.b-list_switchers > .switcher:hover, -.c-actions > *:hover, -.editor-controls > span:hover, -.profile-actions > a:hover, -.p-animes .item-edit:hover, -.p-contests .contest-match .prev-match:hover, -.p-contests .contest-match .next-match:hover, -.p-mangas .item-edit:hover, -.p-profiles-show .about .item-edit:hover, -.p-messages .mass-actions .action > a:hover, -.p-topics header h1 a.reload, -.delete-controls > span, -.delete-controls > span:hover, -.main-controls > span, -.main-controls > span:hover, -.main-controls > a, -.main-controls > a:hover, -.buttons .item-edit, -.buttons .item-edit:hover, -.moderation-controls > span, -.moderation-controls > span:hover - color: $text_secondary !important - - -.midheadline, -.subheadline, -.b-animes-menu .menu-topics-block .date, -.b-breadcrumbs, -.b-breadcrumbs a.b-link, -.b-catalog_entry .cover .misc span, -.b-catalog_entry-tooltip .inner .rating .text, -.b-club .info .number, -.b-comment .inner .name-date a.name .normal, -.b-collection-filters .block > .filter.item-sign, -.b-db_entry-note .name-container .note, -.b-entry-info .line .key, -.b-forums .forum .link-with-input input + .link, -.b-forums .forum .topics, -.b-lang_trigger span, -.b-options-floated.count, -.b-quote .quoteable:before, -.b-replies:before, -.b-stats_bar .title, -.b-stats_bar .stat_names:before, -.b-source .contributors .key, -.b-source .mal .key, -.b-source .source .key, -.b-topic-preview > .inner .status-line .about, -.b-topic-preview > .inner .status-line .from, -.b-collection-filters .block-list li:before, -.b-collection-filters .block-list .b-question:before, -div.compatibility > a:before, -div.compatibility > span.link-replacement > span:first-child:before, -div.compatibility > a > span:first-child:before, -.item-add, -.item-mobile, -.item-mobile:hover, -.item-mobile:active, -.l-footer:before, -.l-footer .links a, -.l-top_menu .menu-items .submenu-toggler, -.p-animes_collection-index .pagination .link, -.p-mangas_collection-index .pagination .link, -.p-recommendations-index .pagination .link, -.p-userlist_comparer-show .pagination .link, -.p-characters .item-edit, -.p-contests .contest-match .vs, -.p-contests .contest-match .vs .help, -.p-contests .contest-match .vs .next, -.p-contests .contest-match .vs .finish, -.p-contests .contest-match .vs .refrain, -.p-contests .contest-match .vs .refrained, -.p-contests .match-day .matches-num, -.p-dashboards-show .contests .contest .notice, -.p-db_entries-edit .b-list .field, -.p-profiles .profile-head .c-info .c-additionals b, -.p-topics .l-menu .sticky-topics .topic .notice, -.b-user.detailed .info .last-online, -.b-video_variant .episode-hostings, -.b-video_variant .video-hosting, -.b-video_variant .video-language, -.p-anime_videos-index .c-video_stats .views_count - color: $text_hint - -header.head h1 a.back, -header.head h2 a.back, -.about-bb_codes:before, -.b-db_entry > .c-about .additional-links .key, -.b-list_switchers > .switcher, -.b-user_rate .rate-show .note, -.c-actions > *, -.editor-controls > span, -.profile-actions > a, -.p-clubs-index header.head a.misc, -.p-contests .contest-match .prev-match, -.p-contests .contest-match .next-match, -.p-messages .mass-actions > .action > a, -.p-profiles .profile-head .c-history .entry .misc, -.p-profiles-show .lifetime .title > .label:before, -.p-profiles-show .profile-content .activity .title, -.p-topics .l-menu .calendar .entry .misc, -.p-topics .l-menu .reviews .entry .misc, -.p-topics .l-menu .clubs .entry .misc, -.p-user_rates-index .list-lines tr.edit-form .remove, -.p-user_rates-index .list-lines tr.edit-form .remove:hover, -.p-animes .item-edit, -.p-mangas .item-edit, -.p-profiles-show .about .item-edit, -.p-animes_collection-index .pagination .link, -.p-mangas_collection-index .pagination .link, -.p-recommendations-index .pagination .link, -.p-userlist_comparer-show .pagination .link - color: $text_hint !important - -@media only screen and (min-width: 1025px) - .delete-controls > span, - .moderation-controls > span, - .main-controls > span, - .main-controls > a, - .buttons .item-edit - color: $text_hint !important - - -header.head .misc, -header.head a.edit, -.b-input .hint, -.b-breadcrumbs > span:after, -.b-club .info .value, -.b-comment header a.hash, -.b-comment > .inner header .name-date .time > time, -.b-message > .inner header .name-date .time > time, -.b-nothing_here, -.b-topic > .inner header .name-date .time, -.b-topic > .inner header .name-date .time > time, -.b-topic-preview > .inner .status-line .additional .comments:before, -.b-topic-preview > .inner .status-line .additional .likes:before, -.b-topic-preview > .inner .status-line .time, -.p-moderations-missing_videos .missing-video>.info, -.p-profiles .profile-head .c-brief header .notice span:after, -.b-user.detailed .history .line .date, -.b-video_variant .episode-hostings:before, -.b-video_variant .episode-hostings:after, -.b-video_variant .video-hosting:before, -.b-video_variant .video-hosting:after, -.b-video_variant .video-language:before, -.b-video_variant .video-language:after, -.b-video_variant .video-kind.english:before - color: $text_disabled - -.b-video_player .cc-player_controls .c-control .icon, -.p-animes_collection-index .pagination .link.disabled, -.p-mangas_collection-index .pagination .link.disabled, -.p-recommendations-index .pagination .link.disabled, -.p-userlist_comparer-show .pagination .link.disabled, -.p-animes_collection-index .pagination .link.disabled:hover, -.p-mangas_collection-index .pagination .link.disabled:hover, -.p-recommendations-index .pagination .link.disabled:hover, -.p-userlist_comparer-show .pagination .link.disabled:hover, -.p-profiles .profile-head .c-history .entry .misc.date, -.p-topics .l-menu .calendar .entry .misc.date, -.p-topics .l-menu .reviews .entry .misc.date, -.p-topics .l-menu .clubs .entry .misc.date - color: $text_disabled !important - - -/* PRIMARY COLOR */ -input[type=submit], -.button, -.b-contests-menu .results, -.b-link_button.dark, -.btn-primary, -.b-shiki_editor .links .button.ok, -.b-shiki_editor .images .button.ok, -.b-shiki_editor .quotes .button.ok, -.b-shiki_editor .email .button.ok, -.b-shiki_editor .upload .button.ok, -.p-contests .contest-match .votes-percents .right-part, -.p-contests .contest-match .votes-percents .left-part:hover .right-part, -.p-user_rates .mylist-block + .block > .b-list > li, -.anime-params-controls > .block:first-child > .b-list > li, -.manga-params-controls > .block:first-child > .b-list > li, -.b-stats_bar.anime .bar .first, -.b-stats_bar.anime .bar .second, -.line:nth-child(odd) > .bar-container > .bar, -.line:nth-child(odd) > .bar-container > .bar:hover, -.line:nth-child(even) > .bar-container > .bar, -.line:nth-child(even) > .bar-container > .bar:hover - background-color: $primary - -.p-contests .contest-match .votes-percents .right-part, -.p-contests .contest-match .votes-percents .left-part:hover .right-part, -.b-main_search .input:after - border-color: $primary - -.subheadline > a:hover, -.midheadline > a:hover, -.b-form .cancel:hover, -.b-shiki_editor footer .unpreview:hover, -.b-shiki_editor footer .preview:hover, -.p-contests .contest-match .vs .refrain:hover, -.p-dashboards-show .b-forums > .b-link_button.maxi:hover:after, -.p-profiles-show .b-stats_bar a.title:hover - background-color: rgba($primary, .12) - -input[type=submit]:hover, -.button:hover, -.b-contests-menu .results:hover, -.b-link_button.dark:hover - background-color: $primary_darker - -.b-contests-menu .results, -.b-link_button.dark - color: $primaryBG_color !important - -.b-rate .stars.score, -.b-forums .forum input:checked + .link:before, -.b-collection-filters .block-list .filter, -.b-collection-filters .block-list li.selected:before, -.p-contests .contest-match .vs .refrain, -.p-contests .contest-match .vs .refrain:hover, -.p-contests .contest-match .vs .refrain:active - color: $primary - -.headline > a, -.headline > a:hover, -.headline.linkheadline > a, -.midheadline > a, -.midheadline > a:hover, -.midheadline.linkheadline > a, -.subheadline > a, -.subheadline > a:hover, -.subheadline.linkheadline > a, -.p-dashboards-show .b-forums > .b-link_button.maxi:after, -.b-form .cancel, -.b-shiki_editor footer .unpreview, -.b-shiki_editor footer .unpreview:not(.link):hover, -.b-shiki_editor footer .preview, -.b-stats_bar a.title - color: $primary !important -/* END of PRIMARY COLOR */ - - -/* ACCENT COLOR */ -.menu .unread-count, -.menu:hover .unread-count, -.menu .contest, -.menu:hover .contest, -.p-contests .contest-match .votes-percents .left-part, -.p-contests .contest-match .votes-percents .left-part:hover, -.b-options-floated a span.brackets, -.b-options-floated .link span.brackets, -.b-stats_bar.manga .bar .first, -.b-stats_bar.manga .bar .second, -div.compatibility > a > span.rate, -div.compatibility > span.link-replacement > span.rate - background-color: $accent - -.menu .unread-count:hover, -.menu .contest:hover - background: $accent !important - -.p-profiles-edit .b-options-floated > a.selected, -.p-dialogs .b-options-floated > a.selected, -.p-messages .b-options-floated > a.selected - border-bottom: 2px solid $accent - -.menu .unread-count, -.menu:hover .unread-count, -.menu .contest, -.menu:hover .contest - color: $accentBG_color !important - -.b-rate .stars.hover, -.c-actions .fav-add:hover:before, -.c-actions .fav-remove:before, -.profile-actions .fav-remove:before - color: $accent - -.b-list_switchers > .switcher.selected, -.editor-controls > span.selected - color: $accent !important -/* END of ACCENT COLOR */ - - -/* BACKGROUND COLOR */ -.ac_results, -.b-image .marker, -.b-modal>.inner, -.b-video .marker, -.b-video .name, -.tooltip-inner - background: $background_dialog - -@media screen and (max-width: 599px) - .b-stats_bar .stat_names:hover - background-color: $background_dialog - -.b-link_button, -.b-comments .comments-loader, -.b-comments .comments-hider, -.b-comments .comments-expander, -.b-comments .messages-postloader, -.b-comments .faye-loader, -.b-forum .faye-loader, -.p-animes-show .other-names.click-loader, -.p-mangas-show .other-names.click-loader, -.collapsed - background-color: $background_normal - border-color: $background_hover - -.b-link_button:hover, -.b-comments .comments-loader:hover, -.b-comments .comments-hider:hover, -.b-comments .comments-expander:hover, -.b-comments .messages-postloader:hover, -.b-comments .faye-loader:hover, -.b-forum .faye-loader:hover, -.p-animes-show .other-names.click-loader:hover, -.p-mangas-show .other-names.click-loader:hover, -.collapsed:hover - background-color: $background_hover - border-color: $background_active - -.b-link_button:active, -.b-comments .comments-loader:active, -.b-comments .comments-hider:active, -.b-comments .comments-expander:active, -.b-comments .messages-postloader:active, -.b-comments .faye-loader:active, -.b-forum .faye-loader:active, -.p-animes-show .other-names.click-loader:active, -.p-mangas-show .other-names.click-loader:active, -.collapsed:active - background-color: $background_active - border-color: $border - -.b-quote, .b-quote .b-quote .b-quote - background: $Grey100 - -.b-quote .b-quote, .b-quote .b-quote .b-quote .b-quote - background: $background_normal - -.b-user_rate .rate-show .note, -.p-topics-new .topic_video, -.p-topics-edit .topic_video, -.p-topics-create .topic_video, -.p-topics-update .topic_video, -.p-user_rates-index .list-lines tr.edit-form form - background: $background_normal - -select, -.b-input input, -.b-input textarea, -.b-shiki_editor .body .editor textarea, -.b-shiki_editor .links .link-value, -.b-shiki_editor .images .link-value, -.b-shiki_editor .quotes .link-value, -.b-shiki_editor .email .link-value, -.b-shiki_editor .upload .link-value, -div.compatibility > a:before, -div.compatibility > span.link-replacement > span:first-child:before, -div.compatibility > a > span:first-child:before, -.l-page .menu-toggler .toggler, -.p-contests .match-day .match-link:hover, -.p-contests .match-day .match-link.active, -.p-user_rates-index .list-lines tr td .new-value input, -.p-user_rates-index .l-content .filter input, -.subheadline-input - background: $Grey100 - -.editor textarea.b-comment, -.editor textarea.b-message - background: $Grey100 !important - - -/* Области наведения */ -.b-collection-filters .block > .filter.item-sign, -.b-lang_trigger, -.b-tag, -.block-list li:hover, -.block-list-alt li:hover, -.block-list li.selected, -.block-list-alt li.selected, -.b-entry-info .line .b-tag, -.b-catalog_entry-tooltip .inner .line .value .tag, -.b-hot_topics .topic a, -.b-forums .forum:hover, -.b-show_more:hover, -.b-show_more-more .hide-more:hover, -.b-stats_bar .stat_names:hover:before, -.history-interval p:hover, -.p-profiles .profile-head .c-history .entry:hover a, -.p-topics .l-menu .sticky-topics .topic:hover, -.p-dashboards-show .contests .contest:hover, -.p-topics .l-menu .calendar .entry:hover a, -.p-topics .l-menu .clubs .entry:hover a, -.p-topics .l-menu .contests .contest:hover, -.p-topics .l-menu .reviews .entry:hover a, -.p-user_rates-index .list-lines .selectable:hover, -.p-user_rates-index .l-content .order-control:hover, -.p-animes_collection-index .pagination .link:hover, -.p-mangas_collection-index .pagination .link:hover, -.p-recommendations-index .pagination .link:hover, -.p-userlist_comparer-show .pagination .link:hover - background-color: $background_normal - -.block-list li:active, -.block-list-alt li:active, -.p-contests .match-day .match-link:active - background-color: $background_normal !important - -.p-dialogs header.head, -.p-messages header.head, -.p-profiles-edit header.head, -.p-profiles-edit .b-options-floated, -.p-dialogs .b-options-floated, -.p-messages .b-options-floated - background-color: $background_hover - -.b-hot_topics .topic a:hover - background-color: $background_hover - - -/* Кнопки при наведении */ -div.compatibility > a:hover:before, -div.compatibility > a:hover > span:first-child:before, -.b-video_player .cc-player_controls .c-control:hover .icon, -.p-animes_collection-index .pagination .link:hover, -.p-mangas_collection-index .pagination .link:hover, -.p-recommendations-index .pagination .link:hover, -.p-userlist_comparer-show .pagination .link:hover, -.b-collection-filters .block > .filter.item-sign:hover, -.b-lang_trigger:hover, -.b-list_switchers > .switcher:hover, -.b-tag:hover, -.b-entry-info .line .b-tag:hover, -.b-catalog_entry-tooltip .inner .line .value .tag:hover, -.b-user_rate .rate-show .rate-number .item-add:hover, -.p-animes .item-edit:hover, -.p-characters .item-edit:hover, -.p-contests .contest-match .prev-match:hover, -.p-contests .contest-match .next-match:hover, -.p-mangas .item-edit:hover, -.p-profiles-show .about .item-edit:hover, -.p-messages .mass-actions .action > a:hover, -.p-user_rates-index .list-lines tr.edit-form .remove:hover, -.delete-controls > span:hover, -.moderation-controls > span:hover, -.main-controls > span:hover, -.main-controls > a:hover, -.buttons .item-edit:hover, -.editor-controls > span:hover, -.c-actions > *:hover, -.about-bb_codes:hover, -.profile-actions > *:hover, -.item-mobile:hover, -.item-mobile:active, -header.head h1 > a.back:hover, -header.head h2 > a.back:hover - background-color: $button_hover - - -/* ЦВЕТ ГРАНИЦ ЭЛЕМЕНТОВ */ -hr, -.b-db_entry-note:before, -.b-dialog:before, -.b-message:before, -.b-comment:before, -.p-contests .match-day:before, -.p-profiles .profile-head .c-history .entry:before, -.p-topics .l-menu .calendar .entry:before, -.p-topics .l-menu .reviews .entry:before, -.p-topics .l-menu .clubs .entry:before - background-color: $border - -select, -.b-input input, -.b-input textarea, -.b-topic, -.b-shiki_editor .body .editor textarea, -.b-shiki_editor .links .link-value, -.b-shiki_editor .images .link-value, -.b-shiki_editor .quotes .link-value, -.b-shiki_editor .email .link-value, -.b-shiki_editor .upload .link-value, -.b-quote, -.l-page .menu-toggler .toggler, -.p-topics-new .topic_video, -.p-topics-edit .topic_video, -.p-topics-create .topic_video, -.p-topics-update .topic_video, -.p-user_rates-index .list-lines tr.edit-form form, -.p-user_rates-index .list-lines tr td .new-value input, -.p-user_rates-index .l-content .filter input, -.subheadline-input - border-color: $border - - -/* ОСОБЫЕ ЦВЕТА */ - -.b-entry-info .line .b-tag:active, -.b-catalog_entry-tooltip .inner .line .value .tag:active - background-color: $border - -.b-rate .stars.background - color: $border -.b-stats_bar .bar .third - background: $border From 66d04795e8708da6ee6562f9d07cbff639fc5afa Mon Sep 17 00:00:00 2001 From: grin3671 Date: Sun, 2 Apr 2017 18:18:42 +0300 Subject: [PATCH 03/19] Update README.md --- README.md | 18 ++++++++++-------- 1 file changed, 10 insertions(+), 8 deletions(-) diff --git a/README.md b/README.md index 2d2c557..44b28f2 100644 --- a/README.md +++ b/README.md @@ -8,7 +8,9 @@ * [Темная тема](../master/beta/theme-dark.css) * [Темная тема + Обложка](../master/beta/theme-dark-cover.css) -Выберите подходящий вам готовый вариант, скопируйте исходный код в настройки вашего профиля. Все свои настройки указывайте в конце стиля в разделе "Мои настройки": +Выберите подходящий вам готовый вариант, скопируйте исходный код в настройки вашего профиля. + +**Важно!** Все свои изменения указывайте в конце стиля в разделе "Мои настройки": ```css /* МОИ НАСТРОЙКИ */ @@ -33,21 +35,21 @@ ###### Структура стиля 1. Копирайт -2. Шрифт Roboto ¹ +2. Настройки шрифта 3. Настройки цвета -4. Минифицированный стиль -5. Экспериментальные функции ¹ -6. Обложка ¹ +4. Основной файл стиля +5. Обложка ¹ +6. Экспериментальные функции ¹ 7. Дополнительные части ¹ -8. Мои настройки +8. "Мои настройки" > ¹ Если необходимы. ###### Настройки цвета Следующий файл содержит настройки почти всех цветов сайта, доступных для изменения с помощью переменных языка `Sass`: -> https://github.com/grin3671/shiki-theme/blob/master/color/settings.sass +> https://github.com/grin3671/shiki-theme/blob/master/custom/color.sass -Используйте сайт http://sassmeister.com, чтобы конвертировать `Sass` в `CSS`. В меню сайта "Options" смените синтаксис "Syntax" на `Sass`. +Используйте сайт http://sassmeister.com, чтобы конвертировать `Sass` в `CSS`. В меню сайта "Options" смените синтаксис "Syntax" на `Sass`. Готовый код можно скопировать в "Мои настройки", но, так как размер кода слишком большой, лучше заменить им [эту](../master/beta/theme-light.css#L43-L1394) часть готового стиля. ###### Прочее Остальные части темы можно скопировать из готовой темы. From 42e245fef77f54cbbd53628da3db12c72ac96e13 Mon Sep 17 00:00:00 2001 From: grin3671 Date: Fri, 7 Apr 2017 09:13:11 +0300 Subject: [PATCH 04/19] fix ie11 menu bag --- custom/main.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/custom/main.css b/custom/main.css index 65a7b7f..71595b8 100644 --- a/custom/main.css +++ b/custom/main.css @@ -995,7 +995,7 @@ select { padding: 0; margin: 0; margin-left: 0; - background-color: initial; + background-color: transparent; color: inherit; overflow: initial; overflow-y: visible; From db8e1056a227f0c4d9a92152ea871bf1ad611473 Mon Sep 17 00:00:00 2001 From: grin3671 Date: Sat, 29 Apr 2017 05:01:45 +0300 Subject: [PATCH 05/19] css beautify --- custom/main.css | 1640 +++++++++++++++++++++++++++++++++++------------ 1 file changed, 1221 insertions(+), 419 deletions(-) diff --git a/custom/main.css b/custom/main.css index 71595b8..db922e5 100644 --- a/custom/main.css +++ b/custom/main.css @@ -63,6 +63,8 @@ input { + + /* MAIN BLOCKS */ body { position: relative; @@ -140,6 +142,9 @@ body { /* END of MAIN BLOCKS */ + + + /* ВЫСОТА СТРОКИ */ .cc-2a > .c-column, .block, @@ -154,8 +159,11 @@ body { } } -/* ЗАКРУГЛЕНИЕ */ + + + +/* ЗАКРУГЛЕНИЕ */ .b-comments .comments-loader, .b-comments .comments-hider, .b-comments .comments-expander, @@ -219,19 +227,20 @@ header.head h2 a.back, .l-page .menu-slide-outer .menu-slide-inner { width: 100%; } + .menu-slide-outer.x199 .l-content, .menu-slide-outer.x240 .l-content { - float: none; - width: 100%; - margin: 0; + float: none; + width: 100%; + margin: 0; } } -@media screen and (min-width: 481px) and (max-width: 767px), - screen and (max-width: 767px) and (orientation: landscape) { +@media screen and (min-width: 481px) and (max-width: 767px), screen and (max-width: 767px) and (orientation: landscape) { .l-page .menu-slide-outer .menu-slide-inner { width: 100%; } + .menu-slide-outer.x199 .l-content, .menu-slide-outer.x240 .l-content { float: none; @@ -250,17 +259,13 @@ header.head h2 a.back, .l-page .menu-slide-outer.x240.ipad-expanded .menu-slide-inner { width: 100%; } + .menu-slide-outer.x199 .l-content, .menu-slide-outer.x240 .l-content { float: none; width: 100%; margin-right: 0; } - - .menu-slide-outer.x199 .l-menu, - .menu-slide-outer.x240 .l-menu { - - } } @media screen and (max-width: 1024px) { @@ -270,7 +275,25 @@ header.head h2 a.back, } /* ОБЩИЕ КЛАССЫ */ -.p0, .m0, .m1, .m2, .m3, .m4, .m5, .m6, .m7, .m8, .m10, .m12, .m13, .m15, .m20, .m25, .m30, .m40, .m50 { +.p0, +.m0, +.m1, +.m2, +.m3, +.m4, +.m5, +.m6, +.m7, +.m8, +.m10, +.m12, +.m13, +.m15, +.m20, +.m25, +.m30, +.m40, +.m50 { margin-bottom: .5rem !important; } @@ -288,6 +311,7 @@ hr { .ajax-loading.vk-like { min-height: 1.5rem; } + .b-ajax:before { opacity: .75; } @@ -296,43 +320,21 @@ hr { .b-list { margin: .5rem 0 .5rem 2rem; } + .b-list li { margin: 0; line-height: 1.5; list-style-type: disc; list-style-image: none; } + .b-list li + li { margin: 1rem 0 0 0; } -.b-list .b-list li + li { - margin: 0; -} -/* TODO: Убрать -.b-image, -.b-video { - display: inline-block; - vertical-align: top; - margin: .5rem .5rem 0 0; -} -.b-image:last-child, -.b-video:last-child { - margin: .5rem 0 0 0; -} -.b-image > img { - display: block; -} -.solid .b-image { +.b-list .b-list li + li { margin: 0; } -.b-image .normalized_width { - display: initial; -} -.b-shiki_wall .b-video { - margin-top: 0; -} -*/ .b-height_shortener { position: relative; @@ -473,27 +475,39 @@ header.head h1, header.head h2 { font-family: inherit; } + header.head .notice { margin: .5rem 0; font-size: .875rem; line-height: 1.25rem; } + header.head h1 ~ .notice, header.head h2 ~ .notice { margin-top: -.5rem; } -.b-breadcrumbs > span:after { content: '»'; } +.b-breadcrumbs { + margin: 0; + line-height: 1rem; +} + +.b-breadcrumbs > span:after { + content: '»'; +} +/* Всплывающая подсказка */ .tipsy { padding: .875rem; font-size: .875rem; opacity: .9 !important; pointer-events: none; } + .tipsy-arrow { display: none; } + .tipsy-inner { padding: .375rem 1rem; background-color: #616161; @@ -502,7 +516,6 @@ header.head h2 ~ .notice { box-shadow: none; } - input { font-family: inherit; font-size: inherit; @@ -634,7 +647,7 @@ select { } .btn { - line-height: 2rem; + line-height: 2rem; } .b-contests-menu .results { @@ -655,12 +668,18 @@ select { .b-contests-menu .results, .b-forums > .b-link_button.maxi, -.b-link_button.create-topic { margin-right: 0; } - -.l-page .menu-toggler { top: 64px; z-index: 9; } -.p-user_rates-index .l-page .menu-toggler { top: -96px; } +.b-link_button.create-topic { + margin-right: 0; +} +.l-page .menu-toggler { + top: 64px; + z-index: 9; +} +.p-user_rates-index .l-page .menu-toggler { + top: -96px; +} .history-interval, .mischeadline, @@ -674,6 +693,7 @@ select { .block { line-height: 1.25rem; } + .text { margin-left: 0 !important; } @@ -683,11 +703,6 @@ select { color: inherit; } -.b-breadcrumbs { - margin: 0; - line-height: 1rem; -} - .block-list li, .block-list-alt li { line-height: 1.5rem; @@ -710,8 +725,9 @@ select { line-height: 2rem; } -.b-user.named_avatar .name {margin: auto;} - +.b-user.named_avatar .name { + margin: auto; +} /* FIX: BACKFACE VISIBILITY */ .anime-params-controls > .block:first-child > .b-list > li:after, @@ -721,12 +737,14 @@ select { .p-user_rates .mylist-block + .block > .b-list > li:after, .p-user_rates .mylist-block + .block > .b-list > li:before { -webkit-backface-visibility: hidden; - -moz-backface-visibility; + -moz-backface-visibility: hidden; backface-visibility: hidden; } + + /** * TOPMENU * Изменение верхнего меню сайта. @@ -736,70 +754,103 @@ select { /* НАСТРОЙКА ЦВЕТОВ МЕНЮ */ /* ОСНОВНОЕ МЕНЮ */ /* Фон меню */ -.l-top_menu:before { background-color: #212121; } +.l-top_menu:before { + background-color: #212121; +} + /* Цвет текста в меню */ -.l-top_menu { color: #FAFAFA; } +.l-top_menu { + color: #FAFAFA; +} + /* Цвет текста пунктов меню при наведении */ /* Цвет текста активных пунктов меню */ - /* По умолчанию: цвет текста наследуется от меню */ -.l-top_menu .menu-items>.entry.selected, -.l-top_menu .menu-items>.entry>a:active { +/* По умолчанию: цвет текста наследуется от меню */ +.l-top_menu .menu-items > .entry.selected, +.l-top_menu .menu-items > .entry > a:active { color: inherit !important; } + /* Цвет текста пунктов меню при наведении */ /* По умолчанию: цвет текста наследуется от меню */ -.l-top_menu .menu-items>.entry:hover { +.l-top_menu .menu-items > .entry:hover { color: inherit; } + /* ВЫПАДАЮЩЕЕ МЕНЮ */ @media only screen and (min-width: 1025px) { /* Цвет фона выпадающего меню при наведении */ .l-top_menu .submenu, - .b-main_search ul.popup { background: #424242; } + .b-main_search ul.popup { + background: #424242; + } /* Цвет пунктов выпадающего меню при щелчке */ /* Цвет активных пунктов выпадающего меню */ /* По умолчанию: затемненный цвет фона выпадающего меню */ - .l-top_menu .submenu>.entry:active, - .l-top_menu .submenu>.entry.active, + .l-top_menu .submenu > .entry:active, + .l-top_menu .submenu > .entry.active, .b-main_search .popup li:active, - .b-main_search .popup li.active { background-color: rgba(0, 0, 0, .24); } + .b-main_search .popup li.active { + background-color: rgba(0, 0, 0, .24); + } /* Цвет пунктов выпадающего меню при наведении */ /* По умолчанию: осветленный цвет фона выпадающего меню */ - .l-top_menu .submenu>.entry:hover, - .b-main_search .popup li:hover { background-color: rgba(255, 255, 255, .24); } + .l-top_menu .submenu > .entry:hover, + .b-main_search .popup li:hover { + background-color: rgba(255, 255, 255, .24); + } /* Цвет текста выпадающих меню */ /* По умолчанию: цвет текста наследуется от меню */ - .l-top_menu .menu-search>.entry, - .l-top_menu .menu-userbox>.entry, - .l-top_menu .submenu { color: inherit; } + .l-top_menu .menu-search > .entry, + .l-top_menu .menu-userbox > .entry, + .l-top_menu .submenu { + color: inherit; + } /* Цвет текста выпадающих меню при щелчке */ /* Цвет текста активных пунктов выпадающего меню */ /* По умолчанию: цвет текста наследуется от выпадающего меню */ - .l-top_menu .submenu>.entry:active, - .l-top_menu .submenu>.entry.active, + .l-top_menu .submenu > .entry:active, + .l-top_menu .submenu > .entry.active, .b-main_search .popup li:active, - .b-main_search .popup li.active { color: inherit; } + .b-main_search .popup li.active { + color: inherit; + } /* Цвет текста выпадающих меню при наведении */ /* По умолчанию: цвет текста наследуется от выпадающего меню */ - .l-top_menu .submenu>.entry:hover, - .b-main_search .popup li:hover { color: inherit; } - + .l-top_menu .submenu > .entry:hover, + .b-main_search .popup li:hover { + color: inherit; + } /* ЦВЕТА ПОИСКА */ /* Фон строки поиска */ - .b-main_search .input { background: rgba(242,242,242,.32); } + .b-main_search .input { + background: rgba(242,242,242,.32); + } + /* Набираемый текст в строке поиска */ - .b-main_search .input input { color: #fff; } + .b-main_search .input input { + color: #fff; + } + /* Вспомогательный текст в строке поиска */ - .b-main_search input::-webkit-input-placeholder { color: #ddd; } - .b-main_search input:-moz-placeholder { color: #ddd; } - .b-main_search input::-moz-placeholder { color: #ddd; } - .b-main_search input:-ms-input-placeholder { color: #ddd; } + .b-main_search input::-webkit-input-placeholder { + color: #ddd; + } + .b-main_search input:-moz-placeholder { + color: #ddd; + } + .b-main_search input::-moz-placeholder { + color: #ddd; + } + .b-main_search input:-ms-input-placeholder { + color: #ddd; + } } /* ЦВЕТ ИКОНОК в меню (для мобильной версии) */ @@ -826,10 +877,14 @@ select { .l-top_menu:before { content: ''; position: absolute; - top: 0; right: 0; bottom: 0; left: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; opacity: 1; transition: .3s; } + .l-top_menu { position: fixed; top: 0; @@ -853,11 +908,13 @@ select { .l-top_menu { padding: 4px 0; /* padding: 0; для наименьшего размера меню (48px) */ } + /* NOTE: Максимальное разрешение SONY Xperia Z Ultra: 960x540px */ @media screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape) { .l-top_menu { padding: 0; } + .l-page { padding-top: 64px; } @@ -876,6 +933,7 @@ select { margin: 0 0 0 32px; color: inherit !important; } + .l-top_menu .inner .logo { float: none; position: static; @@ -885,6 +943,7 @@ select { margin: 0; background: none; } + .l-top_menu .inner .logo:before { content: 'Главная'; display: block; @@ -892,6 +951,7 @@ select { font-size: 16px; line-height: 22px; } + @media only screen and (min-width: 320px) { .l-top_menu .inner .logo:before { content: 'Shikimori'; @@ -899,6 +959,7 @@ select { text-transform: uppercase; } } + @media only screen and (min-width: 480px) { .l-top_menu .inner .logo:before { content: 'Shikimori'; @@ -917,20 +978,26 @@ select { padding: 8px; margin: 4px !important; } + .l-top_menu .to-mobile-forum:before { width: 1.5rem; line-height: 1.5rem; text-align: center; font-size: 24px; } + .l-top_menu .mobile-menu-toggler, .l-top_menu .mobile-search-toggler { position: absolute; top: 0; z-index: 10; /* TODO: убрать, потестить */ } -.l-top_menu .mobile-menu-toggler { left: 0; } -.l-top_menu .mobile-search-toggler { right: 56px; } +.l-top_menu .mobile-menu-toggler { + left: 0; +} +.l-top_menu .mobile-search-toggler { + right: 56px; +} /* Перерисовываем меню сайта под Material */ .l-top_menu .mobile-menu-toggler.active { @@ -944,6 +1011,7 @@ select { z-index: 12; opacity: .48; } + .l-top_menu .menu-items { position: absolute; top: 0; @@ -955,12 +1023,14 @@ select { overflow-y: auto; z-index: 13; } + /* EXPERIMENTAL > ANIMATED MOBILE MENU */ .l-top_menu .menu-items { display: block; transform: translate(-100%, 0); transition: 240ms ease-out; } + .l-top_menu .menu-items.active { transform: translate(0, 0); } @@ -985,6 +1055,7 @@ select { .l-top_menu .to-mobile-forum { display: none; } + .l-top_menu .menu-items { display: inline-block; vertical-align: top; @@ -1037,60 +1108,65 @@ select { height: 272px; } - .l-top_menu .menu-items>.entry.calendar>a, - .l-top_menu .menu-items>.entry.info>a { + .l-top_menu .menu-items > .entry.calendar > a, + .l-top_menu .menu-items > .entry.info > a { padding: 0.9375rem; } - .l-top_menu .menu-items>.entry.calendar>a:before, - .l-top_menu .menu-items>.entry.info>a:before { + .l-top_menu .menu-items > .entry.calendar > a:before, + .l-top_menu .menu-items > .entry.info > a:before { display: block !important; } - .l-top_menu .menu-items>.entry.calendar>a:after, - .l-top_menu .menu-items>.entry.info>a:after { + .l-top_menu .menu-items > .entry.calendar > a:after, + .l-top_menu .menu-items > .entry.info > a:after { display: none; } } -.l-top_menu .menu-items>.entry { +.l-top_menu .menu-items > .entry { float: none; display: block; padding: 0; border: 0; line-height: inherit; } + @media (min-width: 1025px) { - .l-top_menu .menu-items>.entry { + .l-top_menu .menu-items > .entry { display: inline-block; vertical-align: top; } } -.l-top_menu .menu-items>.entry.selected, -.l-top_menu .menu-items>.entry:hover { + +.l-top_menu .menu-items > .entry.selected, +.l-top_menu .menu-items > .entry:hover { background-color: transparent; } -.l-top_menu .menu-items>.entry>a, -.l-top_menu .menu-items>.entry.sign_out { + +.l-top_menu .menu-items > .entry > a, +.l-top_menu .menu-items > .entry.sign_out { padding: 1rem; margin: 0; font-size: inherit; line-height: 1rem; } -.l-top_menu .menu-items>.entry>a.contest { +.l-top_menu .menu-items > .entry > a.contest { width: 48px; height: 48px; padding: 12px !important; background: inherit; } -.l-top_menu .menu-items>.entry>a.contest:before { + +.l-top_menu .menu-items > .entry > a.contest:before { width: 24px !important; font-size: 24px !important; color: #444; } + @media only screen and (min-width: 1025px) { - .l-top_menu .menu-items>.entry>a.contest { + .l-top_menu .menu-items > .entry > a.contest { width: 40px; height: 40px; padding: 11px !important; @@ -1098,7 +1174,8 @@ select { background: transparent; border-radius: 2px; } - .l-top_menu .menu-items>.entry>a.contest:before { + + .l-top_menu .menu-items > .entry > a.contest:before { position: static; width: 18px !important; margin: 0; @@ -1108,35 +1185,39 @@ select { } /* Текст вместо иконок в верхнем меню */ -.l-top_menu .menu-items>.entry.calendar>a, -.l-top_menu .menu-items>.entry.info>a { +.l-top_menu .menu-items > .entry.calendar > a, +.l-top_menu .menu-items > .entry.info > a { padding: 1rem; margin: 0; line-height: 1rem; } -.l-top_menu .menu-items>.entry.calendar>a:before, -.l-top_menu .menu-items>.entry.info>a:before { + +.l-top_menu .menu-items > .entry.calendar > a:before, +.l-top_menu .menu-items > .entry.info > a:before { display: none !important; } -.l-top_menu .menu-items>.entry.calendar>a:after { + +.l-top_menu .menu-items > .entry.calendar > a:after { content: 'Календарь онгоингов'; } -.l-top_menu .menu-items>.entry.info>a:after { + +.l-top_menu .menu-items > .entry.info > a:after { content: 'Информация'; } + @media only screen and (min-width: 1025px) { - .l-top_menu .menu-items>.entry.calendar>a, - .l-top_menu .menu-items>.entry.info>a { + .l-top_menu .menu-items > .entry.calendar > a, + .l-top_menu .menu-items > .entry.info > a { padding: 0.9375rem; } - .l-top_menu .menu-items>.entry.calendar>a:before, - .l-top_menu .menu-items>.entry.info>a:before { + .l-top_menu .menu-items > .entry.calendar > a:before, + .l-top_menu .menu-items > .entry.info > a:before { display: block !important; } - .l-top_menu .menu-items>.entry.calendar>a:after, - .l-top_menu .menu-items>.entry.info>a:after { + .l-top_menu .menu-items > .entry.calendar > a:after, + .l-top_menu .menu-items > .entry.info > a:after { display: none; } } @@ -1147,8 +1228,12 @@ select { min-width: 112px; border: 0; } -.b-main_search .popup li { transition: 0s; } -.l-top_menu .submenu>.entry { + +.b-main_search .popup li { + transition: 0s; +} + +.l-top_menu .submenu > .entry { height: 2rem; padding: .5rem 1rem; background-color: transparent; @@ -1156,11 +1241,13 @@ select { font-size: .875rem; line-height: 1rem; } -.l-top_menu .submenu>.entry:first-child, + +.l-top_menu .submenu > .entry:first-child, .b-main_search ul.popup li:first-child { margin-top: .5rem; } -.l-top_menu .submenu>.entry:last-child, + +.l-top_menu .submenu > .entry:last-child, .b-main_search ul.popup li:last-child { margin-bottom: .5rem; } @@ -1173,17 +1260,20 @@ select { margin: 0; z-index: 10; } + .l-top_menu .menu-items .submenu-toggler:before { width: 24px; line-height: 24px; } @media screen and (min-width: 1025px) { -.l-top_menu .menu-items .submenu-toggler, -.l-top_menu .inner .sign_out { display: none; } + .l-top_menu .menu-items .submenu-toggler, + .l-top_menu .inner .sign_out { + display: none; + } - .l-top_menu .menu-items>.entry { - color: inherit; /* #FAFAFA */ + .l-top_menu .menu-items > .entry { + color: inherit; } } @@ -1194,15 +1284,19 @@ select { } + + /* TOPMENU | SEARCH */ .l-top_menu .menu-search { padding: 8px 0; } + @media screen and (min-width: 1025px) { .l-top_menu .menu-search { padding: 0; } - .l-top_menu .menu-search>.entry { + + .l-top_menu .menu-search > .entry { width: 234px; padding: 8px 0 !important; } @@ -1212,6 +1306,7 @@ select { padding-right: 8px !important; padding-left: 8px !important; } + .b-main_search .input { position: relative; width: auto; @@ -1220,10 +1315,12 @@ select { margin: 0; transition: background .3s; } + .b-main_search.hovered .popup { border: 0; font-size: .875rem; } + .b-main_search ul.popup li { width: auto; height: 2rem; @@ -1233,6 +1330,7 @@ select { font-size: .875rem; line-height: 1rem; } + .b-main_search .input input { width: 100%; padding: 0 1rem; @@ -1240,10 +1338,12 @@ select { font-size: 1rem; line-height: 2rem; } + .b-main_search .input input.ac_loading { width: 100%; padding: 0 1rem; } + .b-main_search ul.popup { width: inherit; } @@ -1257,6 +1357,7 @@ select { border: 0; box-shadow: 0 2px 8px 2px rgba(0,0,0,.24); } + .ac_results, .completable-block { font-size: .75rem; @@ -1265,6 +1366,7 @@ select { .ac_odd { background-color: rgba(0,0,0,.24); } + .ac_over { background-color: rgba(255,255,255,.24); } @@ -1274,23 +1376,35 @@ select { border: none; line-height: 2rem; } + .b-main_search ul.popup, .b-main_search.hovered .popup { margin: 0; } + .ac_results.menu-suggest, .completable-block.menu-suggest { margin-top: -17px; margin-left: 6px; } -.ac_results .name { font-size: 14px; } +.ac_results .name { + font-size: 14px; +} + .ac_results .name > strong { background-color: #ff0; color: #111; } -.ac_results .character-suggest .animes { line-height: 1.25rem; } -.ac_results .character-suggest .animes > div { margin: 2px 0 0; } + +.ac_results .character-suggest .animes { + line-height: 1.25rem; +} + +.ac_results .character-suggest .animes > div { + margin: 2px 0 0; +} + .ac_results .character-suggest .avatar { width: 40px; height: auto; @@ -1309,13 +1423,14 @@ select { right: 0; } -.l-top_menu .menu-userbox>.entry { +.l-top_menu .menu-userbox > .entry { position: relative; height: 48px; padding: 0 !important; margin: 0 .5rem 0 1rem !important; cursor: default; } + .entry.userbox > .avatar { display: inline-block; vertical-align: top; @@ -1325,16 +1440,21 @@ select { margin: 8px; border-radius: 100%; } + .entry.userbox > .avatar:after { content: ''; display: block; position: absolute; - top: 0; left: 0; + top: 0; + left: 0; width: inherit; height: inherit; border-radius: 100%; } -.entry.userbox > .avatar > img { height: inherit; } + +.entry.userbox > .avatar > img { + height: inherit; +} .userbox > a .graphics-arrow-down, .l-top_menu .menu-search .arrow-container, @@ -1346,7 +1466,9 @@ select { @media screen and (max-width: 1024px) { .userbox img.avatar, - .menu .unread-count { margin-top: 0; } + .menu .unread-count { + margin-top: 0; + } } .menu .unread-count { @@ -1367,6 +1489,8 @@ select { } /* END of USERBOX */ + + /* TOPMENU | ICON */ .l-top_menu .menu-mobile .search, .l-top_menu .menu-mobile .menu, @@ -1378,6 +1502,7 @@ select { margin: 4px; margin-left: 4px !important; } + .l-top_menu .menu-mobile #sign_in, .l-top_menu .menu-userbox #sign_in { width: 40px; @@ -1386,6 +1511,7 @@ select { margin: 4px; margin-left: 4px !important; } + @media (min-width: 1025px) { .l-top_menu .menu-mobile #sign_in, .l-top_menu .menu-userbox #sign_in { @@ -1407,6 +1533,7 @@ select { * PAGINATION * */ + /* Делаем пагинацию более удобной */ .p-animes_collection-index .pagination, .p-mangas_collection-index .pagination, @@ -1417,6 +1544,7 @@ select { font-size: 14px; line-height: 32px; } + /* Добавляем разной ерунды */ .p-animes_collection-index .pagination > *, .p-mangas_collection-index .pagination > *, @@ -1424,6 +1552,7 @@ select { .p-userlist_comparer-show .pagination > * { vertical-align: top; } + .p-animes_collection-index .pagination .link, .p-mangas_collection-index .pagination .link, .p-recommendations-index .pagination .link, @@ -1434,30 +1563,35 @@ select { margin: -4px 8px; font-size: 0; } + .p-animes_collection-index .pagination .link:first-child, .p-mangas_collection-index .pagination .link:first-child, .p-recommendations-index .pagination .link:first-child, .p-userlist_comparer-show .pagination .link:first-child { margin-left: 0; } + .p-animes_collection-index .pagination .link:last-child, .p-mangas_collection-index .pagination .link:last-child, .p-recommendations-index .pagination .link:last-child, .p-userlist_comparer-show .pagination .link:last-child { margin-right: 0; } + .p-animes_collection-index .pagination .link:hover, .p-mangas_collection-index .pagination .link:hover, .p-recommendations-index .pagination .link:hover, .p-userlist_comparer-show .pagination .link:hover { text-decoration: none; } + .p-animes_collection-index .pagination .link.disabled:hover, .p-mangas_collection-index .pagination .link.disabled:hover, .p-recommendations-index .pagination .link.disabled:hover, .p-userlist_comparer-show .pagination .link.disabled:hover { background-color: transparent; } + .p-animes_collection-index .pagination .link:before, .p-mangas_collection-index .pagination .link:before, .p-recommendations-index .pagination .link:before, @@ -1484,12 +1618,14 @@ select { /* Support for IE. */ font-feature-settings: 'liga'; } + .p-animes_collection-index .pagination .link.link-prev:before, .p-mangas_collection-index .pagination .link.link-prev:before, .p-recommendations-index .pagination .link.link-prev:before, .p-userlist_comparer-show .pagination .link.link-prev:before { content: 'chevron_left'; } + .p-animes_collection-index .pagination .link.link-next:before, .p-mangas_collection-index .pagination .link.link-next:before, .p-recommendations-index .pagination .link.link-next:before, @@ -1497,7 +1633,9 @@ select { content: 'chevron_right'; } - +/* ***************** */ +/* END of PAGINATION */ +/* ***************** */ @@ -1535,11 +1673,13 @@ select { text-transform: uppercase; overflow: initial; } + .midheadline > a, .subheadline > a { vertical-align: top; margin: -.5rem -1rem; } + .midheadline > a, .subheadline > a, .b-form .cancel, @@ -1554,7 +1694,8 @@ select { line-height: 2rem !important; text-transform: uppercase; } -.headline>a:before, + +.headline > a:before, .midheadline > a:before, .subheadline > a:before { right: 0; @@ -1562,16 +1703,17 @@ select { text-align: right; opacity: 0; } + .headline.linkheadline > a, .linkheadline.midheadline > a, .linkheadline.subheadline > a { text-decoration: none; } - .subheadline .misc-link { float: right; } + .subheadline-input { padding: 5px 8px; margin-top: 8px !important; @@ -1579,16 +1721,19 @@ select { font-size: 14px; line-height: inherit !important; } + .subheadline-buttons { right: 0; margin: 0; } + /* HOVER */ .headline > a:hover, .midheadline > a:hover, .subheadline > a:hover { text-decoration: none; } + .subheadline-buttons .item-edit, .p-characters .item-edit { display: inline-block; @@ -1597,12 +1742,14 @@ select { padding: 8px; margin: 4px 0; } + @media only screen and (min-width: 768px) { - .b-options-floated.r-edit { margin-right: 48px; } + .b-options-floated.r-edit { + margin-right: 48px; + } } /* END of SUBHEADER */ -/**/ @@ -1615,9 +1762,11 @@ select { padding: 16px 0; margin-bottom: 0; } + .p-contests .contest-match .current-match .match-members:last-child { margin-bottom: 0 !important; } + .p-contests .contest-match .vs .refrain { display: inline-block; padding: 0 16px; @@ -1625,14 +1774,17 @@ select { line-height: 32px; text-transform: uppercase; } + .p-contests .contest-match .vs .refrain:hover { text-decoration: none; } + .p-contests .match-day { position: relative; margin-bottom: 16px; text-align: center; } + .p-contests .match-day:before { content: ''; display: block; @@ -1642,7 +1794,8 @@ select { left: 0; height: 1px; } -.p-contests .match-day>.date { + +.p-contests .match-day > .date { position: relative; display: inline-block; padding: 0 16px; @@ -1650,17 +1803,21 @@ select { text-align: center; text-transform: uppercase; } -.p-contests .match-day>.date .from, -.p-contests .match-day>.date .to { + +.p-contests .match-day > .date .from, +.p-contests .match-day > .date .to { margin-right: 8px; } -.p-contests .match-day>.date .to { + +.p-contests .match-day > .date .to { margin-left: 8px; } + .p-contests .match-day .match-link { padding-left: 0; text-align: left; } + .p-contests .match-day .match-link .c-column { line-height: 32px; } @@ -1698,38 +1855,47 @@ select { /* Support for IE. */ font-feature-settings: 'liga'; } + .p-contests .match-day .match-link .created:before { color: #9B9B9B; content: "lock"; padding-right: 0; } + .p-contests .match-day .match-link .started:before { content: "check_box_outline_blank"; color: #757575; } + .p-contests .match-day .match-link.voted-none .started:before { color: #9B9B9B; } + .p-contests .match-day .match-link.voted-left .started:first-child:before, .p-contests .match-day .match-link.voted-right .started:last-child:before { content: "check_box"; } + .p-contests .match-day .match-link.voted-left .started:last-child:before, .p-contests .match-day .match-link.voted-right .started:first-child:before { content: 'indeterminate_check_box'; } + .p-contests .match-day .match-link .winner:before { content: "thumb_up"; } + .p-contests .match-day .match-link .loser:before { content: "thumb_down"; padding-right: 0; } + .p-contests .match-day .match-link.voted-left .started:first-child:before, .p-contests .match-day .match-link.voted-right .started:last-child:before, .p-contests .match-day .match-link .winner:before { color: #66BB6A; /* Зеленый цвет */ } + .p-contests .match-day .match-link.voted-left .started:last-child:before, .p-contests .match-day .match-link.voted-right .started:first-child:before, .p-contests .match-day .match-link .loser:before { @@ -1743,9 +1909,10 @@ select { font-size: 16px; } -.p-contests-show .cc-round_stats>.c-column:first-child:last-child>.block:last-child { +.p-contests-show .cc-round_stats > .c-column:first-child:last-child > .block:last-child { padding: 4px 0; } + .p-contests-show .warning { margin-top: 0; margin-bottom: 16px; @@ -1754,59 +1921,71 @@ select { .p-contests .rating .member { height: auto; } + .p-contests-users .subheadline a:hover { background: none; } - .p-contests .contest-match .votes-percents { border-radius: 4px; font-size: 14px; line-height: 24px; } + .p-contests .contest-match .votes-percents span { float: left; position: relative; white-space: nowrap; z-index: 1; } + .p-contests .contest-match .votes-percents .left-part { position: relative; border-radius: inherit; padding-left: 8px; } + .p-contests .contest-match .votes-percents .right-part { position: absolute; top: 0; right: 0; padding-right: 8px; } + .p-contests .contest-match .votes-percents .right-part span { float: right; } + .p-contests .contest-match .votes-percents .left-part, .p-contests .contest-match .votes-percents .right-part { height: auto; } + .p-contests .contest-match .votes-percents .right-part:before { left: -24px; border-right-width: 24px; border-top-width: 48px; } + .p-contests .contest-match .votes-percents .left-part:hover .right-part:before { border-right-width: 24px; } + .p-contests .contest-match .votes-percents .right-part:before, .p-contests .contest-match .votes-percents .left-part:hover .right-part:before { border-right-color: inherit; } -.p-contests .results .cc-result .c-rounds .match-day:before { display: none; } +.p-contests .results .cc-result .c-rounds .match-day:before { + display: none; +} + .p-contests .results .cc-result .c-rounds .match-day .match { padding-bottom: 0; line-height: 32px; text-align: left; } + .p-contests .results .cc-result .c-rounds .match-link { display: inline-block; } @@ -1830,13 +2009,16 @@ select { line-height: 32px; z-index: 2; } + .p-contests .contest-match .next-match { right: 0; left: auto; } + .p-contests .contest-match .next-match:before { margin: 0; } + .p-contests .contest-match .prev-match:before, .p-contests .contest-match .next-match:before { display: block; @@ -1859,27 +2041,44 @@ select { /* Support for IE. */ font-feature-settings: 'liga'; } - .p-contests .contest-match .prev-match:before { content: 'chevron_left'; } - .p-contests .contest-match .next-match:before { content: 'chevron_right'; } + + .p-contests .contest-match .prev-match:before { + content: 'chevron_left'; + } + + .p-contests .contest-match .next-match:before { + content: 'chevron_right'; + } + .p-contests .contest-match .current-match { clear: both; } + .p-contests .contest-match .current-match .match-members { padding-top: 96px; margin-bottom: 4px; } + .p-contests .contest-match .current-match .match-member { position: relative; width: 48%; z-index: 2; } - .p-contests .contest-match .current-match .match-member:first-child { float: left; } - .p-contests .contest-match .current-match .match-member:last-child { float: right; } + + .p-contests .contest-match .current-match .match-member:first-child { + float: left; + } + + .p-contests .contest-match .current-match .match-member:last-child { + float: right; + } + .p-contests .contest-match .vs { position: absolute; top: 72px; width: 100%; } + .p-contests .contest-match .vs > div:first-child { display: inline-block; position: absolute; @@ -1895,6 +2094,7 @@ select { text-transform: uppercase; z-index: 6; } + .p-contests .contest-match .vs .finish { position: absolute; top: -64px; @@ -1905,6 +2105,7 @@ select { font-size: 12px; line-height: 20px; } + .p-contests .contest-match .vs .refrain { position: absolute; top: -62px; @@ -1914,6 +2115,7 @@ select { margin: auto; z-index: 7; } + .p-contests .contest-match .vs .next { position: absolute; top: -56px; @@ -1926,38 +2128,53 @@ select { text-transform: uppercase; z-index: 5; } + .p-contests .contest-match .match-losers { display: block; padding: 0; } } + @media (max-width: 1024px) { .p-contests .match-day .match-link .c-column { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } + .p-contests .match-day .match-link .winner:before, - .p-contests .match-day .match-link .loser:before { display: none; } + .p-contests .match-day .match-link .loser:before { + display: none; + } + .p-contests .match-day .matches-num { - width: auto; - padding: 0 4px; - margin-right: 8px; - border-radius: 2px; - color: #FFF; - font-size: 12px; - line-height: 20px; + width: auto; + padding: 0 4px; + margin-right: 8px; + border-radius: 2px; + color: #FFF; + font-size: 12px; + line-height: 20px; + } + + .p-contests .match-day .winner .matches-num { + background-color: #66bb6a; + } + + .p-contests .match-day .loser .matches-num { + background-color: #ef5350; } - .p-contests .match-day .winner .matches-num { background-color: #66bb6a; } - .p-contests .match-day .loser .matches-num { background-color: #ef5350; } } /* END of Mobile Ver. */ /* END of CONTEST PAGE */ + + + /* ROUNDED IMAGES */ -.b-dialog>.inner header img, -.b-message>.inner header img, +.b-dialog > .inner header img, +.b-message > .inner header img, .p-user_rates-index .l-menu .avatar img, .avatar > img { border-radius: 100%; @@ -1966,14 +2183,14 @@ select { + +/* TODO: replace */ .b-catalog_entry.dropped .image-cutter { filter: grayscale(100%); } - - /** * ANIME PAGE */ @@ -1987,25 +2204,27 @@ select { margin-bottom: 8px; } - -.b-db_entry-note {} .b-db_entry-note .name-container { padding: .25rem 0; } + .b-db_entry-note .name-container .name { display: block; font-size: 1rem; line-height: 1.25rem; } + .b-db_entry-note .name-container .note { margin-top: 4px; font-size: .875rem; line-height: 1rem; } + .b-db_entry-note .name-container .note > span { display: inline-block; /* thx @NedStar */ vertical-align: top; } + .b-db_entry-note .name-container .b-user_rate { margin-top: .375rem; } @@ -2017,26 +2236,38 @@ select { margin-bottom: 8px !important; } - -.p-animes .b-db_entry>*:last-child { +.p-animes .b-db_entry > *:last-child { clear: left; padding-top: 0; margin-left: 0 !important; } + .p-people .subheadline.m10 { width: 100%; } + .p-people .m0 { clear: both; padding: 0; margin: 0 !important; } -.p-characters .subheadline.m5 { width: 100%; overflow: hidden; } -.p-characters .subheadline.m5 > a { display: block; } -.p-characters .subheadline.m10 { width: auto; } -.p-characters .subheadline.m10 > a { display: inline-block; } +.p-characters .subheadline.m5 { + width: 100%; + overflow: hidden; +} + +.p-characters .subheadline.m5 > a { + display: block; +} + +.p-characters .subheadline.m10 { + width: auto; +} +.p-characters .subheadline.m10 > a { + display: inline-block; +} @media screen and (max-width: 480px) and (orientation: portrait) { .b-db_entry > .c-image .c-actions > a { @@ -2058,10 +2289,12 @@ select { text-transform: uppercase; cursor: pointer; /* eventListener повешен на этот элемент */ } + .b-lang_trigger:before, .b-lang_trigger:after { display: none; } + .b-lang_trigger span { border: 0; } @@ -2076,6 +2309,7 @@ select { font-size: 14px; line-height: 20px; } + .b-user_rate .rate-show .note:before { content: 'Заметка'; display: block; @@ -2087,16 +2321,16 @@ select { margin-top: 0; } - - /* ADD TO LIST BUTTON */ .b-add_to_list { min-width: 0; } + .b-add_to_list .trigger, .b-add_to_list .option { border: 0; } + .b-add_to_list .trigger, .b-add_to_list .option { padding: .5rem 1rem .5rem 3rem; @@ -2105,9 +2339,17 @@ select { } /* thx @bot.AkiKawasaki */ -.b-add_to_list .trigger { border-radius: .125rem; } -.b-add_to_list .option:last-child { border-radius: 0 0 .125rem .125rem; } -.b-add_to_list .trigger + .expanded-options { margin-top: -.125rem; } +.b-add_to_list .trigger { + border-radius: .125rem; +} + +.b-add_to_list .option:last-child { + border-radius: 0 0 .125rem .125rem; +} + +.b-add_to_list .trigger + .expanded-options { + margin-top: -.125rem; +} .b-add_to_list .plus, .b-add_to_list .edit, @@ -2118,6 +2360,7 @@ select { margin: -.5rem -1rem -.5rem 0; color: inherit !important; } + .b-add_to_list .plus, .b-add_to_list .edit { position: absolute; @@ -2125,24 +2368,29 @@ select { margin-left: 0 !important; margin-right: .5rem !important; } + .b-add_to_list .trigger-arrow { position: relative; } + .b-add_to_list .expanded-options .option .text { padding-left: 0; } + .b-add_to_list.completed ~ .rate-show > .rate-number, .b-add_to_list.completed ~ .rate-show > .episodes { height: 1rem; margin-bottom: 0; font-size: 0; } + /* DENSE ATL_BUTTON */ .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 { padding: 0 1rem 0 2.25rem; line-height: 2rem; } + .b-db_entry-note .name-container .b-user_rate .b-add_to_list .plus, .b-db_entry-note .name-container .b-user_rate .b-add_to_list .edit, .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger-arrow { @@ -2151,28 +2399,34 @@ select { padding: .4375rem; margin: 0 -1rem 0 .25rem; } + .b-db_entry-note .name-container .b-user_rate .b-add_to_list .plus, .b-db_entry-note .name-container .b-user_rate .b-add_to_list .edit { margin-right: .25rem !important; } /* END of DENSE ATL_BUTTON */ + /* ATL_BUTTON in NEWS */ .b-catalog_entry-tooltip .b-add_to_list { width: auto; } + .b-catalog_entry-tooltip .b-add_to_list .trigger { font-size: .875rem; line-height: 1.5rem; } + .b-catalog_entry-tooltip .b-add_to_list .option { font-size: .875rem; } + .b-catalog_entry-tooltip .b-add_to_list .trigger, .b-catalog_entry-tooltip .b-add_to_list .add-trigger, .b-catalog_entry-tooltip .b-add_to_list .remove-trigger { max-width: 224px; } /* END of ATL_BUTTON in NEWS */ + /* FIX ORIGINAL STYLE */ .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .plus::before, .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .edit::before, @@ -2188,18 +2442,18 @@ select { .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .trigger-arrow::before { color: inherit; } + /* FIX: ADD_TO_LIST LAYOUT IN NOTES (issue #7) */ .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option, .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger { padding: 0 1rem 0 2rem; } -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger + .expanded-options { + +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger + .expanded-options { margin-top: 0; } /* END of ADD TO LIST BUTTON */ - - .b-catalog_entry.planned .image-decor::after, .b-catalog_entry.watching .image-decor::after, .b-catalog_entry.completed .image-decor::after, @@ -2234,6 +2488,7 @@ select { /* Support for IE. */ font-feature-settings: 'liga'; } + .p-animes_collection-index.x1000 .b-catalog_entry .image-decor::after, .p-mangas_collection-index.x1000 .b-catalog_entry .image-decor::after, .p-recommendations-index.x1000 .b-catalog_entry .image-decor::after, @@ -2247,24 +2502,27 @@ select { .b-catalog_entry.planned .image-decor::after { content: "event"; } + .b-catalog_entry.watching .image-decor::after { content: "play_arrow"; } + .b-catalog_entry.rewatching .image-decor::after { content: "replay"; } + .b-catalog_entry.completed .image-decor::after { content: "done"; } + .b-catalog_entry.on_hold .image-decor::after { content: "schedule"; } + .b-catalog_entry.dropped .image-decor::after { content: "delete"; } - - .b-db_entry-note .name-container { margin-left: 64px; line-height: inherit; @@ -2276,6 +2534,7 @@ header.head, .b-user_rate .rate-show { margin-bottom: .5rem; } + .l-page > div > header.head { margin-bottom: 1.5rem; } @@ -2286,7 +2545,6 @@ header.head, margin-bottom: 0; } - .c-poster img { display: block; min-height: 48px; @@ -2294,37 +2552,47 @@ header.head, /* Кнопки управления над постером */ @media (min-width: 481px) { -.c-poster:hover ~ .c-actions { - opacity: 0; -} -.c-actions { - position: absolute; - bottom: 0; - width: 100%; - padding: 4px 0; -} -.c-actions:before { - content: ''; - position: absolute; - top: 0; right: 0; bottom: 0; left: 0; - opacity: .8; -} -.c-actions > * { position: relative; } -} + .c-poster:hover ~ .c-actions { + opacity: 0; + } + + .c-actions { + position: absolute; + bottom: 0; + width: 100%; + padding: 4px 0; + } + .c-actions:before { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + opacity: .8; + } + + .c-actions > * { + position: relative; + } +} .c-actions > * { width: 40px !important; height: 40px !important; padding: .5rem; } + .c-actions > *:not(:last-child) { margin-right: 8px !important; } + .c-actions > *:before { font-size: 24px !important; line-height: 1 !important; } + .c-actions .fav-remove:hover:before { color: inherit; } @@ -2333,6 +2601,7 @@ header.head, .c-poster center { text-align: left; } + .p-animes-show .c-image .b-user_rate, .p-mangas-show .c-image .b-user_rate { margin: 0; @@ -2342,28 +2611,35 @@ header.head, .b-rate { padding: 6px 0; } + .b-rate .text-score { vertical-align: top; } + .b-rate .score-value { line-height: 36px; } + .b-rate .score-notice { font-size: 10px; margin-top: -46px; text-transform: uppercase; } + .b-review-topic .b-rate .score-notice { margin-top: -58px; } + .b-user_rate .rate-show .episodes { margin-bottom: 8px; font-size: 14px; line-height: 32px; } + .b-user_rate .rate-show .rate-number { margin-right: 0; } + .b-user_rate .rate-show .rate-number .current-episodes, .b-user_rate .rate-show .rate-number .sep, .b-user_rate .rate-show .rate-number .total-episodes { @@ -2371,6 +2647,7 @@ header.head, vertical-align: top; line-height: 32px; } + .b-user_rate .rate-show .rate-number .item-add { display: inline-block; vertical-align: top; @@ -2379,6 +2656,7 @@ header.head, padding: 8px; margin: -4px 0 0 8px; } + .b-user_rate .rate-show .rate-number .item-add:before { width: 24px !important; font-family: 'Material Icons' !important; @@ -2401,9 +2679,11 @@ header.head, /* Support for IE. */ font-feature-settings: 'liga'; } + .b-user_rate .rate-show .rate-number .item-add:before { content: 'add'; } + .b-rate .stars:after { font-size: 36px !important; font-family: 'Material Icons' !important; @@ -2425,25 +2705,55 @@ header.head, /* Support for IE. */ font-feature-settings: 'liga'; } -.b-rate .stars.background:after { -} + .b-rate .stars.background:after { content: 'star_border star_border star_border star_border star_border'; } -.b-rate .stars.score-1:after { content: 'star_half'; } -.b-rate .stars.score-2:after { content: 'star'; } -.b-rate .stars.score-3:after { content: 'star star_half'; } -.b-rate .stars.score-4:after { content: 'star star'; } -.b-rate .stars.score-5:after { content: 'star star star_half'; } -.b-rate .stars.score-6:after { content: 'star star star'; } -.b-rate .stars.score-7:after { content: 'star star star star_half'; } -.b-rate .stars.score-8:after { content: 'star star star star'; } -.b-rate .stars.score-9:after { content: 'star star star star star_half'; } -.b-rate .stars.score-10:after { content: 'star star star star star'; } + +.b-rate .stars.score-1:after { + content: 'star_half'; +} + +.b-rate .stars.score-2:after { + content: 'star'; +} + +.b-rate .stars.score-3:after { + content: 'star star_half'; +} + +.b-rate .stars.score-4:after { + content: 'star star'; +} + +.b-rate .stars.score-5:after { + content: 'star star star_half'; +} + +.b-rate .stars.score-6:after { + content: 'star star star'; +} + +.b-rate .stars.score-7:after { + content: 'star star star star_half'; +} + +.b-rate .stars.score-8:after { + content: 'star star star star'; +} + +.b-rate .stars.score-9:after { + content: 'star star star star star_half'; +} + +.b-rate .stars.score-10:after { + content: 'star star star star star'; +} .watch-online-placeholer { margin: 2rem auto .5rem; } + .b-link_button.watch-online:before, .b-link_button.upload-video:before, .b-link_button.create-topic:before { @@ -2456,16 +2766,20 @@ header.head, font-size: .875rem; line-height: 1.375rem; } + .b-catalog_entry .cover .misc { padding: 0 0 .5rem; } + .b-entry-info { margin: 0; font-size: .875rem; } + .b-entry-info .line { line-height: 1.5rem; } + .b-tag, .b-entry-info .line .b-tag, .b-catalog_entry-tooltip .inner .line .value .tag { @@ -2476,16 +2790,19 @@ header.head, line-height: 20px; text-transform: uppercase; } + .b-tag:hover, .b-entry-info .line .b-tag:hover, .b-catalog_entry-tooltip .inner .line .value .tag:hover { padding: 0 8px; margin: 0 4px 0 0; } + .b-tag { font-size: .875rem; line-height: 24px; } + .b-catalog_entry-tooltip .inner .line .value .tag, .b-catalog_entry-tooltip .inner .line .value .tag:hover { padding: 0 6px; @@ -2493,7 +2810,7 @@ header.head, } @media screen and (min-width: 1200px) { - .p-animes_collection-index.x1200 .cc-entries>.c-column { + .p-animes_collection-index.x1200 .cc-entries > .c-column { width: 18.4%; margin-right: 2%; border-radius: 2px; @@ -2502,6 +2819,8 @@ header.head, + + /** * COMMENT * Изменение всех комментариев, новостей, диалогов, топиков. @@ -2533,6 +2852,7 @@ header.head, .b-topic { padding-top: .5rem; } + /* Исправление для предпросмотра комментария во всплывающем окне */ .tooltip-inner .b-message { padding-top: 0 !important; @@ -2633,51 +2953,65 @@ header.head, position: relative; } -.b-topic >.inner header img { +.b-topic > .inner header img { width: 2.5rem; margin: .25rem 1rem 0 0; } + .b-comment > .inner header img, -.b-message>.inner header img, -.b-dialog>.inner header img { +.b-message > .inner header img, +.b-dialog > .inner header img { width: 2.5rem; margin: .25rem 1rem 0 0; border-radius: 100%; } + .b-topic > .inner header .name-date, .b-comment > .inner header .name-date { padding: .25rem 0; line-height: 2rem; } -.b-topic > .inner header .name-date { line-height: 20px; } -.b-message>.inner header .name-date, -.b-dialog>.inner header .name-date { + +.b-topic > .inner header .name-date { + line-height: 20px; +} + +.b-message > .inner header .name-date, +.b-dialog > .inner header .name-date { line-height: 2rem; } + .b-topic .name-date .name, .b-comment .name-date .name, .b-dialog .name-date .name { font-size: 1rem; } -.b-message>.inner header .name-date a.name, -.b-topic>.inner header .name-date a.name, -.b-comment>.inner header .name-date a.name, -.b-dialog>.inner header .name-date a.name { + +.b-message > .inner header .name-date a.name, +.b-topic > .inner header .name-date a.name, +.b-comment > .inner header .name-date a.name, +.b-dialog > .inner header .name-date a.name { display: block; margin-right: .5rem; line-height: 1.25rem; } -.b-topic>.inner header .name-date a.name, -.b-topic>.inner header .name-date .about { + +.b-topic > .inner header .name-date a.name, +.b-topic > .inner header .name-date .about { display: inline-block; vertical-align: top; line-height: inherit; } -.b-topic>.inner header .name-date .about { + +.b-topic > .inner header .name-date .about { margin-right: .5rem; } -.b-topic>.inner>header .name-date a { font-size: 16px; } -.b-topic>.inner>header .about>span { + +.b-topic > .inner > header .name-date a { + font-size: 16px; +} + +.b-topic > .inner > header .about > span { display: inline-block; vertical-align: top; color: #9E9E9E; @@ -2685,92 +3019,114 @@ header.head, font-size: .875rem; line-height: inherit; } -.b-topic>.inner>header .about a { + +.b-topic > .inner > header .about a { display: inline-block; vertical-align: top; font-size: 1rem; line-height: inherit; } -.b-comment>.inner header .name-date a.name:hover { text-decoration: none; } -.b-message>.inner header .name-date .time, -.b-topic>.inner header .name-date .time, -.b-comment>.inner header .name-date .time, -.b-dialog>.inner header .name-date .time { + +.b-comment > .inner header .name-date a.name:hover { + text-decoration: none; +} + +.b-message > .inner header .name-date .time, +.b-topic > .inner header .name-date .time, +.b-comment > .inner header .name-date .time, +.b-dialog > .inner header .name-date .time { position: relative; padding-top: 0; padding-left: 0; margin-right: .5rem; line-height: 1.25rem; } -.b-message>.inner header .name-date .time > time, -.b-comment>.inner header .name-date .time > time, -.b-topic>.inner header .name-date .time > time { + +.b-message > .inner header .name-date .time > time, +.b-comment > .inner header .name-date .time > time, +.b-topic > .inner header .name-date .time > time { display: block; font-size: .875rem; line-height: inherit; } -.b-topic>.inner header .name-date .time { + +.b-topic > .inner header .name-date .time { font-size: .875rem; line-height: inherit; } -.b-comment>.inner header .name-date .time:hover { + +.b-comment > .inner header .name-date .time:hover { text-decoration: underline; } + .b-comment header .hash { position: absolute; - top: 0; right: 0; bottom: 0; left: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; margin: 0; /* Сброс стандартного стиля */ opacity: 0; z-index: 1; } -.b-comment .inner .name-date a.name .normal { vertical-align: top; } + +.b-comment .inner .name-date a.name .normal { + vertical-align: top; +} + @media only screen and (min-width: 1025px) { .b-topic > .inner header .name-date, .b-comment > .inner header .name-date { padding: .25rem 0; line-height: 1.5rem; } - .b-comment>.inner header .name-date a.name, - .b-comment>.inner header .name-date .time, - .b-dialog>.inner header .name-date a.name, - .b-dialog>.inner header .name-date .time { + + .b-comment > .inner header .name-date a.name, + .b-comment > .inner header .name-date .time, + .b-dialog > .inner header .name-date a.name, + .b-dialog > .inner header .name-date .time { display: inline-block; vertical-align: top; line-height: inherit; } - .b-message>.inner header .name-date .time > time, - .b-comment>.inner header .name-date .time > time { + + .b-message > .inner header .name-date .time > time, + .b-comment > .inner header .name-date .time > time { display: block; font-size: 13px; line-height: inherit; } - .p-dialogs .b-message>.inner header { padding: 0; } - .p-dialogs .b-message>.inner header .name-date { line-height: 32px; } - .p-dialogs .b-message>.inner header .name-date a.name, - .p-dialogs .b-message>.inner header .name-date .time { + .p-dialogs .b-message > .inner header { + padding: 0; + } + + .p-dialogs .b-message > .inner header .name-date { + line-height: 32px; + } + + .p-dialogs .b-message > .inner header .name-date a.name, + .p-dialogs .b-message > .inner header .name-date .time { display: inline-block; vertical-align: top; line-height: inherit; } .b-comment > .inner header img, - .b-message>.inner header img, - .b-dialog>.inner header img { + .b-message > .inner header img, + .b-dialog > .inner header img { margin: 6px 16px 0 0; } - - .b-topic>.inner header .name-date .time { + .b-topic > .inner header .name-date .time { display: inline-block; vertical-align: top; line-height: inherit; } } - -.p-messages .b-message>.inner header .name-date a.name, -.p-messages .b-message>.inner header .name-date .time { +.p-messages .b-message > .inner header .name-date a.name, +.p-messages .b-message > .inner header .name-date .time { display: inline-block !important; vertical-align: top; padding-top: 0; @@ -2784,24 +3140,29 @@ header.head, font-size: 14px !important; line-height: 20px !important; } - .b-dialog>.inner header .name-date time { + + .b-dialog > .inner header .name-date time { display: block; line-height: inherit; } - .b-dialog .b-message>.inner header .name-date .time { + + .b-dialog .b-message > .inner header .name-date .time { display: inline-block !important; vertical-align: top; padding-left: 0 !important; line-height: inherit !important; } + .b-dialog .b-message .inner header .name-date .name { display: inline-block !important; vertical-align: top; } } -.b-dialog>.inner header .name-date .time, -.b-message>.inner header .name-date .time { color: #9E9E9E; } +.b-dialog > .inner header .name-date .time, +.b-message > .inner header .name-date .time { + color: #9E9E9E; +} .b-dialog .b-message { position: static; @@ -2809,16 +3170,20 @@ header.head, padding: 0 !important; overflow: visible; } + .b-dialog .b-message .inner header { padding: 4px 0; } + .b-dialog .b-message .inner header img { width: 20px; margin: 0 8px 0 0; } + .b-dialog .b-message .inner header .name-date { line-height: 20px; } + .b-dialog .b-message .inner .body { padding-left: 0 !important; } @@ -2831,28 +3196,32 @@ header.head, .b-replies { padding: 8px 0 0; } + .b-quote { margin: .5rem 0; padding: .5rem 1rem; } + .b-quote .quoteable { margin: 0 0 .5rem; line-height: 20px; } + .b-quote .quoteable:before { float: left; margin-right: 8px; } + .b-quote .b-quote { margin-left: 0 !important; } - -.b-topic>.inner header:after { +.b-topic > .inner header:after { content: ''; /* TODO: check this. thx @NedStar */ clear: both; display: none; } + .b-topic .body { line-height: 20px; } @@ -2863,24 +3232,28 @@ header.head, font-size: 14px; line-height: 20px; } -.b-topic-preview>.inner .status-line .author { + +.b-topic-preview > .inner .status-line .author { padding: 0; } -.b-topic-preview>.inner .status-line .b-link { + +.b-topic-preview > .inner .status-line .b-link { padding: 0 8px; } -.b-topic-preview>.inner .status-line .additional .comments, -.b-topic-preview>.inner .status-line .additional .likes { + +.b-topic-preview > .inner .status-line .additional .comments, +.b-topic-preview > .inner .status-line .additional .likes { color: inherit; } -.b-topic-preview>.inner .status-line .additional .comments:before, -.b-topic-preview>.inner .status-line .additional .likes:before { + +.b-topic-preview > .inner .status-line .additional .comments:before, +.b-topic-preview > .inner .status-line .additional .likes:before { vertical-align: top; padding-right: 8px; } -.b-topic-preview>.inner .status-line .additional .comments:before, -.b-topic-preview>.inner .status-line .additional .likes:before { +.b-topic-preview > .inner .status-line .additional .comments:before, +.b-topic-preview > .inner .status-line .additional .likes:before { padding-right: 8px; font-family: 'Material Icons'; font-size: 18px; @@ -2900,29 +3273,36 @@ header.head, /* Support for IE. */ font-feature-settings: 'liga'; } -.b-topic-preview>.inner .status-line .additional .comments:before { + +.b-topic-preview > .inner .status-line .additional .comments:before { content: "mode_comment"; } -.b-topic-preview>.inner .status-line .additional .likes:before { + +.b-topic-preview > .inner .status-line .additional .likes:before { content: "thumb_up"; } - - /* Просмотр комментариев во всплывающей подсказке */ .tooltip .b-comment { padding-top: 0 !important; padding-bottom: 0; } + .tooltip .b-comment:before { display: none; } + + + + + /** * COMMENT DOESN'T SLIDE * Большие комментарии, топики не должны сдвигаться margin'ами. * Либо translate3d либо никак. */ + .b-topic.aside-expanded > .inner, .b-dialog.aside-expanded > .inner, .b-message.aside-expanded > .inner, @@ -2930,6 +3310,7 @@ header.head, .b-topic.aside-expanded > .b-comments { margin-left: 0; } + .b-topic.aside-expanded > .inner aside.buttons, .b-dialog.aside-expanded > .inner aside.buttons, .b-message.aside-expanded > .inner aside.buttons, @@ -2965,7 +3346,6 @@ header.head, line-height: 18px; } - /* OPEN DIALOG BY CLICK */ .b-dialog .to_dialog { position: absolute; @@ -3034,17 +3414,46 @@ pre { /* END of CODE */ /* CODE: SUBLIME 3 MATERIAL THEME'S COLOR */ -.b-code { background: #263238; } -.hljs-selector-tag { color: #FF5370; } -.hljs-selector-id { color: #FAD430; } -.hljs-selector-class { color: #FFCB6B; } +.b-code { + background: #263238; +} + +.hljs-selector-tag { + color: #FF5370; +} + +.hljs-selector-id { + color: #FAD430; +} + +.hljs-selector-class { + color: #FFCB6B; +} + .hljs-selector-pseudo, -.hljs-meta { color: #C792EA; } -.hljs-attribute { color: #80CBC4; } -.hljs-built_in { color: #89DDFF; } -.hljs-number { color: #F77669; } -.hljs-string { color: #C3E88D; } -.hljs-comment { color: #5C7E8C; } +.hljs-meta { + color: #C792EA; +} + +.hljs-attribute { + color: #80CBC4; +} + +.hljs-built_in { + color: #89DDFF; +} + +.hljs-number { + color: #F77669; +} + +.hljs-string { + color: #C3E88D; +} + +.hljs-comment { + color: #5C7E8C; +} /* END of CODE' THEME */ /* -------------- */ @@ -3056,32 +3465,38 @@ pre { #toast-container { line-height: 1.5rem; } + .toast-top-right { top: auto; bottom: 0; right: 0; left: 0; } -#toast-container>div { + +#toast-container > div { width: 100%; max-width: 25rem; padding: .875rem 1.5rem; margin: auto; } + .toast-message { display: inline-block; vertical-align: top; line-height: 1.5rem; } -#toast-container>.toast-success { + +#toast-container > .toast-success { background-color: #323232; background-image: none !important; } -#toast-container>.toast-error { + +#toast-container > .toast-error { background-color: #323232; background-image: none !important; } -#toast-container>.toast-error:before { + +#toast-container > .toast-error:before { content: 'error_outline'; float: left; display: inline-block; @@ -3113,21 +3528,23 @@ pre { - /* CLUB */ .b-clubs-menu .b-block_list li { font-size: .875rem; } + .b-clubs-menu > .actions > .block-list > li, .b-clubs-menu > .actions > .b-block_list > li { padding: 0 12px; margin: 0 -8px; line-height: 32px; } + .b-clubs-menu > .actions > .block-list > li:before, .b-clubs-menu > .actions > .b-block_list > li:before { margin: 7px 12px 0 0; } + .b-clubs-menu > .actions > .block-list > li:before, .b-clubs-menu > .actions > .b-block_list > li:before { width: 18px !important; @@ -3156,6 +3573,7 @@ pre { .b-clubs-menu .actions .upload { position: relative; } + .b-clubs-menu .actions .upload input { top: 0; left: 0; @@ -3191,22 +3609,24 @@ pre { .actions .edit-entry:before { content: 'build'; } + .actions .broadcast:before { content: 'speaker_notes'; } + .actions .upload:before { content: 'insert_photo'; } + .actions .join:before, .actions .invite:before { content: 'person_add'; } + .actions .leave:before { content: 'directions_run'; } - - /* Навигация в клубах: "контент" */ .b-pages { max-width: 15rem; @@ -3214,42 +3634,43 @@ pre { margin: 0 0 1.5rem 2rem; border-radius: 2px; } + .b-pages .title { font-size: .875rem; line-height: 3rem; text-transform: uppercase; } + .b-pages .section { margin: 0 0 .5rem; } - - /* CLUB PAGE EDITOR */ @media screen and (max-width: 767px) { .edit_club_page .cc-2a > .c-column { width: 100%; } + .edit_club_page .cc-2a > .c-column:nth-child(1n+1) { clear: left; } } -/* END of CLUB PAGE EDITOR */ - - /* FIX: CLUB'S BUTTONS */ .p-clubs-edit .pages .button { margin-right: .5rem; } + .p-clubs-edit .pages .club_page-layout, .p-clubs-edit .pages .club_page-actions { font-size: .875rem; padding-left: 1rem; } + .p-clubs-edit .pages .club_page-actions .b-js-link { margin-right: .5rem; } + .p-club_pages-show .item-edit:before { content: 'edit'; } @@ -3266,10 +3687,12 @@ pre { margin: 4px; font-size: 0; } + .p-clubs-index header.head a.misc:hover { background-color: #ddd; text-decoration: none; } + .p-clubs-index header.head a.misc:before { content: 'group_add'; } @@ -3304,12 +3727,15 @@ pre { +/* TODO: replace */ .p-contests .results .cc-result .c-rounds .label { font-size: .875rem; } + + /** * INDEX * Изменения главной страницы. @@ -3321,6 +3747,7 @@ pre { background: initial; border: none; } + .p-dashboards-show .c-my_list .title .switch, .p-dashboards-show .c-my_list .title .link { float: right; @@ -3335,12 +3762,19 @@ pre { padding: 1rem 0 1.5rem; border-top-width: 1px; } + @media screen and (max-width: 767px) { -.p-dashboards-show .cc-news .c-news_topics .b-topic { margin-bottom: 0; } + .p-dashboards-show .cc-news .c-news_topics .b-topic { + margin-bottom: 0; + } } + @media only screen and (min-width: 768px) { -.p-dashboards-show .cc-news .c-news_topics .b-topic { margin-bottom: 0; } + .p-dashboards-show .cc-news .c-news_topics .b-topic { + margin-bottom: 0; + } } + .p-dashboards-show .cc-news .c-news_topics .b-topic .name-date a { padding: 0 0 .25rem; font-size: 22px !important; @@ -3348,7 +3782,10 @@ pre { line-height: 1.65; white-space: normal; } -.p-dashboards-show .cc-news .c-news_topics .b-topic .b-anime_status_tag { display: none; } + +.p-dashboards-show .cc-news .c-news_topics .b-topic .b-anime_status_tag { + display: none; +} /* КОНЕЦ – Изменение новостей на главной */ @@ -3364,6 +3801,7 @@ pre { text-align: left; overflow: visible; } + .p-dashboards-show .b-forums > .b-link_button.maxi:after { content: 'Форум'; display: inline-block; @@ -3374,6 +3812,7 @@ pre { font-size: .875rem; line-height: 2rem; } + .p-dashboards-show .b-forums > .b-link_button.maxi:before { display: block; font-family: 'Material Icons' !important; @@ -3396,6 +3835,7 @@ pre { /* Support for IE. */ font-feature-settings: 'liga'; } + .p-dashboards-show .b-forums > .b-link_button.maxi:before { position: absolute; right: 0; @@ -3404,6 +3844,7 @@ pre { line-height: 3rem !important; text-align: right; } + .p-dashboards-show .b-forums > .b-link_button.maxi:before { content: 'chevron_right'; } @@ -3416,11 +3857,13 @@ pre { background-color: initial; border: 0; } + .b-hot_topics .topic { font-size: .875rem; line-height: 2rem; text-align: left; } + .b-hot_topics .topic.subject { font-size: .875rem; line-height: 2rem; @@ -3428,13 +3871,16 @@ pre { text-transform: uppercase; white-space: nowrap; } + .b-hot_topics .topic a { padding: 0 .75rem; border-radius: 1rem; } + .b-hot_topics .topic a:hover { text-decoration: none; } + .b-hot_topics .topic a .poster { position: initial; display: inline-block; @@ -3445,16 +3891,19 @@ pre { margin-right: .5rem; border-radius: 100%; } + @media screen and (max-width: 1024px) { .b-hot_topics { padding: 14px 16px; margin: -16px -16px 0 -16px; border: 0; } + .b-hot_topics .topic a .poster { display:none; } } + @media only screen and (min-width: 1025px) { .b-hot_topics .topic { margin-right: .5%; @@ -3465,6 +3914,7 @@ pre { + /** * FORUM * СТРАНИЦЫ ФОРУМА @@ -3476,6 +3926,7 @@ pre { margin-bottom: 1.5rem; line-height: 1.5rem; } + .b-forums .forum { clear: both; position: relative; @@ -3484,6 +3935,7 @@ pre { padding: 0 .5rem; margin: 0 -.5rem; } + .b-forums .forum .link-with-input .link { display: inline-block; vertical-align: top; @@ -3492,6 +3944,7 @@ pre { left: 0; padding-left: .5rem; } + .b-forums .forum input { position: absolute; left: 0; @@ -3502,12 +3955,14 @@ pre { opacity: 0; z-index: 1; -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; } + .b-forums .forum .link-with-input input + .link { padding-left: 2.25rem; } + .b-forums .forum input + .link:before { content: 'check_box_outline_blank'; display: block; @@ -3537,13 +3992,19 @@ pre { /* Support for IE. */ font-feature-settings: 'liga'; } + .b-forums .forum input:hover + .link:before { opacity: .9; } + .b-forums .forum input:checked + .link:before { content: 'check_box'; } -.b-forums .forum input:disabled + .link:before { color: #BDBDBD; } + +.b-forums .forum input:disabled + .link:before { + color: #BDBDBD; +} + .b-forums .forum .topics { font-size: .75rem; } @@ -3552,29 +4013,38 @@ pre { .p-topics header h1 a.reload:hover:after { position: static; } - /* END of FORUM */ + /** * PROFILE * ПРОФИЛЬ ПОЛЬЗОВАТЕЛЯ */ /* Убираем лишние overflow */ -.p-profiles-show .profile-content { overflow: visible; } +.p-profiles-show .profile-content { + overflow: visible; +} /* Настраиваем равномерные отступы */ .p-profiles .profile-content .cc-2, .p-profiles .profile-content .about, -.p-profiles .profile-content .cc-2 .c-right .cc-2a { margin-bottom: 1rem !important; } -@media screen and (max-width: 767px) { - .cc-2>.c-column { margin-bottom: 1rem; } - .p-profiles-show .profile-content .activity:last-child { margin-bottom: 1.25rem !important; } +.p-profiles .profile-content .cc-2 .c-right .cc-2a { + margin-bottom: 1rem !important; } +@media screen and (max-width: 767px) { + .cc-2 > .c-column { + margin-bottom: 1rem; + } + + .p-profiles-show .profile-content .activity:last-child { + margin-bottom: 1.25rem !important; + } +} /* Полосы аниме/манги */ .b-stats_bar.anime .bar .second, @@ -3584,23 +4054,29 @@ pre { } /* Столбики активности */ -.bar.vertical { padding: 0; } -.bar.vertical { border: none; } -.bar.vertical .line { border: none; } +.bar.vertical { + padding: 0; + border: none; +} + +.bar.vertical .line { + border: none; +} + .bar.vertical .line .bar-container .value { font-size: .75rem; line-height: 1.25rem; } - - - +/* User aliases */ .p-profiles .profile-head .c-brief header h1 { vertical-align: top; } + .p-profiles .profile-head .c-brief header h1.aliases { cursor: help; } + .p-profiles .profile-head .c-brief header h1.aliases:after { display: inline-block; vertical-align: top; @@ -3631,6 +4107,7 @@ pre { /* Support for IE. */ font-feature-settings: 'liga'; } + .p-profiles .profile-head .c-brief header h1.aliases:after { content: 'label'; } @@ -3653,12 +4130,16 @@ pre { } /* Списки аниме/манги */ -.b-stats_bar .stat_names .stat_name:after { display: none; } +.b-stats_bar .stat_names .stat_name:after { + display: none; +} + .b-stats_bar .stat_names .stat_name { padding: 0 1rem 0 0; font-size: .875rem; line-height: 2rem; } + .b-stats_bar .stat_names .stat_name a { display: block; line-height: inherit; @@ -3666,36 +4147,56 @@ pre { /* Выпадающий список аниме/манги в профиле */ @media screen and (max-width: 599px) { - .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { position: relative; } - .b-stats_bar .stat_names .stat_name { display: none; } - .b-stats_bar .stat_names:hover .stat_name { display: block; } + .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { + position: relative; + } + + .b-stats_bar .stat_names .stat_name { + display: none; + } + + .b-stats_bar .stat_names:hover .stat_name { + display: block; + } + .b-stats_bar .stat_names .stat_name, - .b-stats_bar .stat_names .stat_name a { padding: 0 1rem 0 0; } + .b-stats_bar .stat_names .stat_name a { + padding: 0 1rem 0 0; + } + .b-stats_bar .stat_names .stat_name a { display: block; margin: 0 -1rem; } + .b-stats_bar .stat_names .stat_name a:hover { background-color: rgba(0,0,0,.24); text-decoration: none; } + .b-stats_bar .stat_names { position: absolute; top: 0; min-width: 165px; border-radius: .125rem; } + .b-stats_bar .stat_names:hover { padding: 3rem 0 .5rem; z-index: 10; } + .b-stats_bar .stat_names:after { content: ''; position: absolute; - top: 0; right: 0; bottom: 0; left: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; box-shadow: 0 2px 3px 0 rgba(0,0,0,.32); z-index: -1; } + .b-stats_bar .stat_names:before { content: 'arrow_drop_down'; display: block; @@ -3727,6 +4228,7 @@ pre { /* Support for IE. */ font-feature-settings: 'liga'; } + .b-stats_bar .stat_names .stat_name, .b-stats_bar .stat_names .stat_name a { padding: 0 1rem; @@ -3734,7 +4236,6 @@ pre { } /* Конец: Выпадающий список аниме/манги в профиле */ - .edit_user_preferences .b-options-floated.about-options { position: absolute; right: 0; @@ -3743,9 +4244,14 @@ pre { text-align: right; z-index: 1; } -.edit_user_preferences .about-options .b-input { margin-bottom: 0 !important; } -.edit_user_preferences .about-options .b-input label { line-height: 1rem; } +.edit_user_preferences .about-options .b-input { + margin-bottom: 0 !important; +} + +.edit_user_preferences .about-options .b-input label { + line-height: 1rem; +} .b-list_switchers > .switcher { width: 2.5rem; @@ -3753,18 +4259,20 @@ pre { padding: .5rem; margin: .25rem; } + .b-list_switchers .switcher.posters { margin-left: .25rem !important; } + .b-list_switchers .switcher.list { margin-left: .25rem !important; } - .p-user_rates-index .l-menu .avatar img { width: 10rem; height: 10rem; } + .p-user_rates-index .l-content thead tr { font-size: 13px; line-height: 2rem; @@ -3801,6 +4309,7 @@ pre { padding: .5rem 1rem; margin: .5rem -1rem; } + .p-profiles-show .b-stats_bar a.title:hover { text-decoration: none !important; } @@ -3811,11 +4320,13 @@ pre { padding: .5rem; margin: .25rem; } + .p-user_rates-index .list-lines tr.edit-form .remove { margin: -.25rem 0 0; border: 0; font-size: 0; } + .p-user_rates-index .list-lines tr.edit-form .remove:before { width: 1.5rem !important; font-family: 'Material Icons' !important; @@ -3838,6 +4349,7 @@ pre { /* Support for IE. */ font-feature-settings: 'liga'; } + .p-user_rates-index .list-lines tr.edit-form .remove:before { content: 'delete'; } @@ -3862,45 +4374,52 @@ pre { font-size: .875rem; margin-top: 1rem; } + .b-stats_bar .bar { height: auto; } + .b-stats_bar .bar .first, .b-stats_bar .bar .second, .b-stats_bar .bar .third { font-size: .75rem; line-height: 1.25rem; } + .p-profiles .profile-head .c-brief .avatar .profile-actions { margin-top: 1rem; margin-right: -.75rem; margin-left: -.75rem; } + .profile-actions > a { display: inline-block; padding: .5rem; } + .profile-actions > *:before { vertical-align: top; width: 1.5rem !important; line-height: 1 !important; font-size: 1.5rem !important; } + .p-profiles .profile-head .c-brief .avatar > img { display: block; margin: auto; } - @media only screen and (min-width: 768px) { .p-profiles .profile-head .c-brief .avatar { margin: .5rem 2rem 3rem 1rem; } + .p-profiles .profile-head .c-brief .avatar > img { width: 10rem; height: 10rem; } } + @media screen and (max-width: 1024px) { .profile-actions .settings, .profile-actions .fav-add, @@ -3911,6 +4430,7 @@ pre { margin-left: .5rem; } } + @media only screen and (min-width: 1025px) { .profile-actions .settings, .profile-actions .fav-add, @@ -3922,10 +4442,12 @@ pre { } } +/* TODO: replace */ .b-catalog-entry-embedded .b-catalog_entry { margin-bottom: 0 !important; } +/* TODO: replace */ :root .b-anime_status_tag:before { vertical-align: text-bottom; padding: 0 .25rem; @@ -3935,9 +4457,12 @@ pre { text-transform: uppercase; } +/* TODO: replace */ .b-topic { margin-bottom: .5rem; } + +/* TODO: replace */ .m13 { margin-bottom: 0 !important; } @@ -3950,11 +4475,13 @@ pre { border: 0; overflow: initial; } + .p-profiles .profile-head .c-history .entry, .p-profiles .profile-head .c-history .entry:first-child { padding-top: .5rem; margin-top: 0; } + .p-profiles .profile-head .c-history .entry:before { content: ''; display: block; @@ -3965,6 +4492,7 @@ pre { height: 1px; pointer-events: none; } + .p-profiles .profile-head .c-history .entry:last-child:before { display: none; } @@ -3975,14 +4503,19 @@ pre { padding: .5rem .5rem; margin: -.5rem; } + @media screen and (min-width: 960px) { - .p-profiles .profile-head .c-history .entry a { padding: .75rem .5rem; } + .p-profiles .profile-head .c-history .entry a { + padding: .75rem .5rem; + } } + .p-profiles .profile-head .c-history .entry a:after { content: ''; clear: both; display: block; } + .p-profiles .profile-head .c-history .entry:hover .title { text-decoration: none; } @@ -3999,7 +4532,6 @@ pre { font-size: .875rem; } - /* Страница сравнения списков */ .p-userlist_comparer .notice span { padding: 1.5px 4px !important; @@ -4012,38 +4544,43 @@ pre { .p-userlist_comparer .notice span:nth-child(6) { background: rgba(244, 67, 54, .5) !important; } + .p-userlist_comparer .comparer table .slightly-difr, .p-userlist_comparer .legend .slightly-difr, .p-userlist_comparer .notice span:nth-child(4) { background: rgba(255, 138, 128, .5) !important; } + .p-userlist_comparer .comparer table .almost-same, .p-userlist_comparer .legend .almost-same, .p-userlist_comparer .notice span:nth-child(3) { background: rgba(185, 246, 202, .5) !important; } + .p-userlist_comparer .comparer table .exact-same, .p-userlist_comparer .legend .exact-same, .p-userlist_comparer .notice span:nth-child(5) { background: rgba(76, 175, 80, .5) !important; } - - .p-profiles .profile-head .c-info .c-additionals { margin-top: 8px; margin-bottom: 8px; } + .p-profiles .profile-head .c-info .c-additionals b { padding-right: 8px; font-size: 0; } + .p-profiles .profile-head .c-info .c-additionals b:after { font-size: 14px; } + .p-profiles.locale-ru .profile-head .c-info .c-additionals b:after { content: 'Активность на сайте:'; } + .p-profiles.locale-en .profile-head .c-info .c-additionals b:after { content: 'Activity:'; } @@ -4051,62 +4588,76 @@ pre { + /** * PROFILE HEAD * Adaptive profile header includes: avatar, history, information, anime/manga bars. */ + .p-profiles .profile-head { position: relative; overflow: visible; } + .p-profiles .profile-head { min-height: 15.5rem; padding-top: 3rem; margin-top: -1rem; } + .p-profiles .profile-head .c-info { margin-bottom: .5rem; } + .p-profiles .profile-head .c-info { overflow: visible; } + .p-profiles .profile-head .c-history { margin-bottom: 3rem; } + .p-profiles .profile-head .c-history.x3 { margin-bottom: 2rem; } + .p-profiles .profile-head .c-brief { position: relative; margin: -3rem -1rem 1rem; overflow: hidden; } + .p-profiles .profile-head .c-brief:before { content: ''; display: block; height: 0; padding-bottom: 0; } + .p-profiles .profile-head .c-brief .avatar > img, .p-profiles .profile-head .c-history { display: none; } + @media screen and (min-width: 320px) { .p-profiles .profile-head .c-mobile-actions { display: none; } + .p-profiles .profile-head .c-brief:before { content: ''; display: block; height: 0; padding-bottom: 34%; } + .p-profiles .profile-head .c-brief .avatar { float: none; max-width: 100%; margin: 0 auto; margin-top: -17%; } + .p-profiles .profile-head .c-brief .avatar > img { display: block; width: 36%; @@ -4114,6 +4665,7 @@ pre { min-width: 5rem; margin: auto; } + .p-profiles .profile-head .c-brief .avatar .profile-actions { display: block; position: absolute; @@ -4123,30 +4675,36 @@ pre { margin-top: -15%; text-align: left; } + .p-profiles .profile-head .c-brief .avatar .profile-actions > a:first-child { float: right; margin: 0 .25rem; } + .profile-actions .fav-add, .profile-actions .fav-remove { float: right; } + .p-profiles .profile-head .c-brief header { clear: both; margin: 0; text-align: center; } } + @media screen and (min-width: 320px) and (max-width: 479px) { .p-profiles .profile-head .c-brief header .notice { padding: .5rem 1rem; } } + @media screen and (min-width: 320px) and (max-width: 599px) { .p-profiles .profile-head .c-brief header { background-color: inherit !important; } } + @media screen and (min-width: 320px) and (max-width: 959px) { .p-profiles .profile-head .c-history { display: block; @@ -4162,22 +4720,27 @@ pre { overflow-x: auto; z-index: 1; } + .p-profiles .profile-head .c-history > .subheadline { display: inline-block; vertical-align: top; } + .p-profiles .profile-head .c-history > .subheadline > a { color: #eee !important; } + .p-profiles .profile-head .c-history > .subheadline > a:before { display: none; } + .p-profiles .profile-head .c-history > .b-block_list { display: inline-block; vertical-align: top; padding: .5rem; margin-left: .5rem; } + .p-profiles .profile-head .c-history .entry { display: inline-block; vertical-align: top; @@ -4189,9 +4752,11 @@ pre { border-radius: 1rem; overflow: hidden; } + .p-profiles .profile-head .c-history .entry:before { display: none; } + .p-profiles .profile-head .c-history .entry .image-name { float: left; width: 32px; @@ -4202,21 +4767,24 @@ pre { line-height: 0; overflow: hidden; } + .p-profiles .profile-head .c-history .entry span.misc { display: none; } + @media screen and (min-width: 600px) { .p-profiles .profile-head .c-history { padding: .25rem 1rem; } } } -@media screen and (max-width: 767px) and (min-width: 481px), - screen and (max-width: 767px) and (orientation: landscape) { + +@media screen and (max-width: 767px) and (min-width: 481px), screen and (max-width: 767px) and (orientation: landscape) { .p-profiles .profile-head .c-history .entry:first-child { display: inline-block; } } + @media screen and (min-width: 360px) { .profile-actions .settings, .profile-actions .fav-add, @@ -4227,30 +4795,37 @@ pre { margin-left: .25rem; } } + @media screen and (min-width: 360px) and (max-width: 599px) { .p-profiles .profile-head .c-mobile-actions { display: none; } + .p-profiles .profile-head .c-brief .avatar .profile-actions { display: block; } } + @media screen and (min-width: 480px) { .p-profiles .profile-head .c-brief { margin-bottom: 0; overflow: visible; } + .p-profiles .profile-head .c-brief .avatar { position: absolute; } + /* Отступ от аватарки */ .p-profiles .profile-head .c-brief header { margin-left: 10rem; } + /* Отступ от аватарки */ .p-profiles .profile-head .c-info { margin-left: 9rem; } + .p-profiles .profile-head .c-brief .avatar .profile-actions { position: static; width: auto; @@ -4260,95 +4835,119 @@ pre { margin-left: -12px; text-align: center; } + .p-profiles .profile-head .c-brief .avatar .profile-actions > a:first-child { float: none; margin: 0; } + .profile-actions .fav-add, .profile-actions .fav-remove { float: none; } + .p-profiles .profile-head .c-brief:before { padding-bottom: 48px; } + .p-profiles .profile-head .c-brief .avatar { max-width: 160px; margin: 1rem 1rem 1rem .5rem; } + .p-profiles .profile-head .c-brief .avatar img { width: 120px; } + .p-profiles .profile-head .c-brief header { clear: none; padding: 1rem 0 .5rem; text-align: left; } } + @media screen and (min-width: 600px) { .p-profiles .profile-head { background-color: inherit; } + .p-profiles .profile-head .c-brief { margin: -3rem -1rem 0; } + /* Отступ от аватарки */ .p-profiles .profile-head .c-brief header { margin-left: 12.5rem; } + /* Отступ от аватарки */ .p-profiles .profile-head .c-info { margin-left: 11.5rem; } + .p-profiles .profile-head .c-brief:before { padding-bottom: 56px; } + .p-profiles .profile-head .c-brief .avatar img { width: 160px; } + .p-profiles .profile-head .c-brief .avatar .profile-actions { display: block; } } + @media screen and (min-width: 768px) { .p-profiles .profile-head .c-brief { overflow: visible; } + /* Отступ от аватарки */ .p-profiles .profile-head .c-brief header { margin-left: 13.5rem; } + /* Отступ от аватарки */ .p-profiles .profile-head .c-info { margin-left: 12.5rem; } } + @media screen and (min-width: 960px) { .p-profiles .profile-head { padding-top: 0; margin-top: 0; } + .p-profiles .profile-head .c-brief { max-height: 504px; margin: 0; overflow: visible; } + .p-profiles .profile-head .c-brief:before { padding-bottom: 0; } + .p-profiles .profile-head .c-brief .avatar { margin: 1rem 2rem 1rem 0; } + .p-profiles .profile-head .c-info { margin-bottom: 1.5rem; } + /* Отступ от аватарки */ .p-profiles .profile-head .c-info { margin-left: 13.5rem; } + /* Отступ от истории */ .p-profiles .profile-head .c-info { margin-right: calc(23% + 3.5rem); } + .p-profiles .profile-head .c-history { display: block; position: relative; @@ -4361,6 +4960,8 @@ pre { + + /** * Иконки совместимости для профиля * MIT License @@ -4384,16 +4985,20 @@ pre { line-height: 0; margin-top: 0; } + .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:hover { text-decoration: none; } + div.compatibility > a, div.compatibility > span.link-replacement { margin: 0 -.25rem; } + div.compatibility > span.link-replacement { cursor: help; } + div.compatibility > a:before, div.compatibility > span.link-replacement > span:first-child:before, div.compatibility > a > span:first-child:before { @@ -4423,10 +5028,12 @@ div.compatibility > a > span:first-child:before { /* Support for IE. */ font-feature-settings: 'liga'; } + div.compatibility > a > span:first-child:before { position: absolute; top: 0; } + div.compatibility > a:hover:before, div.compatibility > a:hover > span:first-child:before { text-decoration: none; @@ -4436,10 +5043,12 @@ div.compatibility > a:hover > span:first-child:before { div.compatibility > a:before { content: 'compare_arrows'; } + div.compatibility > span.link-replacement > span:first-child:before, div.compatibility > a > span:first-child:before { content: 'people'; } + div.compatibility > a > .text.zero:before, div.compatibility > span.link-replacement > .text.zero:before { content: 'people_outline'; @@ -4452,36 +5061,43 @@ div.compatibility > a > .text.weak:before { background-color: #F9FBE7; color: #CDDC39; } + div.compatibility > a:hover > .text.weak:before, div.compatibility > span.link-replacement > .text.weak:before { background-color: #F0F4C3; color: #C0CA33; } + /* Средняя совместимость */ div.compatibility > a > .text.moderate:before { background-color: #F1F8E9; color: #8BC34A; } + div.compatibility > a:hover > .text.moderate:before, div.compatibility > span.link-replacement > .text.moderate:before { background-color: #DCEDC8; color: #7CB342; } + /* Высокая совместимость */ div.compatibility > a > .text.high:before { background-color: #E8F5E9; color: #4CAF50; } + div.compatibility > a:hover > .text.high:before, div.compatibility > span.link-replacement > .text.high:before { background-color: #C8E6C9; color: #43A047; } + /* Полная совместимость */ div.compatibility > a > .text.full:before { background-color: #E1F5FE; color: #03A9F4; } + div.compatibility > a:hover > .text.full:before, div.compatibility > span.link-replacement > .text.full:before { background-color: #B3E5FC; @@ -4494,6 +5110,7 @@ div.compatibility > span.link-replacement > span:first-child:before, div.compatibility > span.link-replacement:hover > span:first-child:before { background-color: transparent !important; } + /* Подсказки для совместимости */ /* По умолчанию: располагаются над иконкой */ /* Вариант не работает без обложки, универсален только 2 вариант */ @@ -4519,10 +5136,12 @@ div.compatibility > span.link-replacement > span:first-child:after { opacity: 0; transition: .3s; } + div.compatibility > a > span:first-child:after, div.compatibility > span.link-replacement > span:first-child:after { z-index: 101; } + div.compatibility > a:hover:after, div.compatibility > a:hover > span:first-child:after, div.compatibility > span.link-replacement:hover > span:first-child:after { @@ -4539,6 +5158,7 @@ div.compatibility > span.link-replacement > span:first-child:after { margin: 0 .75rem .5rem; transform: translateX(.75rem); } + div.compatibility > a:hover:after, div.compatibility > a:hover > span:first-child:after, div.compatibility > span.link-replacement:hover > span:first-child:after { @@ -4550,26 +5170,32 @@ div.compatibility > span.link-replacement:hover > span:first-child:after { div.compatibility > a[href*=similar]:after { content: 'Найти похожих пользователей'; } + div.compatibility > a > .text.zero:after, div.compatibility > span.link-replacement > .text.zero:after { content: 'Нет совместимости'; } + div.compatibility > a > .text.weak:after, div.compatibility > span.link-replacement > .text.weak:after { content: 'Низкая совместимость'; } + div.compatibility > a > .text.moderate:after, div.compatibility > span.link-replacement > .text.moderate:after { content: 'Средняя совместимость'; } + div.compatibility > a > .text.high:after, div.compatibility > span.link-replacement > .text.high:after { content: 'Высокая совместимость'; } + div.compatibility > a > .text.full:after, div.compatibility > span.link-replacement > .text.full:after { content: 'Полная совместимость'; } + /* Числовое обозначение совместимости */ div.compatibility > a > span.rate, div.compatibility > span.link-replacement > span.rate { @@ -4582,20 +5208,31 @@ div.compatibility > span.link-replacement > span.rate { font-size: .75rem; line-height: 1rem; } + div.compatibility > span.link-replacement > span.rate:before, -div.compatibility > a > span.rate:before { display: none; } -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .rate:after { content: '%'; color: inherit; } +div.compatibility > a > span.rate:before { + display: none; +} + +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .rate:after { + content: '%'; + color: inherit; +} + div.compatibility > span.link-replacement > span.rate:after, -div.compatibility > a > span.rate:after { display: none; } +div.compatibility > a > span.rate:after { + display: none; +} -div.compatibility > a:before { background-color: transparent; } +div.compatibility > a:before { + background-color: transparent; +} /* END of Иконки совместимости для профиля */ - /* ICON | EDIT ABOUT ME PROFILE'S BLOCK */ .p-profiles-show .about .item-edit { display: inline-block; @@ -4604,6 +5241,7 @@ div.compatibility > a:before { background-color: transparent; } padding: .5rem; margin: .25rem 0; } + .p-animes .item-edit:before, .p-mangas .item-edit:before, .p-profiles-show .about .item-edit:before { @@ -4628,6 +5266,7 @@ div.compatibility > a:before { background-color: transparent; } /* Support for IE. */ font-feature-settings: 'liga'; } + .p-animes .item-edit:before, .p-mangas .item-edit:before, .p-profiles-show .about .item-edit:before { @@ -4638,6 +5277,7 @@ div.compatibility > a:before { background-color: transparent; } + /* CHIP | USER PLATES */ .b-user16 { vertical-align: middle; @@ -4653,23 +5293,29 @@ div.compatibility > a:before { background-color: transparent; } text-overflow: ellipsis; overflow: hidden; } + .b-user16:hover { color: #f2f2f2 !important; background-color: #747474; } + .b-user16:after { display: none !important; } + .b-user16:hover a { color: #fff !important; text-decoration: none; } + .b-user16 > a > span { padding: 0; } + .b-user16:hover span { text-decoration: none; } + .b-user16 img { position: static; display: inline-block; @@ -4680,39 +5326,49 @@ div.compatibility > a:before { background-color: transparent; } margin-top: 0 !important; border-radius: .5rem; } + .b-animes-menu .friend-rate .b-user16 { display: inline-block; } + .b-quote .quoteable a.b-user16 { padding: 0 .5rem; } + .p-anime_videos-index .c-video_stats .uploader .b-user16 { padding-left: .5rem; /* thx @Dewopalaxy */ } + .b-log_entry .b-user16, .b-source .contributors .b-user16, .b-source .mal .b-user16, .b-source .source .b-user16 { margin-right: .5rem; } + .b-user16:last-child { margin-right: 0 !important; } + .b-quote .quoteable a, .status-line > span:first-child { margin-right: .5rem; } + .status-line .b-user16:last-child { margin-right: .5rem !important; } + /* BUG: Лишний пробел в разметке */ .b-quote .quoteable a.bubbled-processed { margin-right: .25rem !important; /* thx @Dewopalaxy */ } + /* BUG: Лишний пробел в разметке */ .b-quote .quoteable a.bubbled-processed > img { margin-right: .125rem !important; /* thx @Dewopalaxy */ } + /* COLOR */ .b-user16, .b-user16 a { @@ -4720,39 +5376,41 @@ div.compatibility > a:before { background-color: transparent; } } /* END of USER PLATES */ - .b-source .contributors, .b-source .mal, .b-source .source { padding: 0; } + .was_updated > div:first-child > span:first-child { margin-right: .5rem; /* thx @Dewopalaxy */ } - - /* MODERATION LIST */ .b-log_entry { position: relative; padding-right: 2.5rem !important; font-size: .875rem; } + .b-log_entry, .b-log_entry .spoiler.collapse span:before, .b-log_entry .spoiler.collapsed:before { padding: .375rem 0; line-height: 1.25rem; } + .b-ban .moderator { float: right; position: static; } + .b-abuse_request .remove, .b-log_entry span, .b-log_entry .date { padding-right: .5rem; } + .b-ban .abuser, .b-ban .duration, .b-log_entry .date, @@ -4760,8 +5418,15 @@ div.compatibility > a:before { background-color: transparent; } vertical-align: top; font-size: inherit; } -.b-log_entry span a { vertical-align: top; } -.b-log_entry>.reason a { color: inherit; } + +.b-log_entry span a { + vertical-align: top; +} + +.b-log_entry>.reason a { + color: inherit; +} + .b-log_entry .spoiler.collapse, .b-log_entry .spoiler.collapsed, .b-log_entry .spoiler.collapse span, @@ -4769,10 +5434,12 @@ div.compatibility > a:before { background-color: transparent; } font-size: 0; line-height: 0; } + .b-log_entry .spoiler.collapse span:before, .b-log_entry .spoiler.collapsed:before { position: absolute; - top: 0; right: 0; + top: 0; + right: 0; width: 2rem; font-family: 'Material Icons'; font-size: 1.125rem; @@ -4794,8 +5461,15 @@ div.compatibility > a:before { background-color: transparent; } /* Support for IE. */ font-feature-settings: 'liga'; } -.b-log_entry .spoiler.collapse span:before { content: 'expand_less'; } -.b-log_entry .spoiler.collapsed:before { content: 'expand_more'; } + +.b-log_entry .spoiler.collapse span:before { + content: 'expand_less'; +} + +.b-log_entry .spoiler.collapsed:before { + content: 'expand_more'; +} + @media screen and (min-width: 1025px) { .b-log_entry, .b-log_entry .spoiler.collapse span:before, @@ -4804,6 +5478,7 @@ div.compatibility > a:before { background-color: transparent; } line-height: 1.25rem; } } + /* FIX */ .b-abuse_request .marker { margin: -5px 8px 0 0 !important; /* thx @Dewopalaxy */ @@ -4813,6 +5488,7 @@ div.compatibility > a:before { background-color: transparent; } + /** * MATERIAL ICON * Замена иконок. @@ -4831,12 +5507,7 @@ div.compatibility > a:before { background-color: transparent; } font-family: 'Material Icons'; font-style: normal; font-weight: 400; - src: local('Material Icons'), - local('MaterialIcons-Regular'), - url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.woff2) format('woff2'), - url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.woff) format('woff'), - url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.eot) format('eot'), - url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.ttf) format('truetype'); + src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.woff2) format('woff2'), url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.woff) format('woff'), url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.eot) format('eot'), url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.ttf) format('truetype'); } /* LARGE ICON */ @@ -4891,9 +5562,9 @@ header.head h2 a.back:before, } /* SMALL ICON */ -.l-top_menu .menu-items>.entry.calendar>a:before, -.l-top_menu .menu-items>.entry>.contest:before, -.l-top_menu .menu-items>.entry.info>a:before { +.l-top_menu .menu-items > .entry.calendar > a:before, +.l-top_menu .menu-items > .entry > .contest:before, +.l-top_menu .menu-items > .entry.info > a:before { display: block; width: 18px !important; font-family: 'Material Icons' !important; @@ -4917,7 +5588,7 @@ header.head h2 a.back:before, font-feature-settings: 'liga'; } -.headline>a:before, +.headline > a:before, .midheadline > a:before, .subheadline > a:before { display: block; @@ -4941,155 +5612,197 @@ header.head h2 a.back:before, /* Support for IE. */ font-feature-settings: 'liga'; } -.headline>a:before, + +.headline > a:before, .midheadline > a:before, .subheadline > a:before { content: 'chevron_right'; } - - /* Иконки переключения вида каталога: список/постеры */ .b-list_switchers .switcher.list:before { content: 'view_list'; } + .b-list_switchers .switcher.lines:before { content: 'view_headline'; } + .b-list_switchers .switcher.posters:before { content: 'view_module'; } + /* Иконки списка аниме/манги пользователя */ .b-add_to_list .plus:before { content: "add"; } + .b-add_to_list.planned .edit:before { content: "event"; } + .b-add_to_list.watching .edit:before { content: "play_arrow"; } + .b-add_to_list.completed .edit:before { content: "done"; } + .b-add_to_list.rewatching .edit:before { content: "replay"; } + .b-add_to_list.on_hold .edit:before { content: "query_builder"; } + .b-add_to_list.dropped .edit:before { content: "delete"; } + .b-add_to_list .trigger-arrow:before { content: "arrow_drop_down"; transition: 240ms; } + .b-add_to_list.expanded .trigger-arrow:before { content: "arrow_drop_down"; transform: rotate(180deg); } + /* Иконки верхнего меню */ -.l-top_menu .menu-items>.entry.calendar>a:before { +.l-top_menu .menu-items > .entry.calendar > a:before { content: "today"; } -.l-top_menu .menu-items>.entry>.contest:before { + +.l-top_menu .menu-items > .entry > .contest:before { content: "poll"; } -.l-top_menu .menu-items>.entry.info>a:before { + +.l-top_menu .menu-items > .entry.info > a:before { content: "info"; } + .l-top_menu .menu-userbox #sign_in:before { content: "exit_to_app"; } + .l-top_menu .to-mobile-forum:before { content: "forum"; } + .l-top_menu .menu-items .submenu-toggler:before { content: 'arrow_drop_down' } + .l-top_menu .menu-items .submenu-toggler.active:before { content: "arrow_drop_down"; transform: rotate(180deg); } + /* Иконки профиля */ .profile-actions .mail:before { content: "mail"; } + .profile-actions .talk:before { content: "message"; } + .profile-actions .fav-add:before { content: "person_add"; } + .profile-actions .fav-remove:before { content: "person"; } + .profile-actions .fav-remove:hover:before { content: "person_outline"; color: inherit; } + .profile-actions .ignore-add:before { content: "do_not_disturb_on"; } + .profile-actions .ignore-remove:before { content: "do_not_disturb_off"; } + .profile-actions .settings:before { content: "settings"; } + .profile-actions .ban:before { content: "gavel"; } + /* Иконки текстового редактора */ .buttons .editor-bold:before { content: "format_bold"; } + .buttons .editor-italic:before { content: "format_italic"; } + .buttons .editor-underline:before { content: "format_underlined"; } + .buttons .editor-strike:before { content: "strikethrough_s"; } + .buttons .editor-link:before { content: "insert_link"; } + .buttons .editor-image:before { content: "insert_photo"; } + .buttons .editor-quote:before { content: "format_quote"; } + .buttons .editor-spoiler:before { content: "error_outline"; } + .buttons .editor-file:before { content: "attach_file"; } + .buttons .editor-smiley:before { content: "insert_emoticon"; } + /* Иконки под постером аниме/манги/персонажа и т.д. */ .c-actions .edit:before { content: "build"; } + .c-actions .fav-remove:hover:before, .c-actions .fav-add:before { content: "favorite_border"; } + .c-actions .fav-add:hover:before, .c-actions .fav-remove:before { content: "favorite"; } + .c-actions .new_review:before { content: "rate_review"; } + .c-actions .new_comment:before { content: "chat_bubble"; } + /* Специальная иконка открывающая меню комментария/топика и т.д. */ .item-mobile:before { content: "more_vert"; @@ -5098,27 +5811,29 @@ header.head h2 a.back:before, .p-characters .item-edit:before { content: "edit"; } + /* Иконка "закрыть" */ .b-dialog.aside-expanded > .inner > .item-mobile:before, .b-message.aside-expanded > .inner > .item-mobile:before, .b-comment.aside-expanded > .inner > .item-mobile:before { content: "clear"; } + /* Иконка "назад" */ header.head h1 a.back:before, header.head h2 a.back:before { content: "arrow_back"; } + /* Иконки в почте пользователя ("Отметить прочитанным" и "Удалить все") */ .p-messages .mass-actions .action:nth-child(1) > a:before { content: 'done_all'; } + .p-messages .mass-actions .action:nth-child(2) > a:before { content: 'delete_sweep'; } - - .p-dialogs header.head, .p-messages header.head, .p-profiles-edit header.head { @@ -5132,6 +5847,7 @@ header.head h2 { line-height: 32px; color: inherit; } + header.head h1 a.back, header.head h2 a.back { vertical-align: top; @@ -5141,22 +5857,22 @@ header.head h2 a.back { margin: -4px 16px -4px -8px; line-height: initial; } + header.head h1 a.back:before, header.head h2 a.back:before { position: static; color: inherit; } -header.head h1 a.back:after, + +header.head h1 a.back:after, header.head h2 a.back:after { display: none; } - - - .buttons { margin-right: 0; } + .delete-controls > span, .moderation-controls > span, .main-controls > span, @@ -5240,53 +5956,64 @@ header.head h2 a.back:after { /* Support for IE. */ font-feature-settings: 'liga'; } + .buttons .item-ignore:before { content: "do_not_disturb_on"; } + .buttons .item-quote:before { content: "format_quote"; } + .buttons .item-reply:before { content: "reply"; } + .buttons .item-edit:before { content: "mode_edit"; } + .buttons .item-delete:before { content: "delete"; } + .buttons .item-moderation:before { content: "flag"; } + .buttons .item-cancel:before, .buttons .item-request-reject:before, .buttons .item-delete-cancel:before, .buttons .item-moderation-cancel:before { content: "clear"; } + .buttons .item-spoiler:before { content: "sms_failed"; } + .buttons .item-abuse:before { content: "pan_tool"; } + .buttons .item-offtopic:before { content: "speaker_notes_off"; } + .buttons .item-summary:before { content: "check_circle"; } + .buttons .item-delete-confirm:before { content: "delete"; } + .buttons .item-apply:before, .buttons .item-request-confirm:before, .buttons .item-delete-confirm:before { content: "done"; } - - .l-top_menu .menu-mobile .menu:before, .l-top_menu .menu-userbox .menu:before, .l-top_menu .menu-mobile .search:before, @@ -5317,15 +6044,12 @@ header.head h2 a.back:after { .l-top_menu .menu-userbox .menu:before { content: "menu"; } + .l-top_menu .menu-mobile .search:before, .l-top_menu .menu-userbox .search:before { content: "search"; } - - - - .tooltip-inner { min-height: 56px; padding: 14px 16px; @@ -5333,6 +6057,7 @@ header.head h2 a.back:after { overflow: hidden; box-shadow: 0 4px 10px 2px rgba(0,0,0,0.24); } + .tooltip-arrow { display: none; } @@ -5343,9 +6068,11 @@ header.head h2 a.back:after { * Copyright (c) 2015 Chris Nager * https://github.com/chrisnager/simple-paper-spinner */ + .tooltip-details { min-height: 140px; } + .tooltip-details .ajax-loading { display: inline-block; position: absolute; @@ -5361,9 +6088,9 @@ header.head h2 a.back:after { overflow: hidden; will-change: transform; -webkit-animation: spin 2666ms linear infinite; - animation: spin 2666ms linear infinite; + animation: spin 2666ms linear infinite; -webkit-clip-path: circle(.875em at center); - clip-path: circle(.875em at center); + clip-path: circle(.875em at center); } .tooltip-details .ajax-loading:after, @@ -5377,50 +6104,50 @@ header.head h2 a.back:after { .tooltip-details .ajax-loading:after { -webkit-transform: skewX(-80deg) translate(.875em, .875em); - transform: skewX(-80deg) translate(.875em, .875em); + transform: skewX(-80deg) translate(.875em, .875em); -webkit-animation: shape-shift-after 1066.4ms cubic-bezier(.4, 0, .2, 1) infinite alternate; - animation: shape-shift-after 1066.4ms cubic-bezier(.4, 0, .2, 1) infinite alternate; + animation: shape-shift-after 1066.4ms cubic-bezier(.4, 0, .2, 1) infinite alternate; } .tooltip-details .ajax-loading:before { -webkit-transform: skewX(80deg) translate(.875em, -.875em); - transform: skewX(80deg) translate(.875em, -.875em); + transform: skewX(80deg) translate(.875em, -.875em); -webkit-animation: shape-shift-before 1066.4ms cubic-bezier(.4, 0, .2, 1) infinite alternate; - animation: shape-shift-before 1066.4ms cubic-bezier(.4, 0, .2, 1) infinite alternate; + animation: shape-shift-before 1066.4ms cubic-bezier(.4, 0, .2, 1) infinite alternate; } @-webkit-keyframes spin { to { -webkit-transform: rotate(1080deg); - transform: rotate(1080deg); + transform: rotate(1080deg); } } @keyframes spin { to { -webkit-transform: rotate(1080deg); - transform: rotate(1080deg); + transform: rotate(1080deg); } } @-webkit-keyframes shape-shift-before { to { -webkit-transform: skewX(-45deg) translate(.875em, -.875em); - transform: skewX(-45deg) translate(.875em, -.875em); + transform: skewX(-45deg) translate(.875em, -.875em); } } @keyframes shape-shift-before { to { -webkit-transform: skewX(-45deg) translate(.875em, -.875em); - transform: skewX(-45deg) translate(.875em, -.875em); + transform: skewX(-45deg) translate(.875em, -.875em); } } @-webkit-keyframes shape-shift-after { to { -webkit-transform: skewX(45deg) translate(.875em, .875em); - transform: skewX(45deg) translate(.875em, .875em); + transform: skewX(45deg) translate(.875em, .875em); } } @@ -5434,33 +6161,33 @@ header.head h2 a.back:after { .b-catalog_entry-tooltip .inner a.name { font-size: .875rem; } -.b-catalog_entry-tooltip .inner .line .key { -} /* FIX: Размер изображений в тултипах Избаранного */ .b-catalog_entry-tooltip .inner .best-works > .c-column { width: 22%; margin-right: 4%; } -.b-catalog_entry-tooltip .inner .best-works > .c-column:last-child { margin-right: 0; } - +.b-catalog_entry-tooltip .inner .best-works > .c-column:last-child { + margin-right: 0; +} /* TEXTEDITOR | SHIKI EDITOR */ - -.b-topic>.editor-container { +.b-topic > .editor-container { margin-top: 1rem; } .b-shiki_editor .body { padding: 0 !important; } + .b-shiki_editor .body .preview { padding: 0; margin: 0; background: transparent; border: 0; } + .b-shiki_editor .body > .preview .body { padding-left: 0 !important; } @@ -5476,6 +6203,7 @@ header.head h2 a.back:after { .buttons .editor-file { position: relative; } + .buttons .editor-file span, .buttons .editor-file a { top: 0; @@ -5484,6 +6212,7 @@ header.head h2 a.back:after { height: 40px; margin: 0 !important; } + .buttons .editor-file input { left: 0; width: 40px; @@ -5491,10 +6220,12 @@ header.head h2 a.back:after { border: 0; font-size: 40px; } + .b-shiki_editor aside.buttons { margin: 0; padding: .25rem 0; } + .b-shiki_editor aside.markers { height: auto; padding: .75rem 0; @@ -5508,9 +6239,11 @@ header.head h2 a.back:after { height: 3rem; line-height: 2rem; } + .b-shiki_editor .hidden-block p { padding: .5rem !important; } + .b-shiki_editor .links .link-value, .b-shiki_editor .images .link-value, .b-shiki_editor .quotes .link-value, @@ -5523,6 +6256,7 @@ header.head h2 a.back:after { border-radius: 2px; line-height: 2rem; } + .b-shiki_editor .links .button.ok, .b-shiki_editor .images .button.ok, .b-shiki_editor .quotes .button.ok, @@ -5545,7 +6279,6 @@ header.head h2 a.back:after { width: 20rem !important; } - .b-shiki_editor .body .editor textarea { padding: .5rem 1rem; margin: 0; @@ -5553,6 +6286,7 @@ header.head h2 a.back:after { font-size: 1rem; line-height: 1.25rem; } + .b-shiki_editor footer input[type=submit], .b-shiki_editor footer .unpreview, .b-shiki_editor footer .preview { @@ -5568,19 +6302,21 @@ header.head h2 a.back:after { border: 0; font-size: 0; } + .b-shiki_editor.previewed footer .unpreview:after { content: 'Назад'; vertical-align: top; font-size: 14px; } + .b-shiki_editor footer .cancel { border: 0; } + .b-shiki_editor footer .cancel:hover { color: #3F51B5; } - /* FIX: COMMENT PREVIEW WIDTH */ .b-shiki_editor aside.markers { position: absolute; @@ -5588,14 +6324,15 @@ header.head h2 a.back:after { top: 0; z-index: 2; } + .b-shiki_editor.previewed .body .preview .b-comment { padding: 0 !important; } + .b-shiki_editor footer { margin-top: 1rem; } - .about-bb_codes { font-size: 0 !important; padding: 0 1rem; @@ -5603,6 +6340,7 @@ header.head h2 a.back:after { border-radius: .125rem; line-height: 2rem !important; } + .about-bb_codes:before { content: 'help'; /* NOT 'help_outline' (!) see updated guideline (2016-12) */ display: inline-block; @@ -5626,15 +6364,18 @@ header.head h2 a.back:after { /* Support for IE. */ font-feature-settings: 'liga'; } + @media only screen and (min-width: 768px) { .about-bb_codes:before { font-family: inherit !important; font-size: 14px !important; text-transform: uppercase; } + .locale-ru .about-bb_codes:before { content: 'Справка'; } + .locale-en .about-bb_codes:before { content: 'Help'; } @@ -5705,7 +6446,7 @@ header.head h2 a.back:after { @media screen and (min-width: 768px) { .b-options-floated.before-buttons-2 { - padding-right: 112px; + padding-right: 112px; } } @@ -5745,7 +6486,6 @@ header.head h2 a.back:after { text-decoration: none; } - @media screen and (min-width: 481px) { .p-profiles-edit .b-options-floated > a, .p-dialogs .b-options-floated > a, @@ -5799,9 +6539,6 @@ header.head h2 a.back:after { } /* END of FLOATED OPTIONS */ - - - /* USER'S MAIL ICONS – READ ALL & DELETE ALL */ .p-messages .mass-actions { position: absolute; @@ -5809,9 +6546,11 @@ header.head h2 a.back:after { right: 0; margin: 0 -.5rem; } + .p-messages .mass-actions .action:after { display: none; } + .p-messages .mass-actions > .action > a { width: 40px; height: 40px; @@ -5824,9 +6563,6 @@ header.head h2 a.back:after { } /* END of USER'S MAIL ICONS */ - - - /* DB ENTRY NOTES */ /* TODO: MERGE WITH .c-history .entry */ .b-db_entry-note { @@ -5868,9 +6604,6 @@ header.head h2 a.back:after { } /* END of DB ENTRY NOTES*/ - - - /* MENU ENTRY REVIEW & CLUBS */ /* TODO: MERGE WITH .c-history .entry */ /* TODO: where [.calendar .entry]? */ @@ -5949,9 +6682,6 @@ header.head h2 a.back:after { } /* END of MENU ENTRY REVIEW & CLUBS */ - - - /* SIDEMENU LINKS */ .p-topics .l-menu .sticky-topics .topic, .p-dashboards-show .contests .contest, @@ -5994,14 +6724,13 @@ header.head h2 a.back:after { } /* END of SIDEMENU LINKS */ - - /* Стилизованные кнопки на страницах поиска аниме и манги */ .p-user_rates .mylist-block + .block > .b-list, .anime-params-controls > .block:first-child > .b-list, .manga-params-controls > .block:first-child > .b-list { margin-left: 0 !important; } + .p-user_rates .mylist-block + .block > .b-list > li, .anime-params-controls > .block:first-child > .b-list > li, .manga-params-controls > .block:first-child > .b-list > li { @@ -6014,6 +6743,7 @@ header.head h2 a.back:after { text-transform: uppercase; list-style: none; } + .p-user_rates .mylist-block + .block > .b-list > li:before, .p-user_rates .mylist-block + .block > .b-list > li:after, .anime-params-controls > .block:first-child > .b-list > li:before, @@ -6031,16 +6761,19 @@ header.head h2 a.back:after { z-index: 0; transition: opacity .3s; } + .p-user_rates .mylist-block + .block > .b-list > li:before, .anime-params-controls > .block:first-child > .b-list > li:before, .manga-params-controls > .block:first-child > .b-list > li:before { box-shadow: 0 1px 3px rgba(0,0,0,.56); } + .p-user_rates .mylist-block + .block > .b-list > li:after, .anime-params-controls > .block:first-child > .b-list > li:after, .manga-params-controls > .block:first-child > .b-list > li:after { background-color: rgba(0,0,0,.12); } + .p-user_rates .mylist-block + .block > .b-list > li:hover:before, .p-user_rates .mylist-block + .block > .b-list > li:hover:after, .anime-params-controls > .block:first-child > .b-list > li:hover:before, @@ -6049,6 +6782,7 @@ header.head h2 a.back:after { .manga-params-controls > .block:first-child > .b-list > li:hover:after { opacity: 1; } + .p-user_rates .mylist-block + .block > .b-list > li > a, .anime-params-controls > .block:first-child > .b-list > li > a, .manga-params-controls > .block:first-child > .b-list > li > a { @@ -6057,6 +6791,7 @@ header.head h2 a.back:after { color: #fff !important; z-index: 1; } + .p-user_rates .mylist-block + .block > .b-list > li > a:hover, .anime-params-controls > .block:first-child > .b-list > li > a:hover, .manga-params-controls > .block:first-child > .b-list > li > a:hover { @@ -6167,6 +6902,7 @@ header.head h2 a.back:after { .b-collection-filters .filter { top: 0; } + .b-collection-filters .block-list .filter, .b-collection-filters .b-block_list .filter { float: right; @@ -6197,48 +6933,95 @@ header.head h2 a.back:after { } /* Добавляем понятные текстовые обозначения */ -.b-collection-filters .block-list .filter.item-add:before { content: 'Исключить'; } -.b-collection-filters .block-list .filter.item-minus:before { content: 'Добавить'; } -.b-collection-filters .b-block_list .filter.item-add:before { content: 'Исключить'; } -.b-collection-filters .b-block_list .filter.item-minus:before { content: 'Добавить'; } +.b-collection-filters .block-list .filter.item-add:before { + content: 'Исключить'; +} + +.b-collection-filters .block-list .filter.item-minus:before { + content: 'Добавить'; +} + +.b-collection-filters .b-block_list .filter.item-add:before { + content: 'Исключить'; +} + +.b-collection-filters .b-block_list .filter.item-minus:before { + content: 'Добавить'; +} /* Настройка иконок */ -.b-collection-filters .block-list li:before { content: 'check_box_outline_blank'; } -.b-collection-filters .block-list li.selected:before { content: 'check_box'; } -.b-collection-filters .block-list.orders li:before { content: 'radio_button_unchecked'; } -.b-collection-filters .block-list.orders li.selected:before { content: 'radio_button_checked'; } -.b-collection-filters .block-list .b-question:before { content: 'help_outline'; } -.b-collection-filters .b-block_list li:before { content: 'check_box_outline_blank'; } -.b-collection-filters .b-block_list li.selected:before { content: 'check_box'; } -.b-collection-filters .b-block_list.orders li:before { content: 'radio_button_unchecked'; } -.b-collection-filters .b-block_list.orders li.selected:before { content: 'radio_button_checked'; } -.b-collection-filters .b-block_list .b-question:before { content: 'help_outline'; } +.b-collection-filters .block-list li:before { + content: 'check_box_outline_blank'; +} + +.b-collection-filters .block-list li.selected:before { + content: 'check_box'; +} + +.b-collection-filters .block-list.orders li:before { + content: 'radio_button_unchecked'; +} + +.b-collection-filters .block-list.orders li.selected:before { + content: 'radio_button_checked'; +} + +.b-collection-filters .block-list .b-question:before { + content: 'help_outline'; +} + +.b-collection-filters .b-block_list li:before { + content: 'check_box_outline_blank'; +} + +.b-collection-filters .b-block_list li.selected:before { + content: 'check_box'; +} + +.b-collection-filters .b-block_list.orders li:before { + content: 'radio_button_unchecked'; +} + +.b-collection-filters .b-block_list.orders li.selected:before { + content: 'radio_button_checked'; +} + +.b-collection-filters .b-block_list .b-question:before { + content: 'help_outline'; +} /* Фильтры на страницах поиска – Размер для ПК */ @media (min-width: 1025px) { .b-collection-filters .block-list li { line-height: 1.5rem; } + .b-collection-filters .block-list li:before { margin: .1875rem .875rem .1875rem 0; } + .b-collection-filters .block-list .b-question:before { margin: .1875rem; } + .b-collection-filters .block-list li > input { width: 1.5rem; height: 1.5rem; } + /* new class */ .b-collection-filters .b-block_list li { line-height: 1.5rem; } + .b-collection-filters .b-block_list li:before { margin: .1875rem .875rem .1875rem 0; } + .b-collection-filters .b-block_list .b-question:before { margin: .1875rem; } + .b-collection-filters .b-block_list li > input { width: 1.5rem; height: 1.5rem; @@ -6246,19 +7029,19 @@ header.head h2 a.back:after { } /* END of Фильтры на страницах поиска */ - - /* "Мой список" в фильтрах поиска */ /* Меняем название на более доступное */ .block.mylist-block > .subheadline { font-size: 0; line-height: 0; } + .block.mylist-block > .subheadline:before { content: 'Мой список'; font-size: .875rem; line-height: 1rem; } + /* Кнопка переключателя */ .b-collection-filters .block > .filter.item-sign { height: 2.5rem; @@ -6266,6 +7049,7 @@ header.head h2 a.back:after { margin-top: .25rem; border-radius: .125rem; } + .b-collection-filters .block > .filter.item-sign:before { width: 1.5rem; font-family: 'Material Icons'; @@ -6287,10 +7071,12 @@ header.head h2 a.back:after { /* Support for IE. */ font-feature-settings: 'liga'; } + /* Настройка иконки переключателя */ .b-collection-filters .block > .filter.item-sign:before { content: 'playlist_add_check'; } + /* Прозрачный фон переключателя */ @media (min-width: 1025px) { .b-collection-filters .block > .filter.item-sign { @@ -6305,6 +7091,7 @@ header.head h2 a.back:after { .b-video_player .cc-player_controls a.c-control:hover { text-decoration: none; } + .b-video_player .cc-player_controls .cc-navigation > .c-control > span, .b-video_player .cc-player_controls .cc-navigation > .c-control > b { display: inline-block; @@ -6312,6 +7099,7 @@ header.head h2 a.back:after { margin: .25rem auto; line-height: 2.5rem; } + .b-video_player .cc-player_controls .cc-navigation > .c-control > b { margin-left: .5rem; } @@ -6320,6 +7108,7 @@ header.head h2 a.back:after { .b-video_player .cc-player_controls .cc-navigation > .c-control > span { display: none; } + .b-video_player .cc-player_controls .cc-navigation > .c-control > b { margin-left: 0; } @@ -6329,18 +7118,22 @@ header.head h2 a.back:after { .b-video_player .cc-player_controls .episode-title .video-link { font-size: .75rem; } + .b-video_player .cc-player_controls .episode-title .video-link a { display: block; line-height: inherit; border: 0; } + .b-video_player .cc-player_controls .cc-options > .c-video_stats { margin: .25rem auto; } + .p-anime_videos-index .c-videos .video-variant-switcher, .p-anime_videos-index .c-video_stats { font-size: .875rem; } + .p-anime_videos-index .c-videos .video-variant-switcher:hover { border: 0; } @@ -6353,6 +7146,7 @@ header.head h2 a.back:after { margin: .25rem auto !important; border-radius: 2px; } + .b-video_player .cc-player_controls .c-control .icon:before { width: 1.5rem; font-family: 'Material Icons'; @@ -6374,27 +7168,35 @@ header.head h2 a.back:after { /* Support for IE. */ font-feature-settings: 'liga'; } + .b-video_player .cc-player_controls .create-user_rate .icon:before { content: 'add'; } + .b-video_player .cc-player_controls .increment-user_rate .icon:before { content: 'done'; } + .b-video_player .cc-player_controls .next .icon:before { content: 'skip_next'; } + .b-video_player .cc-player_controls .prev .icon:before { content: 'skip_previous'; } + .b-video_player .cc-player_controls .report .icon:before { content: 'flag'; } + .b-video_player .cc-player_controls .show-options .icon:before { content: 'settings'; } + .b-video_player .cc-player_controls .upload .icon:before { content: 'cloud_upload'; } + .b-video_player .cc-player_controls .edit .icon:before { content: 'build'; } From 2473d452dd64dcc4a9c6a403f4080a47e07cb4d3 Mon Sep 17 00:00:00 2001 From: grin3671 Date: Sat, 29 Apr 2017 05:15:46 +0300 Subject: [PATCH 06/19] css beautify #2 --- custom/main.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/custom/main.css b/custom/main.css index db922e5..ce825b1 100644 --- a/custom/main.css +++ b/custom/main.css @@ -209,7 +209,7 @@ input[type=submit], .p-profiles-show .b-stats_bar a.title, .b-stats_bar .bar, .profile-actions > a, -:root .b-anime_status_tag:before, +.l-page .b-anime_status_tag:before, .p-profiles .profile-head .c-history .entry img, .p-profiles-show .about .item-edit, header.head h1 a.back, @@ -3339,7 +3339,7 @@ header.head, .b-comment > .inner > aside.buttons > .main-controls > a:after, .b-comment > .inner > aside.buttons > .main-controls > span:after, .b-comment > .inner > aside.buttons > .delete-controls > span:after, -.b-comment > .inner > aside.buttons > .moderation-controls > span:after{ +.b-comment > .inner > aside.buttons > .moderation-controls > span:after { vertical-align: top; padding-left: 12px !important; font-size: 16px !important; @@ -4448,7 +4448,7 @@ pre { } /* TODO: replace */ -:root .b-anime_status_tag:before { +.l-page .b-anime_status_tag:before { vertical-align: text-bottom; padding: 0 .25rem; border: 0; From f84b2540d4fd1248ed09cc51d4d49612c1601296 Mon Sep 17 00:00:00 2001 From: grin3671 Date: Sat, 29 Apr 2017 05:19:44 +0300 Subject: [PATCH 07/19] css beautify #3 --- custom/main.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/custom/main.css b/custom/main.css index ce825b1..9bba4fb 100644 --- a/custom/main.css +++ b/custom/main.css @@ -6828,8 +6828,8 @@ header.head h2 a.back:after { border: 0; opacity: 0; -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; } /* Псевдоэлемент с иконкой чекбокса */ From 0d6851cce8a90cb2b08bbac71f6a7a4c7cdd9334 Mon Sep 17 00:00:00 2001 From: grin3671 Date: Sat, 27 May 2017 00:11:35 +0300 Subject: [PATCH 08/19] Update v1.2.0 --- beta/theme-dark-cover.css | 18326 +++++++++++++++++++---------------- beta/theme-dark.css | 17930 ++++++++++++++++++---------------- beta/theme-light-cover.css | 18294 ++++++++++++++++++---------------- beta/theme-light.css | 17906 ++++++++++++++++++---------------- 4 files changed, 38920 insertions(+), 33536 deletions(-) diff --git a/beta/theme-dark-cover.css b/beta/theme-dark-cover.css index 6486dbd..f17edf9 100644 --- a/beta/theme-dark-cover.css +++ b/beta/theme-dark-cover.css @@ -1,8497 +1,9829 @@ -/** - * Shikimori.org – CSS Theme - * MIT License - * Copyright (c) 2016 grin3671 - */ - - -/** - * РУКОВОДСТВО: КАК НАСТРОИТЬ СТИЛЬ - * - * Настроить картинку обложки можно в настройках внизу стиля. - * Чтобы быстро переместиться в конец настроек нажмите клавишу [End]. - * - * Чтобы обложка отображалась в вашем профиле, замените все "2727" на ваш ID. - * Узнать ваш ID можно скачав аватарку: цифры в названии файла – ваш ID. - * Чтобы быстро найти все "2727" в стиле используйте комбинацию [Ctrl] + [F]. - * - * Подробности: - * https://github.com/grin3671/shiki-theme - */ - - -/* Кнопка сохранения стиля всегда на виду */ -#submit_style { - position: fixed; - bottom: 0; - right: 0; - margin: 5rem; - z-index: 1000; -} -/* Настройки вверху, CSS внизу */ -.b-edit_styles { - display: flex; - flex-direction: column-reverse; -} -/* Широкое полотно стиля */ -.b-edit_styles > .c-column { - width: 100%; - margin: 0; -} -/* Настройка текста */ -.style_css textarea { - font-family: monospace; - font-size: 1rem; - line-height: 1.5 !important; - white-space: nowrap; -} - - - - - - - - - - -/* НАСТРОЙКА ЦВЕТОВ */ -/* Цвет текста ссылки по умолчанию */ -a { - color: #2196F3; -} - -/* Цвет ссылки при наведении */ -a:hover { - color: #FF4081; -} - -/* Цвет ссылки при нажатии */ -@media only screen and (min-width: 1025px) { - a:active { - color: #ff1402; - } -} -.b-abuse_request .ban-form .cancel, -.b-ban .abuser, -.b-bb_codes-examples .example a, -.b-bb_codes-examples .result a, -.b-bracket-actions > div, -.b-bracket-actions > span, -.b-catalog_entry-tooltip .inner a.name, -.b-catalog_entry-tooltip .inner .line .value a, -.b-catalog_entry-tooltip .inner .line.works .value a, -.b-catalog_entry .cover .title, -.b-club .name, -.b-comment > .inner header .name-date a.name, -.b-comments .comments-collapser, -.b-cosplay-topic > .inner .cosplay-info .line .value a, -.b-cosplay_gallery h3 a, -.b-db_entry-note .name-container .name, -.b-db_entry > .c-about .additional-links .line-container > .link, -.b-db_entry > .c-about .additional-links .line-container > a, -.b-dialog > .inner header .name-date a.name, -.b-entry-info .line a, -.b-feedback-inner .about a, -.b-form .variants .variant a, -.b-form .cancel, -.b-forums .forum .link-with-input .link, -.b-forums .reload, -.b-header_filters .filter-line a, -.b-height_shortener .expand, -.b-js-action, -.b-js-link, -.b-lang_trigger span, -.b-link, -.b-log_entry a, -.b-log_entry .link, -.b-log_entry .moderation a, -.b-log_entry .spoiler.collapsed, -.b-log_entry .spoiler.collapse, -.b-log_entry .spoiler.collapse span, -.b-log_entry .spoiler.collapsed span, -.b-mention, -.b-message > .inner header .name-date a.name, -.b-nothing_here a, -.b-options-floated a, -.b-options-floated .link, -.b-options-floated .action, -.b-options-floated.mobile-desktop a, -.b-person .name, -.b-shiki_editor footer .unpreview, -.b-shiki_editor footer .unpreview:not(.link), -.b-shiki_editor footer .cancel, -.b-shiki_editor footer .hide, -.b-shiki_editor footer .about-bb_codes, -.b-source .contributors .val a, -.b-source .mal .val a, -.b-source .source .val a, -.b-spoiler .content .before, -.b-spoiler .content .after, -.b-spoiler label, -.b-stats_bar a.title, -.b-table a, -.b-topic > .inner header .name-date a.name, -.b-topic .footer-vote .vote-group .vote, -.b-user.named_avatar .name, -.b-user.detailed .info .image-name, -.b-user.detailed .history .line a .event, -.b-user16, -header.head h1 a.back, -header.head h2 a.back, -header.head a.misc, -header.head a.edit, -.headline > a, -.midheadline > a, -.subheadline > a, -.subheadline .misc-link, -.b-video_player .cc-player_controls a.c-control, -.b-video_player .cc-player_controls .episode-title .video-link a, -.b-video_variant a, -.b-animes-menu .menu-topics-block .history-entry-tooltip a, -.p-animes-files .l-content a, -.p-mangas-files .l-content a, -div.history .block-list li .tooltip-inner a, -div.history .b-block_list li .tooltip-inner a, -.p-animes_collection-index .pagination .link, -.p-mangas_collection-index .pagination .link, -.p-recommendations-index .pagination .link, -.p-userlist_comparer-show .pagination .link, -.p-contests .contest-match .vs .next, -.p-contests .contest-match .vs .refrain, -.p-contests-edit .grid, -.p-contests .match-day .match-link a, -.p-contests .rating .member a, -.p-contests .results a, -.p-contests .suggestion > a, -.p-contests .variant > a, -.b-contests-menu .results, -.b-contests-menu .grid a, -.p-contests-grid .round .match a, -.p-contests-index .contest a, -.p-dashboards .c-my_list .list-type > .title .link, -.p-dashboards .c-my_list .history > .title .link, -.p-dashboards .c-my_list .list-type > .title .switch, -.p-dashboards .c-my_list .history > .title .switch, -.p-dashboards .user_list .list-type > .title .link, -.p-dashboards .user_list .history > .title .link, -.p-dashboards .user_list .list-type > .title .switch, -.p-dashboards .user_list .history > .title .switch, -.p-dashboards-show .midheadline .b-link, -.p-dashboards-show .c-content .options .option, -.p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name, -.p-profiles .profile-head .c-brief header .notice a, -.p-profiles .profile-head .c-mobile-actions a, -.p-profiles .profile-head .c-mobile-actions span, -.p-profiles .profile-head .c-info .c-additionals div a, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a, -.p-profiles-edit .account .change-password a, -.p-profiles-edit .misc .profile-action a, -.p-profiles-edit .misc .profile-action .link, -.p-profiles-edit .misc .nickname-changes a, -.p-profiles-edit .misc .nickname-changes .link, -.p-profiles-edit .list .profile-action a, -.p-profiles-edit .list .profile-action .link, -.p-profiles-edit .list .nickname-changes a, -.p-profiles-edit .list .nickname-changes .link, -.p-profiles-edit .list #import_form .link, -.p-profiles-show .about a, -.p-studios .studio .name, -.p-translations .animes a, -.p-user_history-index .history-page .history-interval p a, -.p-user_rates-index .list-lines tr .name a, -.p-userlist_comparer .comparer table .name a, -.b-log_entry .comment-block ins, -.p-statistics-index .forum-nav .sections a.selected, -.p-anime_videos-index .c-videos .video-variant-switcher, -.p-user_rates-index .stat-categories .category { - color: #2196F3; - border-bottom-color: rgba(33, 150, 243, 0.3); -} - -@media screen and (max-width: 480px) and (orientation: portrait) { - .b-options-floated.mobile-phone_portrait a { - color: #2196F3; - } -} -@media screen and (max-width: 767px) { - .b-options-floated.mobile-phone a { - color: #2196F3; - } -} -@media screen and (max-width: 1024px) { - .b-options-floated.mobile-tablet a { - color: #2196F3; - } -} -.b-abuse_request .ban-form .cancel:hover, -.b-ban .abuser:hover, -.b-bb_codes-examples .example a:hover, -.b-bb_codes-examples .result a:hover, -.b-bracket-actions > div:hover, -.b-bracket-actions > span:hover, -.b-catalog_entry-tooltip .inner a.name:hover, -.b-catalog_entry-tooltip .inner .line .value a:hover, -.b-catalog_entry-tooltip .inner .line.works .value a:hover, -.b-catalog_entry .cover .title:hover, -.b-club .name:hover, -.b-comment > .inner header .name-date a.name:hover, -.b-comments .comments-collapser:hover, -.b-cosplay-topic > .inner .cosplay-info .line .value a:hover, -.b-cosplay_gallery h3 a:hover, -.b-db_entry-note .name-container .name:hover, -.b-db_entry > .c-about .additional-links .line-container > .link:hover, -.b-db_entry > .c-about .additional-links .line-container > a:hover, -.b-dialog > .inner header .name-date a.name:hover, -.b-entry-info .line a:hover, -.b-feedback-inner .about a:hover, -.b-form .variants .variant a:hover, -.b-form .cancel:hover, -.b-forums .forum .link-with-input .link:hover, -.b-forums .reload:hover, -.b-header_filters .filter-line a:hover, -.b-height_shortener .expand:hover, -.b-js-action:hover, -.b-js-link:hover, -.b-lang_trigger span:hover, -.b-link:hover, -.b-log_entry a:hover, -.b-log_entry .link:hover, -.b-log_entry .moderation a:hover, -.b-log_entry .spoiler.collapsed:hover, -.b-log_entry .spoiler.collapse:hover, -.b-log_entry .spoiler.collapse span:hover, -.b-log_entry .spoiler.collapsed span:hover, -.b-mention:hover, -.b-message > .inner header .name-date a.name:hover, -.b-nothing_here a:hover, -.b-options-floated a:hover, -.b-options-floated .link:hover, -.b-options-floated .action:hover, -.b-options-floated.mobile-desktop a:hover, -.b-person .name:hover, -.b-shiki_editor footer .unpreview:hover, -.b-shiki_editor footer .unpreview:not(.link):hover, -.b-shiki_editor footer .cancel:hover, -.b-shiki_editor footer .hide:hover, -.b-shiki_editor footer .about-bb_codes:hover, -.b-source .contributors .val a:hover, -.b-source .mal .val a:hover, -.b-source .source .val a:hover, -.b-spoiler label:hover, -.b-spoiler .content:hover .before, -.b-spoiler .content:hover .after, -.b-stats_bar a.title:hover, -.b-table a:hover, -.b-topic > .inner header .name-date a.name:hover, -.b-topic .footer-vote .vote-group .vote:hover, -.b-user.named_avatar .name:hover, -.b-user.detailed .info .image-name:hover, -.b-user.detailed .history .line a .event:hover, -.b-user16:hover, -header.head h1 a.back:hover, -header.head h2 a.back:hover, -header.head a.misc:hover, -header.head a.edit:hover, -.headline > a:hover, -.midheadline > a:hover, -.subheadline > a:hover, -.subheadline .misc-link:hover, -.b-video_player .cc-player_controls a.c-control:hover, -.b-video_player .cc-player_controls .episode-title .video-link a:hover, -.b-video_variant a:hover, -.b-animes-menu .menu-topics-block .history-entry-tooltip a:hover, -.p-animes-files .l-content a:hover, -.p-mangas-files .l-content a:hover, -div.history .block-list li .tooltip-inner a:hover, -div.history .b-block_list li .tooltip-inner a:hover, -.p-animes_collection-index .pagination .link:hover, -.p-mangas_collection-index .pagination .link:hover, -.p-recommendations-index .pagination .link:hover, -.p-userlist_comparer-show .pagination .link:hover, -.p-contests .contest-match .vs .next:hover, -.p-contests .contest-match .vs .refrain:hover, -.p-contests-edit .grid:hover, -.p-contests .match-day .match-link a:hover, -.p-contests .rating .member a:hover, -.p-contests .results a:hover, -.p-contests .suggestion > a:hover, -.p-contests .variant > a:hover, -.b-contests-menu .results:hover, -.b-contests-menu .grid a:hover, -.p-contests-grid .round .match a:hover, -.p-contests-index .contest a:hover, -.p-dashboards .c-my_list .list-type > .title .link:hover, -.p-dashboards .c-my_list .history > .title .link:hover, -.p-dashboards .c-my_list .list-type > .title .switch:hover, -.p-dashboards .c-my_list .history > .title .switch:hover, -.p-dashboards .user_list .list-type > .title .link:hover, -.p-dashboards .user_list .history > .title .link:hover, -.p-dashboards .user_list .list-type > .title .switch:hover, -.p-dashboards .user_list .history > .title .switch:hover, -.p-dashboards-show .midheadline .b-link:hover, -.p-dashboards-show .c-content .options .option:hover, -.p-dashboards-show .c-content .options .option.selected, -.p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name:hover, -.p-profiles .profile-head .c-brief header .notice a:hover, -.p-profiles .profile-head .c-mobile-actions a:hover, -.p-profiles .profile-head .c-mobile-actions span:hover, -.p-profiles .profile-head .c-info .c-additionals div a:hover, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:hover, -.p-profiles-edit .account .change-password a:hover, -.p-profiles-edit .misc .profile-action a:hover, -.p-profiles-edit .misc .profile-action .link:hover, -.p-profiles-edit .misc .nickname-changes a:hover, -.p-profiles-edit .misc .nickname-changes .link:hover, -.p-profiles-edit .list .profile-action a:hover, -.p-profiles-edit .list .profile-action .link:hover, -.p-profiles-edit .list .nickname-changes a:hover, -.p-profiles-edit .list .nickname-changes .link:hover, -.p-profiles-edit .list #import_form .link:hover, -.p-profiles-show .about a:hover, -.p-studios .studio .name:hover, -.p-translations .animes a:hover, -.p-user_history-index .history-page .history-interval p a:hover, -.p-user_rates-index .list-lines tr .name a:hover, -.p-userlist_comparer .comparer table .name a:hover, -.p-statistics-index .forum-nav .sections a:hover, -.block-list-alt a:hover, -.b-block_list-alt a:hover, -.b-catalog_entry .cover:hover, -.b-catalog_entry .cover:hover .title, -.b-comment > .inner .was_updated:hover, -.b-comment header .hash:hover, -.b-dialog > .inner .was_updated:hover, -.b-message > .inner .was_updated:hover, -.b-options-floated .selected, -.b-options-floated .selected.always-active:hover, -.b-show_more:hover, -.b-show_more-more .hide-more:hover, -.b-stats_bar .stat_names .stat_name a:hover, -.b-topic > .inner .was_updated:hover, -.headline > a:hover:before, -.midheadline > a:hover:before, -.subheadline > a:hover:before, -.headline.linkheadline > a:hover, -.linkheadline.midheadline > a:hover, -.linkheadline.subheadline > a:hover, -.headline.linkheadline > a:hover:before, -.linkheadline.midheadline > a:hover:before, -.linkheadline.subheadline > a:hover:before, -.tooltip-inner .close:hover, -.p-animes-franchise .sticky-tooltip .close:hover, -.p-mangas-franchise .sticky-tooltip .close:hover, -.p-contests .contest-match .prev-match:hover, -.p-contests .contest-match .next-match:hover, -.p-contests .match-day .match-link.voted-none > .c-column a:hover, -.p-contests .match-day .match-link.voted-left > .c-column:last-child a:hover, -.p-contests .match-day .match-link.voted-right > .c-column:first-child a:hover, -.p-contests .match-day .match-link .c-column.loser a:hover, -.p-contests .match-day .match-link .c-column.created a:hover, -.p-contests-grid .round .match .date a:hover, -.p-dashboards-show .contests .contest:hover .title, -.p-dashboards-show .contests .contest:hover .title:after, -.p-dashboards-show .contests .contest .title:hover, -.p-dashboards-show .contests .contest .title:hover:after, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.zero:hover, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.weak:hover, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.moderate:hover, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.high:hover, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.full:hover, -.p-topics .l-menu .sticky-topics .topic:hover .title, -.p-topics .l-menu .sticky-topics .topic:hover .title:after, -.p-topics .l-menu .sticky-topics .topic .title:hover, -.p-topics .l-menu .sticky-topics .topic .title:hover:after, -.p-topics .l-menu .contests .contest:hover .title, -.p-topics .l-menu .contests .contest:hover .title:after, -.p-topics .l-menu .contests .contest .title:hover, -.p-topics .l-menu .contests .contest .title:hover:after, -.p-topics header h1 a.reload:hover, -.p-user_rates-index .l-content .order-control:hover, -.p-user_rates-index .list-lines tr td .anime-status:hover, -.p-user_rates-index .list-lines tr td .anime-remove:hover, -.p-user_rates-index .list-lines tr td .anime-remove.selected, -.p-anime_videos-index .c-videos .video-variant-switcher:hover, -.p-user_rates-index .stat-categories .category:hover { - color: #FF4081; - border-bottom-color: rgba(255, 64, 129, 0.3); -} - -@media screen and (max-width: 480px) and (orientation: portrait) { - .b-options-floated.mobile-phone_portrait a:hover { - color: #FF4081; - } -} -@media screen and (max-width: 767px) { - .b-options-floated.mobile-phone a:hover { - color: #FF4081; - } -} -@media screen and (max-width: 1024px) { - .b-options-floated.mobile-tablet a:hover { - color: #FF4081; - } -} -.b-header_filters .filter-line a:active, -.b-person .name:active, -.b-source .contributors .val a:active, -.b-source .mal .val a:active, -.b-source .source .val a:active, -.b-animes-menu .menu-topics-block .history-entry-tooltip a:active, -.p-animes-files .l-content a:active, -.p-mangas-files .l-content a:active, -div.history .block-list li .tooltip-inner a:active, -div.history .b-block_list li .tooltip-inner a:active, -.p-dashboards-show .midheadline .b-link:active, -.p-dashboards-show .c-content .options .option:active, -.p-profiles .profile-head .c-brief header .notice a:active, -.p-profiles .profile-head .c-mobile-actions a:active, -.p-profiles .profile-head .c-mobile-actions span:active, -.p-profiles .profile-head .c-info .c-additionals div a:active, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:active, -.block-list-alt a:active, -.b-block_list-alt a:active, -.b-options-floated .selected:hover, -.b-show_more:active, -.b-show_more-more .hide-more:active, -.headline > a:active:before, -.midheadline > a:active:before, -.subheadline > a:active:before, -.p-dashboards-show .contests .contest:active .title, -.p-dashboards-show .contests .contest:active .title:after, -.p-dashboards-show .contests .contest .title:active, -.p-dashboards-show .contests .contest .title:active:after, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.zero:active, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.weak:active, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.moderate:active, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.high:active, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.full:active, -.p-topics .l-menu .sticky-topics .topic:active .title, -.p-topics .l-menu .sticky-topics .topic:active .title:after, -.p-topics .l-menu .sticky-topics .topic .title:active, -.p-topics .l-menu .sticky-topics .topic .title:active:after, -.p-topics .l-menu .contests .contest:active .title, -.p-topics .l-menu .contests .contest:active .title:after, -.p-topics .l-menu .contests .contest .title:active, -.p-topics .l-menu .contests .contest .title:active:after, -.p-user_rates-index .stat-categories .category:active { - color: #ff1402; -} - -@media only screen and (min-width: 1025px) { - .b-abuse_request .ban-form .cancel:active, - .b-ban .abuser:active, - .b-bb_codes-examples .example a:active, - .b-bb_codes-examples .result a:active, - .b-bracket-actions > div:active, - .b-bracket-actions > span:active, - .b-catalog_entry-tooltip .inner a.name:active, - .b-catalog_entry-tooltip .inner .line .value a:active, - .b-catalog_entry-tooltip .inner .line.works .value a:active, - .b-catalog_entry .cover .title:active, - .b-club .name:active, - .b-comment > .inner header .name-date a.name:active, - .b-comments .comments-collapser:active, - .b-cosplay-topic > .inner .cosplay-info .line .value a:active, - .b-cosplay_gallery h3 a:active, - .b-db_entry-note .name-container .name:active, - .b-db_entry > .c-about .additional-links .line-container > .link:active, - .b-db_entry > .c-about .additional-links .line-container > a:active, - .b-dialog > .inner header .name-date a.name:active, - .b-entry-info .line a:active, - .b-feedback-inner .about a:active, - .b-form .variants .variant a:active, - .b-form .cancel:active, - .b-forums .forum .link-with-input .link:active, - .b-forums .reload:active, - .b-header_filters .filter-line a:active, - .b-height_shortener .expand:active, - .b-js-action:active, - .b-js-link:active, - .b-lang_trigger span:active, - .b-link:active, - .b-log_entry a:active, - .b-log_entry .link:active, - .b-log_entry .moderation a:active, - .b-log_entry .spoiler.collapsed:active, - .b-log_entry .spoiler.collapse:active, - .b-log_entry .spoiler.collapse span:active, - .b-log_entry .spoiler.collapsed span:active, - .b-mention:active, - .b-message > .inner header .name-date a.name:active, - .b-nothing_here a:active, - .b-options-floated a:active, - .b-options-floated .link:active, - .b-options-floated .action:active, - .b-options-floated.mobile-desktop a:active, - .b-shiki_editor footer .unpreview:active, - .b-shiki_editor footer .unpreview:not(.link):active, - .b-shiki_editor footer .cancel:active, - .b-shiki_editor footer .hide:active, - .b-shiki_editor footer .about-bb_codes:active, - .b-spoiler label:active, - .b-stats_bar a.title:active, - .b-table a:active, - .b-topic > .inner header .name-date a.name:active, - .b-topic .footer-vote .vote-group .vote:active, - .b-user.named_avatar .name:active, - .b-user.detailed .info .image-name:active, - .b-user.detailed .history .line a .event:active, - .b-user16:active, - header.head h1 a.back:active, - header.head h2 a.back:active, - header.head a.misc:active, - header.head a.edit:active, - .headline > a:active, - .midheadline > a:active, - .subheadline > a:active, - .subheadline .misc-link:active, - .b-video_player .cc-player_controls a.c-control:active, - .b-video_player .cc-player_controls .episode-title .video-link a:active, - .b-video_variant a:active, - .p-animes_collection-index .pagination .link:active, - .p-mangas_collection-index .pagination .link:active, - .p-recommendations-index .pagination .link:active, - .p-userlist_comparer-show .pagination .link:active, - .p-contests .contest-match .vs .next:active, - .p-contests .contest-match .vs .refrain:active, - .p-contests-edit .grid:active, - .p-contests .match-day .match-link a:active, - .p-contests .rating .member a:active, - .p-contests .results a:active, - .p-contests .suggestion > a:active, - .p-contests .variant > a:active, - .b-contests-menu .results:active, - .b-contests-menu .grid a:active, - .p-contests-grid .round .match a:active, - .p-contests-index .contest a:active, - .p-dashboards .c-my_list .list-type > .title .link:active, - .p-dashboards .c-my_list .history > .title .link:active, - .p-dashboards .c-my_list .list-type > .title .switch:active, - .p-dashboards .c-my_list .history > .title .switch:active, - .p-dashboards .user_list .list-type > .title .link:active, - .p-dashboards .user_list .history > .title .link:active, - .p-dashboards .user_list .list-type > .title .switch:active, - .p-dashboards .user_list .history > .title .switch:active, - .p-dashboards-show .midheadline .b-link:active, - .p-dashboards-show .c-content .options .option:active, - .p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name:active, - .p-profiles .profile-head .c-brief header .notice a:active, - .p-profiles .profile-head .c-mobile-actions a:active, - .p-profiles .profile-head .c-mobile-actions span:active, - .p-profiles .profile-head .c-info .c-additionals div a:active, - .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:active, - .p-profiles-edit .account .change-password a:active, - .p-profiles-edit .misc .profile-action a:active, - .p-profiles-edit .misc .profile-action .link:active, - .p-profiles-edit .misc .nickname-changes a:active, - .p-profiles-edit .misc .nickname-changes .link:active, - .p-profiles-edit .list .profile-action a:active, - .p-profiles-edit .list .profile-action .link:active, - .p-profiles-edit .list .nickname-changes a:active, - .p-profiles-edit .list .nickname-changes .link:active, - .p-profiles-edit .list #import_form .link:active, - .p-profiles-show .about a:active, - .p-studios .studio .name:active, - .p-translations .animes a:active, - .p-user_history-index .history-page .history-interval p a:active, - .p-user_rates-index .list-lines tr .name a:active, - .p-userlist_comparer .comparer table .name a:active, - .p-statistics-index .forum-nav .sections a:active, - .b-catalog_entry .cover:active, - .b-comment > .inner .was_updated:active, - .b-comment header .hash:active, - .b-dialog > .inner .was_updated:active, - .b-message > .inner .was_updated:active, - .b-options-floated .selected.always-active:active, - .b-stats_bar .stat_names .stat_name a:active, - .b-topic > .inner .was_updated:active, - .headline.linkheadline > a:active, - .linkheadline.midheadline > a:active, - .linkheadline.subheadline > a:active, - .headline.linkheadline > a:active:before, - .linkheadline.midheadline > a:active:before, - .linkheadline.subheadline > a:active:before, - .tooltip-inner .close:active, - .p-animes-franchise .sticky-tooltip .close:active, - .p-mangas-franchise .sticky-tooltip .close:active, - .p-contests .contest-match .prev-match:active, - .p-contests .contest-match .next-match:active, - .p-contests .match-day .match-link.voted-none > .c-column a:active, - .p-contests .match-day .match-link.voted-left > .c-column:last-child a:active, - .p-contests .match-day .match-link.voted-right > .c-column:first-child a:active, - .p-contests .match-day .match-link .c-column.loser a:active, - .p-contests .match-day .match-link .c-column.created a:active, - .p-contests-grid .round .match .date a:active, - .p-topics header h1 a.reload:active, - .p-user_rates-index .l-content .order-control:active, - .p-user_rates-index .list-lines tr td .anime-status:active, - .p-user_rates-index .list-lines tr td .anime-remove:active, - .b-bracket-details:active, - .b-form a.remove:active, - .p-anime_videos-index .c-videos .video-variant-switcher:active, - .p-anime_videos-index .c-videos .video-variant-switcher.active { - color: #ff1402; - border-bottom-color: rgba(255, 20, 2, 0.3); - } -} -@media only screen and (max-width: 480px) and (orientation: portrait) and (min-width: 1025px) { - .b-options-floated.mobile-phone_portrait a:active { - color: #ff1402; - } -} -@media only screen and (max-width: 767px) and (min-width: 1025px) { - .b-options-floated.mobile-phone a:active { - color: #ff1402; - } -} -@media only screen and (max-width: 1024px) and (min-width: 1025px) { - .b-options-floated.mobile-tablet a:active { - color: #ff1402; - } -} -body { - background-color: #303030; -} - -.l-page, -.c-actions:before, -.p-contests .contest-match .vs > div:first-child, -.p-contests .match-day > .date, -.p-animes_collection-index .l-content.ajax_request::before, -.p-mangas_collection-index .l-content.ajax_request::before, -.p-recommendations-index .l-content.ajax_request::before, -.p-userlist_comparer-show .l-content.ajax_request::before, -.b-ajax:before { - background: #303030; -} - -.l-page:before { - outline-color: #303030; -} - -@media screen and (max-width: 960px) { - .p-profiles .profile-head .c-brief header { - background-color: #303030; - } -} -@media screen and (max-width: 1024px) { - body { - background-color: #303030 !important; - } -} -.b-height_shortener .shade { - background-image: linear-gradient(to bottom, transparent, #303030); -} - -.b-topic.aside-expanded > .inner aside.buttons, -.b-dialog.aside-expanded > .inner aside.buttons, -.b-message.aside-expanded > .inner aside.buttons, -.b-comment.aside-expanded > .inner aside.buttons { - background-color: rgba(48, 48, 48, 0.9); -} - -/* BLACK GREY WHITE */ -body, -header.head h1, -header.head h2, -.ac_results, -.tooltip-inner, -.b-input input, -.b-input textarea, -.b-shiki_editor .body .editor textarea, -.b-shiki_editor .links .link-value, -.b-shiki_editor .images .link-value, -.b-shiki_editor .quotes .link-value, -.b-shiki_editor .email .link-value, -.b-shiki_editor .upload .link-value, -.p-user_rates-index .list-lines tr td .new-value input, -.p-user_rates-index .l-content .filter input, -.subheadline-input, -.b-catalog_entry-tooltip .inner a.name, -.b-catalog_entry .cover .title, -.b-catalog_entry-tooltip .inner .line .value a, -.b-clubs-menu .block-list li:hover, -.b-clubs-menu .block-list li:hover a, -.b-clubs-menu .block-list li a:hover, -.b-clubs-menu .b-block_list li:hover, -.b-clubs-menu .b-block_list li:hover a, -.b-clubs-menu .b-block_list li a:hover, -.b-db_entry > .c-image .c-actions > a:after, -.b-db_entry-note .name-container .name, -.b-dialog > .inner header .name-date a.name, -.b-entry-info .line .b-tag, -.b-forums .forum .link-with-input .link, -.b-height_shortener .expand, -.b-hot_topics .topic.subject, -.b-hot_topics .topic a:hover, -.b-message > .inner header .name-date a.name, -.b-modal .subheadline, -.b-link_button, -.b-link_button:hover, -.b-link_button:active, -.block-list li:hover, -.block-list-alt li:hover, -.b-block_list li:hover, -.b-block_list-alt li:hover, -.b-pages .b-link, -.b-show_more:hover, -.b-show_more-more .hide-more:hover, -.b-stats_bar .stat_names .stat_name a, -.b-video_player .cc-player_controls .episode-title, -.b-video_variant .episode-num, -.b-video_variant .video-author, -.b-video_variant .video-id, -.headline, -.b-catalog_entry-tooltip .inner .line .value .tag:hover, -.b-entry-info .line .b-tag:hover, -.b-tag:hover, -.p-contests .match-day .match-link.voted-none > .c-column a, -.p-contests .match-day .match-link.voted-left > .c-column:last-child a, -.p-contests .match-day .match-link.voted-right > .c-column:first-child a, -.p-contests .match-day .match-link .c-column.loser a, -.p-contests .match-day .match-link .c-column.created a, -.p-dashboards-show .contests .contest .title, -.p-dialogs .b-options-floated > a.selected, -.p-moderations-missing_videos .missing-video > .info span, -.p-messages .b-options-floated > a.selected, -.p-profiles-edit .b-options-floated > a.selected, -.p-profiles .profile-head .c-history .entry .title, -.p-topics .l-menu .calendar .entry a, -.p-topics .l-menu .clubs .entry a, -.p-topics .l-menu .contests .contest .title, -.p-topics .l-menu .reviews .entry a, -.p-topics .l-menu .sticky-topics .topic .title, -.p-user_rates-index .l-content .order-control, -.p-user_rates-index .l-content .order-control:hover { - color: #FFFFFF !important; -} - -/* Цвет основного текста в области при наведении */ -.b-clubs-menu .b-link:hover, -.b-clubs-menu .actions li:hover, -.b-clubs-menu .actions .upload label:hover, -.b-clubs-menu .actions .invite span:hover, -.b-clubs-menu .actions .join a:hover, -.b-clubs-menu .actions .leave a:hover, -.b-hot_topics .topic a, -.b-forums .forum:hover .link-with-input .link, -.b-image .marker, -.b-video .marker, -.b-video .name, -.p-dashboards-show .contests .contest:hover .title, -.p-profiles .profile-head .c-history .entry:hover .title, -.p-topics .l-menu .calendar .entry:hover a, -.p-topics .l-menu .clubs .entry:hover a, -.p-topics .l-menu .contests .contest:hover .title, -.p-topics .l-menu .reviews .entry:hover a, -.p-topics .l-menu .sticky-topics .topic:hover .title { - color: #FFFFFF !important; -} - -@media (max-width: 1024px) { - .l-top_menu .menu-items > .entry > a, - .l-top_menu .menu-items > .entry > .submenu > a, - .l-top_menu .inner .sign_out { - color: #FFFFFF !important; - } -} -h3, -header.head .notice, -.bar.horizontal .line .x_label, -.bar.vertical .line .x_label, -.b-entry-info .line .b-tag, -.b-catalog_entry-tooltip .inner .line .key, -.b-catalog_entry-tooltip .inner .line .value .tag, -.b-catalog_entry-tooltip .inner .rating, -.b-collection-filters .block > .filter.item-sign:hover, -.b-height_shortener:hover .expand, -.b-lang_trigger:hover span, -.b-lang_trigger span:hover, -.b-show_more, -.b-show_more-more .hide-more, -.b-stats_bar .stat_names:hover:before, -.b-tag, -.block-list li, -.block-list-alt li, -.block-list li a, -.block-list-alt li a, -.b-block_list li, -.b-block_list li a, -div.compatibility > a:hover:before, -div.compatibility > a:hover > span:first-child:before, -.item-add:hover, -.l-footer .copyright, -.p-characters .item-edit:hover, -.p-characters .item-edit:active, -.p-contests .match-day > .date .from, -.p-contests .match-day > .date .to, -.p-profiles-edit .b-options-floated > a, -.p-dialogs .b-options-floated > a, -.p-messages .b-options-floated > a, -.p-user_rates-index .list-lines tr td .episodes_total, -.p-user_rates-index .list-lines tr td .rate-text { - color: #EEEEEE; -} - -header.head h1 > a.back:hover, -header.head h2 > a.back:hover, -header.head h1 > a.back:active, -header.head h2 > a.back:active, -.b-video_player .cc-player_controls .c-control:hover .icon, -.p-animes_collection-index .pagination .link:hover, -.p-mangas_collection-index .pagination .link:hover, -.p-recommendations-index .pagination .link:hover, -.p-userlist_comparer-show .pagination .link:hover, -.b-clubs-menu .block-list li, -.b-clubs-menu .block-list li a, -.b-clubs-menu .b-block_list li, -.b-clubs-menu .b-block_list li a, -.b-list_switchers > .switcher:hover, -.c-actions > *:hover, -.editor-controls > span:hover, -.profile-actions > a:hover, -.p-animes .item-edit:hover, -.p-contests .contest-match .prev-match:hover, -.p-contests .contest-match .next-match:hover, -.p-mangas .item-edit:hover, -.p-profiles-show .about .item-edit:hover, -.p-messages .mass-actions .action > a:hover, -.p-topics header h1 a.reload, -.delete-controls > span, -.delete-controls > span:hover, -.main-controls > span, -.main-controls > span:hover, -.main-controls > a, -.main-controls > a:hover, -.buttons .item-edit, -.buttons .item-edit:hover, -.moderation-controls > span, -.moderation-controls > span:hover { - color: #EEEEEE !important; -} - -.midheadline, -.subheadline, -.b-animes-menu .menu-topics-block .date, -.b-breadcrumbs, -.b-breadcrumbs a.b-link, -.b-catalog_entry .cover .misc span, -.b-catalog_entry-tooltip .inner .rating .text, -.b-club .info .number, -.b-comment-info, -.b-comment .inner .name-date a.name .normal, -.b-collection-filters .block > .filter.item-sign, -.b-db_entry-note .name-container .note, -.b-entry-info .line .key, -.b-forums .forum .link-with-input input + .link, -.b-forums .forum .topics, -.b-lang_trigger span, -.b-log_entry .id-label, -.b-log_entry .state.auto_accepted, -.b-options-floated.count, -.b-pages .title, -.b-quote .quoteable:before, -.b-replies:before, -.b-stats_bar .title, -.b-stats_bar .stat_names:before, -.b-source .contributors .key, -.b-source .mal .key, -.b-source .source .key, -.b-topic-preview > .inner .status-line .about, -.b-topic-preview > .inner .status-line .from, -.b-collection-filters .block-list li:before, -.b-collection-filters .block-list .b-question:before, -.b-collection-filters .b-block_list li:before, -.b-collection-filters .b-block_list .b-question:before, -div.compatibility > a:before, -div.compatibility > span.link-replacement > span:first-child:before, -div.compatibility > a > span:first-child:before, -.item-add, -.item-mobile, -.item-mobile:hover, -.item-mobile:active, -.l-footer:before, -.l-footer .links a, -.l-top_menu .menu-items .submenu-toggler, -.p-animes_collection-index .pagination .link, -.p-mangas_collection-index .pagination .link, -.p-recommendations-index .pagination .link, -.p-userlist_comparer-show .pagination .link, -.p-characters .item-edit, -.p-contests .contest-match .vs, -.p-contests .contest-match .vs .help, -.p-contests .contest-match .vs .next, -.p-contests .contest-match .vs .finish, -.p-contests .contest-match .vs .refrain, -.p-contests .contest-match .vs .refrained, -.p-contests .match-day .matches-num, -.p-dashboards-show .contests .contest .notice, -.p-db_entries-edit .b-list .field, -.p-profiles .profile-head .c-info .c-additionals b, -.p-topics .l-menu .sticky-topics .topic .notice, -.b-user.detailed .info .last-online, -.b-video_variant .episode-hostings, -.b-video_variant .video-hosting, -.b-video_variant .video-language, -.p-anime_videos-index .c-video_stats .views_count { - color: #BDBDBD; -} - -header.head h1 a.back, -header.head h2 a.back, -.about-bb_codes:before, -.b-db_entry > .c-about .additional-links .key, -.b-list_switchers > .switcher, -.b-user_rate .rate-show .note, -.c-actions > *, -.editor-controls > span, -.profile-actions > a, -.p-animes .item-edit, -.p-animes_collection-index .pagination .link, -.p-clubs-index header.head a.misc, -.p-contests .contest-match .prev-match, -.p-contests .contest-match .next-match, -.p-mangas .item-edit, -.p-mangas_collection-index .pagination .link, -.p-messages .mass-actions > .action > a, -.p-profiles .profile-head .c-history .entry .misc, -.p-profiles-show .about .item-edit, -.p-profiles-show .lifetime .title > .label:before, -.p-profiles-show .profile-content .activity .title, -.p-recommendations-index .pagination .link, -.p-topics .l-menu .calendar .entry .misc, -.p-topics .l-menu .reviews .entry .misc, -.p-topics .l-menu .clubs .entry .misc, -.p-userlist_comparer-show .pagination .link, -.p-user_rates-index .list-lines tr.edit-form .remove, -.p-user_rates-index .list-lines tr.edit-form .remove:hover, -.p-user_history-index .history-page .history-interval p .date { - color: #BDBDBD !important; -} - -@media only screen and (min-width: 1025px) { - .delete-controls > span, - .moderation-controls > span, - .main-controls > span, - .main-controls > a, - .buttons .item-edit { - color: #BDBDBD !important; - } -} -.b-user.detailed .history .line .date, -.b-video_variant .episode-hostings:before, -.b-video_variant .episode-hostings:after, -.b-video_variant .video-hosting:before, -.b-video_variant .video-hosting:after, -.b-video_variant .video-language:before, -.b-video_variant .video-language:after, -.b-video_variant .video-kind.english:before { - color: #9E9E9E; -} - -.b-video_player .cc-player_controls .c-control .icon, -.p-animes_collection-index .pagination .link.disabled, -.p-mangas_collection-index .pagination .link.disabled, -.p-recommendations-index .pagination .link.disabled, -.p-userlist_comparer-show .pagination .link.disabled, -.p-animes_collection-index .pagination .link.disabled:hover, -.p-mangas_collection-index .pagination .link.disabled:hover, -.p-recommendations-index .pagination .link.disabled:hover, -.p-userlist_comparer-show .pagination .link.disabled:hover, -.p-profiles .profile-head .c-history .entry .misc.date, -.p-topics .l-menu .calendar .entry .misc.date, -.p-topics .l-menu .reviews .entry .misc.date, -.p-topics .l-menu .clubs .entry .misc.date { - color: #9E9E9E !important; -} - -/* PRIMARY COLOR */ -input[type=submit], -.button, -.b-button, -.b-contests-menu .results, -.b-form input[type=submit], -.b-link_button.dark, -.btn-primary, -.b-shiki_editor .links .button.ok, -.b-shiki_editor .images .button.ok, -.b-shiki_editor .quotes .button.ok, -.b-shiki_editor .email .button.ok, -.b-shiki_editor .upload .button.ok, -.p-contests .contest-match .votes-percents .right-part, -.p-contests .contest-match .votes-percents .left-part:hover .right-part, -.p-user_rates .mylist-block + .block > .b-list > li, -.anime-params-controls > .block:first-child > .b-list > li, -.manga-params-controls > .block:first-child > .b-list > li, -.b-stats_bar.anime .bar .first, -.b-stats_bar.anime .bar .second, -.line:nth-child(odd) > .bar-container > .bar, -.line:nth-child(odd) > .bar-container > .bar:hover, -.line:nth-child(even) > .bar-container > .bar, -.line:nth-child(even) > .bar-container > .bar:hover { - background-color: #2196F3; -} - -.p-contests .contest-match .votes-percents .right-part, -.p-contests .contest-match .votes-percents .left-part:hover .right-part, -.b-main_search .input:after { - border-color: #2196F3; -} - -.subheadline > a:hover, -.midheadline > a:hover, -.edit-page a.cancel:hover, -.b-form .cancel:hover, -.b-shiki_editor footer .unpreview:hover, -.b-shiki_editor footer .preview:hover, -.b-topic-preview > .editor-container .hide:hover, -.p-contests .contest-match .vs .refrain:hover, -.p-dashboards-show .b-forums > .b-link_button.maxi:hover:after, -.p-profiles-show .b-stats_bar a.title:hover { - background-color: rgba(33, 150, 243, 0.12); -} - -input[type=submit]:hover, -.button:hover, -.b-button:hover, -.b-contests-menu .results:hover, -.b-form input[type=submit]:hover, -.b-link_button.dark:hover { - background-color: #1E88E5; -} - -.b-contests-menu .results, -.b-link_button.dark, -.btn-submit { - color: #FFFFFF !important; -} - -.b-rate .stars.score, -.b-forums .forum input:checked + .link:before, -.b-collection-filters .block-list .filter, -.b-collection-filters .block-list li.selected:before, -.b-collection-filters .b-block_list .filter, -.b-collection-filters .b-block_list li.selected:before, -.p-contests .contest-match .vs .refrain, -.p-contests .contest-match .vs .refrain:hover, -.p-contests .contest-match .vs .refrain:active, -.tooltip-details .ajax-loading { - color: #2196F3; -} - -.headline > a, -.headline > a:hover, -.headline.linkheadline > a, -.midheadline > a, -.midheadline > a:hover, -.midheadline.linkheadline > a, -.subheadline > a, -.subheadline > a:hover, -.subheadline.linkheadline > a, -.edit-page a.cancel, -.p-dashboards-show .b-forums > .b-link_button.maxi:after, -.b-form .cancel, -.b-shiki_editor footer .unpreview, -.b-shiki_editor footer .unpreview:not(.link):hover, -.b-shiki_editor footer .preview, -.b-stats_bar a.title, -.b-topic-preview > .editor-container .hide { - color: #2196F3 !important; -} - -/* END of PRIMARY COLOR */ -/* ACCENT COLOR */ -.menu .unread-count, -.menu:hover .unread-count, -.menu .contest, -.menu:hover .contest, -.p-contests .contest-match .votes-percents .left-part, -.p-contests .contest-match .votes-percents .left-part:hover, -.b-options-floated a span.brackets, -.b-options-floated .link span.brackets, -.b-stats_bar.manga .bar .first, -.b-stats_bar.manga .bar .second, -div.compatibility > a > span.rate, -div.compatibility > span.link-replacement > span.rate { - background-color: #FF4081; -} - -.menu .unread-count:hover, -.menu .contest:hover { - background: #FF4081 !important; -} - -.p-profiles-show .b-stats_bar.manga a.title:hover { - background-color: rgba(255, 64, 129, 0.12); -} - -.p-profiles-edit .b-options-floated > a.selected, -.p-dialogs .b-options-floated > a.selected, -.p-messages .b-options-floated > a.selected { - border-bottom: 2px solid #FF4081; -} - -.menu .unread-count, -.menu:hover .unread-count, -.menu .contest, -.menu:hover .contest { - color: #FFFFFF !important; -} - -.b-rate .stars.hover, -.c-actions .fav-add:hover:before, -.c-actions .fav-remove:before, -.profile-actions .fav-remove:before { - color: #FF4081; -} - -.b-list_switchers > .switcher.selected, -.editor-controls > span.selected, -.p-profiles-show .b-stats_bar.manga a.title { - color: #FF4081 !important; -} - -/* END of ACCENT COLOR */ -/* BACKGROUND COLOR */ -.ac_results, -.b-image .marker, -.b-modal > .inner, -.b-video .marker, -.b-video .name, -.l-top_menu .menu-items, -.tooltip-inner, -.tooltip-details .ajax-loading { - background: #424242; -} - -@media screen and (max-width: 599px) { - .b-stats_bar .stat_names:hover { - background-color: #424242; - } -} -.b-link_button, -.b-comments .comments-loader, -.b-comments .comments-hider, -.b-comments .comments-expander, -.b-comments .messages-postloader, -.b-comments .faye-loader, -.b-forum .faye-loader, -.p-animes-show .other-names.click-loader, -.p-mangas-show .other-names.click-loader, -.collapsed { - background-color: #616161; - border-color: #424242; -} - -.b-link_button:hover, -.b-comments .comments-loader:hover, -.b-comments .comments-hider:hover, -.b-comments .comments-expander:hover, -.b-comments .messages-postloader:hover, -.b-comments .faye-loader:hover, -.b-forum .faye-loader:hover, -.p-animes-show .other-names.click-loader:hover, -.p-mangas-show .other-names.click-loader:hover, -.collapsed:hover { - background-color: #424242; - border-color: #212121; -} - -.b-link_button:active, -.b-comments .comments-loader:active, -.b-comments .comments-hider:active, -.b-comments .comments-expander:active, -.b-comments .messages-postloader:active, -.b-comments .faye-loader:active, -.b-forum .faye-loader:active, -.p-animes-show .other-names.click-loader:active, -.p-mangas-show .other-names.click-loader:active, -.collapsed:active { - background-color: #212121; - border-color: #757575; -} - -.b-quote, .b-quote .b-quote .b-quote { - background: #424242; -} - -.b-quote .b-quote, .b-quote .b-quote .b-quote .b-quote { - background: #616161; -} - -.b-user_rate .rate-show .note, -.p-topics-new .topic_video, -.p-topics-edit .topic_video, -.p-topics-create .topic_video, -.p-topics-update .topic_video, -.p-user_rates-index .list-lines tr.edit-form form { - background: #616161; -} - -select, -.b-editable_grid tbody tr:nth-child(odd) td, -.b-input input, -.b-input textarea, -.b-pages, -.b-shiki_editor .body .editor textarea, -.b-shiki_editor .links .link-value, -.b-shiki_editor .images .link-value, -.b-shiki_editor .quotes .link-value, -.b-shiki_editor .email .link-value, -.b-shiki_editor .upload .link-value, -div.compatibility > a:before, -div.compatibility > span.link-replacement > span:first-child:before, -div.compatibility > a > span:first-child:before, -.l-page .menu-toggler .toggler, -.p-contests .match-day .match-link:hover, -.p-contests .match-day .match-link.active, -.p-user_rates-index .list-groups .summary.posters, -.p-user_rates-index .list-lines tr td .new-value input, -.p-user_rates-index .l-content .filter input, -.subheadline-input { - background: #424242; -} - -.editor textarea.b-comment, -.editor textarea.b-message { - background: #424242 !important; -} - -/* Области наведения */ -.b-collection-filters .block > .filter.item-sign, -.b-lang_trigger, -.b-tag, -.block-list li:hover, -.block-list-alt li:hover, -.block-list li.selected, -.block-list-alt li.selected, -.b-block_list li:hover, -.b-block_list li.selected, -.b-entry-info .line .b-tag, -.b-catalog_entry-tooltip .inner .line .value .tag, -.b-hot_topics .topic a, -.b-forums .forum:hover, -.b-show_more:hover, -.b-show_more-more .hide-more:hover, -.b-stats_bar .stat_names:hover:before, -.history-interval p:hover, -.p-profiles .profile-head .c-history .entry:hover a, -.p-topics .l-menu .sticky-topics .topic:hover, -.p-dashboards-show .contests .contest:hover, -.p-topics .l-menu .calendar .entry:hover a, -.p-topics .l-menu .clubs .entry:hover a, -.p-topics .l-menu .contests .contest:hover, -.p-topics .l-menu .reviews .entry:hover a, -.p-user_rates-index .list-lines .selectable:hover, -.p-user_rates-index .l-content .order-control:hover, -.p-animes_collection-index .pagination .link:hover, -.p-mangas_collection-index .pagination .link:hover, -.p-recommendations-index .pagination .link:hover, -.p-userlist_comparer-show .pagination .link:hover { - background-color: #616161; -} - -.block-list li:active, -.block-list-alt li:active, -.b-block_list li:active, -.p-contests .match-day .match-link:active { - background-color: #616161 !important; -} - -.p-dialogs header.head, -.p-messages header.head, -.p-profiles-edit header.head, -.p-profiles-edit .b-options-floated, -.p-dialogs .b-options-floated, -.p-messages .b-options-floated, -.b-hot_topics .topic a:hover { - background-color: #424242; -} - -.p-userlist_comparer .comparer table .selectable:hover { - background-color: #424242 !important; -} - -/* Кнопки при наведении */ -div.compatibility > a:hover:before, -div.compatibility > a:hover > span:first-child:before, -.b-video_player .cc-player_controls .c-control:hover .icon, -.p-animes_collection-index .pagination .link:hover, -.p-mangas_collection-index .pagination .link:hover, -.p-recommendations-index .pagination .link:hover, -.p-userlist_comparer-show .pagination .link:hover, -.b-collection-filters .block > .filter.item-sign:hover, -.b-lang_trigger:hover, -.b-list_switchers > .switcher:hover, -.b-tag:hover, -.b-entry-info .line .b-tag:hover, -.b-catalog_entry-tooltip .inner .line .value .tag:hover, -.b-user_rate .rate-show .rate-number .item-add:hover, -.p-animes .item-edit:hover, -.p-characters .item-edit:hover, -.p-contests .contest-match .prev-match:hover, -.p-contests .contest-match .next-match:hover, -.p-mangas .item-edit:hover, -.p-profiles-show .about .item-edit:hover, -.p-messages .mass-actions .action > a:hover, -.p-user_rates-index .list-lines tr.edit-form .remove:hover, -.delete-controls > span:hover, -.moderation-controls > span:hover, -.main-controls > span:hover, -.main-controls > a:hover, -.buttons .item-edit:hover, -.editor-controls > span:hover, -.c-actions > *:hover, -.about-bb_codes:hover, -.profile-actions > *:hover, -.item-mobile:hover, -.item-mobile:active, -header.head h1 > a.back:hover, -header.head h2 > a.back:hover { - background-color: #424242; -} - -/* ЦВЕТ ГРАНИЦ ЭЛЕМЕНТОВ */ -hr, -.b-db_entry-note:before, -.b-dialog:before, -.b-message:before, -.b-comment:before, -.b-comments .comments-loaded:before, -.p-contests .match-day:before, -.p-profiles .profile-head .c-history .entry:before, -.p-topics .l-menu .calendar .entry:before, -.p-topics .l-menu .reviews .entry:before, -.p-topics .l-menu .clubs .entry:before { - background-color: #757575; -} - -h3, -select, -.b-input input, -.b-input textarea, -.b-pages, -.b-topic, -.b-shiki_editor .body .editor textarea, -.b-shiki_editor .links .link-value, -.b-shiki_editor .images .link-value, -.b-shiki_editor .quotes .link-value, -.b-shiki_editor .email .link-value, -.b-shiki_editor .upload .link-value, -.b-quote, -.l-page .menu-toggler .toggler, -.p-topics-new .topic_video, -.p-topics-edit .topic_video, -.p-topics-create .topic_video, -.p-topics-update .topic_video, -.p-user_rates-index .list-groups .summary.posters, -.p-user_rates-index .list-lines tr.edit-form form, -.p-user_rates-index .list-lines tr td .new-value input, -.p-user_rates-index .l-content .filter input, -.subheadline-input { - border-color: #757575; -} - -/* ОСОБЫЕ ЦВЕТА */ -.b-entry-info .line .b-tag:active, -.b-catalog_entry-tooltip .inner .line .value .tag:active { - background-color: #757575; -} - -.b-rate .stars.background { - color: #757575; -} - -.b-stats_bar .bar .third { - background: #757575; -} -/* END of НАСТРОЙКА ЦВЕТОВ */ - - - - - - - - - - -/* FONT COLLECTION */ - -body, input, select, button, textarea { font-family: 'Arial', sans-serif; } - -.b-show_more, -.b-show_more-more .hide-more, -.l-footer:before, -.b-sponsors_block_3:before, -.l-top_menu .inner .logo:before, -.b-user_rate .rate-show .note:before, -.button, -.buttons, -.b-contests-menu .results, -.b-link_button, -input[type=submit], -.p-animes_collection-index .pagination, -.p-mangas_collection-index .pagination, -.p-recommendations-index .pagination, -.p-userlist_comparer-show .pagination, -.mischeadline, -.c-my_list .title, -.subheadline, -.midheadline, -.b-stats_bar .title, -.profile-content .activity .title, -.lifetime .title, -.midheadline > a, -.subheadline > a, -.b-form .cancel, -.b-shiki_editor footer .unpreview, -.b-shiki_editor footer .preview, -.p-contests .contest-match .vs .refrain, -.p-contests .contest-match .votes-percents, -.p-contests .contest-match .vs > div:first-child, -.p-contests .contest-match .vs .next, -.b-lang_trigger, -.b-topic>.inner>header .about a, -.b-topic-preview>.inner .status-line .b-link, -.b-hot_topics .topic.subject, -div.compatibility > a > span.rate, -div.compatibility > span.link-replacement > span.rate, -.b-abuse_marker:before, -.b-broadcast_marker:before, -.b-new_marker:before, -.b-offtopic_marker:before, -.b-summary_marker:before, -.b-options-floated, -.p-profiles-edit .b-options-floated > a, -.p-dialogs .b-options-floated > a, -.p-messages .b-options-floated > a, -.b-options-floated a span.brackets, -.b-options-floated .link span.brackets, -.p-user_rates .mylist-block + .block > .b-list > li, -.anime-params-controls > .block:first-child > .b-list > li, -.manga-params-controls > .block:first-child > .b-list > li, -.b-collection-filters .block-list .filter, -.b-collection-filters .b-block_list .filter, -.edit-page a.cancel, -.b-topic-preview > .editor-container .hide { - font-weight: 700; -} -.b-topic .name-date .name, -.b-comment .name-date .name, -.b-dialog .name-date .name, -text, -.highcharts-tooltip text tspan:last-child { - font-weight: 700 !important; -} -@media only screen and (min-width: 768px) { - .about-bb_codes:before { - font-weight: 700 !important; - } -} -@media screen and (min-width: 1025px) { - .b-entry-info .line .value { - font-weight: 400 !important; - } -} -/* END of FONT COLLECTION */ - - - - - - - - - - -/* ОСНОВНОЙ ФАЙЛ */ -header.head h1, -header.head h2, -input { - font-family: inherit; -} - -.buttons, -.ac_results .name, -.b-animes-menu .total-rates, -.b-comment > .inner header .name-date a.name, -.b-comments .comments-expander, -.b-comments .comments-expander:hover, -.b-comments .comments-hider, -.b-comments .comments-hider:hover, -.b-comments .comments-loader, -.b-comments .comments-loader:hover, -.b-comments .faye-loader, -.b-comments .faye-loader:hover, -.b-comments .messages-postloader, -.b-comments .messages-postloader:hover, -.b-entry-info .line .value, -.b-forum .faye-loader, -.b-forum .faye-loader:hover, -.b-header_filters .filter-line .title, -.b-header_filters .filter-line a.current, -.b-mention s, -.b-options-floated .selected.always-active, -.b-quote, -.b-rate .score-notice, -.b-rate .text-score, -.b-table th, -.b-topic > .inner header .name-date a.name, -.b-user.detailed .history .line .event, -.collapsed, -.completable-block .name, -.l-page .menu-toggler .toggler:after, -.p-anime_videos-index .c-anime_video_episodes .title, -.p-anime_videos-index .c-videos .title, -.p-anime_videos-index .same-videos .title, -.p-statistics-index .forum-nav .sections a, -.p-user_rates-index .list-groups .summary.lines, -.p-userlist_comparer .comparer table .name a { - color: inherit; -} - -.b-comments .comments-expander:active, -.b-comments .comments-hider:active, -.b-comments .comments-loader:active, -.b-forum .faye-loader:active, -.block-list li.selected, -.block-list-alt li.selected, -.b-block_list li.selected, -.p-animes-show .other-names.click-loader, -.p-mangas-show .other-names.click-loader { - color: inherit !important; -} - -@media screen and (max-width:767px) { - .b-options-floated.mobile-phone a.selected { - color: inherit; - } -} - - - -/* MAIN BLOCKS */ -body { - position: relative; - min-height: 100%; - font-size: 16px; - font-weight: 400; - line-height: 1.25; - overflow-x: hidden; -} - -.l-page { - min-height: 100%; - padding-top: 4.5rem; - padding-right: 1rem; - padding-bottom: 4.5rem; - padding-left: 1rem; - background-color: inherit; -} - -.l-footer { - position: absolute; - right: 0; - bottom: 0; - left: 0; - width: 100%; - max-width: inherit; /* thx @NedStar */ - padding: 0 1rem; - margin: auto; -} - -.l-page:before { - content: ''; - display: block; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - width: auto; - background: none; - outline-width: 1rem; - outline-style: solid; - z-index: -1; -} - -.l-footer:before { - content: 'Theme by grin3671'; - display: block; - float: left; - position: static; - left: auto; - bottom: auto; - width: auto; - height: auto; - background: none; - font-size: .6875rem; -} - -.l-page:after, -.l-footer:after { - display: none; -} - -.l-footer .links { - padding: .25rem 0; - font: inherit; - font-size: .75rem; - line-height: 1rem; - text-align: center; -} - -.l-footer .links a:last-child { - margin: 0; -} -/* END of MAIN BLOCKS */ - - -/* ВЫСОТА СТРОКИ */ -.cc-2a > .c-column, -.block, -.b-db_entry, -.p-animes .b-db_entry > *:last-child { - line-height: inherit; -} - -@media only screen and (min-width: 768px) { - .cc-2 > .c-column { - line-height: inherit; - } -} - -/* ЗАКРУГЛЕНИЕ */ - -.b-comments .comments-loader, -.b-comments .comments-hider, -.b-comments .comments-expander, -.b-comments .messages-postloader, -.b-forum .faye-loader, -.collapsed, -.tipsy-inner, -.button, -.b-contests-menu .results, -.b-link_button, -input[type=submit], -.btn, -.b-comments-notifier, -.p-animes_collection-index .pagination .link, -.p-mangas_collection-index .pagination .link, -.p-recommendations-index .pagination .link, -.p-userlist_comparer-show .pagination .link, -.subheadline-buttons .item-edit, -.p-characters .item-edit, -.p-contests .contest-match .vs .refrain, -.b-catalog_entry .image-cutter, -.b-main_search .input, -.b-lang_trigger, -.b-user_rate .rate-show .note, -.c-poster img, -.c-actions > *, -.b-user_rate .rate-show .rate-number .item-add, -.p-animes-show .watch-online, -.p-animes-show .upload-video, -.p-mangas-show .watch-online, -.p-mangas-show .upload-video, -.b-tag, -.b-entry-info .line .b-tag, -.b-catalog_entry-tooltip .inner .line .value .tag, -.b-topic >.inner header img, -.b-quote, -.p-clubs-index header.head a.misc, -.b-list_switchers > .switcher, -.p-user_rates-index .l-content .filter input, -.p-user_rates-index .list-lines tr td .new-value input, -.p-user_rates-index .list-lines tr.edit-form form, -.p-user_rates-index .list-lines tr.edit-form .remove, -.p-profiles-show .b-stats_bar a.title, -.b-stats_bar .bar, -.profile-actions > a, -:root .b-anime_status_tag:before, -.p-profiles .profile-head .c-history .entry img, -.p-profiles-show .about .item-edit, -header.head h1 a.back, -header.head h2 a.back, -.edit-page a.cancel, -.editor-controls > span, -.tooltip-inner, -.b-topic-preview > .editor-container .hide { - border-radius: 2px; -} - - -/* LAYOUT */ -@media screen and (max-width: 480px) and (orientation: portrait) { - .l-page .menu-slide-outer .menu-slide-inner { - width: 100%; - } - .menu-slide-outer.x199 .l-content, - .menu-slide-outer.x240 .l-content { - float: none; - width: 100%; - margin: 0; - } -} - -@media screen and (min-width: 481px) and (max-width: 767px), - screen and (max-width: 767px) and (orientation: landscape) { - .l-page .menu-slide-outer .menu-slide-inner { - width: 100%; - } - .menu-slide-outer.x199 .l-content, - .menu-slide-outer.x240 .l-content { - float: none; - width: 100%; - margin-right: 0; - } -} - -@media screen and (min-width: 768px) and (max-width: 1024px) { - .l-page.menu-expanded .x240 .l-content { - margin-left: 0; - } -} - -@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { - .l-page .menu-slide-outer.x240.ipad-expanded .menu-slide-inner { - width: 100%; - } - .menu-slide-outer.x199 .l-content, - .menu-slide-outer.x240 .l-content { - float: none; - width: 100%; - margin-right: 0; - } - - .menu-slide-outer.x199 .l-menu, - .menu-slide-outer.x240 .l-menu { - - } -} - -@media screen and (max-width: 1024px) { - .l-page .menu-slide-outer { - overflow: visible; - } -} - -/* ОБЩИЕ КЛАССЫ */ -.p0, .m0, .m1, .m2, .m3, .m4, .m5, .m6, .m7, .m8, .m10, .m12, .m13, .m15, .m20, .m25, .m30, .m40, .m50 { - margin-bottom: .5rem !important; -} - -h3 { - font-size: 1rem; - line-height: 1.5; - margin-bottom: .5rem; -} - -hr { - margin: .5rem 0; - background-image: none; -} - -.ajax-loading.vk-like { - min-height: 1.5rem; -} -.b-ajax:before { - opacity: .75; -} - -/* Списки */ -.b-list { - margin: .5rem 0 .5rem 2rem; -} -.b-list li { - margin: 0; - line-height: 1.5; - list-style-type: disc; - list-style-image: none; -} -.b-list li + li { - margin: 1rem 0 0 0; -} -.b-list .b-list li + li { - margin: 0; -} - -/* TODO: Убрать -.b-image, -.b-video { - display: inline-block; - vertical-align: top; - margin: .5rem .5rem 0 0; -} -.b-image:last-child, -.b-video:last-child { - margin: .5rem 0 0 0; -} -.b-image > img { - display: block; -} -.solid .b-image { - margin: 0; -} -.b-image .normalized_width { - display: initial; -} -.b-shiki_wall .b-video { - margin-top: 0; -} -*/ - -.b-height_shortener { - position: relative; - padding-left: 0; - cursor: s-resize; -} - -.b-comment .b-height_shortener, -.b-dialog .b-height_shortener, -.p-clubs .b-height_shortener { - padding-left: 3.5rem; -} - -.buttons .cancel { - vertical-align: top; - margin-right: .5rem; - border: 0; -} - -.b-form .cancel { - margin-left: 0; -} - -.b-form .cancel:hover { - text-decoration: none; -} - -.b-review-topic .b-height_shortener { - padding-left: 0; - cursor: default; -} - -.b-height_shortener .shade { - right: 0; - left: 0; - width: auto; - height: 2.5rem; - margin-top: -2.5rem; -} - -.b-height_shortener .expand { - font-size: .875rem; -} - -.b-comment.b-comment-info { - font-size: .875rem; - text-align: left; - line-height: 1.5rem; -} -.b-comment.b-comment-info > span { - margin-right: .5rem; -} - -.b-comments .comments-loader, -.b-comments .comments-hider, -.b-comments .comments-expander, -.b-comments .messages-postloader, -.b-forum .faye-loader, -.collapsed { - padding: .4375rem 2.5rem; - margin: 0; - margin-bottom: .5rem; - line-height: 1.5rem; -} - -.b-forum .faye-loader { - padding: .4375rem .5rem; -} - -.b-comments .comments-collapser { - width: 2.5rem; - padding: .5rem; - margin: 0; - border: 0; - font-size: 0; - line-height: 0; -} - -.b-comments .comments-collapser:before { - content: 'expand_less'; - display: block; -} - -.b-modal>.inner { - padding: 16px 24px; -} -.b-modal .subheadline { - font-size: 20px; - font-weight: 400; - text-transform: none; -} - -.b-show_more, -.b-show_more-more .hide-more { - display: inline-block; - padding: 0 .5rem; - margin: .25rem 0; - border-radius: .625rem; - font-size: .875rem; -} - -.b-source { - margin-top: .5rem; - margin-bottom: 1rem; -} - -.b-sponsors_block_3 { - min-height: 16rem; - padding: 1rem; - background-color: #f7f3db; -} -.b-sponsors_block_3:before { - content: 'Реклама:'; - display: block; - margin-bottom: .5rem; - color: #ab9f59; - font-size: .75rem; - line-height: 1rem; -} - -.b-spoiler label { - font-size: inherit; - letter-spacing: initial; -} -.b-spoiler .content .before, -.b-spoiler .content .after { - font-size: inherit; - letter-spacing: initial; -} - -.b-nothing_here { - margin-left: 0; - font-size: .875rem; - line-height: 2.5rem; -} - -header.head h1, -header.head h2 { - font-family: inherit; -} -header.head .notice { - margin: .5rem 0; - font-size: .875rem; - line-height: 1.25rem; -} -header.head h1 ~ .notice, -header.head h2 ~ .notice { - margin-top: -.5rem; -} - -.b-breadcrumbs > span:after { content: '»'; } - -.tipsy { - padding: .875rem; - font-size: .875rem; - opacity: .9 !important; - pointer-events: none; -} -.tipsy-arrow { - display: none; -} -.tipsy-inner { - padding: .375rem 1rem; - background-color: #616161; - color: #eee; - text-align: left; - box-shadow: none; -} - - -input { - font-family: inherit; - font-size: inherit; -} - -/* Кнопки */ -.button, -.b-button, -.b-form input[type=submit], -.b-topic-preview > .editor-container .hide, -.edit-page a.cancel { - display: inline-block; -} - -input[type=submit], -.button, -.b-button, -.b-form input[type=submit], -.b-contests-menu .results, -.b-link_button, -.b-shiki_editor .links .b-button.ok, -.b-shiki_editor .images .b-button.ok, -.b-shiki_editor .quotes .b-button.ok, -.b-shiki_editor .email .b-button.ok, -.b-shiki_editor .upload .b-button.ok, -.edit-page a.cancel { - padding: 0 1rem; - margin-right: .5rem; - font-size: .875rem; - line-height: 2rem !important; - text-align: center; - text-decoration: none !important; - text-transform: uppercase; -} - -input[type=submit]:last-child, -.b-button:last-child, -.b-form input[type=submit]:last-child { - margin-right: 0; -} - -input[type=submit]:hover { - box-shadow: 0 2px 4px 2px rgba(0,0,0,.24); -} - -.b-shiki_editor .links .b-button.ok, -.b-shiki_editor .images .b-button.ok, -.b-shiki_editor .quotes .b-button.ok, -.b-shiki_editor .email .b-button.ok, -.b-shiki_editor .upload .b-button.ok { - margin-left: 1rem; -} - -.edit-page a.cancel, -.b-topic-preview > .editor-container .hide { - background-color: transparent; -} - -.b-topic-preview > .editor-container .hide { - vertical-align: top; - border: 0; -} - -.b-topic { - overflow: visible; -} - -.b-topic > .inner { - overflow: visible; -} - -.b-topic-preview > .inner > footer { - overflow: hidden; -} - -/* Формы */ -.b-form { - overflow: visible; -} - -.b-form:after { - content: ''; - display: block; - clear: both; -} - -.b-input input, -.b-input textarea { - padding: .3125rem 1rem; - line-height: 1.25rem; -} - -.b-input textarea { - padding: .4375rem 1rem; -} - -.b-input input[disabled] { - background: transparent; - border-width: 0; - border-bottom-width: .125rem; - padding: .375rem 0 .25rem; - color: #9E9E9E !important; -} - -select { - max-width: 100%; - height: 2rem; - padding: 2px .5rem; - font-size: .875rem; - line-height: 2rem; -} - -.b-input .hint { - font-size: .75rem; - line-height: 1.25rem; -} - -.b-input label { - line-height: 1.5; -} - -.buttons { - font-family: inherit; - font-size: inherit; -} - -.b-form .buttons { - margin-top: .5rem; -} - -.btn { - line-height: 2rem; -} - -.b-contests-menu .results { - float: none; - display: block; - margin: .5rem 0; -} - -.b-link_button { - margin-bottom: .5rem; -} - -.b-link_button.maxi { - padding: 0; - font-size: 1rem; - line-height: 2.5rem; -} - -.b-contests-menu .results, -.b-forums > .b-link_button.maxi, -.b-link_button.create-topic { margin-right: 0; } - -.l-page .menu-toggler { top: 64px; z-index: 9; } -.p-user_rates-index .l-page .menu-toggler { top: -96px; } - - - -.history-interval, -.mischeadline, -.b-input, -.prgrph, -.spoiler-prgrph, -.review-votes_count { - margin-bottom: .5rem !important; -} - -.block { - line-height: 1.25rem; -} -.text { - margin-left: 0 !important; -} - -.tooltip-inner .close { - background: transparent; - color: inherit; -} - -.b-breadcrumbs { - margin: 0; - line-height: 1rem; -} - -.block-list li, -.block-list-alt li { - line-height: 1.5rem; - margin: 2px -.5rem; - padding: 0 .5rem; -} - -.b-block_list li { - padding: 0 .5rem; - margin: 0 -.5rem; - font-family: inherit; - line-height: 1.5rem; -} - -.b-comments-notifier { - top: 0 !important; - width: 2rem; - height: 2rem; - margin-top: 4rem; - line-height: 2rem; -} - -.b-user.named_avatar .name {margin: auto;} - - -/* FIX: BACKFACE VISIBILITY */ -.anime-params-controls > .block:first-child > .b-list > li:after, -.anime-params-controls > .block:first-child > .b-list > li:before, -.manga-params-controls > .block:first-child > .b-list > li:after, -.manga-params-controls > .block:first-child > .b-list > li:before, -.p-user_rates .mylist-block + .block > .b-list > li:after, -.p-user_rates .mylist-block + .block > .b-list > li:before { - -webkit-backface-visibility: hidden; - -moz-backface-visibility; - backface-visibility: hidden; -} - - - -/** - * TOPMENU - * Изменение верхнего меню сайта. - * Меню закреплено и увеличено. - */ - -/* НАСТРОЙКА ЦВЕТОВ МЕНЮ */ -/* ОСНОВНОЕ МЕНЮ */ -/* Фон меню */ -.l-top_menu:before { background-color: #212121; } -/* Цвет текста в меню */ -.l-top_menu { color: #FAFAFA; } -/* Цвет текста пунктов меню при наведении */ -/* Цвет текста активных пунктов меню */ - /* По умолчанию: цвет текста наследуется от меню */ -.l-top_menu .menu-items>.entry.selected, -.l-top_menu .menu-items>.entry>a:active { - color: inherit !important; -} -/* Цвет текста пунктов меню при наведении */ -/* По умолчанию: цвет текста наследуется от меню */ -.l-top_menu .menu-items>.entry:hover { - color: inherit; -} -/* ВЫПАДАЮЩЕЕ МЕНЮ */ -@media only screen and (min-width: 1025px) { - /* Цвет фона выпадающего меню при наведении */ - .l-top_menu .submenu, - .b-main_search ul.popup { background: #424242; } - - /* Цвет пунктов выпадающего меню при щелчке */ - /* Цвет активных пунктов выпадающего меню */ - /* По умолчанию: затемненный цвет фона выпадающего меню */ - .l-top_menu .submenu>.entry:active, - .l-top_menu .submenu>.entry.active, - .b-main_search .popup li:active, - .b-main_search .popup li.active { background-color: rgba(0, 0, 0, .24); } - - /* Цвет пунктов выпадающего меню при наведении */ - /* По умолчанию: осветленный цвет фона выпадающего меню */ - .l-top_menu .submenu>.entry:hover, - .b-main_search .popup li:hover { background-color: rgba(255, 255, 255, .24); } - - /* Цвет текста выпадающих меню */ - /* По умолчанию: цвет текста наследуется от меню */ - .l-top_menu .menu-search>.entry, - .l-top_menu .menu-userbox>.entry, - .l-top_menu .submenu { color: inherit; } - - /* Цвет текста выпадающих меню при щелчке */ - /* Цвет текста активных пунктов выпадающего меню */ - /* По умолчанию: цвет текста наследуется от выпадающего меню */ - .l-top_menu .submenu>.entry:active, - .l-top_menu .submenu>.entry.active, - .b-main_search .popup li:active, - .b-main_search .popup li.active { color: inherit; } - - /* Цвет текста выпадающих меню при наведении */ - /* По умолчанию: цвет текста наследуется от выпадающего меню */ - .l-top_menu .submenu>.entry:hover, - .b-main_search .popup li:hover { color: inherit; } - - - /* ЦВЕТА ПОИСКА */ - /* Фон строки поиска */ - .b-main_search .input { background: rgba(242,242,242,.32); } - /* Набираемый текст в строке поиска */ - .b-main_search .input input { color: #fff; } - /* Вспомогательный текст в строке поиска */ - .b-main_search input::-webkit-input-placeholder { color: #ddd; } - .b-main_search input:-moz-placeholder { color: #ddd; } - .b-main_search input::-moz-placeholder { color: #ddd; } - .b-main_search input:-ms-input-placeholder { color: #ddd; } -} - -/* ЦВЕТ ИКОНОК в меню (для мобильной версии) */ -/* По умолчанию: цвет текста наследуется от меню */ -.l-top_menu .to-mobile-forum, -.l-top_menu .menu-mobile .search, -.l-top_menu .menu-mobile .menu, -.l-top_menu .menu-mobile #sign_in, -.l-top_menu .menu-userbox .search, -.l-top_menu .menu-userbox .menu, -.l-top_menu .menu-userbox #sign_in { - color: inherit; -} -/* END of Настройка цветов в меню */ - - -/* NOTE: Что это за элемент? */ -.to-top-fix { - height: 0; - background: none; - border: 0; -} - -.l-top_menu:before { - content: ''; - position: absolute; - top: 0; right: 0; bottom: 0; left: 0; - opacity: 1; - transition: .3s; -} -.l-top_menu { - position: fixed; - top: 0; - right: 0; - left: 0; - width: 100%; - max-width: 100%; - height: auto; - margin: auto; - background-color: transparent; - background-image: none; - border: none; - box-shadow: 0 2px 8px 2px rgba(0,0,0,.24); - overflow: visible; -} - -/* Высота меню на мобильном телефоне в портретном режиме */ -/* Если вы меняете высоту меню, необходимо изменить верхний отступ страницы: */ -/* .l-page { padding-top: 64px; } цифра равна высоте меню + 16px */ -/* Скопируйте правило и вставьте его в блоке МОИ НАСТРОЙКИ в конце файла. */ -.l-top_menu { - padding: 4px 0; /* padding: 0; для наименьшего размера меню (48px) */ -} -/* NOTE: Максимальное разрешение SONY Xperia Z Ultra: 960x540px */ -@media screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape) { - .l-top_menu { - padding: 0; - } - .l-page { - padding-top: 64px; - } -} -/* На планшетах и далее, высота меню равна 56px */ -@media screen and (min-width: 961px) and (orientation: landscape) { - .l-top_menu { - padding: 4px 0; - } -} - -/* MENUTOP > LOGO */ -.l-top_menu .inner > a:first-child { - display: inline-block; - vertical-align: top; - margin: 0 0 0 32px; - color: inherit !important; -} -.l-top_menu .inner .logo { - float: none; - position: static; - width: auto; - height: auto; - padding: .8125rem 1rem; - margin: 0; - background: none; -} -.l-top_menu .inner .logo:before { - content: 'Главная'; - display: block; - color: inherit; - font-size: 16px; - line-height: 22px; -} -@media only screen and (min-width: 320px) { - .l-top_menu .inner .logo:before { - content: 'Shikimori'; - font-size: 20px; - text-transform: uppercase; - } -} -@media only screen and (min-width: 480px) { - .l-top_menu .inner .logo:before { - content: 'Shikimori'; - font-size: 20px; - text-transform: uppercase; - } -} - -.l-top_menu .to-mobile-forum { - display: inline-block; - vertical-align: top; - position: static; - left: 138px; - width: 40px; - height: 40px; - padding: 8px; - margin: 4px !important; -} -.l-top_menu .to-mobile-forum:before { - width: 1.5rem; - line-height: 1.5rem; - text-align: center; - font-size: 24px; -} -.l-top_menu .mobile-menu-toggler, -.l-top_menu .mobile-search-toggler { - position: absolute; - top: 0; - z-index: 10; /* TODO: убрать, потестить */ -} -.l-top_menu .mobile-menu-toggler { left: 0; } -.l-top_menu .mobile-search-toggler { right: 56px; } - -/* Перерисовываем меню сайта под Material */ -.l-top_menu .mobile-menu-toggler.active { - position: fixed; - top: 0; - left: 0; - width: 100% !important; - height: 100% !important; - margin: 0 !important; - background-color: #000; - z-index: 12; - opacity: .48; -} -.l-top_menu .menu-items { - position: absolute; - top: 0; - width: calc(100% - 56px); - max-width: 320px; - height: calc(100vh + 16px); - padding: 8px 0; - margin: -8px 0; - overflow-y: auto; - z-index: 13; -} -/* EXPERIMENTAL > ANIMATED MOBILE MENU */ -.l-top_menu .menu-items { - display: block; - transform: translate(-100%, 0); - transition: 240ms ease-out; -} -.l-top_menu .menu-items.active { - transform: translate(0, 0); -} -/* END of EXPERIMENTAL */ - -@media only screen and (min-width: 320px) { - .l-top_menu .inner > a:first-child { - margin: 0 0 0 40px; - } -} -@media only screen and (min-width: 360px) { - .l-top_menu .inner > a:first-child { - margin: 0 0 0 48px; - } -} -@media only screen and (min-width: 1025px) { - .l-top_menu .inner > a:first-child { - margin: 0; - } -} -@media only screen and (min-width: 1025px) { - .l-top_menu .to-mobile-forum { - display: none; - } - .l-top_menu .menu-items { - display: inline-block; - vertical-align: top; - position: static; - width: auto; - max-width: 100%; - height: auto; - padding: 0; - margin: 0; - margin-left: 0; - background-color: initial; - color: inherit; - overflow: initial; - overflow-y: visible; - transform: translate(0, 0); - } - - .l-top_menu .menu-items > .entry:active { - background-color: inherit; - } - - .l-top_menu .menu-items > .entry:active, - .l-top_menu .submenu > .entry:active, - .l-top_menu .menu-items > .entry > a { - color: inherit !important; - } - - .l-top_menu .menu-items > .entry > .submenu { - margin-top: 4px; - margin-left: 0; - } - - .l-top_menu .submenu.right { - right: 0px; - margin-top: 4px; - } - - .b-main_search ul.popup, - .b-main_search.hovered .popup { - margin: 0; - margin-top: 12px; - } - - .l-top_menu .submenu > .entry, - .b-main_search .popup li { - color: inherit; - } - - .b-main_search.hovered .popup { - height: 272px; - } - - .l-top_menu .menu-items>.entry.calendar>a, - .l-top_menu .menu-items>.entry.info>a { - padding: 0.9375rem; - } - - .l-top_menu .menu-items>.entry.calendar>a:before, - .l-top_menu .menu-items>.entry.info>a:before { - display: block !important; - } - - .l-top_menu .menu-items>.entry.calendar>a:after, - .l-top_menu .menu-items>.entry.info>a:after { - display: none; - } -} - -.l-top_menu .menu-items>.entry { - float: none; - display: block; - padding: 0; - border: 0; - line-height: inherit; -} -@media (min-width: 1025px) { - .l-top_menu .menu-items>.entry { - display: inline-block; - vertical-align: top; - } -} -.l-top_menu .menu-items>.entry.selected, -.l-top_menu .menu-items>.entry:hover { - background-color: transparent; -} -.l-top_menu .menu-items>.entry>a, -.l-top_menu .menu-items>.entry.sign_out { - padding: 1rem; - margin: 0; - font-size: inherit; - line-height: 1rem; -} - -.l-top_menu .menu-items>.entry>a.contest { - width: 48px; - height: 48px; - padding: 12px !important; - background: inherit; -} -.l-top_menu .menu-items>.entry>a.contest:before { - width: 24px !important; - font-size: 24px !important; - color: #444; -} -@media only screen and (min-width: 1025px) { - .l-top_menu .menu-items>.entry>a.contest { - width: 40px; - height: 40px; - padding: 11px !important; - margin: 4px; - background: transparent; - border-radius: 2px; - } - .l-top_menu .menu-items>.entry>a.contest:before { - position: static; - width: 18px !important; - margin: 0; - color: inherit; - font-size: 18px !important; - } -} - -/* Текст вместо иконок в верхнем меню */ -.l-top_menu .menu-items>.entry.calendar>a, -.l-top_menu .menu-items>.entry.info>a { - padding: 1rem; - margin: 0; - line-height: 1rem; -} -.l-top_menu .menu-items>.entry.calendar>a:before, -.l-top_menu .menu-items>.entry.info>a:before { - display: none !important; -} -.l-top_menu .menu-items>.entry.calendar>a:after { - content: 'Календарь онгоингов'; -} -.l-top_menu .menu-items>.entry.info>a:after { - content: 'Информация'; -} -@media only screen and (min-width: 1025px) { - .l-top_menu .menu-items>.entry.calendar>a, - .l-top_menu .menu-items>.entry.info>a { - padding: 0.9375rem; - } - - .l-top_menu .menu-items>.entry.calendar>a:before, - .l-top_menu .menu-items>.entry.info>a:before { - display: block !important; - } - - .l-top_menu .menu-items>.entry.calendar>a:after, - .l-top_menu .menu-items>.entry.info>a:after { - display: none; - } -} -/* END of Текст вместо иконок в верхнем меню */ - -.l-top_menu .submenu, -.b-main_search ul.popup { - min-width: 112px; - border: 0; -} -.b-main_search .popup li { transition: 0s; } -.l-top_menu .submenu>.entry { - height: 2rem; - padding: .5rem 1rem; - background-color: transparent; - border: 0; - font-size: .875rem; - line-height: 1rem; -} -.l-top_menu .submenu>.entry:first-child, -.b-main_search ul.popup li:first-child { - margin-top: .5rem; -} -.l-top_menu .submenu>.entry:last-child, -.b-main_search ul.popup li:last-child { - margin-bottom: .5rem; -} - -.l-top_menu .menu-items .submenu-toggler { - right: 0; - width: 48px; - height: 48px; - padding: .75rem; - margin: 0; - z-index: 10; -} -.l-top_menu .menu-items .submenu-toggler:before { - width: 24px; - line-height: 24px; -} - -@media screen and (min-width: 1025px) { -.l-top_menu .menu-items .submenu-toggler, -.l-top_menu .inner .sign_out { display: none; } - - .l-top_menu .menu-items>.entry { - color: inherit; /* #FAFAFA */ - } -} - -@media screen and (max-width: 1024px) { - .l-top_menu .submenu { - padding-left: 32px; - } -} - - -/* TOPMENU | SEARCH */ -.l-top_menu .menu-search { - padding: 8px 0; -} -@media screen and (min-width: 1025px) { - .l-top_menu .menu-search { - padding: 0; - } - .l-top_menu .menu-search>.entry { - width: 234px; - padding: 8px 0 !important; - } -} - -.b-main_search { - padding-right: 8px !important; - padding-left: 8px !important; -} -.b-main_search .input { - position: relative; - width: auto; - height: 2rem; - padding: 0; - margin: 0; - transition: background .3s; -} -.b-main_search.hovered .popup { - border: 0; - font-size: .875rem; -} -.b-main_search ul.popup li { - width: auto; - height: 2rem; - padding: .5rem 1rem; - border: 0; - font-family: inherit; - font-size: .875rem; - line-height: 20px; -} -.b-main_search .input input { - width: 100%; - padding: 0 1rem; - font-family: inherit; - font-size: 1rem; - line-height: 2rem; -} -.b-main_search .input input.ac_loading { - width: 100%; - padding: 0 1rem; -} -.b-main_search ul.popup { - width: inherit; -} -/* END of SEARCH */ - - - -/* TOPMENU | SEARCHRESULT */ -.ac_results.menu-suggest, -.completable-block.menu-suggest { - border: 0; - box-shadow: 0 2px 8px 2px rgba(0,0,0,.24); -} -.ac_results, -.completable-block { - font-size: .75rem; -} - -.ac_odd { - background-color: rgba(0,0,0,.24); -} -.ac_over { - background-color: rgba(255,255,255,.24); -} - -.ac_results li { - padding: 0 .5rem; - border: none; - line-height: 2rem; -} -.b-main_search ul.popup, -.b-main_search.hovered .popup { - margin: 0; -} -.ac_results.menu-suggest, -.completable-block.menu-suggest { - margin-top: -17px; - margin-left: 6px; -} - -.ac_results .name { font-size: 14px; } -.ac_results .name > strong { - background-color: #ff0; - color: #111; -} -.ac_results .character-suggest .animes { line-height: 1.25rem; } -.ac_results .character-suggest .animes > div { margin: 2px 0 0; } -.ac_results .character-suggest .avatar { - width: 40px; - height: auto; - max-height: 64px; - margin: 8px 0 0 8px; - clip-path: circle(20px at 20px 20px); -} -/* END of SEARCHRESULT */ - - - -/* TOPMENU | USERBOX */ -.l-top_menu .menu-userbox { - position: absolute; - top: 0; - right: 0; -} - -.l-top_menu .menu-userbox>.entry { - position: relative; - height: 48px; - padding: 0 !important; - margin: 0 .5rem 0 1rem !important; - cursor: default; -} -.entry.userbox > .avatar { - display: inline-block; - vertical-align: top; - position: relative; - width: 32px; - height: 32px; - margin: 8px; - border-radius: 100%; -} -.entry.userbox > .avatar:after { - content: ''; - display: block; - position: absolute; - top: 0; left: 0; - width: inherit; - height: inherit; - border-radius: 100%; -} -.entry.userbox > .avatar > img { height: inherit; } - -.userbox > a .graphics-arrow-down, -.l-top_menu .menu-search .arrow-container, -.l-top_menu .menu-userbox .arrow-container, -.l-top_menu .menu-search .arrow-container .arrow-down, -.l-top_menu .menu-userbox .arrow-container .arrow-down { - display: none; -} - -@media screen and (max-width: 1024px) { - .userbox img.avatar, - .menu .unread-count { margin-top: 0; } -} - -.menu .unread-count { - position: absolute; - top: -8px; - right: -8px; - width: 22px; - height: 22px; - margin: 4px; - border-radius: 100%; - line-height: 22px; -} - -@media screen and (min-width: 1025px) { - .l-top_menu .menu-userbox { - position: relative; - } -} -/* END of USERBOX */ - -/* TOPMENU | ICON */ -.l-top_menu .menu-mobile .search, -.l-top_menu .menu-mobile .menu, -.l-top_menu .menu-userbox .search, -.l-top_menu .menu-userbox .menu { - width: 40px; - height: 40px; - padding: 8px; - margin: 4px; - margin-left: 4px !important; -} -.l-top_menu .menu-mobile #sign_in, -.l-top_menu .menu-userbox #sign_in { - width: 40px; - height: 40px; - padding: 8px; - margin: 4px; - margin-left: 4px !important; -} -@media (min-width: 1025px) { - .l-top_menu .menu-mobile #sign_in, - .l-top_menu .menu-userbox #sign_in { - width: 48px; - height: 48px; - padding: 12px; - margin: 0; - } -} -/* END of ICON */ - -/* ************** */ -/* END of TOPMENU */ -/* ************** */ - - - -/** - * PAGINATION - * - */ -/* Делаем пагинацию более удобной */ -.p-animes_collection-index .pagination, -.p-mangas_collection-index .pagination, -.p-recommendations-index .pagination, -.p-userlist_comparer-show .pagination { - margin: 8px 0; - color: inherit; - font-size: 14px; - line-height: 32px; -} -/* Добавляем разной ерунды */ -.p-animes_collection-index .pagination > *, -.p-mangas_collection-index .pagination > *, -.p-recommendations-index .pagination > *, -.p-userlist_comparer-show .pagination > * { - vertical-align: top; -} -.p-animes_collection-index .pagination .link, -.p-mangas_collection-index .pagination .link, -.p-recommendations-index .pagination .link, -.p-userlist_comparer-show .pagination .link { - width: 40px; - height: 40px; - padding: 8px; - margin: -4px 8px; - font-size: 0; -} -.p-animes_collection-index .pagination .link:first-child, -.p-mangas_collection-index .pagination .link:first-child, -.p-recommendations-index .pagination .link:first-child, -.p-userlist_comparer-show .pagination .link:first-child { - margin-left: 0; -} -.p-animes_collection-index .pagination .link:last-child, -.p-mangas_collection-index .pagination .link:last-child, -.p-recommendations-index .pagination .link:last-child, -.p-userlist_comparer-show .pagination .link:last-child { - margin-right: 0; -} -.p-animes_collection-index .pagination .link:hover, -.p-mangas_collection-index .pagination .link:hover, -.p-recommendations-index .pagination .link:hover, -.p-userlist_comparer-show .pagination .link:hover { - text-decoration: none; -} -.p-animes_collection-index .pagination .link.disabled:hover, -.p-mangas_collection-index .pagination .link.disabled:hover, -.p-recommendations-index .pagination .link.disabled:hover, -.p-userlist_comparer-show .pagination .link.disabled:hover { - background-color: transparent; -} -.p-animes_collection-index .pagination .link:before, -.p-mangas_collection-index .pagination .link:before, -.p-recommendations-index .pagination .link:before, -.p-userlist_comparer-show .pagination .link:before { - display: block; - width: 24px !important; - font-family: 'Material Icons' !important; - font-size: 24px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.p-animes_collection-index .pagination .link.link-prev:before, -.p-mangas_collection-index .pagination .link.link-prev:before, -.p-recommendations-index .pagination .link.link-prev:before, -.p-userlist_comparer-show .pagination .link.link-prev:before { - content: 'chevron_left'; -} -.p-animes_collection-index .pagination .link.link-next:before, -.p-mangas_collection-index .pagination .link.link-next:before, -.p-recommendations-index .pagination .link.link-next:before, -.p-userlist_comparer-show .pagination .link.link-next:before { - content: 'chevron_right'; -} - - - - - - - -/** - * SUBHEADER - * Изменение подзаголовков разделов и ссылок в них. - */ - -.headline { - padding: 8px 0; - margin: 8px 0; - background: none; - border: 0; - font-size: 24px; - font-weight: 400; - line-height: 32px; - text-transform: capitalize; -} - -.mischeadline, -.c-my_list .title, -.subheadline, -.midheadline, -.b-stats_bar .title, -.profile-content .activity .title, -.lifetime .title { - padding: 16px 0; - margin-bottom: 0; - background-color: transparent; - border: 0; - font-size: .875rem; - line-height: 1rem; - text-transform: uppercase; - overflow: initial; -} -.midheadline > a, -.subheadline > a { - vertical-align: top; - margin: -.5rem -1rem; -} -.midheadline > a, -.subheadline > a, -.b-form .cancel, -.b-shiki_editor footer .unpreview, -.b-shiki_editor footer .preview, -.b-topic-preview > .editor-container .hide { - display: inline-block; - padding: 0 1rem; - background-color: transparent; - border-radius: .125rem; - font-size: .875rem; - line-height: 2rem !important; - text-transform: uppercase; -} -.headline>a:before, -.midheadline > a:before, -.subheadline > a:before { - right: 0; - left: 0; - text-align: right; - opacity: 0; -} -.headline.linkheadline > a, -.linkheadline.midheadline > a, -.linkheadline.subheadline > a { - text-decoration: none; -} - - -.subheadline .misc-link { - float: right; -} -.subheadline-input { - padding: 5px 8px; - margin-top: 8px !important; - border-radius: 2px !important; - font-size: 14px; - line-height: inherit !important; -} -.subheadline-buttons { - right: 0; - margin: 0; -} -/* HOVER */ -.headline > a:hover, -.midheadline > a:hover, -.subheadline > a:hover { - text-decoration: none; -} -.subheadline-buttons .item-edit, -.p-characters .item-edit { - display: inline-block; - width: 40px; - height: 40px; - padding: 8px; - margin: 4px 0; -} -@media only screen and (min-width: 768px) { - .b-options-floated.r-edit { margin-right: 48px; } -} -/* END of SUBHEADER */ - -/**/ - - - - -/** - * CONTEST PAGE - */ - -.p-contests .contest-match { - padding: 16px 0; - margin-bottom: 0; -} -.p-contests .contest-match .current-match .match-members:last-child { - margin-bottom: 0 !important; -} -.p-contests .contest-match .vs .refrain { - display: inline-block; - padding: 0 16px; - font-size: 14px; - line-height: 32px; - text-transform: uppercase; -} -.p-contests .contest-match .vs .refrain:hover { - text-decoration: none; -} -.p-contests .match-day { - position: relative; - margin-bottom: 16px; - text-align: center; -} -.p-contests .match-day:before { - content: ''; - display: block; - position: absolute; - top: 10px; - right: 0; - left: 0; - height: 1px; -} -.p-contests .match-day>.date { - position: relative; - display: inline-block; - padding: 0 16px; - margin-bottom: 4px; - text-align: center; - text-transform: uppercase; -} -.p-contests .match-day>.date .from, -.p-contests .match-day>.date .to { - margin-right: 8px; -} -.p-contests .match-day>.date .to { - margin-left: 8px; -} -.p-contests .match-day .match-link { - padding-left: 0; - text-align: left; -} -.p-contests .match-day .match-link .c-column { - line-height: 32px; -} - -.p-contests .match-day .match-link .voted:before, -.p-contests .match-day .match-link .winner:before, -.p-contests .match-day .match-link .loser:before, -.p-contests .match-day .match-link .created:before, -.p-contests .match-day .match-link .started:before, -.p-contests .match-day .match-link .finished:before { - display: inline-block; - vertical-align: top; - width: 18px; - padding-right: 0; - padding-left: 0; - margin: 7px 0; - margin-right: 14px; - font-family: "Material Icons"; - font-size: 18px; - font-weight: normal !important; - line-height: 1; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.p-contests .match-day .match-link .created:before { - color: #9B9B9B; - content: "lock"; - padding-right: 0; -} -.p-contests .match-day .match-link .started:before { - content: "check_box_outline_blank"; - color: #757575; -} -.p-contests .match-day .match-link.voted-none .started:before { - color: #9B9B9B; -} -.p-contests .match-day .match-link.voted-left .started:first-child:before, -.p-contests .match-day .match-link.voted-right .started:last-child:before { - content: "check_box"; -} -.p-contests .match-day .match-link.voted-left .started:last-child:before, -.p-contests .match-day .match-link.voted-right .started:first-child:before { - content: 'indeterminate_check_box'; -} -.p-contests .match-day .match-link .winner:before { - content: "thumb_up"; -} -.p-contests .match-day .match-link .loser:before { - content: "thumb_down"; - padding-right: 0; -} -.p-contests .match-day .match-link.voted-left .started:first-child:before, -.p-contests .match-day .match-link.voted-right .started:last-child:before, -.p-contests .match-day .match-link .winner:before { - color: #66BB6A; /* Зеленый цвет */ -} -.p-contests .match-day .match-link.voted-left .started:last-child:before, -.p-contests .match-day .match-link.voted-right .started:first-child:before, -.p-contests .match-day .match-link .loser:before { - color: #EF5350; /* Красный цвет */ -} - -.p-contests .match-day .matches-num { - display: inline-block; - width: 56px; - padding-right: 0; - font-size: 16px; -} - -.p-contests-show .cc-round_stats>.c-column:first-child:last-child>.block:last-child { - padding: 4px 0; -} -.p-contests-show .warning { - margin-top: 0; - margin-bottom: 16px; -} - -.p-contests .rating .member { - height: auto; -} -.p-contests-users .subheadline a:hover { - background: none; -} - - -.p-contests .contest-match .votes-percents { - border-radius: 4px; - font-size: 14px; - line-height: 24px; -} -.p-contests .contest-match .votes-percents span { - float: left; - position: relative; - white-space: nowrap; - z-index: 1; -} -.p-contests .contest-match .votes-percents .left-part { - position: relative; - border-radius: inherit; - padding-left: 8px; -} -.p-contests .contest-match .votes-percents .right-part { - position: absolute; - top: 0; - right: 0; - padding-right: 8px; -} -.p-contests .contest-match .votes-percents .right-part span { - float: right; -} -.p-contests .contest-match .votes-percents .left-part, -.p-contests .contest-match .votes-percents .right-part { - height: auto; -} -.p-contests .contest-match .votes-percents .right-part:before { - left: -24px; - border-right-width: 24px; - border-top-width: 48px; -} -.p-contests .contest-match .votes-percents .left-part:hover .right-part:before { - border-right-width: 24px; -} -.p-contests .contest-match .votes-percents .right-part:before, -.p-contests .contest-match .votes-percents .left-part:hover .right-part:before { - border-right-color: inherit; -} - -.p-contests .results .cc-result .c-rounds .match-day:before { display: none; } -.p-contests .results .cc-result .c-rounds .match-day .match { - padding-bottom: 0; - line-height: 32px; - text-align: left; -} -.p-contests .results .cc-result .c-rounds .match-link { - display: inline-block; -} - -@media (min-width: 481px) { - .p-contests .contest-match .prev-match:hover, - .p-contests .contest-match .next-match:hover { - background-color: transparent; - } -} - -/* Mobile Ver. */ -@media (max-width: 480px) { - .p-contests .contest-match .prev-match, - .p-contests .contest-match .next-match { - position: absolute; - left: 0; - width: auto; - padding: 8px; - border-radius: 2px; - line-height: 32px; - z-index: 2; - } - .p-contests .contest-match .next-match { - right: 0; - left: auto; - } - .p-contests .contest-match .next-match:before { - margin: 0; - } - .p-contests .contest-match .prev-match:before, - .p-contests .contest-match .next-match:before { - display: block; - font-family: 'Material Icons'; - font-size: 24px; - line-height: 1; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - } - .p-contests .contest-match .prev-match:before { content: 'chevron_left'; } - .p-contests .contest-match .next-match:before { content: 'chevron_right'; } - .p-contests .contest-match .current-match { - clear: both; - } - .p-contests .contest-match .current-match .match-members { - padding-top: 96px; - margin-bottom: 4px; - } - .p-contests .contest-match .current-match .match-member { - position: relative; - width: 48%; - z-index: 2; - } - .p-contests .contest-match .current-match .match-member:first-child { float: left; } - .p-contests .contest-match .current-match .match-member:last-child { float: right; } - .p-contests .contest-match .vs { - position: absolute; - top: 72px; - width: 100%; - } - .p-contests .contest-match .vs > div:first-child { - display: inline-block; - position: absolute; - top: 112px; - right: 0; - left: 0; - width: 72px; - height: 72px; - margin: auto; - border-radius: 100%; - font-size: 24px; - line-height: 72px; - text-transform: uppercase; - z-index: 6; - } - .p-contests .contest-match .vs .finish { - position: absolute; - top: -64px; - right: 0; - left: 0; - width: 148px; - margin: auto; - font-size: 12px; - line-height: 20px; - } - .p-contests .contest-match .vs .refrain { - position: absolute; - top: -62px; - right: 0; - left: 0; - width: 168px; - margin: auto; - z-index: 7; - } - .p-contests .contest-match .vs .next { - position: absolute; - top: -56px; - right: 0; - left: 0; - width: 168px; - margin: auto; - font-size: 14px; - line-height: 32px; - text-transform: uppercase; - z-index: 5; - } - .p-contests .contest-match .match-losers { - display: block; - padding: 0; - } -} -@media (max-width: 1024px) { - .p-contests .match-day .match-link .c-column { - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - } - .p-contests .match-day .match-link .winner:before, - .p-contests .match-day .match-link .loser:before { display: none; } - .p-contests .match-day .matches-num { - width: auto; - padding: 0 4px; - margin-right: 8px; - border-radius: 2px; - color: #FFF; - font-size: 12px; - line-height: 20px; - } - .p-contests .match-day .winner .matches-num { background-color: #66bb6a; } - .p-contests .match-day .loser .matches-num { background-color: #ef5350; } -} -/* END of Mobile Ver. */ -/* END of CONTEST PAGE */ - - -/* ROUNDED IMAGES */ -.b-dialog>.inner header img, -.b-message>.inner header img, -.p-user_rates-index .l-menu .avatar img, -.avatar > img { - border-radius: 100%; -} -/* END of ROUNDED IMAGES */ - - - -.b-catalog_entry.dropped .image-cutter { - filter: grayscale(100%); -} - - - - - -/** - * ANIME PAGE - */ - -.b-animes-menu .friend-rate { - line-height: 1.5rem; - white-space: nowrap; /* thx @NedStar */ -} - -.b-db_entry { - margin-bottom: 8px; -} - - -.b-db_entry-note {} -.b-db_entry-note .name-container { - padding: .25rem 0; -} -.b-db_entry-note .name-container .name { - display: block; - font-size: 1rem; - line-height: 1.25rem; -} -.b-db_entry-note .name-container .note { - margin-top: 4px; - font-size: .875rem; - line-height: 1rem; -} -.b-db_entry-note .name-container .note > span { - display: inline-block; /* thx @NedStar */ - vertical-align: top; -} -.b-db_entry-note .name-container .b-user_rate { - margin-top: .375rem; -} - -.b-db_entry>.c-about .c-info-left, -.b-db_entry>.c-about .c-info-right, -.b-db_entry>.c-about .c-info-left:last-child, -.b-db_entry>.c-about .c-info-right:last-child { - margin-bottom: 8px !important; -} - - -.p-animes .b-db_entry>*:last-child { - clear: left; - padding-top: 0; - margin-left: 0 !important; -} -.p-people .subheadline.m10 { - width: 100%; -} -.p-people .m0 { - clear: both; - padding: 0; - margin: 0 !important; -} - -.p-characters .subheadline.m5 { width: 100%; overflow: hidden; } -.p-characters .subheadline.m5 > a { display: block; } -.p-characters .subheadline.m10 { width: auto; } -.p-characters .subheadline.m10 > a { display: inline-block; } - - -@media screen and (max-width: 480px) and (orientation: portrait) { - .b-db_entry > .c-image .c-actions > a { - width: auto !important; - } -} - -.b-lang_trigger { - position: absolute; - top: -53px; - right: 0; - width: 40px; - height: 40px; - padding: 10px 0; - margin: 4px; - font-size: 12px; - line-height: 20px; - text-align: center; - text-transform: uppercase; - cursor: pointer; /* eventListener повешен на этот элемент */ -} -.b-lang_trigger:before, -.b-lang_trigger:after { - display: none; -} -.b-lang_trigger span { - border: 0; -} - -.midheadline, -.m10 { - margin-bottom: 0 !important; -} - -.b-user_rate .rate-show .note { - padding: 8px 16px; - font-size: 14px; - line-height: 20px; -} -.b-user_rate .rate-show .note:before { - content: 'Заметка'; - display: block; - font-size: 10px; -} - -.b-forums .forum .topics { - margin-left: 8px; - margin-top: 0; -} - - - -/* ADD TO LIST BUTTON */ -.b-add_to_list { - min-width: 0; -} -.b-add_to_list .trigger, -.b-add_to_list .option { - border: 0; -} -.b-add_to_list .trigger, -.b-add_to_list .option { - padding: .5rem 1rem .5rem 3rem; - border: 0; - line-height: 1.5rem; -} - -/* thx @bot.AkiKawasaki */ -.b-add_to_list .trigger { border-radius: .125rem; } -.b-add_to_list .option:last-child { border-radius: 0 0 .125rem .125rem; } -.b-add_to_list .trigger + .expanded-options { margin-top: -.125rem; } - -.b-add_to_list .plus, -.b-add_to_list .edit, -.b-add_to_list .trigger-arrow { - width: 2.5rem; - height: 2.5rem; - padding: .5rem; - margin: -.5rem -1rem -.5rem 0; - color: inherit !important; -} -.b-add_to_list .plus, -.b-add_to_list .edit { - position: absolute; - left: 0; - margin-left: 0 !important; - margin-right: .5rem !important; -} -.b-add_to_list .trigger-arrow { - position: relative; -} -.b-add_to_list .expanded-options .option .text { - padding-left: 0; -} -.b-add_to_list.completed ~ .rate-show > .rate-number, -.b-add_to_list.completed ~ .rate-show > .episodes { - height: 1rem; - margin-bottom: 0; - font-size: 0; -} -/* DENSE ATL_BUTTON */ -.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 { - padding: 0 1rem 0 2.25rem; - line-height: 2rem; -} -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .plus, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .edit, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger-arrow { - width: 2rem; - height: 2rem; - padding: .4375rem; - margin: 0 -1rem 0 .25rem; -} -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .plus, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .edit { - margin-right: .25rem !important; -} -/* END of DENSE ATL_BUTTON */ -/* ATL_BUTTON in NEWS */ -.b-catalog_entry-tooltip .b-add_to_list { - width: auto; -} -.b-catalog_entry-tooltip .b-add_to_list .trigger { - font-size: .875rem; - line-height: 1.5rem; -} -.b-catalog_entry-tooltip .b-add_to_list .option { - font-size: .875rem; -} -.b-catalog_entry-tooltip .b-add_to_list .trigger, -.b-catalog_entry-tooltip .b-add_to_list .add-trigger, -.b-catalog_entry-tooltip .b-add_to_list .remove-trigger { - max-width: 224px; -} -/* END of ATL_BUTTON in NEWS */ -/* FIX ORIGINAL STYLE */ -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .plus::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .edit::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .trigger-arrow::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .plus::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .edit::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .trigger-arrow::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .plus::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .edit::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .trigger-arrow::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .plus::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .edit::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .trigger-arrow::before { - color: inherit; -} -/* FIX: ADD_TO_LIST LAYOUT IN NOTES (issue #7) */ -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger { - padding: 0 1rem 0 2rem; -} -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger + .expanded-options { - margin-top: 0; -} -/* END of ADD TO LIST BUTTON */ - - - -.b-catalog_entry.planned .image-decor::after, -.b-catalog_entry.watching .image-decor::after, -.b-catalog_entry.completed .image-decor::after, -.b-catalog_entry.rewatching .image-decor::after, -.b-catalog_entry.on_hold .image-decor::after, -.b-catalog_entry.dropped .image-decor::after { - top: auto; - right: 6px; - bottom: -8px; - width: 32px; - height: auto; - border: none; - border-radius: 100%; - line-height: 32px; - box-shadow: 0 1px 4px 0 rgba(0,0,0,.32); - - /* TODO: MERGE with ICON_FONT */ - font-family: 'Material Icons'; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.p-animes_collection-index.x1000 .b-catalog_entry .image-decor::after, -.p-mangas_collection-index.x1000 .b-catalog_entry .image-decor::after, -.p-recommendations-index.x1000 .b-catalog_entry .image-decor::after, -.p-userlist_comparer-show.x1000 .b-catalog_entry .image-decor::after { - width: 32px; - height: auto; - border-radius: 100%; - line-height: 32px; -} - -.b-catalog_entry.planned .image-decor::after { - content: "event"; -} -.b-catalog_entry.watching .image-decor::after { - content: "play_arrow"; -} -.b-catalog_entry.rewatching .image-decor::after { - content: "replay"; -} -.b-catalog_entry.completed .image-decor::after { - content: "done"; -} -.b-catalog_entry.on_hold .image-decor::after { - content: "schedule"; -} -.b-catalog_entry.dropped .image-decor::after { - content: "delete"; -} - - - -.b-db_entry-note .name-container { - margin-left: 64px; - line-height: inherit; -} - -header.head, -.block, -.b-add_to_list, -.b-user_rate .rate-show { - margin-bottom: .5rem; -} -.l-page > div > header.head { - margin-bottom: 1.5rem; -} - -.p-profiles-edit .l-page > div > header.head, -.p-dialogs .l-page > div > header.head, -.p-messages .l-page > div > header.head { - margin-bottom: 0; -} - - -.c-poster img { - display: block; - min-height: 48px; -} - -/* Кнопки управления над постером */ -@media (min-width: 481px) { -.c-poster:hover ~ .c-actions { - opacity: 0; -} -.c-actions { - position: absolute; - bottom: 0; - width: 100%; - padding: 4px 0; -} -.c-actions:before { - content: ''; - position: absolute; - top: 0; right: 0; bottom: 0; left: 0; - opacity: .8; -} -.c-actions > * { position: relative; } -} - - -.c-actions > * { - width: 40px !important; - height: 40px !important; - padding: .5rem; -} -.c-actions > *:not(:last-child) { - margin-right: 8px !important; -} -.c-actions > *:before { - font-size: 24px !important; - line-height: 1 !important; -} -.c-actions .fav-remove:hover:before { - color: inherit; -} - -@media screen and (min-width: 1200px) { - .c-poster center { - text-align: left; - } - .p-animes-show .c-image .b-user_rate, - .p-mangas-show .c-image .b-user_rate { - margin: 0; - } -} - -.b-rate { - padding: 6px 0; -} -.b-rate .text-score { - vertical-align: top; -} -.b-rate .score-value { - line-height: 36px; -} -.b-rate .score-notice { - font-size: 10px; - margin-top: -46px; - text-transform: uppercase; -} -.b-review-topic .b-rate .score-notice { - margin-top: -58px; -} -.b-user_rate .rate-show .episodes { - margin-bottom: 8px; - font-size: 14px; - line-height: 32px; -} -.b-user_rate .rate-show .rate-number { - margin-right: 0; -} -.b-user_rate .rate-show .rate-number .current-episodes, -.b-user_rate .rate-show .rate-number .sep, -.b-user_rate .rate-show .rate-number .total-episodes { - display: inline-block; - vertical-align: top; - line-height: 32px; -} -.b-user_rate .rate-show .rate-number .item-add { - display: inline-block; - vertical-align: top; - width: 40px; - height: 40px; - padding: 8px; - margin: -4px 0 0 8px; -} -.b-user_rate .rate-show .rate-number .item-add:before { - width: 24px !important; - font-family: 'Material Icons' !important; - font-size: 24px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.b-user_rate .rate-show .rate-number .item-add:before { - content: 'add'; -} -.b-rate .stars:after { - font-size: 36px !important; - font-family: 'Material Icons' !important; - line-height: 1 !important; - font-weight: 400 !important; - - text-transform: none; - letter-spacing: -6px; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.b-rate .stars.background:after { -} -.b-rate .stars.background:after { - content: 'star_border star_border star_border star_border star_border'; -} -.b-rate .stars.score-1:after { content: 'star_half'; } -.b-rate .stars.score-2:after { content: 'star'; } -.b-rate .stars.score-3:after { content: 'star star_half'; } -.b-rate .stars.score-4:after { content: 'star star'; } -.b-rate .stars.score-5:after { content: 'star star star_half'; } -.b-rate .stars.score-6:after { content: 'star star star'; } -.b-rate .stars.score-7:after { content: 'star star star star_half'; } -.b-rate .stars.score-8:after { content: 'star star star star'; } -.b-rate .stars.score-9:after { content: 'star star star star star_half'; } -.b-rate .stars.score-10:after { content: 'star star star star star'; } - -.watch-online-placeholer { - margin: 2rem auto .5rem; -} -.b-link_button.watch-online:before, -.b-link_button.upload-video:before, -.b-link_button.create-topic:before { - display: none; -} - -.b-catalog_entry .cover .title { - padding: .5rem 0 0; - margin-top: 0; - font-size: .875rem; - line-height: 1.375rem; -} -.b-catalog_entry .cover .misc { - padding: 0 0 .5rem; -} -.b-entry-info { - margin: 0; - font-size: .875rem; -} -.b-entry-info .line { - line-height: 1.5rem; -} -.b-tag, -.b-entry-info .line .b-tag, -.b-catalog_entry-tooltip .inner .line .value .tag { - padding: 0 8px; - margin: 0 4px 0 0; - border: 0; - font-size: .625rem; - line-height: 20px; - text-transform: uppercase; -} -.b-tag:hover, -.b-entry-info .line .b-tag:hover, -.b-catalog_entry-tooltip .inner .line .value .tag:hover { - padding: 0 8px; - margin: 0 4px 0 0; -} -.b-tag { - font-size: .875rem; - line-height: 24px; -} -.b-catalog_entry-tooltip .inner .line .value .tag, -.b-catalog_entry-tooltip .inner .line .value .tag:hover { - padding: 0 6px; - line-height: 18px; -} - -@media screen and (min-width: 1200px) { - .p-animes_collection-index.x1200 .cc-entries>.c-column { - width: 18.4%; - margin-right: 2%; - border-radius: 2px; - } -} - - - -/** - * COMMENT - * Изменение всех комментариев, новостей, диалогов, топиков. - */ - -.b-comment, -.b-dialog, -.b-message { - position: relative; - padding-top: .75rem !important; - padding-bottom: .75rem; - margin-bottom: 0; - border: 0; -} - -.b-comments, -.b-comment { - overflow: visible; -} - -.b-comments { - line-height: inherit; -} - -.b-dialog { - position: relative; -} - -.b-topic { - padding-top: .5rem; -} -/* Исправление для предпросмотра комментария во всплывающем окне */ -.tooltip-inner .b-message { - padding-top: 0 !important; - padding-bottom: 0; -} - -/* inset dividers */ -.b-dialog:before, -.b-message:before, -.b-comment:before, -.b-comments .comments-loaded:before { - content: ''; - position: absolute; - bottom: 0; - right: 0; - left: 56px; - height: 1px; -} - -.b-generated_news:before { - left: 0; -} - -.b-comments .comments-loaded .b-comment:last-child { - margin: 0; -} - -.b-dialog:last-child:before, -.b-message:last-child:before, -.b-comment:last-child:before, -.tooltip-inner .b-message:before { - display: none; -} - -.b-comment .body, -.b-message .body, -.b-topic .body, -.b-dialog .body { - padding: 4px 0; - padding-left: 0 !important; - line-height: 20px; - overflow: hidden; /* FIX: OVERFLOW: HIDDEN TOPIC BODY (issue #8) */ -} - -.b-generated_news .body { - padding-left: 0 !important; -} - -.b-comment .inner, -.b-dialog .inner, -.b-message .inner, -.b-topic .inner { - overflow: hidden; - overflow-x: visible; -} - -.b-comment > .inner, -.b-dialog > .inner, -.b-message > .inner, -.b-topic > .inner, -.b-topic-preview > .b-comments { - padding-left: 3.5rem; -} - -.block > .previewed .b-comment > .inner, -.b-dialog .body .b-message > .inner, -.b-generated_news > .inner, -.b-generated_news-topic > .inner, -.b-review-topic.b-topic-preview > .inner, -.b-topic-preview > .inner > .body, -.b-topic-preview > .inner > footer, -.p-dashboards-show .cc-news .c-news_topics .b-topic > .inner, -.p-dashboards-show .cc-news .c-generated_news .b-topic > .inner { - padding-left: 0; -} - -.b-comment > .inner header, -.b-dialog > .inner header, -.b-message > .inner header, -.b-topic > .inner header { - margin-bottom: 0; -} - -.b-dialog > .inner header, -.b-message > .inner header { - padding: .25rem 0; -} - -.b-comment > .inner header > a, -.b-message > .inner header > a, -.b-dialog > .inner header > a, -.b-topic > .inner header > a { - position: absolute; - left: 0; -} - -.b-dialog .body .b-message > .inner header > a { - position: relative; -} - -.b-topic >.inner header img { - width: 2.5rem; - margin: .25rem 1rem 0 0; -} -.b-comment > .inner header img, -.b-message>.inner header img, -.b-dialog>.inner header img { - width: 2.5rem; - margin: .25rem 1rem 0 0; - border-radius: 100%; -} -.b-topic > .inner header .name-date, -.b-comment > .inner header .name-date { - padding: .25rem 0; - line-height: 2rem; -} -.b-topic > .inner header .name-date { line-height: 20px; } -.b-message>.inner header .name-date, -.b-dialog>.inner header .name-date { - line-height: 2rem; -} -.b-topic .name-date .name, -.b-comment .name-date .name, -.b-dialog .name-date .name { - font-size: 1rem; -} -.b-message>.inner header .name-date a.name, -.b-topic>.inner header .name-date a.name, -.b-comment>.inner header .name-date a.name, -.b-dialog>.inner header .name-date a.name { - display: block; - margin-right: .5rem; - line-height: 1.25rem; -} -.b-topic>.inner header .name-date a.name, -.b-topic>.inner header .name-date .about { - display: inline-block; - vertical-align: top; - line-height: inherit; -} -.b-topic>.inner header .name-date .about { - margin-right: .5rem; -} -.b-topic>.inner>header .name-date a { font-size: 16px; } -.b-topic>.inner>header .about>span { - display: inline-block; - vertical-align: top; - color: #9E9E9E; - padding: 0 .5rem 0 0; - font-size: .875rem; - line-height: inherit; -} -.b-topic>.inner>header .about a { - display: inline-block; - vertical-align: top; - font-size: 1rem; - line-height: inherit; -} -.b-comment>.inner header .name-date a.name:hover { text-decoration: none; } -.b-message>.inner header .name-date .time, -.b-topic>.inner header .name-date .time, -.b-comment>.inner header .name-date .time, -.b-dialog>.inner header .name-date .time { - position: relative; - padding-top: 0; - padding-left: 0; - margin-right: .5rem; - line-height: 1.25rem; -} -.b-message>.inner header .name-date .time > time, -.b-comment>.inner header .name-date .time > time, -.b-topic>.inner header .name-date .time > time { - display: block; - font-size: .875rem; - line-height: inherit; -} -.b-topic>.inner header .name-date .time { - font-size: .875rem; - line-height: inherit; -} -.b-comment>.inner header .name-date .time:hover { - text-decoration: underline; -} -.b-comment header .hash { - position: absolute; - top: 0; right: 0; bottom: 0; left: 0; - margin: 0; /* Сброс стандартного стиля */ - opacity: 0; - z-index: 1; -} -.b-comment .inner .name-date a.name .normal { vertical-align: top; } -@media only screen and (min-width: 1025px) { - .b-topic > .inner header .name-date, - .b-comment > .inner header .name-date { - padding: .25rem 0; - line-height: 1.5rem; - } - .b-comment>.inner header .name-date a.name, - .b-comment>.inner header .name-date .time, - .b-dialog>.inner header .name-date a.name, - .b-dialog>.inner header .name-date .time { - display: inline-block; - vertical-align: top; - line-height: inherit; - } - .b-message>.inner header .name-date .time > time, - .b-comment>.inner header .name-date .time > time { - display: block; - font-size: 13px; - line-height: inherit; - } - - .p-dialogs .b-message>.inner header { padding: 0; } - .p-dialogs .b-message>.inner header .name-date { line-height: 32px; } - .p-dialogs .b-message>.inner header .name-date a.name, - .p-dialogs .b-message>.inner header .name-date .time { - display: inline-block; - vertical-align: top; - line-height: inherit; - } - - .b-comment > .inner header img, - .b-message>.inner header img, - .b-dialog>.inner header img { - margin: 6px 16px 0 0; - } - - - .b-topic>.inner header .name-date .time { - display: inline-block; - vertical-align: top; - line-height: inherit; - } -} - - -.p-messages .b-message>.inner header .name-date a.name, -.p-messages .b-message>.inner header .name-date .time { - display: inline-block !important; - vertical-align: top; - padding-top: 0; - line-height: inherit !important; -} - -@media screen and (max-width: 1024px) { - .b-dialog .time { - display: block !important; - padding-left: 0 !important; - font-size: 14px !important; - line-height: 20px !important; - } - .b-dialog>.inner header .name-date time { - display: block; - line-height: inherit; - } - .b-dialog .b-message>.inner header .name-date .time { - display: inline-block !important; - vertical-align: top; - padding-left: 0 !important; - line-height: inherit !important; - } - .b-dialog .b-message .inner header .name-date .name { - display: inline-block !important; - vertical-align: top; - } -} - -.b-dialog>.inner header .name-date .time, -.b-message>.inner header .name-date .time { color: #9E9E9E; } - -.b-dialog .b-message { - position: static; - margin: 0; - padding: 0 !important; - overflow: visible; -} -.b-dialog .b-message .inner header { - padding: 4px 0; -} -.b-dialog .b-message .inner header img { - width: 20px; - margin: 0 8px 0 0; -} -.b-dialog .b-message .inner header .name-date { - line-height: 20px; -} -.b-dialog .b-message .inner .body { - padding-left: 0 !important; -} - -.yellow-fade { - background: rgba(249, 247, 19, 0.16); - outline-color: rgba(249, 247, 19, 0.16); -} - -.b-replies { - padding: 8px 0 0; -} -.b-quote { - margin: .5rem 0; - padding: .5rem 1rem; -} -.b-quote .quoteable { - margin: 0 0 .5rem; - line-height: 20px; -} -.b-quote .quoteable:before { - float: left; - margin-right: 8px; -} -.b-quote .b-quote { - margin-left: 0 !important; -} - - -.b-topic>.inner header:after { - content: ''; /* TODO: check this. thx @NedStar */ - clear: both; - display: none; -} -.b-topic .body { - line-height: 20px; -} - -.b-topic-preview > .inner .status-line { - margin-top: -8px; - margin-bottom: 8px; - font-size: 14px; - line-height: 20px; -} -.b-topic-preview>.inner .status-line .author { - padding: 0; -} -.b-topic-preview>.inner .status-line .b-link { - padding: 0 8px; -} -.b-topic-preview>.inner .status-line .additional .comments, -.b-topic-preview>.inner .status-line .additional .likes { - color: inherit; -} -.b-topic-preview>.inner .status-line .additional .comments:before, -.b-topic-preview>.inner .status-line .additional .likes:before { - vertical-align: top; - padding-right: 8px; -} - -.b-topic-preview>.inner .status-line .additional .comments:before, -.b-topic-preview>.inner .status-line .additional .likes:before { - padding-right: 8px; - font-family: 'Material Icons'; - font-size: 18px; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.b-topic-preview>.inner .status-line .additional .comments:before { - content: "mode_comment"; -} -.b-topic-preview>.inner .status-line .additional .likes:before { - content: "thumb_up"; -} - - - -/* Просмотр комментариев во всплывающей подсказке */ -.tooltip .b-comment { - padding-top: 0 !important; - padding-bottom: 0; -} -.tooltip .b-comment:before { - display: none; -} - -/** - * COMMENT DOESN'T SLIDE - * Большие комментарии, топики не должны сдвигаться margin'ами. - * Либо translate3d либо никак. - */ -.b-topic.aside-expanded > .inner, -.b-dialog.aside-expanded > .inner, -.b-message.aside-expanded > .inner, -.b-comment.aside-expanded > .inner, -.b-topic.aside-expanded > .b-comments { - margin-left: 0; -} -.b-topic.aside-expanded > .inner aside.buttons, -.b-dialog.aside-expanded > .inner aside.buttons, -.b-message.aside-expanded > .inner aside.buttons, -.b-comment.aside-expanded > .inner aside.buttons { - position: absolute; - top: 0; - right: 0; - left: 0; - width: auto; - height: 100%; - margin: 0 -16px; - padding: 8px 16px; - border: 0; - overflow-y: auto; - z-index: 3; -} - -.b-dialog > .inner > aside.buttons > .main-controls > a:after, -.b-dialog > .inner > aside.buttons > .main-controls > span:after, -.b-dialog > .inner > aside.buttons > .delete-controls > span:after, -.b-dialog > .inner > aside.buttons > .moderation-controls > span:after, -.b-message > .inner > aside.buttons > .main-controls > a:after, -.b-message > .inner > aside.buttons > .main-controls > span:after, -.b-message > .inner > aside.buttons > .delete-controls > span:after, -.b-message > .inner > aside.buttons > .moderation-controls > span:after, -.b-comment > .inner > aside.buttons > .main-controls > a:after, -.b-comment > .inner > aside.buttons > .main-controls > span:after, -.b-comment > .inner > aside.buttons > .delete-controls > span:after, -.b-comment > .inner > aside.buttons > .moderation-controls > span:after{ - vertical-align: top; - padding-left: 12px !important; - font-size: 16px !important; - line-height: 18px; -} - - -/* OPEN DIALOG BY CLICK */ -.b-dialog .to_dialog { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - margin: 0 -16px; - font-size: 0; -} - -.b-dialog:hover .to_dialog { - background-color: rgba(0, 0, 0, .05); - z-index: 0; -} - -.b-dialog img, -.b-dialog a, -.b-dialog .buttons { - position: relative; - z-index: 2; -} -/* END of OPEN DIALOG BY CLICK */ - - -/** - * BBCode: CODE - * Новый тег отвечающий за оформление программных кодов. - */ - -code { - vertical-align: top; - padding: 1.5px 4px; - background-color: rgba(32,32,32,0.05); - border-radius: 2px; - font-size: .875rem; -} - -pre { - position: relative; -} - -.b-code { - padding: 1rem; - margin: .5rem 0; - background: #303030; - border-radius: 2px; - font-size: .875rem; -} - -@media (min-width: 960px) { - .b-code:before { - content: attr(data-language); - position: absolute; - top: 1rem; - right: .5rem; - padding: 0 .5rem; - background-color: #747474; - border-radius: 2px; - } - - .tooltip-details .b-code:before { - display: none; - } -} -/* END of CODE */ - -/* CODE: SUBLIME 3 MATERIAL THEME'S COLOR */ -.b-code { background: #263238; } -.hljs-selector-tag { color: #FF5370; } -.hljs-selector-id { color: #FAD430; } -.hljs-selector-class { color: #FFCB6B; } -.hljs-selector-pseudo, -.hljs-meta { color: #C792EA; } -.hljs-attribute { color: #80CBC4; } -.hljs-built_in { color: #89DDFF; } -.hljs-number { color: #F77669; } -.hljs-string { color: #C3E88D; } -.hljs-comment { color: #5C7E8C; } -/* END of CODE' THEME */ - -/* -------------- */ -/* END of COMMENT */ -/* -------------- */ - - -/* TOAST */ -#toast-container { - line-height: 1.5rem; -} -.toast-top-right { - top: auto; - bottom: 0; - right: 0; - left: 0; -} -#toast-container>div { - width: 100%; - max-width: 25rem; - padding: .875rem 1.5rem; - margin: auto; -} -.toast-message { - display: inline-block; - vertical-align: top; - line-height: 1.5rem; -} -#toast-container>.toast-success { - background-color: #323232; - background-image: none !important; -} -#toast-container>.toast-error { - background-color: #323232; - background-image: none !important; -} -#toast-container>.toast-error:before { - content: 'error_outline'; - float: left; - display: inline-block; - vertical-align: top; - margin: -4px 1.5rem -4px 0; - font-size: 2rem; - font-family: 'Material Icons'; - line-height: 1; - box-sizing: border-box; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -/* END of TOAST */ - - - - - - -/* CLUB */ -.b-clubs-menu .b-block_list li { - font-size: .875rem; -} -.b-clubs-menu > .actions > .block-list > li, -.b-clubs-menu > .actions > .b-block_list > li { - padding: 0 12px; - margin: 0 -8px; - line-height: 32px; -} -.b-clubs-menu > .actions > .block-list > li:before, -.b-clubs-menu > .actions > .b-block_list > li:before { - margin: 7px 12px 0 0; -} -.b-clubs-menu > .actions > .block-list > li:before, -.b-clubs-menu > .actions > .b-block_list > li:before { - width: 18px !important; - font-family: 'Material Icons' !important; - font-size: 18px !important; - line-height: 1 !important; - text-align: center; - font-weight: 400 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.b-clubs-menu .actions .upload { - position: relative; -} -.b-clubs-menu .actions .upload input { - top: 0; - left: 0; - height: 32px; - margin: 0; - border: 0; - cursor: pointer; -} - -.b-clubs-menu .actions .upload label, -.b-clubs-menu .actions .invite span, -.b-clubs-menu .actions .join a, -.b-clubs-menu .actions .leave a { - border: 0; -} - -.b-clubs-menu .actions .edit-entry:hover a, -.b-clubs-menu .actions .broadcast:hover a, -.b-clubs-menu .actions .upload:hover label, -.b-clubs-menu .actions .invite:hover span, -.b-clubs-menu .actions .join:hover a, -.b-clubs-menu .actions .leave:hover a { - text-decoration: underline; -} - -.b-clubs-menu .actions .upload label:hover, -.b-clubs-menu .actions .invite span:hover, -.b-clubs-menu .actions .join a:hover, -.b-clubs-menu .actions .leave a:hover { - text-decoration: underline !important; -} - -.actions .edit-entry:before { - content: 'build'; -} -.actions .broadcast:before { - content: 'speaker_notes'; -} -.actions .upload:before { - content: 'insert_photo'; -} -.actions .join:before, -.actions .invite:before { - content: 'person_add'; -} -.actions .leave:before { - content: 'directions_run'; -} - - - -/* Навигация в клубах: "контент" */ -.b-pages { - max-width: 15rem; - padding: 0 1rem; - margin: 0 0 1.5rem 2rem; - border-radius: 2px; -} -.b-pages .title { - font-size: .875rem; - line-height: 3rem; - text-transform: uppercase; -} -.b-pages .section { - margin: 0 0 .5rem; -} - - - -/* CLUB PAGE EDITOR */ -@media screen and (max-width: 767px) { - .edit_club_page .cc-2a > .c-column { - width: 100%; - } - .edit_club_page .cc-2a > .c-column:nth-child(1n+1) { - clear: left; - } -} -/* END of CLUB PAGE EDITOR */ - - - -/* FIX: CLUB'S BUTTONS */ -.p-clubs-edit .pages .button { - margin-right: .5rem; -} -.p-clubs-edit .pages .club_page-layout, -.p-clubs-edit .pages .club_page-actions { - font-size: .875rem; - padding-left: 1rem; -} -.p-clubs-edit .pages .club_page-actions .b-js-link { - margin-right: .5rem; -} -.p-club_pages-show .item-edit:before { - content: 'edit'; -} -/* END of CLUB'S BUTTONS */ - - - -/* ICON | CREATE CLUB */ -.p-clubs-index header.head a.misc { - float: right; - width: 40px; - height: 40px; - padding: 8px; - margin: 4px; - font-size: 0; -} -.p-clubs-index header.head a.misc:hover { - background-color: #ddd; - text-decoration: none; -} -.p-clubs-index header.head a.misc:before { - content: 'group_add'; -} -/* END of CREATE CLUB */ - - -/* TODO: merge with Material icons */ -.p-club_pages-show .item-edit:before, -.p-clubs-index header.head a.misc:before { - width: 1.5rem !important; - font-family: 'Material Icons' !important; - font-size: 1.5rem !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -/* END of CLUB */ - - - -.p-contests .results .cc-result .c-rounds .label { - font-size: .875rem; -} - - - -/** - * INDEX - * Изменения главной страницы. - * - */ - -.p-dashboards-show .c-my_list { - padding: 0; - background: initial; - border: none; -} -.p-dashboards-show .c-my_list .title .switch, -.p-dashboards-show .c-my_list .title .link { - float: right; -} - -.p-dashboards-show .cc-news .c-generated_news .b-topic .name-date a { - font-size: 16px !important; -} - -/* Изменение новостей на главной */ -.p-dashboards-show .cc-news .c-news_topics .b-topic { - padding: 1rem 0 1.5rem; - border-top-width: 1px; -} -@media screen and (max-width: 767px) { -.p-dashboards-show .cc-news .c-news_topics .b-topic { margin-bottom: 0; } -} -@media only screen and (min-width: 768px) { -.p-dashboards-show .cc-news .c-news_topics .b-topic { margin-bottom: 0; } -} -.p-dashboards-show .cc-news .c-news_topics .b-topic .name-date a { - padding: 0 0 .25rem; - font-size: 22px !important; - font-weight: 400 !important; - line-height: 1.65; - white-space: normal; -} -.p-dashboards-show .cc-news .c-news_topics .b-topic .b-anime_status_tag { display: none; } -/* КОНЕЦ – Изменение новостей на главной */ - - - -/* Change Forum Button */ -/* NOTE: Цвета настраиваются в общем блоке ЦВЕТА */ -.p-dashboards-show .b-forums > .b-link_button.maxi { - position: relative; - margin-bottom: 0; - background-color: transparent; - font-size: 0; - line-height: 0; - text-align: left; - overflow: visible; -} -.p-dashboards-show .b-forums > .b-link_button.maxi:after { - content: 'Форум'; - display: inline-block; - vertical-align: top; - padding: 0 1rem; - margin: .5rem -1rem; - border-radius: .125rem; - font-size: .875rem; - line-height: 2rem; -} -.p-dashboards-show .b-forums > .b-link_button.maxi:before { - display: block; - font-family: 'Material Icons' !important; - font-size: 18px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.p-dashboards-show .b-forums > .b-link_button.maxi:before { - position: absolute; - right: 0; - left: 0; - color: inherit; - line-height: 3rem !important; - text-align: right; -} -.p-dashboards-show .b-forums > .b-link_button.maxi:before { - content: 'chevron_right'; -} -/* END of Change Forum Button */ - -/* ТЕМЫ ДНЯ */ -.b-hot_topics { - padding: .5rem 1rem; - margin: -.5rem -1rem 0 -1rem; - background-color: initial; - border: 0; -} -.b-hot_topics .topic { - font-size: .875rem; - line-height: 2rem; - text-align: left; -} -.b-hot_topics .topic.subject { - font-size: .875rem; - line-height: 2rem; - text-align: left; - text-transform: uppercase; - white-space: nowrap; -} -.b-hot_topics .topic a { - padding: 0 .75rem; - border-radius: 1rem; -} -.b-hot_topics .topic a:hover { - text-decoration: none; -} -.b-hot_topics .topic a .poster { - position: initial; - display: inline-block; - vertical-align: middle; - width: 2rem; - height: 2rem; - margin-left: -.75rem; - margin-right: .5rem; - border-radius: 100%; -} -@media screen and (max-width: 1024px) { - .b-hot_topics { - padding: 14px 16px; - margin: -16px -16px 0 -16px; - border: 0; - } - .b-hot_topics .topic a .poster { - display:none; - } -} -@media only screen and (min-width: 1025px) { - .b-hot_topics .topic { - margin-right: .5%; - width: 10.6666%; - } -} - - - - -/** - * FORUM - * СТРАНИЦЫ ФОРУМА - */ - -.p-topics .l-menu .b-forums, -.block2, -.contests.block { - margin-bottom: 1.5rem; - line-height: 1.5rem; -} -.b-forums .forum { - clear: both; - position: relative; - min-height: 1.5rem; - line-height: 1.5rem; - padding: 0 .5rem; - margin: 0 -.5rem; -} -.b-forums .forum .link-with-input .link { - display: inline-block; - vertical-align: top; - position: absolute; - right: 0; - left: 0; - padding-left: .5rem; -} -.b-forums .forum input { - position: absolute; - left: 0; - width: 2rem; - height: 1.5rem; - margin-right: .25rem; - border: 0; - opacity: 0; - z-index: 1; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} -.b-forums .forum .link-with-input input + .link { - padding-left: 2.25rem; -} -.b-forums .forum input + .link:before { - content: 'check_box_outline_blank'; - display: block; - position: absolute; - top: 0; - left: 0.375rem; - width: 1.125rem; - margin: 0.1875rem 0; - - font-family: 'Material Icons' !important; - font-size: 1.125rem !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.b-forums .forum input:hover + .link:before { - opacity: .9; -} -.b-forums .forum input:checked + .link:before { - content: 'check_box'; -} -.b-forums .forum input:disabled + .link:before { color: #BDBDBD; } -.b-forums .forum .topics { - font-size: .75rem; -} - -/* FIX: TOPIC UPDATE ICON (issue #5) */ -.p-topics header h1 a.reload:hover:after { - position: static; -} - -/* END of FORUM */ - - - - -/** - * PROFILE - * ПРОФИЛЬ ПОЛЬЗОВАТЕЛЯ - */ - -/* Убираем лишние overflow */ -.p-profiles-show .profile-content { overflow: visible; } - -/* Настраиваем равномерные отступы */ -.p-profiles .profile-content .cc-2, -.p-profiles .profile-content .about, -.p-profiles .profile-content .cc-2 .c-right .cc-2a { margin-bottom: 1rem !important; } -@media screen and (max-width: 767px) { - .cc-2>.c-column { margin-bottom: 1rem; } - .p-profiles-show .profile-content .activity:last-child { margin-bottom: 1.25rem !important; } -} - - -/* Полосы аниме/манги */ -.b-stats_bar.anime .bar .second, -.b-stats_bar.manga .bar .second, -.line:nth-child(even) > .bar-container > .bar { - opacity: 0.64; -} - -/* Столбики активности */ -.bar.vertical { padding: 0; } -.bar.vertical { border: none; } -.bar.vertical .line { border: none; } -.bar.vertical .line .bar-container .value { - font-size: .75rem; - line-height: 1.25rem; -} - - - - -.p-profiles .profile-head .c-brief header h1 { - vertical-align: top; -} -.p-profiles .profile-head .c-brief header h1.aliases { - cursor: help; -} -.p-profiles .profile-head .c-brief header h1.aliases:after { - display: inline-block; - vertical-align: top; - width: 2rem; - height: 2rem; - margin: 0; - margin-left: .5rem; - color: inherit; - font-family: 'Material Icons'; - font-size: 1.125rem; - line-height: 2rem; - text-align: center; - cursor: help; - opacity: .5; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.p-profiles .profile-head .c-brief header h1.aliases:after { - content: 'label'; -} - -.p-profiles header.head .misc { - vertical-align: top; - padding: 0 1rem; - margin: 0; - font-size: .875rem; - line-height: 3rem; -} - -.p-profiles .profile-head .c-brief header .notice { - line-height: 1.25rem; -} - -/* FIX: update 2017-03-19 */ -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar::after { - clear: none; -} - -/* Списки аниме/манги */ -.b-stats_bar .stat_names .stat_name:after { display: none; } -.b-stats_bar .stat_names .stat_name { - padding: 0 1rem 0 0; - font-size: .875rem; - line-height: 2rem; -} -.b-stats_bar .stat_names .stat_name a { - display: block; - line-height: inherit; -} - -/* Выпадающий список аниме/манги в профиле */ -@media screen and (max-width: 599px) { - .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { position: relative; } - .b-stats_bar .stat_names .stat_name { display: none; } - .b-stats_bar .stat_names:hover .stat_name { display: block; } - .b-stats_bar .stat_names .stat_name, - .b-stats_bar .stat_names .stat_name a { padding: 0 1rem 0 0; } - .b-stats_bar .stat_names .stat_name a { - display: block; - margin: 0 -1rem; - } - .b-stats_bar .stat_names .stat_name a:hover { - background-color: rgba(0,0,0,.24); - text-decoration: none; - } - .b-stats_bar .stat_names { - position: absolute; - top: 0; - min-width: 165px; - border-radius: .125rem; - } - .b-stats_bar .stat_names:hover { - padding: 3rem 0 .5rem; - z-index: 10; - } - .b-stats_bar .stat_names:after { - content: ''; - position: absolute; - top: 0; right: 0; bottom: 0; left: 0; - box-shadow: 0 2px 3px 0 rgba(0,0,0,.32); - z-index: -1; - } - .b-stats_bar .stat_names:before { - content: 'arrow_drop_down'; - display: block; - position: absolute; - top: 0; - right: 0; - width: 2rem; - height: 2rem; - padding: .25rem; - margin: .5rem .25rem; - border-radius: 100%; - font-size: 1.5rem; - font-family: 'Material Icons'; - line-height: 1; - box-sizing: border-box; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - } - .b-stats_bar .stat_names .stat_name, - .b-stats_bar .stat_names .stat_name a { - padding: 0 1rem; - } -} -/* Конец: Выпадающий список аниме/манги в профиле */ - - -.edit_user_preferences .b-options-floated.about-options { - position: absolute; - right: 0; - margin: 1rem 0; - background: transparent !important; - text-align: right; - z-index: 1; -} -.edit_user_preferences .about-options .b-input { margin-bottom: 0 !important; } -.edit_user_preferences .about-options .b-input label { line-height: 1rem; } - - -.b-list_switchers > .switcher { - width: 2.5rem; - height: 2.5rem; - padding: .5rem; - margin: .25rem; -} -.b-list_switchers .switcher.posters { - margin-left: .25rem !important; -} -.b-list_switchers .switcher.list { - margin-left: .25rem !important; -} - - -.p-user_rates-index .l-menu .avatar img { - width: 10rem; - height: 10rem; -} -.p-user_rates-index .l-content thead tr { - font-size: 13px; - line-height: 2rem; -} - -.p-user_rates-index .list-lines tr td .rate-text { - font-size: .875rem; - line-height: 1.25rem; -} - -.p-user_rates-index .list-lines tr td .new-value input { - height: 1.5rem; - font-size: 1rem; - line-height: 1.5rem; -} - -.p-user_rates-index .list-lines tr.edit-form form { - padding: .25rem 1rem; - margin: .5rem 0; - border-style: solid; - border-width: 1px; -} - -.p-user_rates-index .list-lines tr.edit-form .b-input.text textarea { - font-size: .875rem; -} - -.b-user_rate .rate-edit .b-input.integer input, -.p-user_rates-index .list-lines tr.edit-form .b-input.integer input { - width: 7rem; -} - -.p-profiles-show .b-stats_bar a.title { - padding: .5rem 1rem; - margin: .5rem -1rem; -} -.p-profiles-show .b-stats_bar a.title:hover { - text-decoration: none !important; -} - -.p-user_rates-index .list-lines tr.edit-form .remove { - width: 2.5rem; - height: 2.5rem; - padding: .5rem; - margin: .25rem; -} -.p-user_rates-index .list-lines tr.edit-form .remove { - margin: -.25rem 0 0; - border: 0; - font-size: 0; -} -.p-user_rates-index .list-lines tr.edit-form .remove:before { - width: 1.5rem !important; - font-family: 'Material Icons' !important; - font-size: 1.5rem !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.p-user_rates-index .list-lines tr.edit-form .remove:before { - content: 'delete'; -} - -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { - overflow: visible; -} - -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { - margin-bottom: 0; -} - -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar::after { - clear: none; -} - -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar.manga { - margin-top: 8px; -} - -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a { - font-size: .875rem; - margin-top: 1rem; -} -.b-stats_bar .bar { - height: auto; -} -.b-stats_bar .bar .first, -.b-stats_bar .bar .second, -.b-stats_bar .bar .third { - font-size: .75rem; - line-height: 1.25rem; -} -.p-profiles .profile-head .c-brief .avatar .profile-actions { - margin-top: 1rem; - margin-right: -.75rem; - margin-left: -.75rem; -} -.profile-actions > a { - display: inline-block; - padding: .5rem; -} -.profile-actions > *:before { - vertical-align: top; - width: 1.5rem !important; - line-height: 1 !important; - font-size: 1.5rem !important; -} -.p-profiles .profile-head .c-brief .avatar > img { - display: block; - margin: auto; -} - - -@media only screen and (min-width: 768px) { - .p-profiles .profile-head .c-brief .avatar { - margin: .5rem 2rem 3rem 1rem; - } - .p-profiles .profile-head .c-brief .avatar > img { - width: 10rem; - height: 10rem; - } -} -@media screen and (max-width: 1024px) { - .profile-actions .settings, - .profile-actions .fav-add, - .profile-actions .fav-remove, - .profile-actions .ignore-add, - .profile-actions .ignore-remove, - .profile-actions .ban { - margin-left: .5rem; - } -} -@media only screen and (min-width: 1025px) { - .profile-actions .settings, - .profile-actions .fav-add, - .profile-actions .fav-remove, - .profile-actions .ignore-add, - .profile-actions .ignore-remove, - .profile-actions .ban { - margin-left: .5rem; - } -} - -.b-catalog-entry-embedded .b-catalog_entry { - margin-bottom: 0 !important; -} - -:root .b-anime_status_tag:before { - vertical-align: text-bottom; - padding: 0 .25rem; - border: 0; - font-size: .625rem; - line-height: 1rem; - text-transform: uppercase; -} - -.b-topic { - margin-bottom: .5rem; -} -.m13 { - margin-bottom: 0 !important; -} - -/* USER PROFILE |> HISTORY ENTRY */ -.p-profiles .profile-head .c-history .entry { - position: relative; - padding: .5rem 0; - margin: 0; - border: 0; - overflow: initial; -} -.p-profiles .profile-head .c-history .entry, -.p-profiles .profile-head .c-history .entry:first-child { - padding-top: .5rem; - margin-top: 0; -} -.p-profiles .profile-head .c-history .entry:before { - content: ''; - display: block; - position: absolute; - right: -.5rem; - bottom: 0; - left: 3.5rem; - height: 1px; - pointer-events: none; -} -.p-profiles .profile-head .c-history .entry:last-child:before { - display: none; -} - -/* Полноразмерная ссылка .entry, работает только для .c-history & .l-menu */ -.p-profiles .profile-head .c-history .entry a { - display: block; - padding: .5rem .5rem; - margin: -.5rem; -} -@media screen and (min-width: 960px) { - .p-profiles .profile-head .c-history .entry a { padding: .75rem .5rem; } -} -.p-profiles .profile-head .c-history .entry a:after { - content: ''; - clear: both; - display: block; -} -.p-profiles .profile-head .c-history .entry:hover .title { - text-decoration: none; -} -/* END of FULLENTRY LINK */ - -.p-profiles .profile-head .c-history .entry img { - margin: 0 16px 0 0; - max-height: 72px; - max-width: 40px; -} - -.p-user_rates-index .l-content .filter input { - padding: .5rem 1rem; - font-size: .875rem; -} - - -/* Страница сравнения списков */ -.p-userlist_comparer .notice span { - padding: 1.5px 4px !important; - border-radius: 2px; -} - -/* Цвета списков */ -.p-userlist_comparer .comparer table .abslt-difr, -.p-userlist_comparer .legend .abslt-difr, -.p-userlist_comparer .notice span:nth-child(6) { - background: rgba(244, 67, 54, .5) !important; -} -.p-userlist_comparer .comparer table .slightly-difr, -.p-userlist_comparer .legend .slightly-difr, -.p-userlist_comparer .notice span:nth-child(4) { - background: rgba(255, 138, 128, .5) !important; -} -.p-userlist_comparer .comparer table .almost-same, -.p-userlist_comparer .legend .almost-same, -.p-userlist_comparer .notice span:nth-child(3) { - background: rgba(185, 246, 202, .5) !important; -} -.p-userlist_comparer .comparer table .exact-same, -.p-userlist_comparer .legend .exact-same, -.p-userlist_comparer .notice span:nth-child(5) { - background: rgba(76, 175, 80, .5) !important; -} - - - -.p-profiles .profile-head .c-info .c-additionals { - margin-top: 8px; - margin-bottom: 8px; -} -.p-profiles .profile-head .c-info .c-additionals b { - padding-right: 8px; - font-size: 0; -} -.p-profiles .profile-head .c-info .c-additionals b:after { - font-size: 14px; -} -.p-profiles.locale-ru .profile-head .c-info .c-additionals b:after { - content: 'Активность на сайте:'; -} -.p-profiles.locale-en .profile-head .c-info .c-additionals b:after { - content: 'Activity:'; -} - - - - -/** - * PROFILE HEAD - * Adaptive profile header includes: avatar, history, information, anime/manga bars. - */ -.p-profiles .profile-head { - position: relative; - overflow: visible; -} -.p-profiles .profile-head { - min-height: 15.5rem; - padding-top: 3rem; - margin-top: -1rem; -} -.p-profiles .profile-head .c-info { - margin-bottom: .5rem; -} -.p-profiles .profile-head .c-info { - overflow: visible; -} -.p-profiles .profile-head .c-history { - margin-bottom: 3rem; -} -.p-profiles .profile-head .c-history.x3 { - margin-bottom: 2rem; -} -.p-profiles .profile-head .c-brief { - position: relative; - margin: -3rem -1rem 1rem; - overflow: hidden; -} -.p-profiles .profile-head .c-brief:before { - content: ''; - display: block; - height: 0; - padding-bottom: 0; -} -.p-profiles .profile-head .c-brief .avatar > img, -.p-profiles .profile-head .c-history { - display: none; -} -@media screen and (min-width: 320px) { - .p-profiles .profile-head .c-mobile-actions { - display: none; - } - .p-profiles .profile-head .c-brief:before { - content: ''; - display: block; - height: 0; - padding-bottom: 34%; - } - .p-profiles .profile-head .c-brief .avatar { - float: none; - max-width: 100%; - margin: 0 auto; - margin-top: -17%; - } - .p-profiles .profile-head .c-brief .avatar > img { - display: block; - width: 36%; - max-width: 10rem; - min-width: 5rem; - margin: auto; - } - .p-profiles .profile-head .c-brief .avatar .profile-actions { - display: block; - position: absolute; - width: 100%; - padding: 0 .5rem; - margin: 0 auto; - margin-top: -15%; - text-align: left; - } - .p-profiles .profile-head .c-brief .avatar .profile-actions > a:first-child { - float: right; - margin: 0 .25rem; - } - .profile-actions .fav-add, - .profile-actions .fav-remove { - float: right; - } - .p-profiles .profile-head .c-brief header { - clear: both; - margin: 0; - text-align: center; - } -} -@media screen and (min-width: 320px) and (max-width: 479px) { - .p-profiles .profile-head .c-brief header .notice { - padding: .5rem 1rem; - } -} -@media screen and (min-width: 320px) and (max-width: 599px) { - .p-profiles .profile-head .c-brief header { - background-color: inherit !important; - } -} -@media screen and (min-width: 320px) and (max-width: 959px) { - .p-profiles .profile-head .c-history { - display: block; - position: absolute; - top: 0; - right: 0; - left: 0; - width: auto; - padding: 0 1rem; - margin: 0 -1rem; - background-color: rgba(0, 0, 0, .48); - white-space: nowrap; - overflow-x: auto; - z-index: 1; - } - .p-profiles .profile-head .c-history > .subheadline { - display: inline-block; - vertical-align: top; - } - .p-profiles .profile-head .c-history > .subheadline > a { - color: #eee !important; - } - .p-profiles .profile-head .c-history > .subheadline > a:before { - display: none; - } - .p-profiles .profile-head .c-history > .b-block_list { - display: inline-block; - vertical-align: top; - padding: .5rem; - margin-left: .5rem; - } - .p-profiles .profile-head .c-history .entry { - display: inline-block; - vertical-align: top; - min-width: 112px; - height: 2rem; - padding-right: .5rem; - padding-left: .5rem; - margin-left: .5rem; - border-radius: 1rem; - overflow: hidden; - } - .p-profiles .profile-head .c-history .entry:before { - display: none; - } - .p-profiles .profile-head .c-history .entry .image-name { - float: left; - width: 32px; - height: 32px; - margin: -8px 8px -8px -8px; - border-radius: 50%; - font-size: 0; - line-height: 0; - overflow: hidden; - } - .p-profiles .profile-head .c-history .entry span.misc { - display: none; - } - @media screen and (min-width: 600px) { - .p-profiles .profile-head .c-history { - padding: .25rem 1rem; - } - } -} -@media screen and (max-width: 767px) and (min-width: 481px), - screen and (max-width: 767px) and (orientation: landscape) { - .p-profiles .profile-head .c-history .entry:first-child { - display: inline-block; - } -} -@media screen and (min-width: 360px) { - .profile-actions .settings, - .profile-actions .fav-add, - .profile-actions .fav-remove, - .profile-actions .ignore-add, - .profile-actions .ignore-remove, - .profile-actions .ban { - margin-left: .25rem; - } -} -@media screen and (min-width: 360px) and (max-width: 599px) { - .p-profiles .profile-head .c-mobile-actions { - display: none; - } - .p-profiles .profile-head .c-brief .avatar .profile-actions { - display: block; - } -} -@media screen and (min-width: 480px) { - .p-profiles .profile-head .c-brief { - margin-bottom: 0; - overflow: visible; - } - .p-profiles .profile-head .c-brief .avatar { - position: absolute; - } - /* Отступ от аватарки */ - .p-profiles .profile-head .c-brief header { - margin-left: 10rem; - } - /* Отступ от аватарки */ - .p-profiles .profile-head .c-info { - margin-left: 9rem; - } - .p-profiles .profile-head .c-brief .avatar .profile-actions { - position: static; - width: auto; - padding: 0; - margin-top: 1rem; - margin-right: -12px; - margin-left: -12px; - text-align: center; - } - .p-profiles .profile-head .c-brief .avatar .profile-actions > a:first-child { - float: none; - margin: 0; - } - .profile-actions .fav-add, - .profile-actions .fav-remove { - float: none; - } - .p-profiles .profile-head .c-brief:before { - padding-bottom: 48px; - } - .p-profiles .profile-head .c-brief .avatar { - max-width: 160px; - margin: 1rem 1rem 1rem .5rem; - } - .p-profiles .profile-head .c-brief .avatar img { - width: 120px; - } - .p-profiles .profile-head .c-brief header { - clear: none; - padding: 1rem 0 .5rem; - text-align: left; - } -} -@media screen and (min-width: 600px) { - .p-profiles .profile-head { - background-color: inherit; - } - .p-profiles .profile-head .c-brief { - margin: -3rem -1rem 0; - } - /* Отступ от аватарки */ - .p-profiles .profile-head .c-brief header { - margin-left: 12.5rem; - } - /* Отступ от аватарки */ - .p-profiles .profile-head .c-info { - margin-left: 11.5rem; - } - .p-profiles .profile-head .c-brief:before { - padding-bottom: 56px; - } - .p-profiles .profile-head .c-brief .avatar img { - width: 160px; - } - .p-profiles .profile-head .c-brief .avatar .profile-actions { - display: block; - } -} -@media screen and (min-width: 768px) { - .p-profiles .profile-head .c-brief { - overflow: visible; - } - /* Отступ от аватарки */ - .p-profiles .profile-head .c-brief header { - margin-left: 13.5rem; - } - /* Отступ от аватарки */ - .p-profiles .profile-head .c-info { - margin-left: 12.5rem; - } -} -@media screen and (min-width: 960px) { - .p-profiles .profile-head { - padding-top: 0; - margin-top: 0; - } - .p-profiles .profile-head .c-brief { - max-height: 504px; - margin: 0; - overflow: visible; - } - .p-profiles .profile-head .c-brief:before { - padding-bottom: 0; - } - .p-profiles .profile-head .c-brief .avatar { - margin: 1rem 2rem 1rem 0; - } - .p-profiles .profile-head .c-info { - margin-bottom: 1.5rem; - } - /* Отступ от аватарки */ - .p-profiles .profile-head .c-info { - margin-left: 13.5rem; - } - /* Отступ от истории */ - .p-profiles .profile-head .c-info { - margin-right: calc(23% + 3.5rem); - } - .p-profiles .profile-head .c-history { - display: block; - position: relative; - top: 1rem; - margin-left: 3.5rem; - z-index: 1; - } -} -/* END of PROFILE HEAD */ - - - -/** - * Иконки совместимости для профиля - * MIT License - * Copyright (c) 2016 grin3671 - */ - -/* ВАЖНО! */ -/* .p-profiles .profile-head .c-info { overflow: visible; } /* Настройка для варианта №1 */ - -/* Исправление видимости */ -/* Спасибо Kana Kuroki и Dewopalaxy */ -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { - position: relative; - overflow: visible; -} - -.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 { - position: relative; - font-size: 0; - line-height: 0; - margin-top: 0; -} -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:hover { - text-decoration: none; -} -div.compatibility > a, -div.compatibility > span.link-replacement { - margin: 0 -.25rem; -} -div.compatibility > span.link-replacement { - cursor: help; -} -div.compatibility > a:before, -div.compatibility > span.link-replacement > span:first-child:before, -div.compatibility > a > span:first-child:before { - display: block; - width: 2.5rem; - height: 2.5rem; - padding: .5rem; - margin: .25rem; - border-radius: .125rem; - font-size: 1.5rem; - font-family: 'Material Icons'; - line-height: 1; - box-sizing: border-box; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -div.compatibility > a > span:first-child:before { - position: absolute; - top: 0; -} -div.compatibility > a:hover:before, -div.compatibility > a:hover > span:first-child:before { - text-decoration: none; -} - -/* Настройка иконок совместимости */ -div.compatibility > a:before { - content: 'compare_arrows'; -} -div.compatibility > span.link-replacement > span:first-child:before, -div.compatibility > a > span:first-child:before { - content: 'people'; -} -div.compatibility > a > .text.zero:before, -div.compatibility > span.link-replacement > .text.zero:before { - content: 'people_outline'; -} -/* КОНЕЦ: Настройка иконок совместимости */ - -/* Цветные иконки совместимости */ -/* Низкая совместимость */ -div.compatibility > a > .text.weak:before { - background-color: #F9FBE7; - color: #CDDC39; -} -div.compatibility > a:hover > .text.weak:before, -div.compatibility > span.link-replacement > .text.weak:before { - background-color: #F0F4C3; - color: #C0CA33; -} -/* Средняя совместимость */ -div.compatibility > a > .text.moderate:before { - background-color: #F1F8E9; - color: #8BC34A; -} -div.compatibility > a:hover > .text.moderate:before, -div.compatibility > span.link-replacement > .text.moderate:before { - background-color: #DCEDC8; - color: #7CB342; -} -/* Высокая совместимость */ -div.compatibility > a > .text.high:before { - background-color: #E8F5E9; - color: #4CAF50; -} -div.compatibility > a:hover > .text.high:before, -div.compatibility > span.link-replacement > .text.high:before { - background-color: #C8E6C9; - color: #43A047; -} -/* Полная совместимость */ -div.compatibility > a > .text.full:before { - background-color: #E1F5FE; - color: #03A9F4; -} -div.compatibility > a:hover > .text.full:before, -div.compatibility > span.link-replacement > .text.full:before { - background-color: #B3E5FC; - color: #039BE5; -} -/* КОНЕЦ: Цветные иконки совместимости */ - -/* Недоступные для просмотра данные без фона */ -div.compatibility > span.link-replacement > span:first-child:before, -div.compatibility > span.link-replacement:hover > span:first-child:before { - background-color: transparent !important; -} -/* Подсказки для совместимости */ -/* По умолчанию: располагаются над иконкой */ -/* Вариант не работает без обложки, универсален только 2 вариант */ -/* Второй вариант: располагаются слева от иконки */ -div.compatibility > a:after, -div.compatibility > a > span:first-child:after, -div.compatibility > span.link-replacement > span:first-child:after { - display: block; - position: absolute; - bottom: 100%; - left: 50%; - padding: 0 .75rem; - margin: 0 0 .5rem; - background-color: #616161; - border-radius: .125rem; - color: #eee; - font-size: .875rem;; - line-height: 2rem; - white-space: nowrap; - transform: translateX(-50%); - z-index: 100; - pointer-events: none; - opacity: 0; - transition: .3s; -} -div.compatibility > a > span:first-child:after, -div.compatibility > span.link-replacement > span:first-child:after { - z-index: 101; -} -div.compatibility > a:hover:after, -div.compatibility > a:hover > span:first-child:after, -div.compatibility > span.link-replacement:hover > span:first-child:after { - opacity: .9; -} - -/* Второй вариант расположения подсказок */ -div.compatibility > a:after, -div.compatibility > a > span:first-child:after, -div.compatibility > span.link-replacement > span:first-child:after { - bottom: 0; - right: 100%; - left: auto; - margin: 0 .75rem .5rem; - transform: translateX(.75rem); -} -div.compatibility > a:hover:after, -div.compatibility > a:hover > span:first-child:after, -div.compatibility > span.link-replacement:hover > span:first-child:after { - transform: translateX(0); -} -/* КОНЕЦ: Второй вариант расположения подсказок */ - -/* Текст подсказок для совместимости */ -div.compatibility > a[href*=similar]:after { - content: 'Найти похожих пользователей'; -} -div.compatibility > a > .text.zero:after, -div.compatibility > span.link-replacement > .text.zero:after { - content: 'Нет совместимости'; -} -div.compatibility > a > .text.weak:after, -div.compatibility > span.link-replacement > .text.weak:after { - content: 'Низкая совместимость'; -} -div.compatibility > a > .text.moderate:after, -div.compatibility > span.link-replacement > .text.moderate:after { - content: 'Средняя совместимость'; -} -div.compatibility > a > .text.high:after, -div.compatibility > span.link-replacement > .text.high:after { - content: 'Высокая совместимость'; -} -div.compatibility > a > .text.full:after, -div.compatibility > span.link-replacement > .text.full:after { - content: 'Полная совместимость'; -} -/* Числовое обозначение совместимости */ -div.compatibility > a > span.rate, -div.compatibility > span.link-replacement > span.rate { - position: absolute; - top: -.125rem; - right: -.5rem; - padding: 0 .25rem; - border-radius: .125rem; - color: #fff; - font-size: .75rem; - line-height: 1rem; -} -div.compatibility > span.link-replacement > span.rate:before, -div.compatibility > a > span.rate:before { display: none; } -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .rate:after { content: '%'; color: inherit; } -div.compatibility > span.link-replacement > span.rate:after, -div.compatibility > a > span.rate:after { display: none; } - -div.compatibility > a:before { background-color: transparent; } -/* END of Иконки совместимости для профиля */ - - - - - - -/* ICON | EDIT ABOUT ME PROFILE'S BLOCK */ -.p-profiles-show .about .item-edit { - display: inline-block; - width: 2.5rem; - height: 2.5rem; - padding: .5rem; - margin: .25rem 0; -} -.p-animes .item-edit:before, -.p-mangas .item-edit:before, -.p-profiles-show .about .item-edit:before { - width: 1.5rem !important; - font-family: 'Material Icons' !important; - font-size: 1.5rem !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.p-animes .item-edit:before, -.p-mangas .item-edit:before, -.p-profiles-show .about .item-edit:before { - content: 'edit'; -} -/* END of ICON */ - - - - -/* CHIP | USER PLATES */ -.b-user16 { - vertical-align: middle; - max-width: 100%; - padding: 0 .5rem; - margin: 0 .5rem 0 0; - background-color: #eee; - border-radius: .5rem; - font-size: .875rem; - font-weight: 400; - line-height: 1rem !important; - text-transform: initial; - text-overflow: ellipsis; - overflow: hidden; -} -.b-user16:hover { - color: #f2f2f2 !important; - background-color: #747474; -} -.b-user16:after { - display: none !important; -} -.b-user16:hover a { - color: #fff !important; - text-decoration: none; -} -.b-user16 > a > span { - padding: 0; -} -.b-user16:hover span { - text-decoration: none; -} -.b-user16 img { - position: static; - display: inline-block; - vertical-align: bottom; - width: 16px !important; - padding: 0; - margin: 0 .375rem 0 -.5rem !important; - margin-top: 0 !important; - border-radius: .5rem; -} -.b-animes-menu .friend-rate .b-user16 { - display: inline-block; -} -.b-quote .quoteable a.b-user16 { - padding: 0 .5rem; -} -.p-anime_videos-index .c-video_stats .uploader .b-user16 { - padding-left: .5rem; /* thx @Dewopalaxy */ -} -.b-log_entry .b-user16, -.b-source .contributors .b-user16, -.b-source .mal .b-user16, -.b-source .source .b-user16 { - margin-right: .5rem; -} -.b-user16:last-child { - margin-right: 0 !important; -} -.b-quote .quoteable a, -.status-line > span:first-child { - margin-right: .5rem; -} -.status-line .b-user16:last-child { - margin-right: .5rem !important; -} -/* BUG: Лишний пробел в разметке */ -.b-quote .quoteable a.bubbled-processed { - margin-right: .25rem !important; /* thx @Dewopalaxy */ -} -/* BUG: Лишний пробел в разметке */ -.b-quote .quoteable a.bubbled-processed > img { - margin-right: .125rem !important; /* thx @Dewopalaxy */ -} -/* COLOR */ -.b-user16, -.b-user16 a { - color: #212121 !important; -} -/* END of USER PLATES */ - - -.b-source .contributors, -.b-source .mal, -.b-source .source { - padding: 0; -} -.was_updated > div:first-child > span:first-child { - margin-right: .5rem; /* thx @Dewopalaxy */ -} - - - -/* MODERATION LIST */ -.b-log_entry { - position: relative; - padding-right: 2.5rem !important; - font-size: .875rem; -} -.b-log_entry, -.b-log_entry .spoiler.collapse span:before, -.b-log_entry .spoiler.collapsed:before { - padding: .375rem 0; - line-height: 1.25rem; -} -.b-ban .moderator { - float: right; - position: static; -} -.b-abuse_request .remove, -.b-log_entry span, -.b-log_entry .date { - padding-right: .5rem; -} -.b-ban .abuser, -.b-ban .duration, -.b-log_entry .date, -.b-log_entry>.reason { - vertical-align: top; - font-size: inherit; -} -.b-log_entry span a { vertical-align: top; } -.b-log_entry>.reason a { color: inherit; } -.b-log_entry .spoiler.collapse, -.b-log_entry .spoiler.collapsed, -.b-log_entry .spoiler.collapse span, -.b-log_entry .spoiler.collapsed span { - font-size: 0; - line-height: 0; -} -.b-log_entry .spoiler.collapse span:before, -.b-log_entry .spoiler.collapsed:before { - position: absolute; - top: 0; right: 0; - width: 2rem; - font-family: 'Material Icons'; - font-size: 1.125rem; - font-weight: 400 !important; - text-align: center; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.b-log_entry .spoiler.collapse span:before { content: 'expand_less'; } -.b-log_entry .spoiler.collapsed:before { content: 'expand_more'; } -@media screen and (min-width: 1025px) { - .b-log_entry, - .b-log_entry .spoiler.collapse span:before, - .b-log_entry .spoiler.collapsed:before { - padding: .125rem 0; - line-height: 1.25rem; - } -} -/* FIX */ -.b-abuse_request .marker { - margin: -5px 8px 0 0 !important; /* thx @Dewopalaxy */ -} -/* END of MODERATION LIST */ - - - - -/** - * MATERIAL ICON - * Замена иконок. - * - * ПРАВИЛА: - * Следующие настройки касаются только иконок. Их цвета, родители и их положение настраивается отдельно. - * Иконки должны располагаться в псевдоэлементе :before - * Иконки используются в двух вариантах: 18px и 24px - * Следовательно родители иконок должны быть высотой 32px или 40px - * - * BUG: - * IE doesn't support Materail Icon's font format [.woff2] - */ - -@font-face { - font-family: 'Material Icons'; - font-style: normal; - font-weight: 400; - src: local('Material Icons'), - local('MaterialIcons-Regular'), - url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.woff2) format('woff2'), - url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.woff) format('woff'), - url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.eot) format('eot'), - url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.ttf) format('truetype'); -} - -/* LARGE ICON */ -.c-actions > *:before, -.profile-actions > *:before, -.l-top_menu .menu-mobile .search:before, -.l-top_menu .menu-mobile .menu:before, -.l-top_menu .menu-mobile #sign_in:before, -.l-top_menu .menu-userbox .search:before, -.l-top_menu .menu-userbox .menu:before, -.l-top_menu .menu-userbox #sign_in:before, -.l-top_menu .to-mobile-forum:before, -.l-top_menu .menu-items .submenu-toggler:before, -.l-top_menu .menu-items .submenu-toggler.active:before, -header.head h1 a.back:before, -header.head h2 a.back:before, -.item-mobile:before, -.editor-controls > span:before, -.b-add_to_list .trigger-arrow:before, -.b-add_to_list.expanded .trigger-arrow:before, -.b-add_to_list.watching .edit:before, -.b-add_to_list.rewatching .edit:before, -.b-add_to_list.on_hold .edit:before, -.b-add_to_list.dropped .edit:before, -.b-add_to_list .plus:before, -.b-add_to_list.completed .edit:before, -.b-add_to_list.planned .edit:before, -.b-comments .comments-collapser:before, -.b-list_switchers > .switcher:before, -.p-characters .item-edit:before, -.p-messages .mass-actions .action > a:before { - width: 24px !important; - font-family: 'Material Icons' !important; - font-size: 24px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -/* SMALL ICON */ -.l-top_menu .menu-items>.entry.calendar>a:before, -.l-top_menu .menu-items>.entry>.contest:before, -.l-top_menu .menu-items>.entry.info>a:before { - display: block; - width: 18px !important; - font-family: 'Material Icons' !important; - font-size: 18px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.headline>a:before, -.midheadline > a:before, -.subheadline > a:before { - display: block; - font-family: 'Material Icons' !important; - font-size: 18px !important; - font-weight: 400 !important; - line-height: 32px !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.headline>a:before, -.midheadline > a:before, -.subheadline > a:before { - content: 'chevron_right'; -} - - - -/* Иконки переключения вида каталога: список/постеры */ -.b-list_switchers .switcher.list:before { - content: 'view_list'; -} -.b-list_switchers .switcher.lines:before { - content: 'view_headline'; -} -.b-list_switchers .switcher.posters:before { - content: 'view_module'; -} -/* Иконки списка аниме/манги пользователя */ -.b-add_to_list .plus:before { - content: "add"; -} -.b-add_to_list.planned .edit:before { - content: "event"; -} -.b-add_to_list.watching .edit:before { - content: "play_arrow"; -} -.b-add_to_list.completed .edit:before { - content: "done"; -} -.b-add_to_list.rewatching .edit:before { - content: "replay"; -} -.b-add_to_list.on_hold .edit:before { - content: "query_builder"; -} -.b-add_to_list.dropped .edit:before { - content: "delete"; -} -.b-add_to_list .trigger-arrow:before { - content: "arrow_drop_down"; - transition: 240ms; -} -.b-add_to_list.expanded .trigger-arrow:before { - content: "arrow_drop_down"; - transform: rotate(180deg); -} -/* Иконки верхнего меню */ -.l-top_menu .menu-items>.entry.calendar>a:before { - content: "today"; -} -.l-top_menu .menu-items>.entry>.contest:before { - content: "poll"; -} -.l-top_menu .menu-items>.entry.info>a:before { - content: "info"; -} -.l-top_menu .menu-userbox #sign_in:before { - content: "exit_to_app"; -} -.l-top_menu .to-mobile-forum:before { - content: "forum"; -} -.l-top_menu .menu-items .submenu-toggler:before { - content: 'arrow_drop_down' -} -.l-top_menu .menu-items .submenu-toggler.active:before { - content: "arrow_drop_down"; - transform: rotate(180deg); -} -/* Иконки профиля */ -.profile-actions .mail:before { - content: "mail"; -} -.profile-actions .talk:before { - content: "message"; -} -.profile-actions .fav-add:before { - content: "person_add"; -} -.profile-actions .fav-remove:before { - content: "person"; -} -.profile-actions .fav-remove:hover:before { - content: "person_outline"; - color: inherit; -} -.profile-actions .ignore-add:before { - content: "do_not_disturb_on"; -} -.profile-actions .ignore-remove:before { - content: "do_not_disturb_off"; -} -.profile-actions .settings:before { - content: "settings"; -} -.profile-actions .ban:before { - content: "gavel"; -} -/* Иконки текстового редактора */ -.buttons .editor-bold:before { - content: "format_bold"; -} -.buttons .editor-italic:before { - content: "format_italic"; -} -.buttons .editor-underline:before { - content: "format_underlined"; -} -.buttons .editor-strike:before { - content: "strikethrough_s"; -} -.buttons .editor-link:before { - content: "insert_link"; -} -.buttons .editor-image:before { - content: "insert_photo"; -} -.buttons .editor-quote:before { - content: "format_quote"; -} -.buttons .editor-spoiler:before { - content: "error_outline"; -} -.buttons .editor-file:before { - content: "attach_file"; -} -.buttons .editor-smiley:before { - content: "insert_emoticon"; -} -/* Иконки под постером аниме/манги/персонажа и т.д. */ -.c-actions .edit:before { - content: "build"; -} -.c-actions .fav-remove:hover:before, -.c-actions .fav-add:before { - content: "favorite_border"; -} -.c-actions .fav-add:hover:before, -.c-actions .fav-remove:before { - content: "favorite"; -} -.c-actions .new_review:before { - content: "rate_review"; -} -.c-actions .new_comment:before { - content: "chat_bubble"; -} -/* Специальная иконка открывающая меню комментария/топика и т.д. */ -.item-mobile:before { - content: "more_vert"; -} - -.p-characters .item-edit:before { - content: "edit"; -} -/* Иконка "закрыть" */ -.b-dialog.aside-expanded > .inner > .item-mobile:before, -.b-message.aside-expanded > .inner > .item-mobile:before, -.b-comment.aside-expanded > .inner > .item-mobile:before { - content: "clear"; -} -/* Иконка "назад" */ -header.head h1 a.back:before, -header.head h2 a.back:before { - content: "arrow_back"; -} -/* Иконки в почте пользователя ("Отметить прочитанным" и "Удалить все") */ -.p-messages .mass-actions .action:nth-child(1) > a:before { - content: 'done_all'; -} -.p-messages .mass-actions .action:nth-child(2) > a:before { - content: 'delete_sweep'; -} - - - -.p-dialogs header.head, -.p-messages header.head, -.p-profiles-edit header.head { - padding: 16px 16px 8px; - margin: -16px -16px 0; -} - -header.head h1, -header.head h2 { - padding: 8px 0; - line-height: 32px; - color: inherit; -} -header.head h1 a.back, -header.head h2 a.back { - vertical-align: top; - width: 40px; - height: 40px; - padding: 8px; - margin: -4px 16px -4px -8px; - line-height: initial; -} -header.head h1 a.back:before, -header.head h2 a.back:before { - position: static; - color: inherit; -} -header.head h1 a.back:after, -header.head h2 a.back:after { - display: none; -} - - - - -.buttons { - margin-right: 0; -} -.delete-controls > span, -.moderation-controls > span, -.main-controls > span, -.main-controls > a, -.buttons .item-edit { - width: 220px; - padding: 11px 16px; - margin-right: auto !important; - margin-left: auto !important; - line-height: 18px !important; -} - -@media only screen and (min-width: 1025px) { - .delete-controls > span, - .moderation-controls > span, - .main-controls > span, - .main-controls > a, - .buttons .item-edit { - width: 32px; - height: 32px; - padding: 7px; - margin-left: 8px !important; - border-radius: 2px; - line-height: 18px !important; - } -} - -.item-mobile { - position: relative; - width: 40px; - height: 40px; - padding: 8px; - margin: 4px 0; - margin-left: 8px !important; - border-radius: 100%; - z-index: 4; -} - -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .plus::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .edit::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .trigger-arrow::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .plus::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .edit::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .trigger-arrow::before, -.buttons .item-summary:before, -.buttons .item-ignore:before, -.buttons .item-quote:before, -.buttons .item-reply:before, -.buttons .item-edit:before, -.buttons .item-delete:before, -.buttons .item-moderation:before, -.buttons .item-cancel:before, -.buttons .item-request-reject:before, -.buttons .item-apply:before, -.buttons .item-request-confirm:before, -.buttons .item-delete-confirm:before, -.buttons .item-abuse:before, -.buttons .item-spoiler:before, -.buttons .item-offtopic:before, -.buttons .item-delete-cancel:before, -.buttons .item-moderation-cancel:before { - vertical-align: top; - width: 18px !important; - font-family: 'Material Icons' !important; - font-size: 18px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.buttons .item-ignore:before { - content: "do_not_disturb_on"; -} -.buttons .item-quote:before { - content: "format_quote"; -} -.buttons .item-reply:before { - content: "reply"; -} -.buttons .item-edit:before { - content: "mode_edit"; -} -.buttons .item-delete:before { - content: "delete"; -} -.buttons .item-moderation:before { - content: "flag"; -} -.buttons .item-cancel:before, -.buttons .item-request-reject:before, -.buttons .item-delete-cancel:before, -.buttons .item-moderation-cancel:before { - content: "clear"; -} -.buttons .item-spoiler:before { - content: "sms_failed"; -} -.buttons .item-abuse:before { - content: "pan_tool"; -} -.buttons .item-offtopic:before { - content: "speaker_notes_off"; -} -.buttons .item-summary:before { - content: "check_circle"; -} -.buttons .item-delete-confirm:before { - content: "delete"; -} -.buttons .item-apply:before, -.buttons .item-request-confirm:before, -.buttons .item-delete-confirm:before { - content: "done"; -} - - - -.l-top_menu .menu-mobile .menu:before, -.l-top_menu .menu-userbox .menu:before, -.l-top_menu .menu-mobile .search:before, -.l-top_menu .menu-userbox .search:before { - width: 24px !important; - font-family: 'Material Icons' !important; - font-size: 24px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.l-top_menu .menu-mobile .menu:before, -.l-top_menu .menu-userbox .menu:before { - content: "menu"; -} -.l-top_menu .menu-mobile .search:before, -.l-top_menu .menu-userbox .search:before { - content: "search"; -} - - - - - -.tooltip-inner { - min-height: 56px; - padding: 14px 16px; - border: 0; - overflow: hidden; - box-shadow: 0 4px 10px 2px rgba(0,0,0,0.24); -} -.tooltip-arrow { - display: none; -} - -/** - * Simple - * MIT License - * Copyright (c) 2015 Chris Nager - * https://github.com/chrisnager/simple-paper-spinner - */ -.tooltip-details { - min-height: 140px; -} -.tooltip-details .ajax-loading { - display: inline-block; - position: absolute; - top: 50%; - left: 50%; - width: 1.75em; - height: 1.75em; - min-height: 0; - margin: -.875rem 0 0 -.875rem; - background-image: none; - border-radius: 50%; - box-shadow: inset 0 0 0 0.1875em; - overflow: hidden; - will-change: transform; - -webkit-animation: spin 2666ms linear infinite; - animation: spin 2666ms linear infinite; - -webkit-clip-path: circle(.875em at center); - clip-path: circle(.875em at center); -} - -.tooltip-details .ajax-loading:after, -.tooltip-details .ajax-loading:before { - content: ""; - position: absolute; - width: 7em; - height: 1.75em; - background-color: inherit; -} - -.tooltip-details .ajax-loading:after { - -webkit-transform: skewX(-80deg) translate(.875em, .875em); - transform: skewX(-80deg) translate(.875em, .875em); - -webkit-animation: shape-shift-after 1066.4ms cubic-bezier(.4, 0, .2, 1) infinite alternate; - animation: shape-shift-after 1066.4ms cubic-bezier(.4, 0, .2, 1) infinite alternate; -} - -.tooltip-details .ajax-loading:before { - -webkit-transform: skewX(80deg) translate(.875em, -.875em); - transform: skewX(80deg) translate(.875em, -.875em); - -webkit-animation: shape-shift-before 1066.4ms cubic-bezier(.4, 0, .2, 1) infinite alternate; - animation: shape-shift-before 1066.4ms cubic-bezier(.4, 0, .2, 1) infinite alternate; -} - -@-webkit-keyframes spin { - to { - -webkit-transform: rotate(1080deg); - transform: rotate(1080deg); - } -} - -@keyframes spin { - to { - -webkit-transform: rotate(1080deg); - transform: rotate(1080deg); - } -} - -@-webkit-keyframes shape-shift-before { - to { - -webkit-transform: skewX(-45deg) translate(.875em, -.875em); - transform: skewX(-45deg) translate(.875em, -.875em); - } -} - -@keyframes shape-shift-before { - to { - -webkit-transform: skewX(-45deg) translate(.875em, -.875em); - transform: skewX(-45deg) translate(.875em, -.875em); - } -} - -@-webkit-keyframes shape-shift-after { - to { - -webkit-transform: skewX(45deg) translate(.875em, .875em); - transform: skewX(45deg) translate(.875em, .875em); - } -} - -@keyframes shape-shift-after { - to { - -webkit-transform: skewX(45deg) translate(.875em, .875em); - transform: skewX(45deg) translate(.875em, .875em); - } -} - -.b-catalog_entry-tooltip .inner a.name { - font-size: .875rem; -} -.b-catalog_entry-tooltip .inner .line .key { -} - -/* FIX: Размер изображений в тултипах Избаранного */ -.b-catalog_entry-tooltip .inner .best-works > .c-column { - width: 22%; - margin-right: 4%; -} -.b-catalog_entry-tooltip .inner .best-works > .c-column:last-child { margin-right: 0; } - - - -/* TEXTEDITOR | SHIKI EDITOR */ - -.b-topic>.editor-container { - margin-top: 1rem; -} - -.b-shiki_editor .body { - padding: 0 !important; -} -.b-shiki_editor .body .preview { - padding: 0; - margin: 0; - background: transparent; - border: 0; -} -.b-shiki_editor .body > .preview .body { - padding-left: 0 !important; -} - -.editor-controls > span { - width: 40px; - height: 40px; - padding: 8px; - margin: 0 8px 0 0 !important; -} - -/* Расширяем file input */ -.buttons .editor-file { - position: relative; -} -.buttons .editor-file span, -.buttons .editor-file a { - top: 0; - left: 0; - width: 40px; - height: 40px; - margin: 0 !important; -} -.buttons .editor-file input { - left: 0; - width: 40px; - height: 40px; - border: 0; - font-size: 40px; -} -.b-shiki_editor aside.buttons { - margin: 0; - padding: .25rem 0; -} -.b-shiki_editor aside.markers { - height: auto; - padding: .75rem 0; -} - -.b-shiki_editor .links, -.b-shiki_editor .images, -.b-shiki_editor .quotes, -.b-shiki_editor .email, -.b-shiki_editor .upload { - height: 3rem; - line-height: 2rem; -} -.b-shiki_editor .hidden-block p { - padding: .5rem !important; -} -.b-shiki_editor .links .link-value, -.b-shiki_editor .images .link-value, -.b-shiki_editor .quotes .link-value, -.b-shiki_editor .email .link-value, -.b-shiki_editor .upload .link-value { - width: 14rem; - height: 2rem; - padding: 0 1rem; - margin: 0; - border-radius: 2px; - line-height: 2rem; -} -.b-shiki_editor .links .button.ok, -.b-shiki_editor .images .button.ok, -.b-shiki_editor .quotes .button.ok, -.b-shiki_editor .email .button.ok, -.b-shiki_editor .upload .button.ok { - display: inline-block; - vertical-align: top; - padding: 0 1rem; - margin-right: 0; - margin-left: 1rem; - font-size: .875rem; - line-height: 2rem; - border-radius: 2px; -} - -.b-shiki_editor .images input, -.b-shiki_editor .quotes input, -.b-shiki_editor .email input { - margin-left: 1rem !important; - width: 20rem !important; -} - - -.b-shiki_editor .body .editor textarea { - padding: .5rem 1rem; - margin: 0; - border-radius: 2px; - font-size: 1rem; - line-height: 1.25rem; -} -.b-shiki_editor footer input[type=submit], -.b-shiki_editor footer .unpreview, -.b-shiki_editor footer .preview { - vertical-align: top; - margin-right: 8px; -} - -.b-shiki_editor footer .preview { - margin-right: 0; -} - -.b-shiki_editor.previewed footer .unpreview { - border: 0; - font-size: 0; -} -.b-shiki_editor.previewed footer .unpreview:after { - content: 'Назад'; - vertical-align: top; - font-size: 14px; -} -.b-shiki_editor footer .cancel { - border: 0; -} -.b-shiki_editor footer .cancel:hover { - color: #3F51B5; -} - - -/* FIX: COMMENT PREVIEW WIDTH */ -.b-shiki_editor aside.markers { - position: absolute; - right: 0; - top: 0; - z-index: 2; -} -.b-shiki_editor.previewed .body .preview .b-comment { - padding: 0 !important; -} -.b-shiki_editor footer { - margin-top: 1rem; -} - - -.about-bb_codes { - font-size: 0 !important; - padding: 0 1rem; - margin-top: 0 !important; - border-radius: .125rem; - line-height: 2rem !important; -} -.about-bb_codes:before { - content: 'help'; /* NOT 'help_outline' (!) see updated guideline (2016-12) */ - display: inline-block; - vertical-align: top; - font-family: 'Material Icons' !important; - font-size: 24px !important; - line-height: 32px !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -@media only screen and (min-width: 768px) { - .about-bb_codes:before { - font-family: inherit !important; - font-size: 14px !important; - text-transform: uppercase; - } - .locale-ru .about-bb_codes:before { - content: 'Справка'; - } - .locale-en .about-bb_codes:before { - content: 'Help'; - } -} -/* END of SHIKI_EDITOR */ -/* END of TEXTEDITOR */ - -.b-abuse_marker, -.b-broadcast_marker, -.b-new_marker, -.b-offtopic_marker, -.b-summary_marker { - width: auto !important; - margin: 0 !important; - margin-top: 1px !important; - margin-left: 8px !important; -} - -.b-spoiler_marker { - width: auto; -} - -.b-abuse_marker:before, -.b-broadcast_marker:before, -.b-new_marker:before, -.b-offtopic_marker:before, -.b-spoiler_marker:before, -.b-summary_marker:before { - position: static !important; - width: auto !important; - padding: 0 4px !important; - margin-top: 8px; - border: 0 !important; - border-radius: 2px; - font-size: 10px !important; - line-height: 16px !important; - text-transform: capitalize; -} - -.b-shiki_editor .b-summary_marker, -.b-shiki_editor .b-summary_marker:before, -.b-shiki_editor .b-offtopic_marker, -.b-shiki_editor .b-offtopic_marker:before { - vertical-align: top; - padding: 0 8px !important; - margin: 0 !important; - font-size: 12px !important; - line-height: 24px !important; -} - -.b-shiki_editor .b-summary_marker, -.b-shiki_editor .b-offtopic_marker { - padding: 0 !important; - margin-left: 8px !important; -} -/* END of SHIKI_EDITOR */ - - - - - -/* FLOATED OPTIONS */ -.b-options-floated { - margin-top: 16px; - font-size: 14px; - line-height: 16px; -} - -@media screen and (min-width: 768px) { - .b-options-floated.before-buttons-2 { - padding-right: 112px; - } -} - -.p-profiles-edit .b-options-floated, -.p-dialogs .b-options-floated, -.p-messages .b-options-floated { - position: static; - margin: 0 -16px 8px; - padding: 0; - text-align: left; - white-space: nowrap; - overflow: hidden; - overflow-x: auto; -} - -.p-profiles-edit .b-options-floated > a, -.p-dialogs .b-options-floated > a, -.p-messages .b-options-floated > a { - display: inline-block; - width: auto; - min-width: 88px; - height: 48px; - padding: 0 12px; - font-size: 14px; - line-height: 48px; - text-align: center; - text-transform: uppercase; -} - -.p-profiles-edit .b-options-floated > a { - width: auto; -} - -.p-profiles-edit .b-options-floated > a:hover, -.p-dialogs .b-options-floated > a:hover, -.p-messages .b-options-floated > a:hover { - text-decoration: none; -} - - -@media screen and (min-width: 481px) { - .p-profiles-edit .b-options-floated > a, - .p-dialogs .b-options-floated > a, - .p-messages .b-options-floated > a { - width: auto; - } -} - -.b-options-floated a span.brackets, -.b-options-floated .link span.brackets { - display: inline-block; - vertical-align: text-top; - min-width: 20px; - height: 16px; - padding: 0 4px; - border-radius: 4px; - color: #fff; - font-size: 10px; - line-height: 16px; - text-align: center; -} - -.p-profiles-edit .b-options-floated > a:after, -.p-dialogs .b-options-floated > a:after, -.p-messages .b-options-floated > a:after, -.b-options-floated a span.brackets:before, -.b-options-floated a span.brackets:after, -.b-options-floated .link span.brackets:before, -.b-options-floated .link span.brackets:after { - display: none; -} - -@media screen and (min-width: 481px) { - .p-dialogs header.head, - .p-messages header.head, - .p-profiles-edit header.head { - padding: 0; - margin: 0; - background-color: transparent; - } - - .p-profiles-edit .b-options-floated, - .p-dialogs .b-options-floated, - .p-messages .b-options-floated { - position: initial; - margin: 0 -16px 8px; - padding: 0; - background-color: transparent; - text-align: right; - } -} -/* END of FLOATED OPTIONS */ - - - - -/* USER'S MAIL ICONS – READ ALL & DELETE ALL */ -.p-messages .mass-actions { - position: absolute; - top: 56px; - right: 0; - margin: 0 -.5rem; -} -.p-messages .mass-actions .action:after { - display: none; -} -.p-messages .mass-actions > .action > a { - width: 40px; - height: 40px; - padding: 8px; - margin: 4px; - border: 0; - border-radius: 2px; - font-size: 0; - line-height: 1; -} -/* END of USER'S MAIL ICONS */ - - - - -/* DB ENTRY NOTES */ -/* TODO: MERGE WITH .c-history .entry */ -.b-db_entry-note { - position: relative; - padding: 8px 0; - margin: 0; - border: 0; -} - -.b-db_entry-note:first-child { - padding-top: 8px; -} - -.b-db_entry-note:before { - content: ''; - position: absolute; - right: -16px; - bottom: 0; - left: 56px; - height: 1px; -} - -.b-db_entry-note:last-child:before { - display: none; -} - -/* FIX */ -.b-db_entry-note:before { - right: 0; - left: 64px; -} - -.p-db_entries-related .b-db_entry-note { - padding: 16px 0; -} - -.p-db_entries-related .b-db_entry-note:first-child { - padding-top: 16px; -} -/* END of DB ENTRY NOTES*/ - - - - -/* MENU ENTRY REVIEW & CLUBS */ -/* TODO: MERGE WITH .c-history .entry */ -/* TODO: where [.calendar .entry]? */ -.p-topics .l-menu .calendar .entry, -.p-topics .l-menu .reviews .entry, -.p-topics .l-menu .clubs .entry { - position: relative; - padding: 8px 0; - margin: 0; - border: 0; - overflow: initial; -} - -.p-topics .l-menu .calendar .entry:first-child, -.p-topics .l-menu .reviews .entry:first-child, -.p-topics .l-menu .clubs .entry:first-child { - padding-top: 8px; - margin-top: 0; -} - -.p-topics .l-menu .calendar .entry:before, -.p-topics .l-menu .reviews .entry:before, -.p-topics .l-menu .clubs .entry:before { - content: ''; - position: absolute; - right: -8px; - bottom: 0; - left: 56px; - height: 1px; - pointer-events: none; -} - -.p-topics .l-menu .calendar .entry:last-child:before, -.p-topics .l-menu .reviews .entry:last-child:before, -.p-topics .l-menu .clubs .entry:last-child:before { - display: none; -} - -/* Полноразмерная ссылка .entry, работает только для .l-menu */ -.p-topics .l-menu .calendar .entry a, -.p-topics .l-menu .reviews .entry a, -.p-topics .l-menu .clubs .entry a { - display: block; - padding: 8px; - margin: -8px; -} - -.p-topics .l-menu .calendar .entry a:after, -.p-topics .l-menu .reviews .entry a:after, -.p-topics .l-menu .clubs .entry a:after { - content: ''; - clear: both; - display: block; -} - -.p-topics .l-menu .calendar .entry:hover .title, -.p-topics .l-menu .reviews .entry:hover .title, -.p-topics .l-menu .clubs .entry:hover .title { - text-decoration: none; -} - -/* ADDITIONS */ -.p-topics .l-menu .reviews .entry img { - min-width: 40px; - max-height: 64px; - margin: 2px 16px 2px 0; - border-radius: 2px; -} - -.p-topics .l-menu .clubs .entry img { - width: 40px; - min-width: 40px; - height: 40px; - margin: 2px 16px 2px 0; - border-radius: 2px; -} -/* END of MENU ENTRY REVIEW & CLUBS */ - - - - -/* SIDEMENU LINKS */ -.p-topics .l-menu .sticky-topics .topic, -.p-dashboards-show .contests .contest, -.p-topics .l-menu .contests .contest { - padding: 8px; - margin: 0 -8px; - border: 0; -} - -.p-topics .l-menu .sticky-topics .topic:first-child, -.p-dashboards-show .contests .contest:first-child, -.p-topics .l-menu .contests .contest:first-child { - padding-top: 8px; - margin-top: 0; -} - -.p-topics .l-menu .sticky-topics .topic .title, -.p-dashboards-show .contests .contest .title, -.p-topics .l-menu .contests .contest .title { - line-height: 20px; -} - -.p-topics .l-menu .sticky-topics .topic:hover .title, -.p-dashboards-show .contests .contest:hover .title, -.p-topics .l-menu .contests .contest:hover .title { - text-decoration: none; -} - -.p-topics .l-menu .sticky-topics .topic .title:after, -.p-dashboards-show .contests .contest .title:after, -.p-topics .l-menu .contests .contest .title:after { - display: none; -} - -.p-topics .l-menu .sticky-topics .topic .notice, -.p-dashboards-show .contests .contest .notice, -.p-topics .l-menu .contests .contest .notice { - margin-top: 2px; - line-height: 18px; -} -/* END of SIDEMENU LINKS */ - - - -/* Стилизованные кнопки на страницах поиска аниме и манги */ -.p-user_rates .mylist-block + .block > .b-list, -.anime-params-controls > .block:first-child > .b-list, -.manga-params-controls > .block:first-child > .b-list { - margin-left: 0 !important; -} -.p-user_rates .mylist-block + .block > .b-list > li, -.anime-params-controls > .block:first-child > .b-list > li, -.manga-params-controls > .block:first-child > .b-list > li { - position: relative; - margin-bottom: .5rem; - border-radius: .125rem; - font-size: .875rem; - line-height: 2rem; - text-align: center; - text-transform: uppercase; - list-style: none; -} -.p-user_rates .mylist-block + .block > .b-list > li:before, -.p-user_rates .mylist-block + .block > .b-list > li:after, -.anime-params-controls > .block:first-child > .b-list > li:before, -.manga-params-controls > .block:first-child > .b-list > li:before, -.anime-params-controls > .block:first-child > .b-list > li:after, -.manga-params-controls > .block:first-child > .b-list > li:after { - content: ''; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - border-radius: inherit; - opacity: 0; - z-index: 0; - transition: opacity .3s; -} -.p-user_rates .mylist-block + .block > .b-list > li:before, -.anime-params-controls > .block:first-child > .b-list > li:before, -.manga-params-controls > .block:first-child > .b-list > li:before { - box-shadow: 0 1px 3px rgba(0,0,0,.56); -} -.p-user_rates .mylist-block + .block > .b-list > li:after, -.anime-params-controls > .block:first-child > .b-list > li:after, -.manga-params-controls > .block:first-child > .b-list > li:after { - background-color: rgba(0,0,0,.12); -} -.p-user_rates .mylist-block + .block > .b-list > li:hover:before, -.p-user_rates .mylist-block + .block > .b-list > li:hover:after, -.anime-params-controls > .block:first-child > .b-list > li:hover:before, -.manga-params-controls > .block:first-child > .b-list > li:hover:before, -.anime-params-controls > .block:first-child > .b-list > li:hover:after, -.manga-params-controls > .block:first-child > .b-list > li:hover:after { - opacity: 1; -} -.p-user_rates .mylist-block + .block > .b-list > li > a, -.anime-params-controls > .block:first-child > .b-list > li > a, -.manga-params-controls > .block:first-child > .b-list > li > a { - position: relative; - display: block; - color: #fff !important; - z-index: 1; -} -.p-user_rates .mylist-block + .block > .b-list > li > a:hover, -.anime-params-controls > .block:first-child > .b-list > li > a:hover, -.manga-params-controls > .block:first-child > .b-list > li > a:hover { - color: #fff !important; - text-decoration: none; -} -/* END of Стилизованные кнопки на страницах поиска аниме и манги */ - - - - - -/** - * Фильтры на страницах поиска - */ - -/* Настройка пунктов */ -.b-collection-filters .block-list li, -.b-collection-filters .b-block_list li { - position: relative; - padding: 0 .5rem; - margin: 0 -.5rem; - font-size: .875rem; - line-height: 2rem; -} - -/* Скрываем чекбокс, располагаем над псевдоэлементом */ -.b-collection-filters .block-list li > input, -.b-collection-filters .b-block_list li > input { - position: absolute; - left: .3125rem; - width: 2rem; - height: 2rem; - border: 0; - opacity: 0; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} - -/* Псевдоэлемент с иконкой чекбокса */ -.b-collection-filters .block-list li:before, -.b-collection-filters .b-block_list li:before { - display: inline-block; - vertical-align: top; - width: 1.125rem; - margin: .4375rem .875rem .4375rem 0; - font-family: 'Material Icons'; - font-size: 1.125rem; - line-height: 1; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -/* Фильтры на страницах поиска – ПОДСКАЗКИ */ -/* Положение подсказки */ -.b-collection-filters .block-list .b-question, -.b-collection-filters .b-block_list .b-question { - display: inline-block !important; - vertical-align: top; - position: absolute; - right: .3125rem; -} - -/* Иконка подсказки */ -.b-collection-filters .block-list .b-question:before, -.b-collection-filters .b-block_list .b-question:before { - display: block; - width: 1.125rem; - height: auto; - margin: .4375rem; - background-color: transparent; - font-family: 'Material Icons'; - font-size: 1.125rem; - line-height: 1; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -/* Фильтры на страницах поиска – ПЕРЕКЛЮЧАТЕЛИ */ -/* Положение переключателя */ -.b-collection-filters .filter { - top: 0; -} -.b-collection-filters .block-list .filter, -.b-collection-filters .b-block_list .filter { - float: right; - position: relative; - right: auto; - margin: 0 0 0 .5rem; -} - -/* Положение переключателя с иконками подсказок */ -.b-collection-filters .block-list.ratings .filter, -.b-collection-filters .block-list.genres .filter, -.b-collection-filters .block-list li.sub .filter, -.b-collection-filters .b-block_list.ratings .filter, -.b-collection-filters .b-block_list.genres .filter, -.b-collection-filters .b-block_list li.sub .filter { - margin-right: 2rem; -} - -/* Сбрасываем стандартные стили */ -.b-collection-filters .block-list .filter:before, -.b-collection-filters .b-block_list .filter:before { - display: block; - width: auto; - font-family: inherit; - font-size: .75rem; - line-height: inherit; - text-transform: lowercase; -} - -/* Добавляем понятные текстовые обозначения */ -.b-collection-filters .block-list .filter.item-add:before { content: 'Исключить'; } -.b-collection-filters .block-list .filter.item-minus:before { content: 'Добавить'; } -.b-collection-filters .b-block_list .filter.item-add:before { content: 'Исключить'; } -.b-collection-filters .b-block_list .filter.item-minus:before { content: 'Добавить'; } - -/* Настройка иконок */ -.b-collection-filters .block-list li:before { content: 'check_box_outline_blank'; } -.b-collection-filters .block-list li.selected:before { content: 'check_box'; } -.b-collection-filters .block-list.orders li:before { content: 'radio_button_unchecked'; } -.b-collection-filters .block-list.orders li.selected:before { content: 'radio_button_checked'; } -.b-collection-filters .block-list .b-question:before { content: 'help_outline'; } -.b-collection-filters .b-block_list li:before { content: 'check_box_outline_blank'; } -.b-collection-filters .b-block_list li.selected:before { content: 'check_box'; } -.b-collection-filters .b-block_list.orders li:before { content: 'radio_button_unchecked'; } -.b-collection-filters .b-block_list.orders li.selected:before { content: 'radio_button_checked'; } -.b-collection-filters .b-block_list .b-question:before { content: 'help_outline'; } - -/* Фильтры на страницах поиска – Размер для ПК */ -@media (min-width: 1025px) { - .b-collection-filters .block-list li { - line-height: 1.5rem; - } - .b-collection-filters .block-list li:before { - margin: .1875rem .875rem .1875rem 0; - } - .b-collection-filters .block-list .b-question:before { - margin: .1875rem; - } - .b-collection-filters .block-list li > input { - width: 1.5rem; - height: 1.5rem; - } - /* new class */ - .b-collection-filters .b-block_list li { - line-height: 1.5rem; - } - .b-collection-filters .b-block_list li:before { - margin: .1875rem .875rem .1875rem 0; - } - .b-collection-filters .b-block_list .b-question:before { - margin: .1875rem; - } - .b-collection-filters .b-block_list li > input { - width: 1.5rem; - height: 1.5rem; - } -} -/* END of Фильтры на страницах поиска */ - - - -/* "Мой список" в фильтрах поиска */ -/* Меняем название на более доступное */ -.block.mylist-block > .subheadline { - font-size: 0; - line-height: 0; -} -.block.mylist-block > .subheadline:before { - content: 'Мой список'; - font-size: .875rem; - line-height: 1rem; -} -/* Кнопка переключателя */ -.b-collection-filters .block > .filter.item-sign { - height: 2.5rem; - padding: .5rem; - margin-top: .25rem; - border-radius: .125rem; -} -.b-collection-filters .block > .filter.item-sign:before { - width: 1.5rem; - font-family: 'Material Icons'; - font-size: 1.5rem; - line-height: 1; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -/* Настройка иконки переключателя */ -.b-collection-filters .block > .filter.item-sign:before { - content: 'playlist_add_check'; -} -/* Прозрачный фон переключателя */ -@media (min-width: 1025px) { - .b-collection-filters .block > .filter.item-sign { - background-color: transparent; - } -} -/* END of "Мой список" в фильтрах поиска */ - - - -/* Страница видео */ -.b-video_player .cc-player_controls a.c-control:hover { - text-decoration: none; -} -.b-video_player .cc-player_controls .cc-navigation > .c-control > span, -.b-video_player .cc-player_controls .cc-navigation > .c-control > b { - display: inline-block; - vertical-align: top; - margin: .25rem auto; - line-height: 2.5rem; -} -.b-video_player .cc-player_controls .cc-navigation > .c-control > b { - margin-left: .5rem; -} - -@media screen and (max-width: 480px) and (orientation: portrait) { - .b-video_player .cc-player_controls .cc-navigation > .c-control > span { - display: none; - } - .b-video_player .cc-player_controls .cc-navigation > .c-control > b { - margin-left: 0; - } -} - -.b-video_player .cc-player_controls .label, -.b-video_player .cc-player_controls .episode-title .video-link { - font-size: .75rem; -} -.b-video_player .cc-player_controls .episode-title .video-link a { - display: block; - line-height: inherit; - border: 0; -} -.b-video_player .cc-player_controls .cc-options > .c-video_stats { - margin: .25rem auto; -} -.p-anime_videos-index .c-videos .video-variant-switcher, -.p-anime_videos-index .c-video_stats { - font-size: .875rem; -} -.p-anime_videos-index .c-videos .video-variant-switcher:hover { - border: 0; -} - -/* Иконки */ -.b-video_player .cc-player_controls .c-control .icon { - width: 2.5rem !important; - height: 2.5rem; - padding: .5rem; - margin: .25rem auto !important; - border-radius: 2px; -} -.b-video_player .cc-player_controls .c-control .icon:before { - width: 1.5rem; - font-family: 'Material Icons'; - font-size: 1.5rem !important; - line-height: 1; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.b-video_player .cc-player_controls .create-user_rate .icon:before { - content: 'add'; -} -.b-video_player .cc-player_controls .increment-user_rate .icon:before { - content: 'done'; -} -.b-video_player .cc-player_controls .next .icon:before { - content: 'skip_next'; -} -.b-video_player .cc-player_controls .prev .icon:before { - content: 'skip_previous'; -} -.b-video_player .cc-player_controls .report .icon:before { - content: 'flag'; -} -.b-video_player .cc-player_controls .show-options .icon:before { - content: 'settings'; -} -.b-video_player .cc-player_controls .upload .icon:before { - content: 'cloud_upload'; -} -.b-video_player .cc-player_controls .edit .icon:before { - content: 'build'; -} -/* END of Страница видео */ -/* END of ОСНОВНОЙ ФАЙЛ */ - - - - - - - - - - -/** - * PROFILE COVER - */ -@media screen and (min-width: 320px) { - .p-profiles .profile-head[data-user-id = "2727"] .c-brief { - background-color: #FFF; /* COLOR */ - box-shadow: 0 2px 8px 2px rgba(0, 0, 0, .24); - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief:before { - content: ''; - display: block; - height: 0; - padding-bottom: 56.25%; - background-repeat: no-repeat; - background-size: cover; - } -} -@media screen and (min-width: 480px) { - .p-profiles .profile-head .c-brief { - min-height: 16rem; - } - .p-profiles .profile-head .c-brief { - margin-bottom: 1rem; - } - .p-profiles .profile-head .c-info { - margin-left: 0; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief .avatar { - position: absolute; - top: auto; - right: auto; - bottom: 0; - left: 0; - max-width: 148px; - margin: 1.5rem 1rem; - z-index: 2; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief .avatar img { - width: 120px; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief header { - position: absolute; - top: auto; - right: 0; - bottom: 0; - left: 0; - min-height: 112px; - padding: 1rem 1.5rem 1rem calc(4rem + 148px); - margin: 0; - z-index: 1; - } -} -@media screen and (min-width: 600px) { - .p-profiles .profile-head .c-brief { - min-height: 19rem; - } - .p-profiles .profile-head .c-info { - margin-left: 0; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief { - max-height: 380px; - padding-bottom: 112px; - margin: -3rem -1rem 1rem; - background-color: inherit; - box-shadow: none; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief:before { - height: 268px; - max-height: inherit; - padding-bottom: 0; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief .avatar { - max-width: 160px; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief .avatar img { - width: 160px; - box-shadow: 0 2px 8px 1px rgba(0, 0, 0, .16); - } -} -@media (min-width: 768px) { - .p-profiles .profile-head .c-info { - margin-left: 0; - } -} - -@media screen and (min-width: 960px) { - .p-profiles .profile-head .c-brief { - min-height: 0; - } - .p-profiles .profile-head .c-info { - margin-left: 13.5rem; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief { - max-height: 520px; - margin: -4.5rem -2rem 0; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief:before { - height: 408px; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief header { - padding: 1rem calc(23% + 4.5rem) 1rem calc(4.5rem + 160px); - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief .avatar { - margin: 1.5rem 2rem; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-info { - width: 77%; - padding-right: 2.5rem; - padding-left: 1rem; - margin-left: -1rem; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-history { - float: none; - position: absolute; - right: 0; - top: 520px; - width: 23%; - padding: .5rem 0; - margin: 0; - margin-top: -112px; - z-index: 3; - } -} -/* END of PROFILE COVER */ - - - -/* Полупрозрачное меню в профиле */ -@media (min-width: 960px) { - .p-profiles .profile-head .c-info .c-additionals b:after { - font-size: 12px; - font-weight: 400; - } - .p-profiles-show:not(.p-dialogs-show) .l-top_menu { - background-color: transparent; - background-image: linear-gradient(rgba(51, 51, 51, .64), rgba(51, 51, 51, 0)); - box-shadow: none; - transition: .3s; - } - .p-profiles-show:not(.p-dialogs-show) .l-top_menu:before { - content: ''; - position: absolute; - top: 0; right: 0; bottom: 0; left: 0; - opacity: 0; - transition: .3s; - } - .p-profiles-show:not(.p-dialogs-show) .l-top_menu:hover:before { - opacity: 1; - } - .p-profiles-show.x1000:not(.p-dialogs-show) .l-top_menu { - max-width: calc(1000px + 2rem); - } - .p-profiles-show.x1200:not(.p-dialogs-show) .l-top_menu { - max-width: calc(1200px + 2rem); - } -} -/* END of Полупрозрачное меню в профиле */ - - - - - - - - - - -/* TENTATIVE CODE | USERLIST */ -.ajax > .b-user.detailed { - display: inline-block; - vertical-align: top; - position: relative; - width: 48%; - height: auto; - min-height: 261px; - padding: 8px; - margin-right: 4%; - margin-bottom: 4%; - background-color: #fff; - border: 0; - border-radius: 2px; - box-shadow: 0 1px 2px 0 rgba(0,0,0,.16); -} - -.ajax > .b-user.detailed:nth-child(2n+2) { - margin-right: 0; -} - -@media (min-width: 540px) { - .ajax > .b-user.detailed { - width: 32%; - margin-right: 2%; - margin-bottom: 2%; - } - - .ajax > .b-user.detailed:nth-child(2n+2) { - margin-right: 2%; - } - - .ajax > .b-user.detailed:nth-child(3n+3) { - margin-right: 0; - } -} - -@media (min-width: 768px) { - .ajax > .b-user.detailed { - width: 23.5%; - margin-right: 2%; - margin-bottom: 2%; - } - - .ajax > .b-user.detailed:nth-child(2n+2) { - margin-right: 2%; - } - - .ajax > .b-user.detailed:nth-child(3n+3) { - margin-right: 2%; - } - - .ajax > .b-user.detailed:nth-child(4n+4) { - margin-right: 0; - } -} - -@media (min-width: 960px) { - .ajax > .b-user.detailed { - width: 18.4%; - margin-right: 2%; - margin-bottom: 2%; - } - - .ajax > .b-user.detailed:nth-child(2n+2) { - margin-right: 2%; - } - - .ajax > .b-user.detailed:nth-child(3n+3) { - margin-right: 2%; - } - - .ajax > .b-user.detailed:nth-child(4n+4) { - margin-right: 2%; - } - - .ajax > .b-user.detailed:nth-child(5n+5) { - margin-right: 0; - } -} - -@media (min-width: 1200px) { - .p-users.x1200 .ajax > .b-user.detailed { - width: 15%; - margin-right: 2%; - margin-bottom: 2%; - } - - .p-users.x1200 .ajax > .b-user.detailed:nth-child(2n+2) { - margin-right: 2%; - } - - .p-users.x1200 .ajax > .b-user.detailed:nth-child(3n+3) { - margin-right: 2%; - } - - .p-users.x1200 .ajax > .b-user.detailed:nth-child(4n+4) { - margin-right: 2%; - } - - .p-users.x1200 .ajax > .b-user.detailed:nth-child(5n+5) { - margin-right: 2%; - } - - .p-users.x1200 .ajax > .b-user.detailed:nth-child(6n+6) { - margin-right: 0; - } -} - -.ajax > .b-user.detailed:before { - content: ''; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - box-shadow: 0 2px 8px 1px rgba(0,0,0,.16); - opacity: 0; - transition: .3s all; -} - -.ajax > .b-user.detailed:hover:before { - opacity: 1; -} - -.ajax > .b-user.detailed .info, -.ajax > .b-user.detailed .history { - clear: both; - float: none; - width: 100%; - margin: 0; -} - -.ajax > .b-user.detailed .info .image-name { - display: block; - padding: 16px 0; - margin: auto; - text-align: center; -} - -.ajax > .b-user.detailed .info .image-name .name { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - padding: 97px 0 0; - line-height: 32px; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; -} - -.ajax > .b-user.detailed .info .image-name .image { - clear: both; - float: none; - display: block; - padding: 0; - margin: auto auto 24px; - border-radius: 100%; -} - -.ajax > .b-user.detailed .info .last-online { - color: #9B9B9B; - text-align: center; -} - -.ajax > .b-user.detailed .history { - padding-top: 8px; - margin-top: 0; - font-size: 12px; - line-height: 20px; -} -/* TENTATIVE CODE | END */ - - - -/* TENTATIVE CODE | INDEX PAGE LAYOUT */ -.p-dashboards-show .cc-second .cc-inner { - display: none; -} - -/* FIX: index landscape layout (issue: #9) */ -@media screen and (max-width: 767px) and (orientation: landscape) { - .p-dashboards-show .cc-second .c-forum { - width: 100%; - } - .p-dashboards-show .cc-second .c-forum .b-forums, - .p-dashboards-show .cc-second .c-forum .contests - { - float: left; - width: 48%; - } - .p-dashboards-show .cc-second .c-forum .b-forums { - margin-right: 4%; - } -} - -@media only screen and (min-width: 768px) { - .p-dashboards-show .cc-second { - float: right; - width: 30.33333%; - } - .p-dashboards-show .cc-second > .cc-inner { - display: block; - float: none; - width: 100%; - margin: 0; - } - .p-dashboards-show .cc-second > .c-forum { - float: none; - width: 100%; - } - .p-dashboards-show .cc-second > .cc-inner > .c-content, - .p-dashboards-show .cc-second > .cc-inner > .c-my_list { - float: none; - width: 100%; - padding: 0; - } - .p-dashboards-show .cc-second { - margin-bottom: 0; - } - .p-dashboards-show .cc-second .c-forum > .b-forums, - .p-dashboards-show .cc-second .c-forum > .block:last-child { - margin-bottom: 1.5rem; - } - /* Настройки для экранов больше 768 */ - .p-dashboards-show .cc-second .cc-inner { - display: none; /* Скрываем блоки: Мой лист и Быстрые ссылки Аниме/Манга */ - } - .p-dashboards-show .cc-second .cc-inner > .c-content { - /* display: none; /* Скрываем блоки: Быстрые ссылки Аниме/Манга */ - } - .p-dashboards-show .cc-second .cc-inner > .c-my_list { - /* display: none; /* Скрываем блоки: Мой лист */ - } - .p-dashboards-show .cc-second .cc-inner >.b-forums { - /* display: none; /* Скрываем блоки: Темы форума */ - } -} -/* TENTATIVE CODE | END */ - - - -/* TENTATIVE CODE | RIGHT SIDEBAR */ -@media (max-width: 1024px) { - .l-menu { - position: fixed !important; - top: 0; - right: 0; - width: 25rem !important; - max-width: calc(100% - 3.5rem); - height: 100%; - background-color: #FFFFFF; /* #FFFFFF / #424242 */ - z-index: 100; - padding: 4.5rem 1rem 1.5rem; - box-shadow: 0 2px 3px 1px rgba(0, 0, 0, .24); - overflow-y: auto; - transform: translateX(100%); - transition: .25s ease; - } - .l-page.menu-expanded .l-menu { - transform: translateX(0); - } - .menu-slide-outer .l-content { - margin-left: 0 !important; - } -} -/* TENTATIVE CODE | END */ - - - -/* TENTATIVE CODE | PROFILE CONTENT */ -.p-profiles .lifetime { - margin-bottom: 0; - min-height: 0; -} -.p-profiles .lifetime .bar, -.p-profiles .lifetime .times, -.p-profiles .profile-content .activity .title { - display: none; -} -.p-profiles .lifetime .title > .label { - font-size: 0; - line-height: 0; -} -.p-profiles .lifetime .title > .label:before { - display: block; - font-size: 0.875rem; - line-height: 1rem; -} -.p-profiles.locale-ru .lifetime .title > .label:before { - content: 'Активность'; -} -.p-profiles.locale-en .lifetime .title > .label:before { - content: 'Time spent'; -} -.p-profiles .lifetime .title .value { - height: 16px; - margin-top: 0; - line-height: 16px; -} -.p-profiles .profile-content .cc-2 .c-right .cc-2a { - margin-bottom: 16px !important; -} -@media (min-width: 768px) { - .p-profiles .profile-content .graph { - height: 155px; - } - .p-profiles .profile-content .cc-2 > .c-column { - width: 100%; - margin-bottom: 1rem; - } - .p-profiles .profile-content .cc-2 .activity { - padding-bottom: 1rem; - } -} -@media (min-width: 960px) { - .p-profiles .profile-content .cc-2 { - position: relative; - } - .p-profiles .profile-content .cc-2 .c-left { - width: 77%; - min-height: 220px; - padding-right: 3.5rem; - margin-bottom: 1.5rem; - } - .p-profiles .profile-content .cc-2 .c-right .cc-2a { - position: absolute; - top: 0; - right: 0; - width: 23%; - margin-top: -244px; - } - .p-profiles .profile-content .cc-2 .c-right .cc-2a > .c-column { - clear: both; - width: 100%; - margin: 0; - } -} -/* TENTATIVE CODE | END */ - - - - - - - - - - -/* ДОПОЛНИТЕЛЬНЫЕ ЦВЕТА ДЛЯ ТЕМНОЙ ТЕМЫ */ - -/* Цвет карточки пользователя в списке */ -.ajax > .b-user.detailed { - background-color: #424242; -} - -/* Цвет юзер-панели профиля на мобильных экранах */ -/* Фон всплывающей и поднятой областей (По умолчанию: #424242) */ -@media screen and (min-width: 320px) and (max-width: 599px) { - .p-profiles .profile-head[data-user-id = "2727"] .c-brief { - background-color: #424242; - } -} - -/* Правая боковая панель */ -/* Фон всплывающей и поднятой областей (По умолчанию: #424242) */ -@media (max-width: 1024px) { - .l-menu { - background-color: #424242; - } -} - - - - - - - - - - -/* МОИ НАСТРОЙКИ */ - -/* Фон страницы */ -body { - background-image: none; -} - - -/** - * Рамка по бокам страницы - * Используйте цвет фона центральной области, чтобы визуально расширить её. - * Эта настройка будет полезна при использовании фоновой картинки - * - с легкой прозрачностью (.85 и более) - * - без прозрачности - */ -.l-page:before { - outline-color: transparent; -} - - -/* Моя обложка в профиле */ -.p-profiles .profile-head[data-user-id = "2727"] .c-brief:before { - /* background-image: url(https://i.imgur.com/bd8W6VB.jpg); /* Пример */ - background-image: url(); /* Моя обложка */ - background-position: center; -} +/** + * Shikimori.org – CSS Theme + * MIT License + * Copyright (c) 2016 grin3671 + */ + + + +/** + * РУКОВОДСТВО: КАК НАСТРОИТЬ СТИЛЬ + * + * Настроить картинку обложки можно в настройках внизу стиля. + * Чтобы быстро переместиться в конец настроек нажмите клавишу [End]. + * + * Чтобы обложка отображалась в вашем профиле, замените все "2727" на ваш ID. + * Узнать ваш ID можно скачав аватарку: цифры в названии файла – ваш ID. + * Чтобы быстро найти все "2727" в стиле используйте комбинацию [Ctrl] + [F]. + * + * Подробности: + * https://github.com/grin3671/shiki-theme + */ + + + +/* SPECIAL CODE */ +/* Кнопка сохранения стиля всегда на виду */ +#submit_style { + position: fixed; + bottom: 0; + right: 0; + margin: 5rem; + z-index: 1000; +} + +/* Настройки вверху, CSS внизу */ +.b-edit_styles { + display: flex; + flex-direction: column-reverse; +} + +/* Широкое полотно стиля */ +.b-edit_styles > .c-column { + width: 100%; + margin: 0; +} + +/* Настройка текста */ +.style_css textarea { + font-family: monospace; + font-size: 1rem; + line-height: 1.5 !important; + white-space: nowrap; + overflow-x: auto !important; +} + +/* SPECIAL CODE | END */ + + + + + + + + + + +/* FONT COLLECTION */ +body, input, select, button, textarea { + font-family: 'Arial', sans-serif; +} + +.b-show_more, +.b-show_more-more .hide-more, +.l-footer:before, +.b-sponsors_block_3:before, +.l-top_menu .inner .logo:before, +.b-user_rate .rate-show .note:before, +.button, +.buttons, +.b-contests-menu .results, +.b-link_button, +input[type=submit], +.p-animes_collection-index .pagination, +.p-mangas_collection-index .pagination, +.p-recommendations-index .pagination, +.p-userlist_comparer-show .pagination, +.mischeadline, +.c-my_list .title, +.subheadline, +.midheadline, +.b-stats_bar .title, +.profile-content .activity .title, +.lifetime .title, +.midheadline > a, +.subheadline > a, +.b-form .cancel, +.b-shiki_editor footer .unpreview, +.b-shiki_editor footer .preview, +.p-contests .contest-match .vs .refrain, +.p-contests .contest-match .votes-percents, +.p-contests .contest-match .vs > div:first-child, +.p-contests .contest-match .vs .next, +.b-lang_trigger, +.b-topic > .inner > header .about a, +.b-topic-preview > .inner .status-line .b-link, +.b-hot_topics .topic.subject, +div.compatibility > a > span.rate, +div.compatibility > span.link-replacement > span.rate, +.b-abuse_marker:before, +.b-broadcast_marker:before, +.b-new_marker:before, +.b-offtopic_marker:before, +.b-summary_marker:before, +.b-options-floated, +.p-profiles-edit .b-options-floated > a, +.p-dialogs .b-options-floated > a, +.p-messages .b-options-floated > a, +.b-options-floated a span.brackets, +.b-options-floated .link span.brackets, +.p-user_rates .mylist-block + .block > .b-list > li, +.b-collection-filters > .block:first-child > .b-list > li, +.b-collection-filters > .block:first-child > .b-list > li, +.b-collection-filters .block-list .filter, +.b-collection-filters .b-block_list .filter, +.edit-page a.cancel, +.b-topic-preview > .editor-container .hide, +.b-button, +.p-clubs-edit .pages .b-button, +.p-profiles-show .lifetime .times .time.checked, +.p-anime_videos-index .c-videos .video-variant-switcher { + font-weight: 700; +} + +.b-topic .name-date .name, +.b-comment .name-date .name, +.b-dialog .name-date .name, +text, +.highcharts-tooltip text tspan:last-child { + font-weight: 700 !important; +} + +@media only screen and (min-width: 768px) { + .about-bb_codes:before { + font-weight: 700 !important; + } +} + +@media screen and (min-width: 1025px) { + .b-entry-info .line .value { + font-weight: 400 !important; + } +} + +/* END of FONT COLLECTION */ + + + + + + + + + + +/* НАСТРОЙКА ЦВЕТОВ */ +/* Цвет текста ссылки по умолчанию */ +a { + color: #009688; +} + +/* Цвет ссылки при наведении */ +a:hover { + color: #FFAB40; +} + +/* Цвет ссылки при нажатии */ +@media only screen and (min-width: 1025px) { + a:active { + color: #FF9100; + } +} + +.b-abuse_request .ban-form .cancel, +.b-ban .abuser, +.b-bb_codes-examples .example a, +.b-bb_codes-examples .result a, +.b-bracket-actions > div, +.b-bracket-actions > span, +.b-catalog_entry-tooltip .inner a.name, +.b-catalog_entry-tooltip .inner .line .value a, +.b-catalog_entry-tooltip .inner .line.works .value a, +.b-catalog_entry .cover .title, +.b-club .name, +.b-comment > .inner header .name-date a.name, +.b-comments .comments-collapser, +.b-cosplay-topic > .inner .cosplay-info .line .value a, +.b-cosplay_gallery h3 a, +.b-db_entry-note .name-container .name, +.b-db_entry > .c-about .additional-links .line-container > .link, +.b-db_entry > .c-about .additional-links .line-container > a, +.b-dialog > .inner header .name-date a.name, +.b-entry-info .line a, +.b-feedback-inner .about a, +.b-form .variants .variant a, +.b-form .cancel, +.b-forums .forum .link-with-input .link, +.b-forums .reload, +.b-header_filters .filter-line a, +.b-height_shortener .expand, +.b-js-action, +.b-js-link, +.b-lang_trigger span, +.b-link, +.b-log_entry a, +.b-log_entry .link, +.b-log_entry .moderation a, +.b-log_entry .spoiler.collapsed, +.b-log_entry .spoiler.collapse, +.b-log_entry .spoiler.collapse span, +.b-log_entry .spoiler.collapsed span, +.b-mention, +.b-message > .inner header .name-date a.name, +.b-nothing_here a, +.b-options-floated a, +.b-options-floated .link, +.b-options-floated .action, +.b-options-floated.mobile-desktop a, +.b-person .name, +.b-shiki_editor footer .unpreview, +.b-shiki_editor footer .unpreview:not(.link), +.b-shiki_editor footer .cancel, +.b-shiki_editor footer .hide, +.b-shiki_editor footer .about-bb_codes, +.b-source .contributors .val a, +.b-source .mal .val a, +.b-source .source .val a, +.b-spoiler .content .before, +.b-spoiler .content .after, +.b-spoiler label, +.b-stats_bar a.title, +.b-table a, +.b-topic > .inner header .name-date a.name, +.b-topic .footer-vote .vote-group .vote, +.b-user.named_avatar .name, +.b-user.detailed .info .image-name, +.b-user.detailed .history .line a .event, +.b-user16, +header.head h1 a.back, +header.head h2 a.back, +header.head a.misc, +header.head a.edit, +.headline > a, +.midheadline > a, +.subheadline > a, +.subheadline .misc-link, +.b-video_player .cc-player_controls a.c-control, +.b-video_player .cc-player_controls .episode-title .video-link a, +.b-video_variant a, +.b-animes-menu .menu-topics-block .history-entry-tooltip a, +.p-animes-files .l-content a, +.p-mangas-files .l-content a, +div.history .block-list li .tooltip-inner a, +div.history .b-block_list li .tooltip-inner a, +.p-animes_collection-index .pagination .link, +.p-mangas_collection-index .pagination .link, +.p-recommendations-index .pagination .link, +.p-userlist_comparer-show .pagination .link, +.p-contests .contest-match .vs .next, +.p-contests .contest-match .vs .refrain, +.p-contests-edit .grid, +.p-contests .match-day .match-link a, +.p-contests .rating .member a, +.p-contests .results a, +.p-contests .suggestion > a, +.p-contests .variant > a, +.b-contests-menu .results, +.b-contests-menu .grid a, +.p-contests-grid .round .match a, +.p-contests-index .contest a, +.p-dashboards .c-my_list .list-type > .title .link, +.p-dashboards .c-my_list .history > .title .link, +.p-dashboards .c-my_list .list-type > .title .switch, +.p-dashboards .c-my_list .history > .title .switch, +.p-dashboards .user_list .list-type > .title .link, +.p-dashboards .user_list .history > .title .link, +.p-dashboards .user_list .list-type > .title .switch, +.p-dashboards .user_list .history > .title .switch, +.p-dashboards-show .midheadline .b-link, +.p-dashboards-show .c-content .options .option, +.p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name, +.p-profiles .profile-head .c-brief header .notice a, +.p-profiles .profile-head .c-mobile-actions a, +.p-profiles .profile-head .c-mobile-actions span, +.p-profiles .profile-head .c-info .c-additionals div a, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a, +.p-profiles-edit .account .change-password a, +.p-profiles-edit .misc .profile-action a, +.p-profiles-edit .misc .profile-action .link, +.p-profiles-edit .misc .nickname-changes a, +.p-profiles-edit .misc .nickname-changes .link, +.p-profiles-edit .list .profile-action a, +.p-profiles-edit .list .profile-action .link, +.p-profiles-edit .list .nickname-changes a, +.p-profiles-edit .list .nickname-changes .link, +.p-profiles-edit .list #import_form .link, +.p-profiles-show .about a, +.p-studios .studio .name, +.p-translations .animes a, +.p-user_history-index .history-page .history-interval p a, +.p-user_rates-index .list-lines tr .name a, +.p-userlist_comparer .comparer table .name a, +.b-log_entry .comment-block ins, +.p-statistics-index .forum-nav .sections a.selected, +.p-anime_videos-index .c-videos .video-variant-switcher, +.p-user_rates-index .stat-categories .category, +.b-video_player .cc-player_controls .episode-num .video-link a, +.b-video_player .cc-player_controls .c-control { + color: #009688; + border-bottom-color: rgba(0, 150, 136, 0.3); +} + +@media screen and (max-width: 480px) and (orientation: portrait) { + .b-options-floated.mobile-phone_portrait a { + color: #009688; + } +} + +@media screen and (max-width: 767px) { + .b-options-floated.mobile-phone a { + color: #009688; + } +} + +@media screen and (max-width: 1024px) { + .b-options-floated.mobile-tablet a { + color: #009688; + } +} + +.b-abuse_request .ban-form .cancel:hover, +.b-ban .abuser:hover, +.b-bb_codes-examples .example a:hover, +.b-bb_codes-examples .result a:hover, +.b-bracket-actions > div:hover, +.b-bracket-actions > span:hover, +.b-catalog_entry-tooltip .inner a.name:hover, +.b-catalog_entry-tooltip .inner .line .value a:hover, +.b-catalog_entry-tooltip .inner .line.works .value a:hover, +.b-catalog_entry .cover .title:hover, +.b-club .name:hover, +.b-comment > .inner header .name-date a.name:hover, +.b-comments .comments-collapser:hover, +.b-cosplay-topic > .inner .cosplay-info .line .value a:hover, +.b-cosplay_gallery h3 a:hover, +.b-db_entry-note .name-container .name:hover, +.b-db_entry > .c-about .additional-links .line-container > .link:hover, +.b-db_entry > .c-about .additional-links .line-container > a:hover, +.b-dialog > .inner header .name-date a.name:hover, +.b-entry-info .line a:hover, +.b-feedback-inner .about a:hover, +.b-form .variants .variant a:hover, +.b-form .cancel:hover, +.b-forums .forum .link-with-input .link:hover, +.b-forums .reload:hover, +.b-header_filters .filter-line a:hover, +.b-height_shortener .expand:hover, +.b-js-action:hover, +.b-js-link:hover, +.b-lang_trigger span:hover, +.b-link:hover, +.b-log_entry a:hover, +.b-log_entry .link:hover, +.b-log_entry .moderation a:hover, +.b-log_entry .spoiler.collapsed:hover, +.b-log_entry .spoiler.collapse:hover, +.b-log_entry .spoiler.collapse span:hover, +.b-log_entry .spoiler.collapsed span:hover, +.b-mention:hover, +.b-message > .inner header .name-date a.name:hover, +.b-nothing_here a:hover, +.b-options-floated a:hover, +.b-options-floated .link:hover, +.b-options-floated .action:hover, +.b-options-floated.mobile-desktop a:hover, +.b-person .name:hover, +.b-shiki_editor footer .unpreview:hover, +.b-shiki_editor footer .unpreview:not(.link):hover, +.b-shiki_editor footer .cancel:hover, +.b-shiki_editor footer .hide:hover, +.b-shiki_editor footer .about-bb_codes:hover, +.b-source .contributors .val a:hover, +.b-source .mal .val a:hover, +.b-source .source .val a:hover, +.b-spoiler label:hover, +.b-spoiler .content:hover .before, +.b-spoiler .content:hover .after, +.b-stats_bar a.title:hover, +.b-table a:hover, +.b-topic > .inner header .name-date a.name:hover, +.b-topic .footer-vote .vote-group .vote:hover, +.b-user.named_avatar .name:hover, +.b-user.detailed .info .image-name:hover, +.b-user.detailed .history .line a .event:hover, +.b-user16:hover, +header.head h1 a.back:hover, +header.head h2 a.back:hover, +header.head a.misc:hover, +header.head a.edit:hover, +.headline > a:hover, +.midheadline > a:hover, +.subheadline > a:hover, +.subheadline .misc-link:hover, +.b-video_player .cc-player_controls a.c-control:hover, +.b-video_player .cc-player_controls .episode-title .video-link a:hover, +.b-video_variant a:hover, +.b-animes-menu .menu-topics-block .history-entry-tooltip a:hover, +.p-animes-files .l-content a:hover, +.p-mangas-files .l-content a:hover, +div.history .block-list li .tooltip-inner a:hover, +div.history .b-block_list li .tooltip-inner a:hover, +.p-animes_collection-index .pagination .link:hover, +.p-mangas_collection-index .pagination .link:hover, +.p-recommendations-index .pagination .link:hover, +.p-userlist_comparer-show .pagination .link:hover, +.p-contests .contest-match .vs .next:hover, +.p-contests .contest-match .vs .refrain:hover, +.p-contests-edit .grid:hover, +.p-contests .match-day .match-link a:hover, +.p-contests .rating .member a:hover, +.p-contests .results a:hover, +.p-contests .suggestion > a:hover, +.p-contests .variant > a:hover, +.b-contests-menu .results:hover, +.b-contests-menu .grid a:hover, +.p-contests-grid .round .match a:hover, +.p-contests-index .contest a:hover, +.p-dashboards .c-my_list .list-type > .title .link:hover, +.p-dashboards .c-my_list .history > .title .link:hover, +.p-dashboards .c-my_list .list-type > .title .switch:hover, +.p-dashboards .c-my_list .history > .title .switch:hover, +.p-dashboards .user_list .list-type > .title .link:hover, +.p-dashboards .user_list .history > .title .link:hover, +.p-dashboards .user_list .list-type > .title .switch:hover, +.p-dashboards .user_list .history > .title .switch:hover, +.p-dashboards-show .midheadline .b-link:hover, +.p-dashboards-show .c-content .options .option:hover, +.p-dashboards-show .c-content .options .option.selected, +.p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name:hover, +.p-profiles .profile-head .c-brief header .notice a:hover, +.p-profiles .profile-head .c-mobile-actions a:hover, +.p-profiles .profile-head .c-mobile-actions span:hover, +.p-profiles .profile-head .c-info .c-additionals div a:hover, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:hover, +.p-profiles-edit .account .change-password a:hover, +.p-profiles-edit .misc .profile-action a:hover, +.p-profiles-edit .misc .profile-action .link:hover, +.p-profiles-edit .misc .nickname-changes a:hover, +.p-profiles-edit .misc .nickname-changes .link:hover, +.p-profiles-edit .list .profile-action a:hover, +.p-profiles-edit .list .profile-action .link:hover, +.p-profiles-edit .list .nickname-changes a:hover, +.p-profiles-edit .list .nickname-changes .link:hover, +.p-profiles-edit .list #import_form .link:hover, +.p-profiles-show .about a:hover, +.p-studios .studio .name:hover, +.p-translations .animes a:hover, +.p-user_history-index .history-page .history-interval p a:hover, +.p-user_rates-index .list-lines tr .name a:hover, +.p-userlist_comparer .comparer table .name a:hover, +.p-statistics-index .forum-nav .sections a:hover, +.block-list-alt a:hover, +.b-block_list-alt a:hover, +.b-catalog_entry .cover:hover, +.b-catalog_entry .cover:hover .title, +.b-comment > .inner .was_updated:hover, +.b-comment header .hash:hover, +.b-dialog > .inner .was_updated:hover, +.b-message > .inner .was_updated:hover, +.b-options-floated .selected, +.b-options-floated .selected.always-active:hover, +.b-show_more:hover, +.b-show_more-more .hide-more:hover, +.b-stats_bar .stat_names .stat_name a:hover, +.b-topic > .inner .was_updated:hover, +.headline > a:hover:before, +.midheadline > a:hover:before, +.subheadline > a:hover:before, +.headline.linkheadline > a:hover, +.linkheadline.midheadline > a:hover, +.linkheadline.subheadline > a:hover, +.headline.linkheadline > a:hover:before, +.linkheadline.midheadline > a:hover:before, +.linkheadline.subheadline > a:hover:before, +.tooltip-inner .close:hover, +.p-animes-franchise .sticky-tooltip .close:hover, +.p-mangas-franchise .sticky-tooltip .close:hover, +.p-contests .contest-match .prev-match:hover, +.p-contests .contest-match .next-match:hover, +.p-contests .match-day .match-link.voted-none > .c-column a:hover, +.p-contests .match-day .match-link.voted-left > .c-column:last-child a:hover, +.p-contests .match-day .match-link.voted-right > .c-column:first-child a:hover, +.p-contests .match-day .match-link .c-column.loser a:hover, +.p-contests .match-day .match-link .c-column.created a:hover, +.p-contests-grid .round .match .date a:hover, +.p-dashboards-show .contests .contest:hover .title, +.p-dashboards-show .contests .contest:hover .title:after, +.p-dashboards-show .contests .contest .title:hover, +.p-dashboards-show .contests .contest .title:hover:after, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.zero:hover, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.weak:hover, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.moderate:hover, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.high:hover, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.full:hover, +.p-topics .l-menu .sticky-topics .topic:hover .title, +.p-topics .l-menu .sticky-topics .topic:hover .title:after, +.p-topics .l-menu .sticky-topics .topic .title:hover, +.p-topics .l-menu .sticky-topics .topic .title:hover:after, +.p-topics .l-menu .contests .contest:hover .title, +.p-topics .l-menu .contests .contest:hover .title:after, +.p-topics .l-menu .contests .contest .title:hover, +.p-topics .l-menu .contests .contest .title:hover:after, +.p-topics header h1 a.reload:hover, +.p-user_rates-index .l-content .order-control:hover, +.p-user_rates-index .list-lines tr td .anime-status:hover, +.p-user_rates-index .list-lines tr td .anime-remove:hover, +.p-user_rates-index .list-lines tr td .anime-remove.selected, +.p-anime_videos-index .c-videos .video-variant-switcher:hover, +.p-user_rates-index .stat-categories .category:hover, +.b-options-floated.mobile-desktop a.selected, +.p-user_rates-index .stat-categories .category.active, +.p-anime_videos-index .c-videos .video-variant-switcher.active, +.b-video_player .cc-player_controls .episode-num .video-link a:hover, +.b-video_player .cc-player_controls .c-control:hover, +.b-video_variant.active a, +.b-video_player .cc-player_controls .c-control.selected { + color: #FFAB40; + border-bottom-color: rgba(255, 171, 64, 0.3); +} + +@media screen and (max-width: 480px) and (orientation: portrait) { + .b-options-floated.mobile-phone_portrait a:hover { + color: #FFAB40; + } +} + +@media screen and (max-width: 767px) { + .b-options-floated.mobile-phone a:hover { + color: #FFAB40; + } +} + +@media screen and (max-width: 1024px) { + .b-options-floated.mobile-tablet a:hover { + color: #FFAB40; + } +} + +.b-header_filters .filter-line a:active, +.b-person .name:active, +.b-source .contributors .val a:active, +.b-source .mal .val a:active, +.b-source .source .val a:active, +.b-animes-menu .menu-topics-block .history-entry-tooltip a:active, +.p-animes-files .l-content a:active, +.p-mangas-files .l-content a:active, +div.history .block-list li .tooltip-inner a:active, +div.history .b-block_list li .tooltip-inner a:active, +.p-dashboards-show .midheadline .b-link:active, +.p-dashboards-show .c-content .options .option:active, +.p-profiles .profile-head .c-brief header .notice a:active, +.p-profiles .profile-head .c-mobile-actions a:active, +.p-profiles .profile-head .c-mobile-actions span:active, +.p-profiles .profile-head .c-info .c-additionals div a:active, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:active, +.block-list-alt a:active, +.b-block_list-alt a:active, +.b-options-floated .selected:hover, +.b-show_more:active, +.b-show_more-more .hide-more:active, +.headline > a:active:before, +.midheadline > a:active:before, +.subheadline > a:active:before, +.p-dashboards-show .contests .contest:active .title, +.p-dashboards-show .contests .contest:active .title:after, +.p-dashboards-show .contests .contest .title:active, +.p-dashboards-show .contests .contest .title:active:after, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.zero:active, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.weak:active, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.moderate:active, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.high:active, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.full:active, +.p-topics .l-menu .sticky-topics .topic:active .title, +.p-topics .l-menu .sticky-topics .topic:active .title:after, +.p-topics .l-menu .sticky-topics .topic .title:active, +.p-topics .l-menu .sticky-topics .topic .title:active:after, +.p-topics .l-menu .contests .contest:active .title, +.p-topics .l-menu .contests .contest:active .title:after, +.p-topics .l-menu .contests .contest .title:active, +.p-topics .l-menu .contests .contest .title:active:after, +.p-user_rates-index .stat-categories .category:active, +.b-options-floated.mobile-desktop a.selected:hover, +.p-user_rates-index .stat-categories .category.active:hover, +.p-anime_videos-index .c-videos .video-variant-switcher.active:hover, +.b-video_player .cc-player_controls .c-control.selected:hover { + color: #FF9100; +} + +@media only screen and (min-width: 1025px) { + .b-abuse_request .ban-form .cancel:active, + .b-ban .abuser:active, + .b-bb_codes-examples .example a:active, + .b-bb_codes-examples .result a:active, + .b-bracket-actions > div:active, + .b-bracket-actions > span:active, + .b-catalog_entry-tooltip .inner a.name:active, + .b-catalog_entry-tooltip .inner .line .value a:active, + .b-catalog_entry-tooltip .inner .line.works .value a:active, + .b-catalog_entry .cover .title:active, + .b-club .name:active, + .b-comment > .inner header .name-date a.name:active, + .b-comments .comments-collapser:active, + .b-cosplay-topic > .inner .cosplay-info .line .value a:active, + .b-cosplay_gallery h3 a:active, + .b-db_entry-note .name-container .name:active, + .b-db_entry > .c-about .additional-links .line-container > .link:active, + .b-db_entry > .c-about .additional-links .line-container > a:active, + .b-dialog > .inner header .name-date a.name:active, + .b-entry-info .line a:active, + .b-feedback-inner .about a:active, + .b-form .variants .variant a:active, + .b-form .cancel:active, + .b-forums .forum .link-with-input .link:active, + .b-forums .reload:active, + .b-header_filters .filter-line a:active, + .b-height_shortener .expand:active, + .b-js-action:active, + .b-js-link:active, + .b-lang_trigger span:active, + .b-link:active, + .b-log_entry a:active, + .b-log_entry .link:active, + .b-log_entry .moderation a:active, + .b-log_entry .spoiler.collapsed:active, + .b-log_entry .spoiler.collapse:active, + .b-log_entry .spoiler.collapse span:active, + .b-log_entry .spoiler.collapsed span:active, + .b-mention:active, + .b-message > .inner header .name-date a.name:active, + .b-nothing_here a:active, + .b-options-floated a:active, + .b-options-floated .link:active, + .b-options-floated .action:active, + .b-options-floated.mobile-desktop a:active, + .b-shiki_editor footer .unpreview:active, + .b-shiki_editor footer .unpreview:not(.link):active, + .b-shiki_editor footer .cancel:active, + .b-shiki_editor footer .hide:active, + .b-shiki_editor footer .about-bb_codes:active, + .b-spoiler label:active, + .b-stats_bar a.title:active, + .b-table a:active, + .b-topic > .inner header .name-date a.name:active, + .b-topic .footer-vote .vote-group .vote:active, + .b-user.named_avatar .name:active, + .b-user.detailed .info .image-name:active, + .b-user.detailed .history .line a .event:active, + .b-user16:active, + header.head h1 a.back:active, + header.head h2 a.back:active, + header.head a.misc:active, + header.head a.edit:active, + .headline > a:active, + .midheadline > a:active, + .subheadline > a:active, + .subheadline .misc-link:active, + .b-video_player .cc-player_controls a.c-control:active, + .b-video_player .cc-player_controls .episode-title .video-link a:active, + .b-video_variant a:active, + .p-animes_collection-index .pagination .link:active, + .p-mangas_collection-index .pagination .link:active, + .p-recommendations-index .pagination .link:active, + .p-userlist_comparer-show .pagination .link:active, + .p-contests .contest-match .vs .next:active, + .p-contests .contest-match .vs .refrain:active, + .p-contests-edit .grid:active, + .p-contests .match-day .match-link a:active, + .p-contests .rating .member a:active, + .p-contests .results a:active, + .p-contests .suggestion > a:active, + .p-contests .variant > a:active, + .b-contests-menu .results:active, + .b-contests-menu .grid a:active, + .p-contests-grid .round .match a:active, + .p-contests-index .contest a:active, + .p-dashboards .c-my_list .list-type > .title .link:active, + .p-dashboards .c-my_list .history > .title .link:active, + .p-dashboards .c-my_list .list-type > .title .switch:active, + .p-dashboards .c-my_list .history > .title .switch:active, + .p-dashboards .user_list .list-type > .title .link:active, + .p-dashboards .user_list .history > .title .link:active, + .p-dashboards .user_list .list-type > .title .switch:active, + .p-dashboards .user_list .history > .title .switch:active, + .p-dashboards-show .midheadline .b-link:active, + .p-dashboards-show .c-content .options .option:active, + .p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name:active, + .p-profiles .profile-head .c-brief header .notice a:active, + .p-profiles .profile-head .c-mobile-actions a:active, + .p-profiles .profile-head .c-mobile-actions span:active, + .p-profiles .profile-head .c-info .c-additionals div a:active, + .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:active, + .p-profiles-edit .account .change-password a:active, + .p-profiles-edit .misc .profile-action a:active, + .p-profiles-edit .misc .profile-action .link:active, + .p-profiles-edit .misc .nickname-changes a:active, + .p-profiles-edit .misc .nickname-changes .link:active, + .p-profiles-edit .list .profile-action a:active, + .p-profiles-edit .list .profile-action .link:active, + .p-profiles-edit .list .nickname-changes a:active, + .p-profiles-edit .list .nickname-changes .link:active, + .p-profiles-edit .list #import_form .link:active, + .p-profiles-show .about a:active, + .p-studios .studio .name:active, + .p-translations .animes a:active, + .p-user_history-index .history-page .history-interval p a:active, + .p-user_rates-index .list-lines tr .name a:active, + .p-userlist_comparer .comparer table .name a:active, + .p-statistics-index .forum-nav .sections a:active, + .b-catalog_entry .cover:active, + .b-comment > .inner .was_updated:active, + .b-comment header .hash:active, + .b-dialog > .inner .was_updated:active, + .b-message > .inner .was_updated:active, + .b-options-floated .selected.always-active:active, + .b-stats_bar .stat_names .stat_name a:active, + .b-topic > .inner .was_updated:active, + .headline.linkheadline > a:active, + .linkheadline.midheadline > a:active, + .linkheadline.subheadline > a:active, + .headline.linkheadline > a:active:before, + .linkheadline.midheadline > a:active:before, + .linkheadline.subheadline > a:active:before, + .tooltip-inner .close:active, + .p-animes-franchise .sticky-tooltip .close:active, + .p-mangas-franchise .sticky-tooltip .close:active, + .p-contests .contest-match .prev-match:active, + .p-contests .contest-match .next-match:active, + .p-contests .match-day .match-link.voted-none > .c-column a:active, + .p-contests .match-day .match-link.voted-left > .c-column:last-child a:active, + .p-contests .match-day .match-link.voted-right > .c-column:first-child a:active, + .p-contests .match-day .match-link .c-column.loser a:active, + .p-contests .match-day .match-link .c-column.created a:active, + .p-contests-grid .round .match .date a:active, + .p-topics header h1 a.reload:active, + .p-user_rates-index .l-content .order-control:active, + .p-user_rates-index .list-lines tr td .anime-status:active, + .p-user_rates-index .list-lines tr td .anime-remove:active, + .b-bracket-details:active, + .b-form a.remove:active, + .p-anime_videos-index .c-videos .video-variant-switcher:active, + .p-anime_videos-index .c-videos .video-variant-switcher.active, + .b-video_player .cc-player_controls .episode-num .video-link a:active, + .b-video_player .cc-player_controls .c-control:active { + color: #FF9100; + border-bottom-color: rgba(255, 145, 0, 0.3); + } +} + +@media only screen and (max-width: 480px) and (orientation: portrait) and (min-width: 1025px) { + .b-options-floated.mobile-phone_portrait a:active { + color: #FF9100; + } +} + +@media only screen and (max-width: 767px) and (min-width: 1025px) { + .b-options-floated.mobile-phone a:active { + color: #FF9100; + } +} + +@media only screen and (max-width: 1024px) and (min-width: 1025px) { + .b-options-floated.mobile-tablet a:active { + color: #FF9100; + } +} + +body { + background-color: #303030; +} + +.l-page, +.c-actions:before, +.p-contests .contest-match .vs > div:first-child, +.p-contests .match-day > .date, +.p-animes_collection-index .l-content.ajax_request::before, +.p-mangas_collection-index .l-content.ajax_request::before, +.p-recommendations-index .l-content.ajax_request::before, +.p-userlist_comparer-show .l-content.ajax_request::before, +.b-ajax:before { + background: #303030; +} + +.l-page:before { + outline-color: #303030; +} + +@media screen and (max-width: 960px) { + .p-profiles .profile-head .c-brief header { + background-color: #303030; + } +} + +@media screen and (max-width: 1024px) { + body { + background-color: #303030 !important; + } +} + +.b-height_shortener .shade { + background-image: linear-gradient(to bottom, transparent, #303030); +} + +.b-topic.aside-expanded > .inner aside.buttons, +.b-dialog.aside-expanded > .inner aside.buttons, +.b-message.aside-expanded > .inner aside.buttons, +.b-comment.aside-expanded > .inner aside.buttons { + background-color: rgba(48, 48, 48, 0.9); +} + +/* BLACK GREY WHITE */ +body, +header.head h1, +header.head h2, +.ac_results, +.tooltip-inner, +.b-input input, +.b-input textarea, +.b-shiki_editor .body .editor textarea, +.b-shiki_editor .links .link-value, +.b-shiki_editor .images .link-value, +.b-shiki_editor .quotes .link-value, +.b-shiki_editor .email .link-value, +.b-shiki_editor .upload .link-value, +.p-user_rates-index .list-lines tr td .new-value input, +.p-user_rates-index .l-content .filter input, +.subheadline-input, +.b-catalog_entry-tooltip .inner a.name, +.b-catalog_entry .cover .title, +.b-catalog_entry-tooltip .inner .line .value a, +.b-clubs-menu .block-list li:hover, +.b-clubs-menu .block-list li:hover a, +.b-clubs-menu .block-list li a:hover, +.b-clubs-menu .b-block_list li:hover, +.b-clubs-menu .b-block_list li:hover a, +.b-clubs-menu .b-block_list li a:hover, +.b-db_entry > .c-image .c-actions > a:after, +.b-db_entry-note .name-container .name, +.b-dialog > .inner header .name-date a.name, +.b-entry-info .line .b-tag, +.b-forums .forum .link-with-input .link, +.b-height_shortener .expand, +.b-hot_topics .topic.subject, +.b-hot_topics .topic a:hover, +.b-message > .inner header .name-date a.name, +.b-modal .subheadline, +.b-link_button, +.b-link_button:hover, +.b-link_button:active, +.block-list li:hover, +.block-list-alt li:hover, +.b-block_list li:hover, +.b-block_list-alt li:hover, +.b-pages .b-link, +.b-show_more:hover, +.b-show_more-more .hide-more:hover, +.b-stats_bar .stat_names .stat_name a, +.b-video_player .cc-player_controls .episode-title, +.b-video_variant .episode-num, +.b-video_variant .video-author, +.b-video_variant .video-id, +.headline, +.b-catalog_entry-tooltip .inner .line .value .tag:hover, +.b-entry-info .line .b-tag:hover, +.b-tag:hover, +.p-contests .match-day .match-link.voted-none > .c-column a, +.p-contests .match-day .match-link.voted-left > .c-column:last-child a, +.p-contests .match-day .match-link.voted-right > .c-column:first-child a, +.p-contests .match-day .match-link .c-column.loser a, +.p-contests .match-day .match-link .c-column.created a, +.p-dashboards-show .contests .contest .title, +.p-dialogs .b-options-floated > a.selected, +.p-moderations-missing_videos .missing-video > .info span, +.p-messages .b-options-floated > a.selected, +.p-profiles-edit .b-options-floated > a.selected, +.p-profiles .profile-head .c-history .entry .title, +.p-topics .l-menu .calendar .entry a, +.p-topics .l-menu .clubs .entry a, +.p-topics .l-menu .contests .contest .title, +.p-topics .l-menu .reviews .entry a, +.p-topics .l-menu .sticky-topics .topic .title, +.p-user_rates-index .l-content .order-control, +.p-user_rates-index .l-content .order-control:hover { + color: #FFFFFF !important; +} + +/* Цвет основного текста в области при наведении */ +.b-clubs-menu .b-link:hover, +.b-clubs-menu .actions li:hover, +.b-clubs-menu .actions .upload label:hover, +.b-clubs-menu .actions .invite span:hover, +.b-clubs-menu .actions .join a:hover, +.b-clubs-menu .actions .leave a:hover, +.b-hot_topics .topic a, +.b-forums .forum:hover .link-with-input .link, +.b-image .marker, +.b-video .marker, +.b-video .name, +.p-dashboards-show .contests .contest:hover .title, +.p-profiles .profile-head .c-history .entry:hover .title, +.p-topics .l-menu .calendar .entry:hover a, +.p-topics .l-menu .clubs .entry:hover a, +.p-topics .l-menu .contests .contest:hover .title, +.p-topics .l-menu .reviews .entry:hover a, +.p-topics .l-menu .sticky-topics .topic:hover .title { + color: #FFFFFF !important; +} + +@media (max-width: 1024px) { + .l-top_menu .menu-items > .entry > a, + .l-top_menu .menu-items > .entry > .submenu > a, + .l-top_menu .inner .sign_out { + color: #FFFFFF !important; + } +} + +h3, +header.head .notice, +.bar.horizontal .line .x_label, +.bar.vertical .line .x_label, +.b-entry-info .line .b-tag, +.b-catalog_entry-tooltip .inner .line .key, +.b-catalog_entry-tooltip .inner .line .value .tag, +.b-catalog_entry-tooltip .inner .rating, +.b-collection-filters .block > .filter.item-sign:hover, +.b-height_shortener:hover .expand, +.b-lang_trigger:hover span, +.b-lang_trigger span:hover, +.b-show_more, +.b-show_more-more .hide-more, +.b-stats_bar .stat_names:hover:before, +.b-tag, +.block-list li, +.block-list-alt li, +.block-list li a, +.block-list-alt li a, +.b-block_list li, +.b-block_list li a, +div.compatibility > a:hover:before, +div.compatibility > a:hover > span:first-child:before, +.item-add:hover, +.l-footer .copyright, +.p-characters .item-edit:hover, +.p-characters .item-edit:active, +.p-contests .match-day > .date .from, +.p-contests .match-day > .date .to, +.p-profiles-edit .b-options-floated > a, +.p-dialogs .b-options-floated > a, +.p-messages .b-options-floated > a, +.p-user_rates-index .list-lines tr td .episodes_total, +.p-user_rates-index .list-lines tr td .rate-text { + color: #EEEEEE; +} + +header.head h1 > a.back:hover, +header.head h2 > a.back:hover, +header.head h1 > a.back:active, +header.head h2 > a.back:active, +.b-video_player .cc-player_controls .c-control:hover .icon, +.p-animes_collection-index .pagination .link:hover, +.p-mangas_collection-index .pagination .link:hover, +.p-recommendations-index .pagination .link:hover, +.p-userlist_comparer-show .pagination .link:hover, +.b-clubs-menu .block-list li, +.b-clubs-menu .block-list li a, +.b-clubs-menu .b-block_list li, +.b-clubs-menu .b-block_list li a, +.b-list_switchers > .switcher:hover, +.c-actions > *:hover, +.editor-controls > span:hover, +.profile-actions > a:hover, +.p-animes .item-edit:hover, +.p-contests .contest-match .prev-match:hover, +.p-contests .contest-match .next-match:hover, +.p-mangas .item-edit:hover, +.p-profiles-show .about .item-edit:hover, +.p-messages .mass-actions .action > a:hover, +.p-topics header h1 a.reload, +.delete-controls > span, +.delete-controls > span:hover, +.main-controls > span, +.main-controls > span:hover, +.main-controls > a, +.main-controls > a:hover, +.buttons .item-edit, +.buttons .item-edit:hover, +.moderation-controls > span, +.moderation-controls > span:hover, +.b-video_player .cc-player_controls .episode-num { + color: #EEEEEE !important; +} + +.midheadline, +.subheadline, +.b-animes-menu .menu-topics-block .date, +.b-breadcrumbs, +.b-breadcrumbs a.b-link, +.b-catalog_entry .cover .misc span, +.b-catalog_entry-tooltip .inner .rating .text, +.b-club .info .number, +.b-comment-info, +.b-comment .inner .name-date a.name .normal, +.b-collection-filters .block > .filter.item-sign, +.b-db_entry-note .name-container .note, +.b-entry-info .line .key, +.b-forums .forum .link-with-input input + .link, +.b-forums .forum .topics, +.b-lang_trigger span, +.b-log_entry .id-label, +.b-log_entry .state.auto_accepted, +.b-options-floated.count, +.b-pages .title, +.b-quote .quoteable:before, +.b-replies:before, +.b-stats_bar .title, +.b-stats_bar .stat_names:before, +.b-source .contributors .key, +.b-source .mal .key, +.b-source .source .key, +.b-topic-preview > .inner .status-line .about, +.b-topic-preview > .inner .status-line .from, +.b-collection-filters .block-list li:before, +.b-collection-filters .block-list .b-question:before, +.b-collection-filters .b-block_list li:before, +.b-collection-filters .b-block_list .b-question:before, +div.compatibility > a:before, +div.compatibility > span.link-replacement > span:first-child:before, +div.compatibility > a > span:first-child:before, +.item-add, +.item-mobile, +.item-mobile:hover, +.item-mobile:active, +.l-footer:before, +.l-footer .links a, +.l-top_menu .menu-items .submenu-toggler, +.p-animes_collection-index .pagination .link, +.p-mangas_collection-index .pagination .link, +.p-recommendations-index .pagination .link, +.p-userlist_comparer-show .pagination .link, +.p-characters .item-edit, +.p-contests .contest-match .vs, +.p-contests .contest-match .vs .help, +.p-contests .contest-match .vs .next, +.p-contests .contest-match .vs .finish, +.p-contests .contest-match .vs .refrain, +.p-contests .contest-match .vs .refrained, +.p-contests .match-day .matches-num, +.p-dashboards-show .contests .contest .notice, +.p-db_entries-edit .b-list .field, +.p-profiles .profile-head .c-info .c-additionals b, +.p-topics .l-menu .sticky-topics .topic .notice, +.b-user.detailed .info .last-online, +.b-video_variant .episode-hostings, +.b-video_variant .video-hosting, +.b-video_variant .video-language, +.p-anime_videos-index .c-video_stats .views_count, +.p-anime_videos-index .same-videos .title, +.p-anime_videos-index .c-anime_video_episodes .title, +.p-anime_videos-index .c-videos .title { + color: #BDBDBD; +} + +header.head h1 a.back, +header.head h2 a.back, +.about-bb_codes:before, +.b-db_entry > .c-about .additional-links .key, +.b-list_switchers > .switcher, +.b-user_rate .rate-show .note, +.c-actions > *, +.editor-controls > span, +.profile-actions > a, +.p-animes .item-edit, +.p-animes_collection-index .pagination .link, +.p-clubs-index header.head a.misc, +.p-contests .contest-match .prev-match, +.p-contests .contest-match .next-match, +.p-mangas .item-edit, +.p-mangas_collection-index .pagination .link, +.p-messages .mass-actions > .action > a, +.p-profiles .profile-head .c-history .entry .misc, +.p-profiles-show .about .item-edit, +.p-profiles-show .lifetime .title > .label:before, +.p-profiles-show .profile-content .activity .title, +.p-recommendations-index .pagination .link, +.p-topics .l-menu .calendar .entry .misc, +.p-topics .l-menu .reviews .entry .misc, +.p-topics .l-menu .clubs .entry .misc, +.p-userlist_comparer-show .pagination .link, +.p-user_rates-index .list-lines tr.edit-form .remove, +.p-user_rates-index .list-lines tr.edit-form .remove:hover, +.p-user_history-index .history-page .history-interval p .date { + color: #BDBDBD !important; +} + +@media only screen and (min-width: 1025px) { + .delete-controls > span, + .moderation-controls > span, + .main-controls > span, + .main-controls > a, + .buttons .item-edit { + color: #BDBDBD !important; + } +} + +.b-user.detailed .history .line .date, +.b-video_variant .episode-hostings:before, +.b-video_variant .episode-hostings:after, +.b-video_variant .video-hosting:before, +.b-video_variant .video-hosting:after, +.b-video_variant .video-language:before, +.b-video_variant .video-language:after, +.b-video_variant .video-kind.english:before, +.p-anime_videos-index .c-videos .video-variant-switcher:not(:first-child):after, +.b-nothing_here, +.b-review_votes span, +.b-topic-preview > .inner .status-line .time { + color: #9E9E9E; +} + +.b-video_player .cc-player_controls .c-control .icon, +.p-animes_collection-index .pagination .link.disabled, +.p-mangas_collection-index .pagination .link.disabled, +.p-recommendations-index .pagination .link.disabled, +.p-userlist_comparer-show .pagination .link.disabled, +.p-animes_collection-index .pagination .link.disabled:hover, +.p-mangas_collection-index .pagination .link.disabled:hover, +.p-recommendations-index .pagination .link.disabled:hover, +.p-userlist_comparer-show .pagination .link.disabled:hover, +.p-profiles .profile-head .c-history .entry .misc.date, +.p-topics .l-menu .calendar .entry .misc.date, +.p-topics .l-menu .reviews .entry .misc.date, +.p-topics .l-menu .clubs .entry .misc.date { + color: #9E9E9E !important; +} + +/* PRIMARY COLOR */ +input[type=submit], +.button, +.b-button, +.b-contests-menu .results, +.b-form input[type=submit], +.b-link_button.dark, +.btn-primary, +.b-shiki_editor .links .button.ok, +.b-shiki_editor .images .button.ok, +.b-shiki_editor .quotes .button.ok, +.b-shiki_editor .email .button.ok, +.b-shiki_editor .upload .button.ok, +.p-contests .contest-match .votes-percents .right-part, +.p-contests .contest-match .votes-percents .left-part:hover .right-part, +.p-user_rates .mylist-block + .block > .b-list > li, +.b-collection-filters > .block:first-child > .b-list > li, +.b-collection-filters > .block:first-child > .b-list > li, +.b-stats_bar.anime .bar .first, +.b-stats_bar.anime .bar .second, +.line:nth-child(odd) > .bar-container > .bar, +.line:nth-child(odd) > .bar-container > .bar:hover, +.line:nth-child(even) > .bar-container > .bar, +.line:nth-child(even) > .bar-container > .bar:hover, +.b-image .mobile-edit, +.b-image .delete:hover, +.b-image.deletable .confirm:hover, +.b-image.deletable .cancel:hover, +.p-user_rates-index .list-posters .user_rate .edit-user_rate, +.p-user_rates-index .list-posters .user_rate .edit-user_rate:hover { + background-color: #009688; +} + +.p-contests .contest-match .votes-percents .right-part, +.p-contests .contest-match .votes-percents .left-part:hover .right-part, +.b-main_search .input:after { + border-color: #009688; +} + +.subheadline > a:hover, +.midheadline > a:hover, +.edit-page a.cancel:hover, +.b-form .cancel:hover, +.b-shiki_editor footer .unpreview:hover, +.b-shiki_editor footer .preview:hover, +.b-topic-preview > .editor-container .hide:hover, +.p-contests .contest-match .vs .refrain:hover, +.p-dashboards-show .b-forums > .b-link_button.maxi:hover:after, +.p-profiles-show .b-stats_bar a.title:hover { + background-color: rgba(0, 150, 136, 0.12); +} + +input[type=submit]:hover, +.button:hover, +.b-button:hover, +.b-contests-menu .results:hover, +.b-form input[type=submit]:hover, +.b-link_button.dark:hover { + background-color: #008478; +} + +.b-contests-menu .results, +.b-link_button.dark, +.btn-submit { + color: #FAFAFA !important; +} + +.b-rate .stars.score, +.b-forums .forum input:checked + .link:before, +.b-collection-filters .block-list .filter, +.b-collection-filters .block-list li.selected:before, +.b-collection-filters .b-block_list .filter, +.b-collection-filters .b-block_list li.selected:before, +.p-contests .contest-match .vs .refrain, +.p-contests .contest-match .vs .refrain:hover, +.p-contests .contest-match .vs .refrain:active, +.tooltip-details .ajax-loading { + color: #009688; +} + +.headline > a, +.headline > a:hover, +.headline.linkheadline > a, +.midheadline > a, +.midheadline > a:hover, +.midheadline.linkheadline > a, +.subheadline > a, +.subheadline > a:hover, +.subheadline.linkheadline > a, +.edit-page a.cancel, +.p-dashboards-show .b-forums > .b-link_button.maxi:after, +.b-form .cancel, +.b-shiki_editor footer .unpreview, +.b-shiki_editor footer .unpreview:not(.link):hover, +.b-shiki_editor footer .preview, +.b-stats_bar a.title, +.b-topic-preview > .editor-container .hide { + color: #009688 !important; +} + +/* END of PRIMARY COLOR */ +/* ACCENT COLOR */ +.menu .unread-count, +.menu:hover .unread-count, +.menu .contest, +.menu:hover .contest, +.p-contests .contest-match .votes-percents .left-part, +.p-contests .contest-match .votes-percents .left-part:hover, +.b-options-floated a span.brackets, +.b-options-floated .link span.brackets, +.b-stats_bar.manga .bar .first, +.b-stats_bar.manga .bar .second, +div.compatibility > a > span.rate, +div.compatibility > span.link-replacement > span.rate { + background-color: #FFAB40; +} + +.menu .unread-count:hover, +.menu .contest:hover { + background-color: #FFAB40 !important; +} + +.p-profiles-show .b-stats_bar.manga a.title:hover { + background-color: rgba(255, 171, 64, 0.12); +} + +.p-profiles-edit .b-options-floated > a.selected, +.p-dialogs .b-options-floated > a.selected, +.p-messages .b-options-floated > a.selected { + border-bottom: 2px solid #FFAB40; +} + +.menu .unread-count, +.menu:hover .unread-count, +.menu .contest, +.menu:hover .contest { + color: #212121 !important; +} + +.b-rate .stars.hover, +.c-actions .fav-add:hover:before, +.c-actions .fav-remove:before, +.profile-actions .fav-remove:before { + color: #FFAB40; +} + +.b-list_switchers > .switcher.selected, +.editor-controls > span.selected, +.p-profiles-show .b-stats_bar.manga a.title { + color: #FFAB40 !important; +} + +/* END of ACCENT COLOR */ +/* BACKGROUND COLOR */ +.ac_results, +.b-image .marker, +.b-modal > .inner, +.b-video .marker, +.b-video .name, +.l-top_menu .menu-items, +.tooltip-inner, +.tooltip-details .ajax-loading { + background: #424242; +} + +@media screen and (max-width: 599px) { + .b-stats_bar .stat_names:hover { + background-color: #424242; + } +} + +.b-link_button, +.b-comments .comments-loader, +.b-comments .comments-hider, +.b-comments .comments-expander, +.b-comments .messages-postloader, +.b-comments .faye-loader, +.b-forum .faye-loader, +.p-animes-show .other-names.click-loader, +.p-mangas-show .other-names.click-loader, +.collapsed { + background-color: #616161; + border-color: #424242; +} + +.b-link_button:hover, +.b-comments .comments-loader:hover, +.b-comments .comments-hider:hover, +.b-comments .comments-expander:hover, +.b-comments .messages-postloader:hover, +.b-comments .faye-loader:hover, +.b-forum .faye-loader:hover, +.p-animes-show .other-names.click-loader:hover, +.p-mangas-show .other-names.click-loader:hover, +.collapsed:hover { + background-color: #424242; + border-color: #212121; +} + +.b-link_button:active, +.b-comments .comments-loader:active, +.b-comments .comments-hider:active, +.b-comments .comments-expander:active, +.b-comments .messages-postloader:active, +.b-comments .faye-loader:active, +.b-forum .faye-loader:active, +.p-animes-show .other-names.click-loader:active, +.p-mangas-show .other-names.click-loader:active, +.collapsed:active { + background-color: #212121; + border-color: #757575; +} + +.b-quote, .b-quote .b-quote .b-quote { + background: #424242; +} + +.b-quote .b-quote, .b-quote .b-quote .b-quote .b-quote { + background: #616161; +} + +.b-user_rate .rate-show .note, +.p-topics-new .topic_video, +.p-topics-edit .topic_video, +.p-topics-create .topic_video, +.p-topics-update .topic_video, +.p-user_rates-index .list-lines tr.edit-form form { + background: #616161; +} + +select, +.b-editable_grid tbody tr:nth-child(odd) td, +.b-input input, +.b-input textarea, +.b-pages, +.b-shiki_editor .body .editor textarea, +.b-shiki_editor .links .link-value, +.b-shiki_editor .images .link-value, +.b-shiki_editor .quotes .link-value, +.b-shiki_editor .email .link-value, +.b-shiki_editor .upload .link-value, +div.compatibility > a:before, +div.compatibility > span.link-replacement > span:first-child:before, +div.compatibility > a > span:first-child:before, +.l-page .menu-toggler .toggler, +.p-contests .match-day .match-link:hover, +.p-contests .match-day .match-link.active, +.p-user_rates-index .list-groups .summary.posters, +.p-user_rates-index .list-lines tr td .new-value input, +.p-user_rates-index .l-content .filter input, +.subheadline-input { + background: #424242; +} + +.editor textarea.b-comment, +.editor textarea.b-message { + background: #424242 !important; +} + +/* Области наведения */ +.b-collection-filters .block > .filter.item-sign, +.b-lang_trigger, +.b-tag, +.block-list li:hover, +.block-list-alt li:hover, +.block-list li.selected, +.block-list-alt li.selected, +.b-block_list li:hover, +.b-block_list li.selected, +.b-entry-info .line .b-tag, +.b-catalog_entry-tooltip .inner .line .value .tag, +.b-hot_topics .topic a, +.b-forums .forum:hover, +.b-show_more:hover, +.b-show_more-more .hide-more:hover, +.b-stats_bar .stat_names:hover:before, +.history-interval p:hover, +.p-profiles .profile-head .c-history .entry:hover a, +.p-topics .l-menu .sticky-topics .topic:hover, +.p-dashboards-show .contests .contest:hover, +.p-topics .l-menu .calendar .entry:hover a, +.p-topics .l-menu .clubs .entry:hover a, +.p-topics .l-menu .contests .contest:hover, +.p-topics .l-menu .reviews .entry:hover a, +.p-user_rates-index .list-lines .selectable:hover, +.p-user_rates-index .l-content .order-control:hover, +.p-animes_collection-index .pagination .link:hover, +.p-mangas_collection-index .pagination .link:hover, +.p-recommendations-index .pagination .link:hover, +.p-userlist_comparer-show .pagination .link:hover { + background-color: #616161; +} + +.block-list li:active, +.block-list-alt li:active, +.b-block_list li:active, +.p-contests .match-day .match-link:active { + background-color: #616161 !important; +} + +.p-dialogs header.head, +.p-messages header.head, +.p-profiles-edit header.head, +.p-profiles-edit .b-options-floated, +.p-dialogs .b-options-floated, +.p-messages .b-options-floated, +.b-hot_topics .topic a:hover { + background-color: #424242; +} + +.p-userlist_comparer .comparer table .selectable:hover { + background-color: #424242 !important; +} + +/* Кнопки при наведении */ +div.compatibility > a:hover:before, +div.compatibility > a:hover > span:first-child:before, +.b-video_player .cc-player_controls .c-control:hover .icon, +.p-animes_collection-index .pagination .link:hover, +.p-mangas_collection-index .pagination .link:hover, +.p-recommendations-index .pagination .link:hover, +.p-userlist_comparer-show .pagination .link:hover, +.b-collection-filters .block > .filter.item-sign:hover, +.b-lang_trigger:hover, +.b-list_switchers > .switcher:hover, +.b-tag:hover, +.b-entry-info .line .b-tag:hover, +.b-catalog_entry-tooltip .inner .line .value .tag:hover, +.b-user_rate .rate-show .rate-number .item-add:hover, +.p-animes .item-edit:hover, +.p-characters .item-edit:hover, +.p-contests .contest-match .prev-match:hover, +.p-contests .contest-match .next-match:hover, +.p-mangas .item-edit:hover, +.p-profiles-show .about .item-edit:hover, +.p-messages .mass-actions .action > a:hover, +.p-user_rates-index .list-lines tr.edit-form .remove:hover, +.delete-controls > span:hover, +.moderation-controls > span:hover, +.main-controls > span:hover, +.main-controls > a:hover, +.buttons .item-edit:hover, +.editor-controls > span:hover, +.c-actions > *:hover, +.about-bb_codes:hover, +.profile-actions > *:hover, +.item-mobile:hover, +.item-mobile:active, +header.head h1 > a.back:hover, +header.head h2 > a.back:hover { + background-color: #424242; +} + +/* ЦВЕТ ГРАНИЦ ЭЛЕМЕНТОВ */ +hr, +.b-db_entry-note:before, +.b-dialog:before, +.b-message:before, +.b-comment:before, +.b-comments .comments-loaded:before, +.p-contests .match-day:before, +.p-profiles .profile-head .c-history .entry:before, +.p-topics .l-menu .calendar .entry:before, +.p-topics .l-menu .reviews .entry:before, +.p-topics .l-menu .clubs .entry:before { + background-color: #757575; +} + +h3, +select, +.b-input input, +.b-input textarea, +.b-pages, +.b-topic, +.b-shiki_editor .body .editor textarea, +.b-shiki_editor .links .link-value, +.b-shiki_editor .images .link-value, +.b-shiki_editor .quotes .link-value, +.b-shiki_editor .email .link-value, +.b-shiki_editor .upload .link-value, +.b-quote, +.l-page .menu-toggler .toggler, +.p-topics-new .topic_video, +.p-topics-edit .topic_video, +.p-topics-create .topic_video, +.p-topics-update .topic_video, +.p-user_rates-index .list-groups .summary.posters, +.p-user_rates-index .list-lines tr.edit-form form, +.p-user_rates-index .list-lines tr td .new-value input, +.p-user_rates-index .l-content .filter input, +.subheadline-input { + border-color: #757575; +} + +/* ОСОБЫЕ ЦВЕТА */ +.b-entry-info .line .b-tag:active, +.b-catalog_entry-tooltip .inner .line .value .tag:active { + background-color: #757575; +} + +.b-rate .stars.background { + color: #757575; +} + +.b-stats_bar .bar .third { + background: #757575; +} + +/* END of НАСТРОЙКА ЦВЕТОВ */ + + + + + + + + + + +/* BUGFIX */ +/* В превью комментария не отображается заголовок на страницах клубов */ +.p-club_pages .new_comment .preview .b-comment .inner header, +.p-club_pages .edit_comment .preview .b-comment .inner header { + display: block; +} + +/* ОСНОВНОЙ ФАЙЛ */ +header.head h1, +header.head h2, +input { + font-family: inherit; +} + +.buttons, +.ac_results .name, +.b-animes-menu .total-rates, +.b-comment > .inner header .name-date a.name, +.b-comments .comments-expander, +.b-comments .comments-expander:hover, +.b-comments .comments-hider, +.b-comments .comments-hider:hover, +.b-comments .comments-loader, +.b-comments .comments-loader:hover, +.b-comments .faye-loader, +.b-comments .faye-loader:hover, +.b-comments .messages-postloader, +.b-comments .messages-postloader:hover, +.b-entry-info .line .value, +.b-forum .faye-loader, +.b-forum .faye-loader:hover, +.b-header_filters .filter-line .title, +.b-header_filters .filter-line a.current, +.b-mention s, +.b-options-floated .selected.always-active, +.b-quote, +.b-rate .score-notice, +.b-rate .text-score, +.b-table th, +.b-topic > .inner header .name-date a.name, +.b-user.detailed .history .line .event, +.collapsed, +.completable-block .name, +.l-page .menu-toggler .toggler:after, +.p-anime_videos-index .c-anime_video_episodes .title, +.p-anime_videos-index .c-videos .title, +.p-anime_videos-index .same-videos .title, +.p-statistics-index .forum-nav .sections a, +.p-user_rates-index .list-groups .summary.lines, +.p-userlist_comparer .comparer table .name a, +.tooltip-details .b-nothing_here.centered { + color: inherit; +} + +.b-comments .comments-expander:active, +.b-comments .comments-hider:active, +.b-comments .comments-loader:active, +.b-forum .faye-loader:active, +.block-list li.selected, +.block-list-alt li.selected, +.b-block_list li.selected, +.p-animes-show .other-names.click-loader, +.p-mangas-show .other-names.click-loader { + color: inherit !important; +} + +@media screen and (max-width: 767px) { + .b-options-floated.mobile-phone a.selected { + color: inherit; + } +} + +/* MAIN BLOCKS */ +body { + position: relative; + min-height: 100%; + font-size: 16px; + font-weight: 400; + line-height: 1.25; + overflow-x: hidden; +} + +.l-page { + min-height: 100%; + padding-top: 4.5rem; + padding-right: 1rem; + padding-bottom: 4.5rem; + padding-left: 1rem; + background-color: inherit; +} + +.l-footer { + position: absolute; + right: 0; + bottom: 0; + left: 0; + width: 100%; + max-width: inherit; + padding: 0 1rem; + margin: auto; +} + +.l-page:before { + content: ''; + display: block; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: auto; + background: none; + outline-width: 1rem; + outline-style: solid; + z-index: -1; +} + +.l-footer:before { + content: 'Theme by grin3671'; + display: block; + float: left; + position: static; + left: auto; + bottom: auto; + width: auto; + height: auto; + background: none; + font-size: .6875rem; +} + +.l-footer:before, +.l-footer .copyright { + padding: .5rem 0; + line-height: 1rem; +} + +.l-page:after, +.l-footer:after { + display: none; +} + +.l-footer .links { + padding: .25rem 0; + font: inherit; + font-size: .75rem; + line-height: 1rem; + text-align: center; +} + +.l-footer .links a:last-child { + margin: 0; +} + +/* END of MAIN BLOCKS */ +/* ВЫСОТА СТРОКИ */ +.cc-2a > .c-column, +.block, +.b-db_entry, +.p-animes .b-db_entry > *:last-child { + line-height: inherit; +} + +@media only screen and (min-width: 768px) { + .cc-2 > .c-column { + line-height: inherit; + } +} + +.cc-3-flex > .c-column { + line-height: inherit; +} + +/* ЗАКРУГЛЕНИЕ */ +.b-comments .comments-loader, +.b-comments .comments-hider, +.b-comments .comments-expander, +.b-comments .messages-postloader, +.b-forum .faye-loader, +.collapsed, +.tipsy-inner, +.button, +.b-button, +.b-contests-menu .results, +.b-link_button, +input[type=submit], +.btn, +.b-comments-notifier, +.p-animes_collection-index .pagination .link, +.p-mangas_collection-index .pagination .link, +.p-recommendations-index .pagination .link, +.p-userlist_comparer-show .pagination .link, +.subheadline-buttons .item-edit, +.p-characters .item-edit, +.p-contests .contest-match .vs .refrain, +.b-catalog_entry .image-cutter, +.b-main_search .input, +.b-lang_trigger, +.b-user_rate .rate-show .note, +.c-poster img, +.c-actions > *, +.b-user_rate .rate-show .rate-number .item-add, +.p-animes-show .watch-online, +.p-animes-show .upload-video, +.p-mangas-show .watch-online, +.p-mangas-show .upload-video, +.b-tag, +.b-entry-info .line .b-tag, +.b-catalog_entry-tooltip .inner .line .value .tag, +.b-topic > .inner header img, +.b-quote, +.p-clubs-index header.head a.misc, +.b-list_switchers > .switcher, +.p-user_rates-index .l-content .filter input, +.p-user_rates-index .list-lines tr td .new-value input, +.p-user_rates-index .list-lines tr.edit-form form, +.p-user_rates-index .list-lines tr.edit-form .remove, +.p-profiles-show .b-stats_bar a.title, +.b-stats_bar .bar, +.profile-actions > a, +.l-page .b-anime_status_tag:before, +.p-profiles .profile-head .c-history .entry img, +.p-profiles-show .about .item-edit, +header.head h1 a.back, +header.head h2 a.back, +.edit-page a.cancel, +.editor-controls > span, +.tooltip-inner, +.b-topic-preview > .editor-container .hide, +.b-input, +.b-input input { + border-radius: .125rem; +} + +/* LAYOUT */ +@media screen and (max-width: 480px) and (orientation: portrait) { + .l-page .menu-slide-outer .menu-slide-inner { + width: 100%; + } + .menu-slide-outer.x199 .l-content, + .menu-slide-outer.x240 .l-content { + float: none; + width: 100%; + margin: 0; + } +} + +@media screen and (min-width: 481px) and (max-width: 767px), screen and (max-width: 767px) and (orientation: landscape) { + .l-page .menu-slide-outer .menu-slide-inner { + width: 100%; + } + .menu-slide-outer.x199 .l-content, + .menu-slide-outer.x240 .l-content { + float: none; + width: 100%; + margin-right: 0; + } +} + +@media screen and (min-width: 768px) and (max-width: 1024px) { + .l-page.menu-expanded .x240 .l-content { + margin-left: 0; + } +} + +@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { + .l-page .menu-slide-outer.x240.ipad-expanded .menu-slide-inner { + width: 100%; + } + .menu-slide-outer.x199 .l-content, + .menu-slide-outer.x240 .l-content { + float: none; + width: 100%; + margin-right: 0; + } +} + +@media screen and (max-width: 1024px) { + .l-page .menu-slide-outer { + overflow: visible; + } +} + +/* ОБЩИЕ КЛАССЫ */ +.p0, +.m0, +.m1, +.m2, +.m3, +.m4, +.m5, +.m6, +.m7, +.m8, +.m10, +.m12, +.m13, +.m15, +.m20, +.m25, +.m30, +.m40, +.m50 { + margin-bottom: .5rem !important; +} + +h3 { + font-size: 1.125rem; + line-height: 1.5; + margin-bottom: .5rem; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} + +hr { + margin: .5rem 0; + background-image: none; +} + +.ajax-loading.vk-like { + min-height: 1.5rem; +} + +.b-ajax:before { + opacity: .75; +} + +.b-ajax:after { + width: 1.5rem; + height: 1.5rem; + margin-top: -.75rem; + margin-left: -.75rem; + background: transparent; + border: .25em solid; + border-right-color: transparent; + border-radius: 50%; + color: #009688; + -webkit-animation: spin 2s linear infinite; + animation: spin 2s linear infinite; +} + +/* Списки */ +.b-list { + margin: .5rem 0 1rem 2rem; +} + +.b-list li { + margin: 0; + line-height: 1.5; + list-style-type: disc; + list-style-image: none; +} + +.b-list li + li { + margin: .5rem 0 0 0; +} + +.b-list .b-list li + li { + margin: 0; +} + +.b-height_shortener { + position: relative; + padding-left: 0; + cursor: s-resize; +} + +.b-comment .b-height_shortener, +.b-dialog .b-height_shortener, +.p-clubs .b-height_shortener { + padding-left: 3.5rem; +} + +.buttons .cancel { + vertical-align: top; + margin-right: .5rem; + border: 0; +} + +.b-form .cancel { + margin-left: 0; +} + +.b-form .cancel:hover { + text-decoration: none; +} + +.b-errors { + margin-bottom: .5rem; + line-height: inherit; +} + +.red, +.b-errors .subheadline { + margin-bottom: 0; + border: 0; +} + +.b-review-topic .b-height_shortener { + padding-left: 0; + cursor: default; +} + +.b-height_shortener .shade { + right: 0; + left: 0; + width: auto; + height: 2.5rem; + margin-top: -2.5rem; +} + +.b-height_shortener .expand { + font-size: .875rem; +} + +.b-comment.b-comment-info { + font-size: .875rem; + text-align: left; + line-height: 1.5rem; +} + +.b-comment.b-comment-info > span { + margin-right: .5rem; +} + +.b-comments .comments-loader, +.b-comments .comments-hider, +.b-comments .comments-expander, +.b-comments .messages-postloader, +.b-forum .faye-loader, +.collapsed { + padding: .4375rem 2.5rem; + margin: 0; + margin-bottom: .5rem; + line-height: 1.5rem; +} + +.b-dropzone { + padding: .5rem 1rem 3rem; + background-color: #616161; + border: 1px dashed #757575; + border-radius: .125rem; +} + +.b-dropzone:hover { + border-color: #009688; +} + +.b-dropzone:before { + margin: .5rem 0; + font-size: 14px; +} + +.b-dropzone .thank-you { + margin-bottom: .5rem; +} + +.b-dropzone input[type=file] { + bottom: 1rem; +} + +.b-dropzone:before, +.b-dropzone input[type=file] { + color: #9E9E9E; +} + +.b-dropzone:hover:before, +.b-dropzone:hover input[type=file] { + color: #EEEEEE; +} + +.b-forum .faye-loader { + padding: .4375rem .5rem; +} + +.b-comments .comments-collapser { + width: 2.5rem; + padding: .5rem; + margin: 0; + border: 0; + font-size: 0; + line-height: 0; +} + +.b-comments .comments-collapser:before { + content: 'expand_less'; + display: block; +} + +.b-image { + display: inline-block; + vertical-align: top; +} + +/* Кнопки управления изображениями */ +.b-image img { + vertical-align: top; + border-radius: .125rem; +} + +.b-gallery .b-image { + padding: .125rem; +} + +.b-gallery .b-image .controls { + margin: .125rem; + text-align: right; +} + +/* Кнопки */ +.b-image .mobile-edit, +.b-image .delete, +.b-image.deletable .confirm, +.b-image.deletable .cancel, +.p-user_rates-index .list-posters .user_rate .edit-user_rate { + width: auto; + height: auto; + padding: .5rem; + margin-top: .25rem !important; + margin-right: .25rem !important; + background-color: transparent; + border-radius: .125rem; +} + +.b-image .mobile-edit, +.b-gallery .grid_sizer .controls { + margin-top: .375rem !important; + margin-right: .375rem !important; +} + +@media screen and (min-width: 767px) { + .p-user_rates-index .list-posters .user_rate .edit-user_rate { + background-color: transparent; + } +} + +/* Настройки иконок */ +.b-image .mobile-edit:before, +.b-image .delete:before, +.b-image.deletable .confirm:before, +.b-image.deletable .cancel:before, +.p-user_rates-index .list-posters .user_rate .edit-user_rate:before { + width: 1.5rem; + font-size: 1.5rem; +} + +.p-user_rates-index .list-posters .user_rate .edit-user_rate:before { + position: static; + height: auto; + background: transparent; +} + +/* Затемнение */ +.b-gallery .b-image .controls, +.user_rate .b-catalog_entry:after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-image: linear-gradient(rgba(0, 0, 0, 0.6) 0%, transparent 40%); + border-radius: .125rem; +} + +.user_rate .b-catalog_entry:after { + content: ''; + opacity: 0; + pointer-events: none; +} + +.b-image:hover, +.b-image.deletable img, +.b-image.deletable:after, +.b-image.mobile-editing:after, +.p-user_rates-index .list-posters .user_rate:hover .b-catalog_entry:after { + opacity: 1; +} + +/* Вид иконки */ +.b-image .mobile-edit:before, +.p-user_rates-index .list-posters .user_rate .edit-user_rate:before { + content: 'edit'; +} + +.b-image .delete:before { + content: 'delete'; +} + +.b-image .confirm:before { + content: 'check'; +} + +.b-image .cancel:before { + content: 'close'; +} + +/* END of Кнопки управления изображениями */ +.b-modal > .inner { + padding: 16px 24px; +} + +.b-modal .subheadline { + font-size: 20px; + font-weight: 400; + text-transform: none; +} + +.b-prgrph, +.b-spoiler_prgrph { + margin-bottom: .5rem !important; +} + +.b-show_more, +.b-show_more-more .hide-more { + display: inline-block; + padding: 0 .5rem; + margin: .25rem 0; + border-radius: .625rem; + font-size: .875rem; +} + +.b-source { + margin-top: .5rem; + margin-bottom: 1rem; +} + +.b-spoiler label { + font-size: inherit; + letter-spacing: initial; +} + +.b-spoiler .content .before, +.b-spoiler .content .after { + font-size: inherit; + letter-spacing: initial; +} + +.b-nothing_here { + margin-left: 0; + font-size: .875rem; + line-height: 2.5rem; +} + +header.head h1, +header.head h2 { + font-family: inherit; +} + +header.head .notice { + margin: .5rem 0; + font-size: .875rem; + line-height: 1.25rem; +} + +header.head h1 ~ .notice, +header.head h2 ~ .notice { + margin-top: -.5rem; +} + +.b-breadcrumbs { + margin: 0; + line-height: 1rem; +} + +.b-breadcrumbs > span:after { + content: '»'; +} + +/* Всплывающая подсказка */ +.tipsy { + padding: .875rem; + font-size: .875rem; + opacity: .9 !important; + pointer-events: none; +} + +.tipsy-arrow { + display: none; +} + +.tipsy-inner { + padding: .375rem 1rem; + background-color: #616161; + color: #eee; + text-align: left; + box-shadow: none; +} + +input { + font-family: inherit; + font-size: inherit; +} + +/* Кнопки */ +.button, +.b-button, +.b-form input[type=submit], +.b-topic-preview > .editor-container .hide, +.edit-page a.cancel { + display: inline-block; +} + +input[type=submit], +.button, +.b-button, +.b-form input[type=submit], +.b-contests-menu .results, +.b-link_button, +.b-shiki_editor .links .b-button.ok, +.b-shiki_editor .images .b-button.ok, +.b-shiki_editor .quotes .b-button.ok, +.b-shiki_editor .email .b-button.ok, +.b-shiki_editor .upload .b-button.ok, +.edit-page a.cancel { + min-width: 5.5rem; + padding: 0 1rem; + margin-right: .5rem; + font-size: .875rem; + line-height: 2rem !important; + text-align: center; + text-decoration: none !important; + text-transform: uppercase; +} + +input[type=submit]:last-child, +.b-button:last-child, +.b-form input[type=submit]:last-child { + margin-right: 0; +} + +input[type=submit]:hover { + box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.24); +} + +/* TODO: new variable $btn_disabled_color (L: #9E9E9E; D: #757575) */ +.b-button[disabled], +.b-button.disabled, +.b-button[disabled]:hover, +.b-button.disabled:hover, +.b-form input[type=submit][disabled], +.b-form input[type=submit].disabled, +.b-form input[type=submit][disabled]:hover, +.b-form input[type=submit].disabled:hover { + background-color: #424242; + box-shadow: none; + color: #9E9E9E !important; +} + +.b-shiki_editor .links .b-button.ok, +.b-shiki_editor .images .b-button.ok, +.b-shiki_editor .quotes .b-button.ok, +.b-shiki_editor .email .b-button.ok, +.b-shiki_editor .upload .b-button.ok { + min-width: auto; + margin-left: 1rem; +} + +.b-shiki_editor .links input, +.b-shiki_editor .images input, +.b-shiki_editor .quotes input, +.b-shiki_editor .email input, +.b-shiki_editor .upload input { + vertical-align: middle; + margin-top: 0px; +} + +.edit-page a.cancel, +.b-topic-preview > .editor-container .hide { + background-color: transparent; +} + +.b-topic-preview > .editor-container .hide { + vertical-align: top; + border: 0; +} + +.b-topic { + overflow: visible; +} + +.b-topic > .inner { + overflow: visible; +} + +.b-topic-preview > .inner > footer { + overflow: hidden; +} + +/* Чекбоксы */ +/* TODO: L: border-color normal #757575 disabled #BDBDBD */ +/* D: border-color normal #FFFFFF disabled rgba(255,255,255,.3) */ +input[type=checkbox], +.b-input input[type=checkbox] { + display: inline-block; + vertical-align: top; + width: 1.125rem !important; + height: 1.125rem; + padding: 0; + margin: .1875rem 1rem .1875rem 0; + background-color: transparent; + background-repeat: no-repeat; + background-size: 1.125rem; + background-position: -.125rem -.125rem; + border: 0.125rem solid #BDBDBD; + border-radius: .125rem; + box-sizing: border-box; + transition: 0.24s cubic-bezier(0.4, 0, 0.2, 1); + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +input[type=checkbox]:checked, +.b-input input[type=checkbox]:checked { + background-color: #009688; + background-image: url("data\:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNOSAxNi4xN0w0LjgzIDEybC0xLjQyIDEuNDFMOSAxOSAyMSA3bC0xLjQxLTEuNDF6Ii8+PC9zdmc+"); + border-color: transparent; +} + +input[type=checkbox]:disabled, +.b-input input[type=checkbox]:disabled { + border-color: #9E9E9E; +} + +input[type=checkbox]:checked:disabled, +.b-input input[type=checkbox]:checked:disabled { + background-color: #9E9E9E; + border-color: transparent; +} + +/* Формы */ +.b-form { + overflow: visible; +} + +.b-form:after { + content: ''; + display: block; + clear: both; +} + +.b-input input, +.b-input textarea { + padding: .3125rem 1rem; + line-height: 1.25rem; +} + +.b-input textarea { + padding: .4375rem 1rem; +} + +.b-input input[disabled] { + background: transparent; + border-width: 0; + border-bottom-width: .125rem; + padding: .375rem 0 .25rem; + color: #9E9E9E !important; +} + +/* TODO: check moz & ms browsers */ +.b-input input::-webkit-input-placeholder, +.b-input textarea::-webkit-input-placeholder, +.b-shiki_editor .body .editor textarea::-webkit-input-placeholder { + padding: 0; + line-height: inherit; +} + +.b-input input:-moz-placeholder, +.b-input textarea:-moz-placeholder, +.b-shiki_editor .body .editor textarea:-moz-placeholder { + padding: 0; + line-height: inherit; +} + +.b-input input::-moz-placeholder, +.b-input textarea::-moz-placeholder, +.b-shiki_editor .body .editor textarea::-moz-placeholder { + padding: 0; + line-height: inherit; +} + +.b-input input:-ms-input-placeholder, +.b-input textarea:-ms-input-placeholder, +.b-shiki_editor .body .editor textarea:-ms-input-placeholder { + padding: 0; + line-height: inherit; +} + +select { + max-width: 100%; + height: 2rem; + padding: 2px .5rem; + font-size: .875rem; + line-height: 2rem; +} + +.b-input .hint { + font-size: .75rem; + line-height: 1.25rem; +} + +.b-input label { + line-height: 1.5; +} + +.buttons { + font-family: inherit; + font-size: inherit; +} + +.b-form .buttons { + margin-top: .5rem; +} + +.btn { + line-height: 2rem; +} + +.b-contests-menu .results { + float: none; + display: block; + margin: .5rem 0; +} + +.b-link_button { + margin-bottom: .5rem; +} + +.b-link_button.maxi { + padding: 0; + font-size: 1rem; + line-height: 2.5rem; +} + +.b-contests-menu .results, +.b-forums > .b-link_button.maxi, +.b-link_button.create-topic { + margin-right: 0; +} + +.l-page .menu-toggler { + top: 64px; + z-index: 9; +} + +.p-user_rates-index .l-page .menu-toggler { + top: -96px; +} + +.locale-ru .l-page .menu-toggler .toggler:before { + content: 'меню'; +} + +.locale-en .l-page .menu-toggler .toggler:before { + content: 'sidebar'; +} + +.history-interval, +.mischeadline, +.b-input, +.prgrph, +.spoiler-prgrph, +.review-votes_count { + margin-bottom: .5rem !important; +} + +.text { + margin-left: 0 !important; +} + +.tooltip-inner .close { + background: transparent; + color: inherit; +} + +.block-list li, +.block-list-alt li { + line-height: 1.5rem; + margin: 2px -.5rem; + padding: 0 .5rem; +} + +.b-block_list li { + padding: 0 .5rem; + margin: 0 -.5rem; + font-family: inherit; + line-height: 1.5rem; +} + +.b-comments-notifier { + top: 0 !important; + width: 2rem; + height: 2rem; + margin-top: 4rem; + line-height: 2rem; +} + +.block, +.b-topic .body { + line-height: 1.25; +} + +.b-pages-container, +.b-topic > .inner > .body, +.b-db_entry > div:last-child .text { + line-height: 1.5; +} + +.b-user.named_avatar .name { + margin: auto; +} + +/* FIX: BACKFACE VISIBILITY */ +.b-collection-filters > .block:first-child > .b-list > li:after, +.b-collection-filters > .block:first-child > .b-list > li:before, +.b-collection-filters > .block:first-child > .b-list > li:after, +.b-collection-filters > .block:first-child > .b-list > li:before, +.p-user_rates .mylist-block + .block > .b-list > li:after, +.p-user_rates .mylist-block + .block > .b-list > li:before { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; +} + +/** + * TOPMENU + * Изменение верхнего меню сайта. + * Меню закреплено и увеличено. + */ +/* НАСТРОЙКА ЦВЕТОВ МЕНЮ */ +/* ОСНОВНОЕ МЕНЮ */ +/* Фон меню */ +.l-top_menu:before { + background-color: #212121; +} + +/* Цвет текста в меню */ +.l-top_menu { + color: #FAFAFA; +} + +/* Цвет текста пунктов меню при наведении */ +/* Цвет текста активных пунктов меню */ +/* По умолчанию: цвет текста наследуется от меню */ +.l-top_menu .menu-items > .entry.selected, +.l-top_menu .menu-items > .entry > a:active { + color: inherit !important; +} + +/* Цвет текста пунктов меню при наведении */ +/* По умолчанию: цвет текста наследуется от меню */ +.l-top_menu .menu-items > .entry:hover { + color: inherit; +} + +/* Цвет фона пунктов меню при наведении */ +.l-top_menu .menu-items > .entry > a:hover { + background-color: rgba(255, 255, 255, 0.12) !important; +} + +/* ВЫПАДАЮЩЕЕ МЕНЮ */ +@media only screen and (min-width: 1025px) { + /* Цвет фона выпадающего меню при наведении */ + .l-top_menu .submenu, + .b-main_search ul.popup { + background: #424242; + } + /* Цвет пунктов выпадающего меню при щелчке */ + /* Цвет активных пунктов выпадающего меню */ + /* По умолчанию: затемненный цвет фона выпадающего меню */ + .l-top_menu .submenu > .entry:active, + .l-top_menu .submenu > .entry.active, + .b-main_search .popup li:active, + .b-main_search .popup li.active { + background-color: rgba(0, 0, 0, 0.24); + } + /* Цвет пунктов выпадающего меню при наведении */ + /* По умолчанию: осветленный цвет фона выпадающего меню */ + .l-top_menu .submenu > .entry:hover, + .b-main_search .popup li:hover { + background-color: rgba(255, 255, 255, 0.24); + } + /* Цвет текста выпадающих меню */ + /* По умолчанию: цвет текста наследуется от меню */ + .l-top_menu .menu-search > .entry, + .l-top_menu .menu-userbox > .entry, + .l-top_menu .submenu { + color: inherit; + } + /* Цвет текста выпадающих меню при щелчке */ + /* Цвет текста активных пунктов выпадающего меню */ + /* По умолчанию: цвет текста наследуется от выпадающего меню */ + .l-top_menu .submenu > .entry:active, + .l-top_menu .submenu > .entry.active, + .b-main_search .popup li:active, + .b-main_search .popup li.active { + color: inherit; + } + /* Цвет текста выпадающих меню при наведении */ + /* По умолчанию: цвет текста наследуется от выпадающего меню */ + .l-top_menu .submenu > .entry:hover, + .b-main_search .popup li:hover { + color: inherit; + } + /* ЦВЕТА ПОИСКА */ + /* Фон строки поиска */ + .b-main_search .input { + background: rgba(242, 242, 242, 0.32); + } + /* Набираемый текст в строке поиска */ + .b-main_search .input input { + color: #fff; + } + /* Вспомогательный текст в строке поиска */ + .b-main_search input::-webkit-input-placeholder { + color: #ddd; + } + .b-main_search input:-moz-placeholder { + color: #ddd; + } + .b-main_search input::-moz-placeholder { + color: #ddd; + } + .b-main_search input:-ms-input-placeholder { + color: #ddd; + } +} + +/* ЦВЕТ ИКОНОК в меню (для мобильной версии) */ +/* По умолчанию: цвет текста наследуется от меню */ +.l-top_menu .to-mobile-forum, +.l-top_menu .menu-mobile .search, +.l-top_menu .menu-mobile .menu, +.l-top_menu .menu-mobile #sign_in, +.l-top_menu .menu-userbox .search, +.l-top_menu .menu-userbox .menu, +.l-top_menu .menu-userbox #sign_in { + color: inherit; +} + +/* END of Настройка цветов в меню */ +/* NOTE: Что это за элемент? */ +.to-top-fix { + height: 0; + background: none; + border: 0; +} + +.l-top_menu:before { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + opacity: 1; + transition: .3s; +} + +.l-top_menu { + position: fixed; + top: 0; + right: 0; + left: 0; + width: 100%; + max-width: 100%; + height: auto; + margin: auto; + background-color: transparent; + background-image: none; + border: none; + box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.24); + overflow: visible; +} + +/* Высота меню на мобильном телефоне в портретном режиме */ +/* Если вы меняете высоту меню, необходимо изменить верхний отступ страницы: */ +/* .l-page padding-top: 64px цифра равна высоте меню + 16px */ +/* Скопируйте правило и вставьте его в блоке МОИ НАСТРОЙКИ в конце файла. */ +.l-top_menu { + padding: 4px 0; +} + +/* NOTE: Максимальное разрешение SONY Xperia Z Ultra: 960x540px */ +@media screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape) { + .l-top_menu { + padding: 0; + } + .l-page { + padding-top: 64px; + } +} + +/* На планшетах и далее, высота меню равна 56px */ +@media screen and (min-width: 961px) and (orientation: landscape) { + .l-top_menu { + padding: 4px 0; + } +} + +/* MENUTOP > LOGO */ +.l-top_menu .inner > a:first-child { + display: inline-block; + vertical-align: top; + margin: 0 0 0 32px; + color: inherit !important; +} + +.l-top_menu .inner .logo { + float: none; + position: static; + width: auto; + height: auto; + padding: .8125rem 1rem; + margin: 0; + background: none; +} + +.l-top_menu .inner .logo:before { + content: 'Главная'; + display: block; + color: inherit; + font-size: 16px; + line-height: 22px; +} + +@media only screen and (min-width: 320px) { + .l-top_menu .inner .logo:before { + content: 'Shikimori'; + font-size: 20px; + text-transform: uppercase; + } +} + +@media only screen and (min-width: 480px) { + .l-top_menu .inner .logo:before { + content: 'Shikimori'; + font-size: 20px; + text-transform: uppercase; + } +} + +.l-top_menu .to-mobile-forum { + display: inline-block; + vertical-align: top; + position: static; + left: 138px; + width: 40px; + height: 40px; + padding: 8px; + margin: 4px !important; +} + +.l-top_menu .to-mobile-forum:before { + width: 1.5rem; + line-height: 1.5rem; + text-align: center; + font-size: 24px; +} + +.l-top_menu .mobile-menu-toggler, +.l-top_menu .mobile-search-toggler { + position: absolute; + top: 0; + z-index: 10; +} + +.l-top_menu .mobile-menu-toggler { + left: 0; +} + +.l-top_menu .mobile-search-toggler { + right: 56px; +} + +/* Перерисовываем меню сайта под Material */ +.l-top_menu .mobile-menu-toggler.active { + position: fixed; + top: 0; + left: 0; + width: 100% !important; + height: 100% !important; + margin: 0 !important; + background-color: #000; + z-index: 12; + opacity: .48; +} + +.l-top_menu .menu-items { + position: absolute; + top: 0; + width: calc(100% - 56px); + max-width: 320px; + height: calc(100vh + 16px); + padding: 8px 0; + margin: -8px 0; + overflow-y: auto; + z-index: 13; +} + +/* EXPERIMENTAL > ANIMATED MOBILE MENU */ +.l-top_menu .menu-items { + display: block; + transform: translate(-100%, 0); + transition: 240ms ease-out; +} + +.l-top_menu .menu-items.active { + transform: translate(0, 0); +} + +/* END of EXPERIMENTAL */ +@media only screen and (min-width: 320px) { + .l-top_menu .inner > a:first-child { + margin: 0 0 0 40px; + } +} + +@media only screen and (min-width: 360px) { + .l-top_menu .inner > a:first-child { + margin: 0 0 0 48px; + } +} + +@media only screen and (min-width: 1025px) { + .l-top_menu .inner > a:first-child { + margin: 0; + } +} + +@media only screen and (min-width: 1025px) { + .l-top_menu .to-mobile-forum { + display: none; + } + .l-top_menu .menu-items { + display: inline-block; + vertical-align: top; + position: static; + width: auto; + max-width: 100%; + height: auto; + padding: 0; + margin: 0; + margin-left: 0; + background-color: transparent; + color: inherit; + overflow: initial; + overflow-y: visible; + transform: translate(0, 0); + } + .l-top_menu .menu-items > .entry:active { + background-color: inherit; + } + .l-top_menu .menu-items > .entry:active, + .l-top_menu .submenu > .entry:active, + .l-top_menu .menu-items > .entry > a { + color: inherit !important; + } + .l-top_menu .menu-items > .entry > .submenu { + margin-top: 4px; + margin-left: 0; + } + .l-top_menu .submenu.right { + right: 0px; + margin-top: 4px; + } + .b-main_search ul.popup, + .b-main_search.hovered .popup { + margin: 0; + margin-top: 12px; + } + .l-top_menu .submenu > .entry, + .b-main_search .popup li { + color: inherit; + } + .b-main_search.hovered .popup { + height: 304px; + } + .l-top_menu .menu-items > .entry.calendar > a, + .l-top_menu .menu-items > .entry.info > a { + padding: 0.9375rem; + } + .l-top_menu .menu-items > .entry.calendar > a:before, + .l-top_menu .menu-items > .entry.info > a:before { + display: block !important; + } + .l-top_menu .menu-items > .entry.calendar > a:after, + .l-top_menu .menu-items > .entry.info > a:after { + display: none; + } +} + +.l-top_menu .menu-items > .entry { + float: none; + display: block; + padding: 0; + border: 0; + line-height: inherit; +} + +@media (min-width: 1025px) { + .l-top_menu .menu-items > .entry { + display: inline-block; + vertical-align: top; + } +} + +.l-top_menu .menu-items > .entry.selected, +.l-top_menu .menu-items > .entry:hover { + background-color: transparent; +} + +.l-top_menu .menu-items > .entry > a, +.l-top_menu .menu-items > .entry.sign_out { + padding: 1rem; + margin: 0; + font-size: inherit; + line-height: 1rem; +} + +.l-top_menu .menu-items > .entry > a.contest { + width: 3rem; + height: 3rem; + padding: .75rem !important; + background: inherit; +} + +.l-top_menu .menu-items > .entry > a.contest:before { + width: 1.5rem !important; + font-size: 1.5rem !important; + color: #EEEEEE; +} + +@media only screen and (min-width: 1025px) { + .l-top_menu .menu-items > .entry > a.contest { + width: 40px; + height: 40px; + padding: 11px !important; + margin: 4px; + background: transparent; + border-radius: 2px; + } + .l-top_menu .menu-items > .entry > a.contest:before { + position: static; + width: 18px !important; + margin: 0; + color: inherit; + font-size: 18px !important; + } +} + +/* Текст вместо иконок в верхнем меню */ +.l-top_menu .menu-items > .entry.calendar > a, +.l-top_menu .menu-items > .entry.info > a { + padding: 1rem; + margin: 0; + line-height: 1rem; +} + +.l-top_menu .menu-items > .entry.calendar > a:before, +.l-top_menu .menu-items > .entry.info > a:before { + display: none !important; +} + +.locale-ru .l-top_menu .menu-items > .entry.calendar > a:after { + content: 'Календарь онгоингов'; +} + +.locale-en .l-top_menu .menu-items > .entry.calendar > a:after { + content: 'Calendar'; +} + +.locale-ru .l-top_menu .menu-items > .entry.info > a:after { + content: 'Информация'; +} + +.locale-en .l-top_menu .menu-items > .entry.info > a:after { + content: 'Info'; +} + +@media only screen and (min-width: 1025px) { + .l-top_menu .menu-items > .entry.calendar > a, + .l-top_menu .menu-items > .entry.info > a { + padding: 0.9375rem; + } + .l-top_menu .menu-items > .entry.calendar > a:before, + .l-top_menu .menu-items > .entry.info > a:before { + display: block !important; + } + .l-top_menu .menu-items > .entry.calendar > a:after, + .l-top_menu .menu-items > .entry.info > a:after { + display: none; + } +} + +/* END of Текст вместо иконок в верхнем меню */ +/* Уведомления о голосованиях */ +.l-top_menu .menu-items > .entry > a.contest { + position: relative; +} + +.l-top_menu .menu-items > .entry > a.contest:hover { + background-color: transparent !important; +} + +.l-top_menu .menu-items > .entry > a.contest, +.l-top_menu .menu-items > .entry > a.contest:before { + transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); +} + +.l-top_menu .menu-items > .entry > a.contest:after { + content: attr(data-count); + position: absolute; + top: .125rem; + right: .125rem; + width: 1.25rem; + background-color: #FFAB40; + border-radius: 50%; + color: #212121; + font-size: .75rem; + line-height: 1.25rem; + text-align: center; +} + +@media screen and (min-width: 1025px) { + .l-top_menu .menu-items > .entry > a.contest:after { + top: -.25rem; + right: -.25rem; + } +} + +/* END of Уведомления о голосованиях */ +/* Уменьшение ширины пунктов меню */ +/* Уменьшение ширины "Сообщество" */ +@media screen and (min-width: 1025px) { + .l-top_menu .menu-items > .entry > a[href*="/forum"] { + padding: .875rem; + font-size: 0; + line-height: 0; + } + .l-top_menu .menu-items > .entry > a[href*="/forum"]:before { + content: 'people'; + font-size: 1.25rem; + } +} + +/* Уменьшение ширины всех пунктов меню */ +.x1000 .l-top_menu .menu-items > .entry > a, +.x1000 .l-top_menu .menu-items > .entry.sign_out { + padding: 1rem .875rem; +} + +/* END of Уменьшение ширины пунктов меню */ +.l-top_menu .submenu, +.b-main_search ul.popup { + min-width: 112px; + border: 0; +} + +.b-main_search .popup li { + transition: 0s; +} + +.l-top_menu .submenu > .entry { + height: 2rem; + padding: .5rem 1rem; + background-color: transparent; + border: 0; + font-size: .875rem; + line-height: 1rem; +} + +.l-top_menu .submenu > .entry:first-child, +.b-main_search ul.popup li:first-child { + margin-top: .5rem; +} + +.l-top_menu .submenu > .entry:last-child, +.b-main_search ul.popup li:last-child { + margin-bottom: .5rem; +} + +.l-top_menu .menu-items .submenu-toggler { + right: 0; + width: 48px; + height: 48px; + padding: .75rem; + margin: 0; + z-index: 10; +} + +.l-top_menu .menu-items .submenu-toggler:before { + width: 24px; + line-height: 24px; +} + +@media screen and (min-width: 1025px) { + .l-top_menu .menu-items .submenu-toggler, + .l-top_menu .inner .sign_out { + display: none; + } + .l-top_menu .menu-items > .entry { + color: inherit; + } +} + +@media screen and (max-width: 1024px) { + .l-top_menu .submenu { + padding-left: 32px; + } +} + +/* TOPMENU | SEARCH */ +.l-top_menu .menu-search { + padding: 8px 0; +} + +@media screen and (min-width: 1025px) { + .l-top_menu .menu-search { + padding: 0; + } + .l-top_menu .menu-search > .entry { + width: 234px; + padding: 8px 0 !important; + } +} + +.b-main_search { + padding-right: 8px !important; + padding-left: 8px !important; +} + +.b-main_search .input { + position: relative; + width: auto; + height: 2rem; + padding: 0; + margin: 0; + transition: background .3s; +} + +.b-main_search.hovered .popup { + border: 0; + font-size: .875rem; +} + +.b-main_search ul.popup li { + width: auto; + height: 2rem; + padding: .5rem 1rem; + border: 0; + font-family: inherit; + font-size: .875rem; + line-height: 1rem; +} + +.b-main_search .input input { + width: 100%; + padding: 0 1rem; + font-family: inherit; + font-size: 1rem; + line-height: 2rem; +} + +.b-main_search .input input.ac_loading { + width: 100%; + padding: 0 1rem; +} + +.b-main_search ul.popup { + width: inherit; +} + +/* END of SEARCH */ +/* TOPMENU | SEARCHRESULT */ +.ac_results.menu-suggest, +.completable-block.menu-suggest { + border: 0; + box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.24); +} + +.ac_results, +.completable-block { + font-size: .75rem; +} + +.ac_odd { + background-color: rgba(0, 0, 0, 0.24); +} + +.ac_over { + background-color: rgba(255, 255, 255, 0.24); +} + +.ac_results li { + padding: 0 .5rem; + border: none; + line-height: 2rem; +} + +.b-main_search ul.popup, +.b-main_search.hovered .popup { + margin: 0; +} + +.ac_results.menu-suggest, +.completable-block.menu-suggest { + margin-top: -17px; + margin-left: 6px; +} + +.ac_results .name { + font-size: 14px; +} + +.ac_results .name > strong { + background-color: #ff0; + color: #111; +} + +.ac_results .character-suggest .animes { + line-height: 1.25rem; +} + +.ac_results .character-suggest .animes > div { + margin: 2px 0 0; +} + +.ac_results .character-suggest .avatar { + width: 40px; + height: auto; + max-height: 64px; + margin: 8px 0 0 8px; + clip-path: circle(20px at 20px 20px); +} + +/* END of SEARCHRESULT */ +/* TOPMENU | USERBOX */ +.l-top_menu .menu-userbox { + position: absolute; + top: 0; + right: 0; +} + +.l-top_menu .menu-userbox > .entry { + position: relative; + height: 48px; + padding: 0 !important; + margin: 0 .5rem 0 1rem !important; + cursor: default; +} + +.entry.userbox > .avatar { + display: inline-block; + vertical-align: top; + position: relative; + width: 32px; + height: 32px; + margin: 8px; + border-radius: 100%; +} + +.entry.userbox > .avatar:after { + content: ''; + display: block; + position: absolute; + top: 0; + left: 0; + width: inherit; + height: inherit; + border-radius: 100%; +} + +.entry.userbox > .avatar > img { + height: inherit; +} + +.userbox > a .graphics-arrow-down, +.l-top_menu .menu-search .arrow-container, +.l-top_menu .menu-userbox .arrow-container, +.l-top_menu .menu-search .arrow-container .arrow-down, +.l-top_menu .menu-userbox .arrow-container .arrow-down { + display: none; +} + +@media screen and (max-width: 1024px) { + .userbox img.avatar, + .menu .unread-count { + margin-top: 0; + } +} + +.menu .unread-count { + position: absolute; + top: 0; + right: 0; + width: 1.25rem; + height: auto; + margin: 0; + border-radius: 100%; + line-height: 1.25rem; + z-index: 1; +} + +@media screen and (min-width: 1025px) { + .l-top_menu .menu-userbox { + position: relative; + } +} + +/* END of USERBOX */ +/* TOPMENU | ICON */ +.l-top_menu .menu-mobile .search, +.l-top_menu .menu-mobile .menu, +.l-top_menu .menu-userbox .search, +.l-top_menu .menu-userbox .menu { + width: 40px; + height: 40px; + padding: 8px; + margin: 4px; + margin-left: 4px !important; +} + +.l-top_menu .menu-mobile #sign_in, +.l-top_menu .menu-userbox #sign_in { + width: 40px; + height: 40px; + padding: 8px; + margin: 4px; + margin-left: 4px !important; +} + +@media (min-width: 1025px) { + .l-top_menu .menu-mobile #sign_in, + .l-top_menu .menu-userbox #sign_in { + width: 48px; + height: 48px; + padding: 12px; + margin: 0; + } +} + +/* END of ICON */ +/* ************** */ +/* END of TOPMENU */ +/* ************** */ +/** + * PAGINATION + * + */ +/* Делаем пагинацию более удобной */ +.p-animes_collection-index .pagination, +.p-mangas_collection-index .pagination, +.p-recommendations-index .pagination, +.p-userlist_comparer-show .pagination { + margin: 8px 0; + color: inherit; + font-size: 14px; + line-height: 32px; +} + +/* Добавляем разной ерунды */ +.p-animes_collection-index .pagination > *, +.p-mangas_collection-index .pagination > *, +.p-recommendations-index .pagination > *, +.p-userlist_comparer-show .pagination > * { + vertical-align: top; +} + +.p-animes_collection-index .pagination .link, +.p-mangas_collection-index .pagination .link, +.p-recommendations-index .pagination .link, +.p-userlist_comparer-show .pagination .link { + width: 40px; + height: 40px; + padding: 8px; + margin: -4px 8px; + font-size: 0; +} + +.p-animes_collection-index .pagination .link:first-child, +.p-mangas_collection-index .pagination .link:first-child, +.p-recommendations-index .pagination .link:first-child, +.p-userlist_comparer-show .pagination .link:first-child { + margin-left: 0; +} + +.p-animes_collection-index .pagination .link:last-child, +.p-mangas_collection-index .pagination .link:last-child, +.p-recommendations-index .pagination .link:last-child, +.p-userlist_comparer-show .pagination .link:last-child { + margin-right: 0; +} + +.p-animes_collection-index .pagination .link:hover, +.p-mangas_collection-index .pagination .link:hover, +.p-recommendations-index .pagination .link:hover, +.p-userlist_comparer-show .pagination .link:hover { + text-decoration: none; +} + +.p-animes_collection-index .pagination .link.disabled:hover, +.p-mangas_collection-index .pagination .link.disabled:hover, +.p-recommendations-index .pagination .link.disabled:hover, +.p-userlist_comparer-show .pagination .link.disabled:hover { + background-color: transparent; +} + +.p-animes_collection-index .pagination .link:before, +.p-mangas_collection-index .pagination .link:before, +.p-recommendations-index .pagination .link:before, +.p-userlist_comparer-show .pagination .link:before { + display: block; + width: 24px !important; + font-family: 'Material Icons' !important; + font-size: 24px !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-animes_collection-index .pagination .link.link-prev:before, +.p-mangas_collection-index .pagination .link.link-prev:before, +.p-recommendations-index .pagination .link.link-prev:before, +.p-userlist_comparer-show .pagination .link.link-prev:before { + content: 'chevron_left'; +} + +.p-animes_collection-index .pagination .link.link-next:before, +.p-mangas_collection-index .pagination .link.link-next:before, +.p-recommendations-index .pagination .link.link-next:before, +.p-userlist_comparer-show .pagination .link.link-next:before { + content: 'chevron_right'; +} + +/* ***************** */ +/* END of PAGINATION */ +/* ***************** */ +/** + * SUBHEADER + * Изменение подзаголовков разделов и ссылок в них. + */ +.headline { + padding: 8px 0; + margin: 8px 0; + background: none; + border: 0; + font-size: 24px; + font-weight: 400; + line-height: 32px; + text-transform: capitalize; +} + +.mischeadline, +.c-my_list .title, +.subheadline, +.midheadline, +.b-stats_bar .title, +.profile-content .activity .title, +.lifetime .title { + padding: 16px 0; + margin-bottom: 0; + background-color: transparent; + border: 0; + font-size: .875rem; + line-height: 1rem; + text-transform: uppercase; + overflow: initial; +} + +.p-db_entries-edit_field .subheadline { + overflow: hidden; +} + +.midheadline > a, +.subheadline > a { + vertical-align: top; + margin: -.5rem -1rem; +} + +.midheadline > a, +.subheadline > a, +.b-form .cancel, +.b-shiki_editor footer .unpreview, +.b-shiki_editor footer .preview, +.b-topic-preview > .editor-container .hide { + display: inline-block; + padding: 0 1rem; + background-color: transparent; + border-radius: .125rem; + font-size: .875rem; + line-height: 2rem !important; + text-transform: uppercase; +} + +.headline > a:before, +.midheadline > a:before, +.subheadline > a:before { + right: 0; + left: 0; + text-align: right; + opacity: 0; + pointer-events: auto; +} + +.headline.linkheadline > a, +.linkheadline.midheadline > a, +.linkheadline.subheadline > a { + text-decoration: none; +} + +.subheadline .misc-link { + float: right; +} + +.subheadline-input { + padding: 5px 8px; + margin-top: 8px !important; + border-radius: 2px !important; + font-size: 14px; + line-height: inherit !important; +} + +@media screen and (max-width: 767px) { + .subheadline-input { + padding-bottom: 5px !important; + padding-top: 5px !important; + } +} + +.subheadline-buttons { + right: 0; + margin: 0; +} + +.subheadline-buttons + .subheadline { + padding-right: 3rem; +} + +/* HOVER */ +.headline > a:hover, +.midheadline > a:hover, +.subheadline > a:hover { + text-decoration: none; +} + +.subheadline-buttons .item-edit, +.p-characters .item-edit { + display: inline-block; + width: 40px; + height: 40px; + padding: 8px; + margin: 4px 0; +} + +@media only screen and (min-width: 768px) { + .b-options-floated.r-edit { + margin-right: 48px; + } +} + +/* END of SUBHEADER */ +/** + * CONTEST PAGE + */ +.p-contests .contest-match { + padding: 16px 0; + margin-bottom: 0; +} + +.p-contests .contest-match .current-match .match-members:last-child { + margin-bottom: 0 !important; +} + +.p-contests .contest-match .vs .refrain { + display: inline-block; + padding: 0 16px; + font-size: 14px; + line-height: 32px; + text-transform: uppercase; +} + +.p-contests .contest-match .vs .refrain:hover { + text-decoration: none; +} + +.p-contests .match-day { + position: relative; + margin-bottom: 16px; + text-align: center; +} + +.p-contests .match-day:before { + content: ''; + display: block; + position: absolute; + top: 10px; + right: 0; + left: 0; + height: 1px; +} + +.p-contests .match-day > .date { + position: relative; + display: inline-block; + padding: 0 16px; + margin-bottom: 4px; + text-align: center; + text-transform: uppercase; +} + +.p-contests .match-day > .date .from, +.p-contests .match-day > .date .to { + margin-right: 8px; +} + +.p-contests .match-day > .date .to { + margin-left: 8px; +} + +.p-contests .match-day .match-link { + padding-left: 0; + text-align: left; +} + +.p-contests .match-day .match-link .c-column { + line-height: 32px; +} + +.p-contests .match-day .match-link .voted:before, +.p-contests .match-day .match-link .winner:before, +.p-contests .match-day .match-link .loser:before, +.p-contests .match-day .match-link .created:before, +.p-contests .match-day .match-link .started:before, +.p-contests .match-day .match-link .finished:before { + display: inline-block; + vertical-align: top; + width: 18px; + padding-right: 0; + padding-left: 0; + margin: 7px 0; + margin-right: 14px; + font-family: "Material Icons"; + font-size: 18px; + font-weight: normal !important; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-contests .match-day .match-link .created:before { + color: #9B9B9B; + content: "lock"; + padding-right: 0; +} + +.p-contests .match-day .match-link .started:before { + content: "check_box_outline_blank"; + color: #757575; +} + +.p-contests .match-day .match-link.voted-none .started:before { + color: #9B9B9B; +} + +.p-contests .match-day .match-link.voted-left .started:first-child:before, +.p-contests .match-day .match-link.voted-right .started:last-child:before { + content: "check_box"; +} + +.p-contests .match-day .match-link.voted-left .started:last-child:before, +.p-contests .match-day .match-link.voted-right .started:first-child:before { + content: 'indeterminate_check_box'; +} + +.p-contests .match-day .match-link .winner:before { + content: "thumb_up"; +} + +.p-contests .match-day .match-link .loser:before { + content: "thumb_down"; + padding-right: 0; +} + +.p-contests .match-day .match-link.voted-left .started:first-child:before, +.p-contests .match-day .match-link.voted-right .started:last-child:before, +.p-contests .match-day .match-link .winner:before { + color: #66BB6A; +} + +.p-contests .match-day .match-link.voted-left .started:last-child:before, +.p-contests .match-day .match-link.voted-right .started:first-child:before, +.p-contests .match-day .match-link .loser:before { + color: #EF5350; +} + +.p-contests .match-day .matches-num { + display: inline-block; + width: 56px; + padding-right: 0; + font-size: 16px; +} + +.p-contests-show .cc-round_stats > .c-column:first-child:last-child > .block:last-child { + padding: 4px 0; +} + +.p-contests-show .warning { + margin-top: 0; + margin-bottom: 16px; +} + +.p-contests .rating .member { + height: auto; +} + +.p-contests-users .subheadline a:hover { + background: none; +} + +.p-contests .contest-match .votes-percents { + border-radius: 4px; + font-size: 14px; + line-height: 24px; +} + +.p-contests .contest-match .votes-percents span { + float: left; + position: relative; + white-space: nowrap; + z-index: 1; +} + +.p-contests .contest-match .votes-percents .left-part { + position: relative; + border-radius: inherit; + padding-left: 8px; +} + +.p-contests .contest-match .votes-percents .left-part > span { + color: #212121; +} + +.p-contests .contest-match .votes-percents .right-part { + position: absolute; + top: 0; + right: 0; + padding-right: 8px; +} + +.p-contests .contest-match .votes-percents .right-part span { + float: right; +} + +.p-contests .contest-match .votes-percents .left-part, +.p-contests .contest-match .votes-percents .right-part { + height: auto; +} + +.p-contests .contest-match .votes-percents .right-part:before { + left: -24px; + border-right-width: 24px; + border-top-width: 48px; +} + +.p-contests .contest-match .votes-percents .left-part:hover .right-part:before { + border-right-width: 24px; +} + +.p-contests .contest-match .votes-percents .right-part:before, +.p-contests .contest-match .votes-percents .left-part:hover .right-part:before { + border-right-color: inherit; +} + +.p-contests .results .cc-result .c-rounds .match-day:before { + display: none; +} + +.p-contests .results .cc-result .c-rounds .match-day .match { + padding-bottom: 0; + line-height: 32px; + text-align: left; +} + +.p-contests .results .cc-result .c-rounds .match-link { + display: inline-block; +} + +@media (min-width: 481px) { + .p-contests .contest-match .prev-match:hover, + .p-contests .contest-match .next-match:hover { + background-color: transparent; + } +} + +/* Mobile Ver. */ +@media (max-width: 480px) { + .p-contests .contest-match .prev-match, + .p-contests .contest-match .next-match { + position: absolute; + left: 0; + width: auto; + padding: 8px; + border-radius: 2px; + line-height: 32px; + z-index: 2; + } + .p-contests .contest-match .next-match { + right: 0; + left: auto; + } + .p-contests .contest-match .next-match:before { + margin: 0; + } + .p-contests .contest-match .prev-match:before, + .p-contests .contest-match .next-match:before { + display: block; + font-family: 'Material Icons'; + font-size: 24px; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; + } + .p-contests .contest-match .prev-match:before { + content: 'chevron_left'; + } + .p-contests .contest-match .next-match:before { + content: 'chevron_right'; + } + .p-contests .contest-match .current-match { + clear: both; + } + .p-contests .contest-match .current-match .match-members { + padding-top: 96px; + margin-bottom: 4px; + } + .p-contests .contest-match .current-match .match-member { + position: relative; + width: 48%; + z-index: 2; + } + .p-contests .contest-match .current-match .match-member:first-child { + float: left; + } + .p-contests .contest-match .current-match .match-member:last-child { + float: right; + } + .p-contests .contest-match .vs { + position: absolute; + top: 72px; + width: 100%; + } + .p-contests .contest-match .vs > div:first-child { + display: inline-block; + position: absolute; + top: 112px; + right: 0; + left: 0; + width: 72px; + height: 72px; + margin: auto; + border-radius: 100%; + font-size: 24px; + line-height: 72px; + text-transform: uppercase; + z-index: 6; + } + .p-contests .contest-match .vs .finish { + position: absolute; + top: -64px; + right: 0; + left: 0; + width: 148px; + margin: auto; + font-size: 12px; + line-height: 20px; + } + .p-contests .contest-match .vs .refrain { + position: absolute; + top: -62px; + right: 0; + left: 0; + width: 168px; + margin: auto; + z-index: 7; + } + .p-contests .contest-match .vs .next { + position: absolute; + top: -56px; + right: 0; + left: 0; + width: 168px; + margin: auto; + font-size: 14px; + line-height: 32px; + text-transform: uppercase; + z-index: 5; + } + .p-contests .contest-match .match-losers { + display: block; + padding: 0; + } +} + +@media (max-width: 1024px) { + .p-contests .match-day .match-link .c-column { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + } + .p-contests .match-day .match-link .winner:before, + .p-contests .match-day .match-link .loser:before { + display: none; + } + .p-contests .match-day .matches-num { + width: auto; + padding: 0 4px; + margin-right: 8px; + border-radius: 2px; + color: #FFF; + font-size: 12px; + line-height: 20px; + } + .p-contests .match-day .winner .matches-num { + background-color: #66bb6a; + } + .p-contests .match-day .loser .matches-num { + background-color: #ef5350; + } +} + +/* END of Mobile Ver. */ +/* END of CONTEST PAGE */ +/* ROUNDED IMAGES */ +.b-dialog > .inner header img, +.b-message > .inner header img, +.p-user_rates-index .l-menu .avatar img, +.avatar > img { + border-radius: 100%; +} + +/* END of ROUNDED IMAGES */ +/* TODO: replace */ +.b-catalog_entry.dropped .image-cutter { + filter: grayscale(100%); +} + +/** + * ANIME PAGE + */ +.b-animes-menu .friend-rate { + line-height: 1.5rem; + white-space: nowrap; +} + +.b-animes-menu .site-icon { + margin-top: .25rem; + margin-right: .75rem; +} + +.b-db_entry { + margin-bottom: 8px; +} + +.b-db_entry-note .name-container { + padding: .25rem 0; +} + +.b-db_entry-note .name-container .name { + display: block; + font-size: 1rem; + line-height: 1.25rem; +} + +.b-db_entry-note .name-container .note { + margin-top: 4px; + font-size: .875rem; + line-height: 1rem; +} + +.b-db_entry-note .name-container .note > span { + display: inline-block; + vertical-align: top; +} + +.b-db_entry-note .name-container .b-user_rate { + margin-top: .375rem; +} + +.b-db_entry > .c-about .c-info-left, +.b-db_entry > .c-about .c-info-right, +.b-db_entry > .c-about .c-info-left:last-child, +.b-db_entry > .c-about .c-info-right:last-child { + margin-bottom: 8px !important; +} + +.p-animes .b-db_entry > *:last-child { + clear: left; + padding-top: 0; + margin-left: 0 !important; +} + +.p-people .subheadline.m10 { + width: 100%; +} + +.p-people .m0 { + clear: both; + padding: 0; + margin: 0 !important; +} + +.p-characters .subheadline.m5 { + width: 100%; + overflow: hidden; +} + +.p-characters .subheadline.m5 > a { + display: block; +} + +.p-characters .subheadline.m10 { + width: auto; +} + +.p-characters .subheadline.m10 > a { + display: inline-block; +} + +@media screen and (max-width: 480px) and (orientation: portrait) { + .b-db_entry > .c-image .c-actions > a { + width: auto !important; + } +} + +.b-lang_trigger { + position: absolute; + top: -53px; + right: 0; + width: 40px; + height: 40px; + padding: 10px 0; + margin: 4px; + font-size: 12px; + line-height: 20px; + text-align: center; + text-transform: uppercase; + cursor: pointer; +} + +.b-lang_trigger:before, +.b-lang_trigger:after { + display: none; +} + +.b-lang_trigger span { + border: 0; +} + +.midheadline, +.m10 { + margin-bottom: 0 !important; +} + +.b-user_rate .rate-show .note { + padding: 8px 16px; + font-size: 14px; + line-height: 20px; +} + +.b-user_rate .rate-show .note:before { + content: 'Заметка'; + display: block; + font-size: 10px; +} + +.b-forums .forum .topics { + margin-left: 8px; + margin-top: 0; +} + +/* ADD TO LIST BUTTON */ +.b-add_to_list { + min-width: 0; +} + +.b-add_to_list .trigger, +.b-add_to_list .option { + border: 0; +} + +.b-add_to_list .trigger, +.b-add_to_list .option { + padding: .5rem 1rem .5rem 3rem; + border: 0; + line-height: 1.5rem; +} + +/* thx @bot.AkiKawasaki */ +.b-add_to_list .trigger { + border-radius: .125rem; +} + +.b-add_to_list .option:last-child { + border-radius: 0 0 .125rem .125rem; +} + +.b-add_to_list .trigger + .expanded-options { + margin-top: -.125rem; +} + +.b-add_to_list .plus, +.b-add_to_list .edit, +.b-add_to_list .trigger-arrow { + width: 2.5rem; + height: 2.5rem; + padding: .5rem; + margin: -.5rem -1rem -.5rem 0; + color: inherit !important; +} + +.b-add_to_list .plus, +.b-add_to_list .edit { + position: absolute; + left: 0; + margin-left: 0 !important; + margin-right: .5rem !important; +} + +.b-add_to_list .trigger-arrow { + position: relative; +} + +.b-add_to_list .expanded-options .option .text { + padding-left: 0; +} + +.b-add_to_list.completed ~ .rate-show > .rate-number, +.b-add_to_list.completed ~ .rate-show > .episodes { + height: 1rem; + margin-bottom: 0; + font-size: 0; +} + +/* DENSE ATL_BUTTON */ +.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 { + padding: 0 1rem 0 2.25rem; + line-height: 2rem; +} + +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .plus, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .edit, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger-arrow { + width: 2rem; + height: 2rem; + padding: .4375rem; + margin: 0 -1rem 0 .25rem; +} + +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .plus, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .edit { + margin-right: .25rem !important; +} + +/* END of DENSE ATL_BUTTON */ +/* ATL_BUTTON in NEWS */ +.b-catalog_entry-tooltip .b-add_to_list { + width: auto; +} + +.b-catalog_entry-tooltip .b-add_to_list .trigger { + font-size: .875rem; + line-height: 1.5rem; +} + +.b-catalog_entry-tooltip .b-add_to_list .option { + font-size: .875rem; +} + +.b-catalog_entry-tooltip .b-add_to_list .trigger, +.b-catalog_entry-tooltip .b-add_to_list .add-trigger, +.b-catalog_entry-tooltip .b-add_to_list .remove-trigger { + max-width: 224px; +} + +/* END of ATL_BUTTON in NEWS */ +/* FIX ORIGINAL STYLE */ +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .plus::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .edit::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .trigger-arrow::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .plus::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .edit::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .trigger-arrow::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .plus::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .edit::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .trigger-arrow::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .plus::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .edit::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .trigger-arrow::before { + color: inherit; +} + +/* FIX: ADD_TO_LIST LAYOUT IN NOTES (issue #7) */ +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger { + padding: 0 1rem 0 2rem; +} + +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger + .expanded-options { + margin-top: 0; +} + +/* END of ADD TO LIST BUTTON */ +.b-catalog_entry.planned .image-decor::after, +.b-catalog_entry.watching .image-decor::after, +.b-catalog_entry.completed .image-decor::after, +.b-catalog_entry.rewatching .image-decor::after, +.b-catalog_entry.on_hold .image-decor::after, +.b-catalog_entry.dropped .image-decor::after { + top: auto; + right: .375rem; + bottom: .375rem; + width: 2rem; + height: auto; + border: none; + border-radius: 100%; + font-size: 1.125rem; + line-height: 2rem; + box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.32); + /* TODO: MERGE with ICON_FONT */ + font-family: 'Material Icons'; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-animes_collection-index.x1000 .b-catalog_entry .image-decor::after, +.p-mangas_collection-index.x1000 .b-catalog_entry .image-decor::after, +.p-recommendations-index.x1000 .b-catalog_entry .image-decor::after, +.p-userlist_comparer-show.x1000 .b-catalog_entry .image-decor::after { + width: 32px; + height: auto; + border-radius: 100%; + line-height: 32px; +} + +.b-catalog_entry.planned .image-decor::after { + content: "event"; +} + +.b-catalog_entry.watching .image-decor::after { + content: "play_arrow"; +} + +.b-catalog_entry.rewatching .image-decor::after { + content: "replay"; +} + +.b-catalog_entry.completed .image-decor::after { + content: "done"; +} + +.b-catalog_entry.on_hold .image-decor::after { + content: "schedule"; +} + +.b-catalog_entry.dropped .image-decor::after { + content: "delete"; +} + +.b-db_entry-note .name-container { + margin-left: 64px; + line-height: inherit; +} + +header.head, +.block, +.b-add_to_list, +.b-user_rate .rate-show { + margin-bottom: .5rem; +} + +.l-page > div > header.head { + margin-bottom: 1.5rem; +} + +.p-profiles-edit .l-page > div > header.head, +.p-dialogs .l-page > div > header.head, +.p-messages .l-page > div > header.head { + margin-bottom: 0; +} + +.c-poster img { + display: block; + min-height: 48px; +} + +/* Кнопки управления над постером */ +@media (min-width: 481px) { + .c-poster:hover ~ .c-actions { + opacity: 0; + } + .c-actions { + position: absolute; + bottom: 0; + width: 100%; + padding: 4px 0; + } + .c-actions:before { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + opacity: .8; + } + .c-actions > * { + position: relative; + } +} + +.c-actions > * { + width: 40px !important; + height: 40px !important; + padding: .5rem; +} + +.c-actions > *:not(:last-child) { + margin-right: 8px !important; +} + +.c-actions > *:before { + font-size: 24px !important; + line-height: 1 !important; +} + +.c-actions .fav-remove:hover:before { + color: inherit; +} + +@media screen and (min-width: 1200px) { + .c-poster center { + text-align: left; + } + .p-animes-show .c-image .b-user_rate, + .p-mangas-show .c-image .b-user_rate { + margin: 0; + } +} + +.b-rate { + padding: 6px 0; +} + +.b-rate .text-score { + vertical-align: top; +} + +.b-rate .score-value { + line-height: 36px; +} + +.b-rate .score-notice { + font-size: 10px; + margin-top: -46px; + text-transform: uppercase; +} + +.b-review-topic .b-rate .score-notice { + margin-top: -58px; +} + +.b-user_rate .rate-show .episodes { + margin-bottom: 8px; + font-size: 14px; + line-height: 32px; +} + +.b-user_rate .rate-show .rate-number { + margin-right: 0; +} + +.b-user_rate .rate-show .rate-number .current-episodes, +.b-user_rate .rate-show .rate-number .sep, +.b-user_rate .rate-show .rate-number .total-episodes { + display: inline-block; + vertical-align: top; + line-height: 32px; +} + +.b-user_rate .rate-show .rate-number .item-add { + display: inline-block; + vertical-align: top; + width: 40px; + height: 40px; + padding: 8px; + margin: -4px 0 0 8px; +} + +.b-user_rate .rate-show .rate-number .item-add:before { + width: 24px !important; + font-family: 'Material Icons' !important; + font-size: 24px !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.b-user_rate .rate-show .rate-number .item-add:before { + content: 'add'; +} + +.b-rate .stars:after { + font-size: 36px !important; + font-family: 'Material Icons' !important; + line-height: 1 !important; + font-weight: 400 !important; + text-transform: none; + letter-spacing: -6px; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.b-rate .stars.background:after { + content: 'star_border star_border star_border star_border star_border'; +} + +.b-rate .stars.score-1:after { + content: 'star_half'; +} + +.b-rate .stars.score-2:after { + content: 'star'; +} + +.b-rate .stars.score-3:after { + content: 'star star_half'; +} + +.b-rate .stars.score-4:after { + content: 'star star'; +} + +.b-rate .stars.score-5:after { + content: 'star star star_half'; +} + +.b-rate .stars.score-6:after { + content: 'star star star'; +} + +.b-rate .stars.score-7:after { + content: 'star star star star_half'; +} + +.b-rate .stars.score-8:after { + content: 'star star star star'; +} + +.b-rate .stars.score-9:after { + content: 'star star star star star_half'; +} + +.b-rate .stars.score-10:after { + content: 'star star star star star'; +} + +.watch-online-placeholer { + margin: 2rem auto .5rem; +} + +.b-link_button.watch-online:before, +.b-link_button.upload-video:before, +.b-link_button.create-topic:before { + display: none; +} + +.b-entry-info { + margin: 0; + font-size: .875rem; +} + +.b-entry-info .line { + line-height: 1.5rem; +} + +.b-tag, +.b-entry-info .line .b-tag, +.b-catalog_entry-tooltip .inner .line .value .tag { + padding: 0 8px; + margin: 0 4px 0 0; + border: 0; + font-size: .625rem; + line-height: 20px; + text-transform: uppercase; +} + +.b-tag:hover, +.b-entry-info .line .b-tag:hover, +.b-catalog_entry-tooltip .inner .line .value .tag:hover { + padding: 0 8px; + margin: 0 4px 0 0; +} + +.b-tag { + font-size: .875rem; + line-height: 24px; +} + +.b-catalog_entry-tooltip .inner .line .value .tag, +.b-catalog_entry-tooltip .inner .line .value .tag:hover { + padding: 0 6px; + line-height: 18px; +} + +@media screen and (min-width: 1200px) { + .p-animes_collection-index.x1200 .cc-entries > .c-column { + width: 18.4%; + margin-right: 2%; + border-radius: 2px; + } +} + +/** + * COMMENT + * Изменение всех комментариев, новостей, диалогов, топиков. + */ +.b-comment, +.b-dialog, +.b-message { + position: relative; + padding-top: .75rem !important; + padding-bottom: .75rem; + margin-bottom: 0; + border: 0; +} + +.b-comments { + line-height: inherit; +} + +.b-dialog { + position: relative; +} + +.b-topic { + padding-top: .5rem; +} + +.b-comment > .inner .was_updated { + margin: 0; + color: #9E9E9E; +} + +/* Исправление для предпросмотра комментария во всплывающем окне */ +.tooltip-inner .b-message { + padding-top: 0 !important; + padding-bottom: 0; +} + +/* inset dividers */ +.b-dialog:before, +.b-message:before, +.b-comment:before, +.b-comments .comments-loaded:before { + content: ''; + position: absolute; + bottom: 0; + right: 0; + left: 3.5rem; + height: 1px; +} + +.b-generated_news:before { + left: 0; +} + +.b-comments .comments-loaded .b-comment:last-child { + margin: 0; +} + +.b-dialog:last-child:before, +.b-message:last-child:before, +.b-comment:last-child:before, +.tooltip-inner .b-message:before { + display: none; +} + +.b-comment .body, +.b-message .body, +.b-topic .body, +.b-dialog .body { + padding: 4px 0; + padding-left: 0; + line-height: inherit; + overflow: hidden; +} + +/* Левый отступ комментариев от края экрана */ +.inner > header, +.inner > .body, +.inner > footer, +.b-topic-preview > .b-comments { + padding-left: 3.5rem; +} + +/* Фикс отступа в новостях и новостных топиках */ +.b-topic-preview.mini > .inner > header, +.b-generated_news-topic > .inner > header, +.b-generated_news > .inner > header, +.b-generated_news > .inner > .body { + padding-left: 0; +} + +/* Предпросмотр описания и страниц клуба */ +.edit_club .b-shiki_editor .b-comment .inner .body, +.edit_club_page .b-shiki_editor .b-comment .inner .body { + padding-left: 0; +} + +@media screen and (max-width: 767px) { + .b-topic-preview > .b-comments { + padding-left: 0; + } + .b-topic-preview > .inner > .body, + .b-topic-preview > .inner > footer { + padding-left: 3.5rem; + } +} + +@media screen and (min-width: 767px) { + .b-news-topic > .b-comments { + padding-left: 3.5rem; + } +} + +/* END of Левый отступ комментариев от края экрана */ +.b-comment > .inner header, +.b-dialog > .inner header, +.b-message > .inner header, +.b-topic > .inner header { + margin-bottom: 0; +} + +.b-dialog > .inner header, +.b-message > .inner header { + padding-top: .25rem; + padding-bottom: .25rem; +} + +.b-comment > .inner header > a, +.b-message > .inner header > a, +.b-dialog > .inner header > a, +.b-topic > .inner header > a { + position: absolute; + left: 0; +} + +.b-dialog .body .b-message > .inner header > a { + position: relative; +} + +.b-topic > .inner header img { + width: 2.5rem; + margin: .25rem 1rem 0 0; +} + +.b-comment > .inner header img, +.b-message > .inner header img, +.b-dialog > .inner header img { + width: 2.5rem; + margin: .25rem 1rem 0 0; + border-radius: 100%; +} + +.b-topic > .inner header .name-date, +.b-comment > .inner header .name-date { + padding: .25rem 0; + line-height: 2rem; +} + +.b-topic > .inner header .name-date { + line-height: 20px; +} + +.b-message > .inner header .name-date, +.b-dialog > .inner header .name-date { + line-height: 2rem; +} + +.b-topic .name-date .name, +.b-comment .name-date .name, +.b-dialog .name-date .name { + font-size: 1rem; +} + +.b-message > .inner header .name-date a.name, +.b-topic > .inner header .name-date a.name, +.b-comment > .inner header .name-date a.name, +.b-dialog > .inner header .name-date a.name { + display: block; + margin-right: .5rem; + line-height: 1.25rem; +} + +.b-topic > .inner header .name-date a.name, +.b-topic > .inner header .name-date .about { + display: inline-block; + vertical-align: top; + line-height: inherit; +} + +.b-topic > .inner header .name-date .about { + margin-right: .5rem; +} + +.b-topic > .inner > header .name-date a { + font-size: 16px; +} + +.b-topic > .inner > header .about > span { + display: inline-block; + vertical-align: top; + color: #9E9E9E; + padding: 0 .5rem 0 0; + font-size: .875rem; + line-height: inherit; +} + +.b-topic > .inner > header .about a { + display: inline-block; + vertical-align: top; + font-size: 1rem; + line-height: inherit; +} + +.b-comment > .inner header .name-date a.name:hover { + text-decoration: none; +} + +.b-message > .inner header .name-date .time, +.b-topic > .inner header .name-date .time, +.b-comment > .inner header .name-date .time, +.b-dialog > .inner header .name-date .time { + position: relative; + padding-top: 0; + padding-left: 0; + margin-right: .5rem; + line-height: 1.25rem; +} + +.b-message > .inner header .name-date .time > time, +.b-comment > .inner header .name-date .time > time, +.b-topic > .inner header .name-date .time > time { + display: block; + font-size: .875rem; + line-height: inherit; +} + +.b-topic > .inner header .name-date .time { + font-size: .875rem; + line-height: inherit; +} + +.b-comment > .inner header .name-date .time:hover { + text-decoration: underline; +} + +.b-comment header .hash { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: 0; + opacity: 0; + z-index: 1; +} + +.b-comment .inner .name-date a.name .normal { + vertical-align: top; +} + +@media only screen and (min-width: 1025px) { + .b-topic > .inner header .name-date, + .b-comment > .inner header .name-date { + padding: .25rem 0; + line-height: 1.5rem; + } + .b-comment > .inner header .name-date a.name, + .b-comment > .inner header .name-date .time, + .b-dialog > .inner header .name-date a.name, + .b-dialog > .inner header .name-date .time { + display: inline-block; + vertical-align: top; + line-height: inherit; + } + .b-message > .inner header .name-date .time > time, + .b-comment > .inner header .name-date .time > time { + display: block; + font-size: 13px; + line-height: inherit; + } + .p-dialogs .b-message > .inner header { + padding-top: 0; + padding-bottom: 0; + } + .p-dialogs .b-message > .inner header .name-date { + line-height: 32px; + } + .p-dialogs .b-message > .inner header .name-date a.name, + .p-dialogs .b-message > .inner header .name-date .time { + display: inline-block; + vertical-align: top; + line-height: inherit; + } + .b-comment > .inner header img, + .b-message > .inner header img, + .b-dialog > .inner header img { + margin: 6px 16px 0 0; + } + .b-topic > .inner header .name-date .time { + display: inline-block; + vertical-align: top; + line-height: inherit; + } +} + +.p-messages .b-message > .inner header .name-date a.name, +.p-messages .b-message > .inner header .name-date .time { + display: inline-block !important; + vertical-align: top; + padding-top: 0; + line-height: inherit !important; +} + +@media screen and (max-width: 1024px) { + .b-dialog .time { + display: block !important; + padding-left: 0 !important; + font-size: 14px !important; + line-height: 20px !important; + } + .b-dialog > .inner header .name-date time { + display: block; + line-height: inherit; + } + .b-dialog .b-message > .inner header .name-date .time { + display: inline-block !important; + vertical-align: top; + padding-left: 0 !important; + line-height: inherit !important; + } + .b-dialog .b-message .inner header .name-date .name { + display: inline-block !important; + vertical-align: top; + } +} + +.b-dialog > .inner header .name-date .time, +.b-message > .inner header .name-date .time { + color: #9E9E9E; +} + +.b-dialog .b-message { + position: static; + margin: 0; + padding: 0 !important; + overflow: visible; +} + +.b-dialog .b-message .inner header { + padding: 4px 0; +} + +.b-dialog .b-message .inner header img { + width: 20px; + margin: 0 8px 0 0; +} + +.b-dialog .b-message .inner header .name-date { + line-height: 20px; +} + +.b-dialog .b-message .inner .body { + padding-left: 0 !important; +} + +.yellow-fade { + background: rgba(249, 247, 19, 0.16); + outline-color: rgba(249, 247, 19, 0.16); +} + +.b-replies { + padding: 8px 0 0; +} + +.b-quote { + margin: .5rem 0; + padding: .5rem 1rem; +} + +.b-quote .quoteable { + margin: 0 0 .5rem; + line-height: 20px; +} + +.b-quote .quoteable:before { + float: left; + margin-right: 8px; +} + +.b-quote .b-quote { + margin-left: 0 !important; +} + +.b-topic > .inner header:after { + content: ""; + clear: both; + display: none; +} + +.b-topic .body { + line-height: 20px; +} + +.b-topic-preview > .inner .status-line { + margin-top: -8px; + margin-bottom: 8px; + font-size: 14px; + line-height: 20px; +} + +.b-topic-preview > .inner .status-line .author { + padding: 0; +} + +.b-topic-preview > .inner .status-line .b-link { + padding: 0 8px; +} + +.b-topic-preview > .inner .status-line .additional { + padding-left: .5rem; + margin-left: .5rem; +} + +.b-topic-preview > .inner .status-line .additional .comments, +.b-topic-preview > .inner .status-line .additional .likes { + color: inherit; +} + +.b-topic-preview > .inner .status-line .additional .comments:before, +.b-topic-preview > .inner .status-line .additional .likes:before { + vertical-align: top; + padding-right: 8px; + color: #BDBDBD; +} + +.b-topic-preview > .inner .status-line .additional .comments:before, +.b-topic-preview > .inner .status-line .additional .likes:before { + padding-right: 8px; + font-family: 'Material Icons'; + font-size: 18px; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.b-topic-preview > .inner .status-line .additional .comments:before { + content: "mode_comment"; +} + +.b-topic-preview > .inner .status-line .additional .likes:before { + content: "thumb_up"; +} + +.b-topic-preview > .inner .status-line .additional .b-review_votes { + margin-left: 1rem; +} + +.b-collection-topic .b-review_votes { + display: inline-block; + font-size: inherit; + line-height: inherit; +} + +.b-review-topic .review-votes_count { + font-size: .875rem; +} + +/* Просмотр комментариев во всплывающей подсказке */ +.tooltip .b-comment { + padding-top: 0 !important; + padding-bottom: 0; +} + +.tooltip .b-comment:before { + display: none; +} + +/* Иконки коллекций */ +.b-collection-topic > .inner .status-line .collection-size { + color: inherit; +} + +.b-collection-topic > .inner .status-line .collection-size:before, +.b-review_votes:before { + vertical-align: top; + width: 1.125rem; + padding-right: .5rem; + color: #BDBDBD; + font-size: 1.125rem; +} + +.b-collection-topic > .inner .status-line .collection-size:before { + content: 'collections_bookmark'; +} + +.b-review_votes:before { + content: 'thumbs_up_down'; +} + +.b-review_votes .votes-for { + color: #66BB6A; +} + +.b-review_votes .votes-against { + color: #EF5350; +} + +/* Кнопки голосования в рецензиях и коллекциях */ +.b-topic .footer-vote { + padding: 0; + margin-top: 1rem; + margin-bottom: 1rem; + background: transparent; + border: 0; + color: inherit; + font-size: .875rem; + line-height: inherit; +} + +.b-topic .footer-vote:after { + content: ''; + display: block; + clear: both; +} + +.b-topic .footer-vote .star { + vertical-align: top; + padding: .5rem; + line-height: 0; +} + +.b-topic .footer-vote .star:before { + content: 'thumbs_up_down'; + width: 1.5rem; + padding: 0; + font-size: 1.5rem; +} + +.b-topic .footer-vote .notice { + margin: 0 1.5rem 0 1rem; + line-height: 2.5rem; +} + +.b-topic .footer-vote .vote-group { + float: right; +} + +.b-topic .footer-vote .vote-group .vote { + min-width: 5.5rem; + padding: 0 1rem; + margin: .25rem 0; + background-color: #212121; + border: 0; + border-radius: .125rem; + color: inherit; + font-size: .875rem; + font-weight: 700; + line-height: 2rem; + text-transform: uppercase; + opacity: 1; + transition: background-color .24s ease, color .24s ease; +} + +.b-topic .footer-vote .vote-group .vote:not(:last-child) { + margin-right: .5rem; +} + +.b-topic .footer-vote .vote-group .vote.yes.selected, +.b-topic .footer-vote .vote-group .vote.yes:hover { + background-color: #4CAF50; + background-color: #66BB6A; + color: #FFFFFF; +} + +.b-topic .footer-vote .vote-group .vote.no.selected, +.b-topic .footer-vote .vote-group .vote.no:hover { + background-color: #F44336; + background-color: #EF5350; + color: #FFFFFF; +} + +.b-topic .footer-vote .vote-group .vote.yes:before, +.b-topic .footer-vote .vote-group .vote.no:before { + vertical-align: middle; + width: 1.125rem; + padding: 0; + margin-right: .875rem; + font-size: 1.125rem; +} + +.b-topic .footer-vote .vote-group .vote.yes:before { + content: 'thumb_up'; +} + +.b-topic .footer-vote .vote-group .vote.no:before { + content: 'thumb_down'; +} + +.b-topic .footer-vote .vote-group .separator { + display: none; +} + +/* END of Кнопки голосования в рецензиях и коллекциях */ +/** + * COMMENT DOESN'T SLIDE + * Большие комментарии, топики не должны сдвигаться margin'ами. + * Либо translate3d либо никак. + */ +.b-topic.aside-expanded > .inner, +.b-dialog.aside-expanded > .inner, +.b-message.aside-expanded > .inner, +.b-comment.aside-expanded > .inner, +.b-topic.aside-expanded > .b-comments { + margin-left: 0; +} + +.b-topic.aside-expanded > .inner aside.buttons, +.b-dialog.aside-expanded > .inner aside.buttons, +.b-message.aside-expanded > .inner aside.buttons, +.b-comment.aside-expanded > .inner aside.buttons { + position: absolute; + top: 0; + right: 0; + left: 0; + width: auto; + height: 100%; + margin: 0 -16px; + padding: 8px 16px; + border: 0; + overflow-y: auto; + z-index: 3; +} + +.b-dialog > .inner > aside.buttons > .main-controls > a:after, +.b-dialog > .inner > aside.buttons > .main-controls > span:after, +.b-dialog > .inner > aside.buttons > .delete-controls > span:after, +.b-dialog > .inner > aside.buttons > .moderation-controls > span:after, +.b-message > .inner > aside.buttons > .main-controls > a:after, +.b-message > .inner > aside.buttons > .main-controls > span:after, +.b-message > .inner > aside.buttons > .delete-controls > span:after, +.b-message > .inner > aside.buttons > .moderation-controls > span:after, +.b-comment > .inner > aside.buttons > .main-controls > a:after, +.b-comment > .inner > aside.buttons > .main-controls > span:after, +.b-comment > .inner > aside.buttons > .delete-controls > span:after, +.b-comment > .inner > aside.buttons > .moderation-controls > span:after { + vertical-align: top; + padding-left: 12px !important; + font-size: 16px !important; + line-height: 18px; +} + +/* OPEN DIALOG BY CLICK */ +.b-dialog .to_dialog { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: 0 -16px; + font-size: 0; +} + +.b-dialog:hover .to_dialog { + background-color: rgba(0, 0, 0, 0.05); + z-index: 0; +} + +.b-dialog img, +.b-dialog a, +.b-dialog .buttons, +.b-dialog .b-new_marker { + position: relative; + z-index: 2; +} + +/* END of OPEN DIALOG BY CLICK */ +/** + * BBCode: CODE + * Новый тег отвечающий за оформление программных кодов. + */ +code { + vertical-align: middle; + padding: .5px 4px; + background-color: rgba(32, 32, 32, 0.05); + border-radius: 2px; + font-size: .875rem; +} + +pre { + position: relative; +} + +.b-code { + padding: 1rem; + margin: .5rem 0; + background: #303030; + border-radius: 2px; + font-size: .875rem; +} + +@media (min-width: 960px) { + .b-code:before { + content: attr(data-language); + position: absolute; + top: 1rem; + right: .5rem; + padding: 0 .5rem; + background-color: #747474; + border-radius: 2px; + } + .tooltip-details .b-code:before { + display: none; + } +} + +/* END of CODE */ +/* CODE: SUBLIME 3 MATERIAL THEME'S COLOR */ +.b-code { + background: #263238; +} + +.hljs-selector-tag { + color: #FF5370; +} + +.hljs-selector-id { + color: #FAD430; +} + +.hljs-selector-class { + color: #FFCB6B; +} + +.hljs-selector-pseudo, +.hljs-meta { + color: #C792EA; +} + +.hljs-attribute { + color: #80CBC4; +} + +.hljs-built_in { + color: #89DDFF; +} + +.hljs-number { + color: #F77669; +} + +.hljs-string { + color: #C3E88D; +} + +.hljs-comment { + color: #5C7E8C; +} + +/* END of CODE' THEME */ +/* -------------- */ +/* END of COMMENT */ +/* -------------- */ +/* TOAST */ +#toast-container { + line-height: 1.5rem; +} + +.toast-top-right { + top: auto; + bottom: 0; + right: 0; + left: 0; +} + +#toast-container > div { + width: 100%; + max-width: 25rem; + padding: .875rem 1.5rem; + margin: auto; +} + +.toast-message { + display: inline-block; + vertical-align: top; + line-height: 1.5rem; +} + +#toast-container > .toast-success { + background-color: #323232; + background-image: none !important; +} + +#toast-container > .toast-error { + background-color: #323232; + background-image: none !important; +} + +#toast-container > .toast-error:before { + content: 'error_outline'; + float: left; + display: inline-block; + vertical-align: top; + margin: -4px 1.5rem -4px 0; + font-size: 2rem; + font-family: 'Material Icons'; + line-height: 1; + box-sizing: border-box; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +/* END of TOAST */ +/* CLUB */ +.b-clubs-menu .b-block_list li { + font-size: .875rem; +} + +/* Действия в клубах */ +.b-clubs-menu .club-actions { + margin: 0 0 .5rem 0; +} + +.club-actions .edit-club, +.club-actions .broadcast, +.club-actions .upload, +.club-actions .join, +.club-actions .invite, +.club-actions .leave { + width: auto; + height: auto; + padding: .5rem; + margin: 0 .5rem 0 0; + border-radius: .125rem; + color: #BDBDBD !important; + line-height: 0; +} + +.club-actions .edit-club:hover, +.club-actions .broadcast:hover, +.club-actions .upload:hover, +.club-actions .join:hover, +.club-actions .invite:hover, +.club-actions .leave:hover { + background-color: #424242; + color: #EEEEEE !important; +} + +.club-actions .edit-club:before, +.club-actions .broadcast:before, +.club-actions .upload:before, +.club-actions .join:before, +.club-actions .invite:before, +.club-actions .leave:before { + width: 1.5rem; + font-family: 'Material Icons'; + font-size: 1.5rem; + line-height: 1; +} + +.club-actions .edit-club:before { + content: 'build'; +} + +.club-actions .broadcast:before { + content: 'speaker_notes'; +} + +.club-actions .upload:before { + content: 'attach_file'; +} + +.club-actions .join:before, +.club-actions .invite:before { + content: 'person_add'; +} + +.club-actions .leave:before { + content: 'directions_run'; +} + +@media screen and (max-width: 480px) and (orientation: portrait) { + .club-actions .edit-club, + .club-actions .broadcast, + .club-actions .upload, + .club-actions .join, + .club-actions .invite, + .club-actions .leave { + display: block; + margin: 0; + } + .club-actions .edit-club:after, + .club-actions .broadcast:after, + .club-actions .upload:after, + .club-actions .join:after, + .club-actions .invite:after, + .club-actions .leave:after { + color: #FFFFFF; + padding-left: 1.5rem; + font-size: inherit; + line-height: 1.5; + } +} + +/* Навигация в клубах: "контент" */ +.b-pages { + max-width: 15rem; + padding: 0 1rem; + margin: 0 0 1.5rem 2rem; + border-radius: 2px; +} + +.b-pages .title { + font-size: .875rem; + line-height: 3rem; + text-transform: uppercase; +} + +.b-pages .section { + margin: 0 0 .5rem; +} + +/* Названия страниц клубов */ +.p-club_pages .l-content .subheadline, +.p-club_pages .l-content .subheadline > a { + max-width: 100%; + white-space: normal; +} + +/* CLUB PAGE EDITOR */ +@media screen and (max-width: 767px) { + .edit_club_page .cc-2a > .c-column { + width: 100%; + } + .edit_club_page .cc-2a > .c-column:nth-child(1n+1) { + clear: left; + } +} + +/* FIX: CLUB'S BUTTONS */ +.p-clubs-edit .pages .button { + margin-right: .5rem; +} + +.p-clubs-edit .pages .club_page-layout, +.p-clubs-edit .pages .club_page-actions { + font-size: .875rem; + padding-left: 1rem; +} + +.p-clubs-edit .pages .club_page-actions .b-js-link { + margin-right: .5rem; +} + +.p-club_pages-show .item-edit:before { + content: 'edit'; +} + +/* END of CLUB'S BUTTONS */ +/* ICON | CREATE CLUB */ +.p-clubs-index header.head a.misc { + float: right; + width: 40px; + height: 40px; + padding: 8px; + margin: 4px; + font-size: 0; +} + +.p-clubs-index header.head a.misc:hover { + background-color: #ddd; + text-decoration: none; +} + +.p-clubs-index header.head a.misc:before { + content: 'group_add'; +} + +/* END of CREATE CLUB */ +/* TODO: merge with Material icons */ +.p-club_pages-show .item-edit:before, +.p-clubs-index header.head a.misc:before { + width: 1.5rem !important; + font-family: 'Material Icons' !important; + font-size: 1.5rem !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-club_pages-show .item-edit { + color: #BDBDBD; +} + +.p-club_pages-show .item-edit:hover { + background-color: #424242; + color: #EEEEEE; +} + +@media only screen and (min-width: 1025px) { + .p-club_pages-show .item-edit:active { + background-color: #424242; + color: #EEEEEE; + } +} + +/* END of CLUB */ +/* TODO: replace */ +.p-contests .results .cc-result .c-rounds .label { + font-size: .875rem; +} + +/** + * INDEX + * Изменения главной страницы. + * + */ +.p-dashboards-show .c-my_list { + padding: 0; + background: initial; + border: none; +} + +.p-dashboards-show .c-my_list .title .switch, +.p-dashboards-show .c-my_list .title .link { + float: right; +} + +.p-dashboards-show .cc-news .c-generated_news .b-topic .name-date a { + font-size: 16px !important; +} + +.b-forums { + margin-bottom: .5rem; + line-height: inherit; +} + +@media screen and (max-width: 767px) { + .p-dashboards-show .cc-second { + margin-bottom: .5rem; + } +} + +/* Изменение новостей на главной */ +.p-dashboards-show .cc-news .c-news_topics .b-topic { + padding: 1rem 0 1.5rem; + border-top-width: 1px; +} + +@media screen and (max-width: 767px) { + .p-dashboards-show .cc-news .c-news_topics .b-topic { + margin-bottom: 0; + } +} + +@media only screen and (min-width: 768px) { + .p-dashboards-show .cc-news .c-news_topics .b-topic { + margin-bottom: 0; + } +} + +.p-dashboards-show .cc-news .c-news_topics .b-topic .name-date a { + padding: 0 0 .25rem; + font-size: 22px !important; + font-weight: 400 !important; + line-height: 1.65; + white-space: normal; +} + +.p-dashboards-show .cc-news .c-news_topics .b-topic .b-anime_status_tag { + display: none; +} + +/* КОНЕЦ – Изменение новостей на главной */ +/* Change Forum Button */ +/* NOTE: Цвета настраиваются в общем блоке ЦВЕТА */ +.p-dashboards-show .b-forums > .b-link_button.maxi { + position: relative; + margin-bottom: 0; + background-color: transparent; + font-size: 0; + line-height: 0; + text-align: left; + overflow: visible; +} + +.p-dashboards-show .b-forums > .b-link_button.maxi:after { + display: inline-block; + vertical-align: top; + padding: 0 1rem; + margin: .5rem -1rem; + border-radius: .125rem; + font-size: .875rem; + line-height: 2rem; +} + +.locale-ru.p-dashboards-show .b-forums > .b-link_button.maxi:after { + content: 'Форум'; +} + +.locale-en.p-dashboards-show .b-forums > .b-link_button.maxi:after { + content: 'Forum'; +} + +.p-dashboards-show .b-forums > .b-link_button.maxi:before { + display: block; + font-family: 'Material Icons' !important; + font-size: 18px !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-dashboards-show .b-forums > .b-link_button.maxi:before { + position: absolute; + right: 0; + left: 0; + color: inherit; + line-height: 3rem !important; + text-align: right; +} + +.p-dashboards-show .b-forums > .b-link_button.maxi:before { + content: 'chevron_right'; +} + +/* END of Change Forum Button */ +/* ТЕМЫ ДНЯ */ +.b-hot_topics { + padding: .5rem 1rem; + margin: -.5rem -1rem 0 -1rem; + background-color: initial; + border: 0; +} + +.b-hot_topics .topic { + font-size: .875rem; + line-height: 2rem; + text-align: left; +} + +.b-hot_topics .topic.subject { + font-size: .875rem; + line-height: 2rem; + text-align: left; + text-transform: uppercase; + white-space: nowrap; +} + +.b-hot_topics .topic a { + padding: 0 .75rem; + border-radius: 1rem; +} + +.b-hot_topics .topic a:hover { + text-decoration: none; +} + +.b-hot_topics .topic a .poster { + position: initial; + display: inline-block; + vertical-align: middle; + width: 2rem; + height: 2rem; + margin-left: -.75rem; + margin-right: .5rem; + border-radius: 100%; +} + +@media screen and (max-width: 1024px) { + .b-hot_topics { + padding: 14px 16px; + margin: -16px -16px 0 -16px; + border: 0; + } +} + +@media only screen and (min-width: 1025px) { + .b-hot_topics .topic { + margin-right: .5%; + width: 10.6666%; + } +} + +/** + * FORUM + * СТРАНИЦЫ ФОРУМА + */ +.p-topics .l-menu .b-forums, +.block2, +.contests.block { + margin-bottom: 1.5rem; + line-height: 1.5rem; +} + +.b-forums .forum { + clear: both; + position: relative; + min-height: 1.5rem; + line-height: 1.5rem; + padding: 0 .5rem; + margin: 0 -.5rem; +} + +.b-forums .forum .link-with-input .link { + display: inline-block; + vertical-align: top; + position: absolute; + right: 0; + left: 0; + padding-left: .5rem; +} + +.b-forums .forum input { + position: absolute; + left: 0; + width: 2rem; + height: 1.5rem; + margin-right: .25rem; + border: 0; + opacity: 0; + z-index: 1; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +.b-forums .forum .link-with-input input + .link { + padding-left: 2.25rem; +} + +.b-forums .forum input + .link:before { + content: 'check_box_outline_blank'; + display: block; + position: absolute; + top: 0; + left: 0.375rem; + width: 1.125rem; + margin: 0.1875rem 0; + font-family: 'Material Icons' !important; + font-size: 1.125rem !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.b-forums .forum input:hover + .link:before { + opacity: .9; +} + +.b-forums .forum input:checked + .link:before { + content: 'check_box'; +} + +.b-forums .forum input:disabled + .link:before { + color: #BDBDBD; +} + +.b-forums .forum .topics { + font-size: .75rem; +} + +/* FIX: TOPIC UPDATE ICON (issue #5) */ +.p-topics header h1 a.reload:hover:after { + position: static; +} + +/* END of FORUM */ +/** + * PROFILE + * ПРОФИЛЬ ПОЛЬЗОВАТЕЛЯ + */ +/* Убираем лишние overflow */ +.p-profiles-show .profile-content { + overflow: visible; +} + +/* Настраиваем равномерные отступы */ +.p-profiles .profile-content .cc-2, +.p-profiles .profile-content .about, +.p-profiles .profile-content .cc-2 .c-right .cc-2a { + margin-bottom: 1rem !important; +} + +@media screen and (max-width: 767px) { + .cc-2 > .c-column { + margin-bottom: 1rem; + } + .p-profiles-show .profile-content .activity:last-child { + margin-bottom: 1.25rem !important; + } +} + +/* Полосы аниме/манги */ +.b-stats_bar .bar .first, +.b-stats_bar .bar .second { + color: inherit; +} + +.b-stats_bar.anime .bar { + color: #FAFAFA; +} + +.b-stats_bar.manga .bar { + color: #212121; +} + +.b-stats_bar .bar .third { + color: #FFFFFF; +} + +.b-stats_bar.anime .bar .second { + background-color: rgba(0, 150, 136, 0.72); +} + +.b-stats_bar.manga .bar .second { + background-color: rgba(255, 171, 64, 0.72); +} + +.line:nth-child(even) > .bar-container > .bar { + opacity: 0.64; +} + +/* Столбики активности */ +.bar.vertical { + padding: 0; + border: none; +} + +.bar.vertical .line { + border: none; +} + +.bar.vertical .line .bar-container .value { + font-size: .75rem; + line-height: 1.25rem; +} + +/* User aliases */ +.p-profiles .profile-head .c-brief header h1 { + vertical-align: top; +} + +.p-profiles .profile-head .c-brief header h1.aliases { + cursor: help; +} + +.p-profiles .profile-head .c-brief header h1.aliases:after { + display: inline-block; + vertical-align: top; + width: 2rem; + height: 2rem; + margin: 0; + margin-left: .5rem; + color: inherit; + font-family: 'Material Icons'; + font-size: 1.125rem; + line-height: 2rem; + text-align: center; + cursor: help; + opacity: .5; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-profiles .profile-head .c-brief header h1.aliases:after { + content: 'label'; +} + +.p-profiles header.head .misc { + vertical-align: top; + padding: 0 1rem; + margin: 0; + font-size: .875rem; + line-height: 3rem; +} + +.p-profiles .profile-head .c-brief header .notice { + line-height: 1.25rem; +} + +/* FIX: update 2017-03-19 */ +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar::after { + clear: none; +} + +/* Списки аниме/манги */ +.b-stats_bar .stat_names .stat_name:after { + display: none; +} + +.b-stats_bar .stat_names .stat_name { + padding: 0 1rem 0 0; + font-size: .875rem; + line-height: 2rem; +} + +.b-stats_bar .stat_names .stat_name a { + display: block; + line-height: inherit; +} + +/* Выпадающий список аниме/манги в профиле */ +@media screen and (max-width: 599px) { + .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { + position: relative; + } + .b-stats_bar .stat_names .stat_name { + display: none; + } + .b-stats_bar .stat_names:hover .stat_name { + display: block; + } + .b-stats_bar .stat_names .stat_name, + .b-stats_bar .stat_names .stat_name a { + padding: 0 1rem 0 0; + } + .b-stats_bar .stat_names .stat_name a { + display: block; + margin: 0 -1rem; + } + .b-stats_bar .stat_names .stat_name a:hover { + background-color: rgba(0, 0, 0, 0.24); + text-decoration: none; + } + .b-stats_bar .stat_names { + position: absolute; + top: 0; + min-width: 165px; + border-radius: .125rem; + } + .b-stats_bar .stat_names:hover { + padding: 3rem 0 .5rem; + z-index: 10; + } + .b-stats_bar .stat_names:after { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.32); + z-index: -1; + } + .b-stats_bar .stat_names:before { + content: 'arrow_drop_down'; + display: block; + position: absolute; + top: 0; + right: 0; + width: 2rem; + height: 2rem; + padding: .25rem; + margin: .5rem .25rem; + border-radius: 100%; + font-size: 1.5rem; + font-family: 'Material Icons'; + line-height: 1; + box-sizing: border-box; + pointer-events: auto; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; + } + .b-stats_bar .stat_names .stat_name, + .b-stats_bar .stat_names .stat_name a { + padding: 0 1rem; + } +} + +/* Конец: Выпадающий список аниме/манги в профиле */ +.edit_user_preferences .b-options-floated.about-options { + position: absolute; + right: 0; + margin: 1rem 0; + background: transparent !important; + text-align: right; + z-index: 1; +} + +.edit_user_preferences .about-options .b-input { + margin-bottom: 0 !important; +} + +.edit_user_preferences .about-options .b-input label { + line-height: 1.5rem; +} + +.b-list_switchers > .switcher { + width: 2.5rem; + height: 2.5rem; + padding: .5rem; + margin: .25rem; +} + +.b-list_switchers .switcher.posters { + margin-left: .25rem !important; +} + +.b-list_switchers .switcher.list { + margin-left: .25rem !important; +} + +.p-user_rates-index .l-menu .avatar img { + width: 10rem; + height: 10rem; +} + +.p-user_rates-index .l-content thead tr { + font-size: 13px; + line-height: 2rem; +} + +.p-user_rates-index .list-lines tr td .rate-text { + font-size: .875rem; + line-height: 1.25rem; +} + +.p-user_rates-index .list-lines tr td .new-value input { + height: 1.5rem; + font-size: 1rem; + line-height: 1.5rem; +} + +.p-user_rates-index .list-lines tr.edit-form form { + padding: .25rem 1rem; + margin: .5rem 0; + border-style: solid; + border-width: 1px; +} + +.p-user_rates-index .list-lines tr.edit-form .b-input.text textarea { + font-size: .875rem; +} + +.b-user_rate .rate-edit .b-input.integer input, +.p-user_rates-index .list-lines tr.edit-form .b-input.integer input { + width: 7rem; +} + +.p-profiles-show .b-stats_bar a.title { + padding: .5rem 1rem; + margin: .5rem -1rem; +} + +.p-profiles-show .b-stats_bar a.title:hover { + text-decoration: none !important; +} + +.p-user_rates-index .list-lines tr.edit-form .remove { + width: 2.5rem; + height: 2.5rem; + padding: .5rem; + margin: .25rem; +} + +.p-user_rates-index .list-lines tr.edit-form .remove { + margin: -.25rem 0 0; + border: 0; + font-size: 0; +} + +.p-user_rates-index .list-lines tr.edit-form .remove:before { + width: 1.5rem !important; + font-family: 'Material Icons' !important; + font-size: 1.5rem !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-user_rates-index .list-lines tr.edit-form .remove:before { + content: 'delete'; +} + +/* Комментарий на постере */ +.p-user_rates-index .list-posters .user_rate > .text { + bottom: 4rem; + padding: .25rem .5rem; + background: rgba(0, 0, 0, 0.6); + border-radius: 0 0 .125rem .125rem; +} + +.p-user_rates-index .list-posters .user_rate > .text:before { + display: none; +} + +.p-user_rates-index .list-posters .user_rate.b-ajax:after { + margin-top: -1.5rem; +} + +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { + overflow: visible; +} + +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { + margin-bottom: 0; +} + +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar::after { + clear: none; +} + +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar.manga { + margin-top: 8px; +} + +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a { + font-size: .875rem; + margin-top: 1rem; +} + +.b-stats_bar .bar { + height: auto; +} + +.b-stats_bar .bar .first, +.b-stats_bar .bar .second, +.b-stats_bar .bar .third { + font-size: .75rem; + line-height: 1.25rem; +} + +.p-profiles .profile-head .c-brief .avatar .profile-actions { + margin-top: 1rem; + margin-right: -.75rem; + margin-left: -.75rem; +} + +.profile-actions > a { + display: inline-block; + padding: .5rem; +} + +.profile-actions > *:before { + vertical-align: top; + width: 1.5rem !important; + line-height: 1 !important; + font-size: 1.5rem !important; +} + +.p-profiles .profile-head .c-brief .avatar > img { + display: block; + margin: auto; +} + +@media only screen and (min-width: 768px) { + .p-profiles .profile-head .c-brief .avatar { + margin: .5rem 2rem 3rem 1rem; + } + .p-profiles .profile-head .c-brief .avatar > img { + width: 10rem; + height: 10rem; + } +} + +@media screen and (max-width: 1024px) { + .profile-actions .settings, + .profile-actions .fav-add, + .profile-actions .fav-remove, + .profile-actions .ignore-add, + .profile-actions .ignore-remove, + .profile-actions .ban { + margin-left: .5rem; + } +} + +@media only screen and (min-width: 1025px) { + .profile-actions .settings, + .profile-actions .fav-add, + .profile-actions .fav-remove, + .profile-actions .ignore-add, + .profile-actions .ignore-remove, + .profile-actions .ban { + margin-left: .5rem; + } +} + +/* TODO: replace */ +.b-catalog-entry-embedded .b-catalog_entry { + margin-bottom: 0 !important; +} + +/* TODO: replace */ +.l-page .b-anime_status_tag:before { + vertical-align: text-bottom; + padding: 0 .25rem; + border: 0; + font-size: .625rem; + line-height: 1rem; + text-transform: uppercase; +} + +/* TODO: replace */ +.b-topic { + margin-bottom: .5rem; +} + +/* TODO: replace */ +.m13 { + margin-bottom: 0 !important; +} + +/* USER PROFILE |> HISTORY ENTRY */ +.p-profiles .profile-head .c-history .entry { + position: relative; + padding: .5rem 0; + margin: 0; + border: 0; + overflow: initial; +} + +.p-profiles .profile-head .c-history .entry, +.p-profiles .profile-head .c-history .entry:first-child { + padding-top: .5rem; + margin-top: 0; +} + +.p-profiles .profile-head .c-history .entry:before { + content: ''; + display: block; + position: absolute; + right: -.5rem; + bottom: 0; + left: 3.5rem; + height: 1px; + pointer-events: none; +} + +.p-profiles .profile-head .c-history .entry:last-child:before { + display: none; +} + +/* Полноразмерная ссылка .entry, работает только для .c-history & .l-menu */ +.p-profiles .profile-head .c-history .entry a { + display: block; + padding: .5rem .5rem; + margin: -.5rem; +} + +@media screen and (min-width: 960px) { + .p-profiles .profile-head .c-history .entry a { + padding: .75rem .5rem; + } +} + +.p-profiles .profile-head .c-history .entry a:after { + content: ''; + clear: both; + display: block; +} + +.p-profiles .profile-head .c-history .entry:hover .title { + text-decoration: none; +} + +/* END of FULLENTRY LINK */ +.p-profiles .profile-head .c-history .entry img { + margin: 0 16px 0 0; + max-height: 72px; + max-width: 40px; +} + +/* Страница истории пользователя */ +.p-user_history-index .history-page .history-interval p { + line-height: 1.5rem; + margin-bottom: 0; +} + +.b-user_rate-extended > .midheadline { + overflow: hidden; +} + +.p-user_rates-index .l-content .filter input { + padding: .5rem 1rem; + font-size: .875rem; +} + +/* Страница сравнения списков */ +.p-userlist_comparer .notice span { + padding: 1.5px 4px !important; + border-radius: 2px; +} + +/* Цвета списков */ +.p-userlist_comparer .comparer table .abslt-difr, +.p-userlist_comparer .legend .abslt-difr, +.p-userlist_comparer .notice span:nth-child(6) { + background: rgba(244, 67, 54, 0.5) !important; +} + +.p-userlist_comparer .comparer table .slightly-difr, +.p-userlist_comparer .legend .slightly-difr, +.p-userlist_comparer .notice span:nth-child(4) { + background: rgba(255, 138, 128, 0.5) !important; +} + +.p-userlist_comparer .comparer table .almost-same, +.p-userlist_comparer .legend .almost-same, +.p-userlist_comparer .notice span:nth-child(3) { + background: rgba(185, 246, 202, 0.5) !important; +} + +.p-userlist_comparer .comparer table .exact-same, +.p-userlist_comparer .legend .exact-same, +.p-userlist_comparer .notice span:nth-child(5) { + background: rgba(76, 175, 80, 0.5) !important; +} + +.p-profiles .profile-head .c-info .c-additionals { + margin-top: 8px; + margin-bottom: 8px; +} + +.p-profiles .profile-head .c-info .c-additionals b { + padding-right: 8px; + font-size: 0; +} + +.p-profiles .profile-head .c-info .c-additionals b:after { + font-size: 14px; +} + +.p-profiles.locale-ru .profile-head .c-info .c-additionals b:after { + content: 'Активность на сайте:'; +} + +.p-profiles.locale-en .profile-head .c-info .c-additionals b:after { + content: 'Activity:'; +} + +/* Время за аниме и манга */ +.p-profiles .lifetime .bar, .p-profiles .lifetime .times { + line-height: 0; +} + +.p-profiles-show .lifetime .bar { + height: 1.25rem; +} + +.b-stats_bar.lifetime .bar .first { + background: #009688; + opacity: .72; +} + +.p-profiles-show .lifetime .cuts .cut { + width: 0; + height: 0; + margin: .5rem -.25rem; + background: transparent; + border: .375rem solid transparent; + border-bottom-color: #303030; + z-index: 1; +} + +.p-profiles-show .lifetime .times .time { + color: #9E9E9E; + font-size: .625rem; + line-height: 1.25rem; + text-transform: uppercase; +} + +.p-profiles-show .lifetime .times .time.checked { + color: #009688; +} + +.p-profiles-show .lifetime .times .time.checked:before { + display: none; + color: #009688; + opacity: .72; +} + +/** + * PROFILE HEAD + * Adaptive profile header includes: avatar, history, information, anime/manga bars. + */ +.p-profiles .profile-head { + position: relative; + overflow: visible; +} + +.p-profiles .profile-head { + min-height: 15.5rem; + padding-top: 3rem; + margin-top: -1rem; +} + +.p-profiles .profile-head .c-info { + margin-bottom: .5rem; +} + +.p-profiles .profile-head .c-info { + overflow: visible; +} + +.p-profiles .profile-head .c-history { + margin-bottom: 3rem; +} + +.p-profiles .profile-head .c-history.x3 { + margin-bottom: 2rem; +} + +.p-profiles .profile-head .c-brief { + position: relative; + margin: -3rem -1rem 1rem; + overflow: hidden; +} + +.p-profiles .profile-head .c-brief:before { + content: ''; + display: block; + height: 0; + padding-bottom: 0; +} + +.p-profiles .profile-head .c-brief .avatar > img, +.p-profiles .profile-head .c-history { + display: none; +} + +@media screen and (min-width: 320px) { + .p-profiles .profile-head .c-mobile-actions { + display: none; + } + .p-profiles .profile-head .c-brief:before { + content: ''; + display: block; + height: 0; + padding-bottom: 34%; + } + .p-profiles .profile-head .c-brief .avatar { + float: none; + max-width: 100%; + margin: 0 auto; + margin-top: -17%; + } + .p-profiles .profile-head .c-brief .avatar > img { + display: block; + width: 36%; + max-width: 10rem; + min-width: 5rem; + margin: auto; + } + .p-profiles .profile-head .c-brief .avatar .profile-actions { + display: block; + position: absolute; + width: 100%; + padding: 0 .5rem; + margin: 0 auto; + margin-top: -15%; + text-align: left; + } + .p-profiles .profile-head .c-brief .avatar .profile-actions > a:first-child { + float: right; + margin: 0 .25rem; + } + .profile-actions .fav-add, + .profile-actions .fav-remove { + float: right; + } + .p-profiles .profile-head .c-brief header { + clear: both; + margin: 0; + text-align: center; + } +} + +@media screen and (min-width: 320px) and (max-width: 479px) { + .p-profiles .profile-head .c-brief header .notice { + padding: .5rem 1rem; + } +} + +@media screen and (min-width: 320px) and (max-width: 599px) { + .p-profiles .profile-head .c-brief header { + background-color: inherit !important; + } +} + +@media screen and (min-width: 320px) and (max-width: 959px) { + .p-profiles .profile-head .c-history { + display: block; + position: absolute; + top: 0; + right: 0; + left: 0; + width: auto; + padding: 0 1rem; + margin: 0 -1rem; + background-color: rgba(0, 0, 0, 0.48); + white-space: nowrap; + overflow-x: auto; + z-index: 1; + } + .p-profiles .profile-head .c-history > .subheadline { + display: inline-block; + vertical-align: top; + } + .p-profiles .profile-head .c-history > .subheadline > a { + color: #eee !important; + } + .p-profiles .profile-head .c-history > .subheadline > a:before { + display: none; + } + .p-profiles .profile-head .c-history > .b-block_list { + display: inline-block; + vertical-align: top; + padding: .5rem; + margin-left: .5rem; + } + .p-profiles .profile-head .c-history .entry { + display: inline-block; + vertical-align: top; + min-width: 112px; + height: 2rem; + padding-right: .5rem; + padding-left: .5rem; + margin-left: .5rem; + border-radius: 1rem; + overflow: hidden; + } + .p-profiles .profile-head .c-history .entry:before { + display: none; + } + .p-profiles .profile-head .c-history .entry .image-name { + float: left; + width: 32px; + height: 32px; + margin: -8px 8px -8px -8px; + border-radius: 50%; + font-size: 0; + line-height: 0; + overflow: hidden; + } + .p-profiles .profile-head .c-history .entry span.misc { + display: none; + } +} + +@media screen and (min-width: 320px) and (max-width: 959px) and (min-width: 600px) { + .p-profiles .profile-head .c-history { + padding: .25rem 1rem; + } +} + +@media screen and (max-width: 767px) and (min-width: 481px), screen and (max-width: 767px) and (orientation: landscape) { + .p-profiles .profile-head .c-history .entry:first-child { + display: inline-block; + } +} + +@media screen and (min-width: 360px) { + .profile-actions .settings, + .profile-actions .fav-add, + .profile-actions .fav-remove, + .profile-actions .ignore-add, + .profile-actions .ignore-remove, + .profile-actions .ban { + margin-left: .25rem; + } +} + +@media screen and (min-width: 360px) and (max-width: 599px) { + .p-profiles .profile-head .c-mobile-actions { + display: none; + } + .p-profiles .profile-head .c-brief .avatar .profile-actions { + display: block; + } +} + +@media screen and (min-width: 480px) { + .p-profiles .profile-head .c-brief { + margin-bottom: 0; + overflow: visible; + } + .p-profiles .profile-head .c-brief .avatar { + position: absolute; + } + /* Отступ от аватарки */ + .p-profiles .profile-head .c-brief header { + margin-left: 10rem; + } + /* Отступ от аватарки */ + .p-profiles .profile-head .c-info { + margin-left: 9rem; + } + .p-profiles .profile-head .c-brief .avatar .profile-actions { + position: static; + width: auto; + padding: 0; + margin-top: 1rem; + margin-right: -12px; + margin-left: -12px; + text-align: center; + } + .p-profiles .profile-head .c-brief .avatar .profile-actions > a:first-child { + float: none; + margin: 0; + } + .profile-actions .fav-add, + .profile-actions .fav-remove { + float: none; + } + .p-profiles .profile-head .c-brief:before { + padding-bottom: 48px; + } + .p-profiles .profile-head .c-brief .avatar { + max-width: 160px; + margin: 1rem 1rem 1rem .5rem; + } + .p-profiles .profile-head .c-brief .avatar img { + width: 120px; + } + .p-profiles .profile-head .c-brief header { + clear: none; + padding: 1rem 0 .5rem; + text-align: left; + } +} + +@media screen and (min-width: 600px) { + .p-profiles .profile-head { + background-color: inherit; + } + .p-profiles .profile-head .c-brief { + margin: -3rem -1rem 0; + } + /* Отступ от аватарки */ + .p-profiles .profile-head .c-brief header { + margin-left: 12.5rem; + } + /* Отступ от аватарки */ + .p-profiles .profile-head .c-info { + margin-left: 11.5rem; + } + .p-profiles .profile-head .c-brief:before { + padding-bottom: 56px; + } + .p-profiles .profile-head .c-brief .avatar img { + width: 160px; + } + .p-profiles .profile-head .c-brief .avatar .profile-actions { + display: block; + } +} + +@media screen and (min-width: 768px) { + .p-profiles .profile-head .c-brief { + overflow: visible; + } + /* Отступ от аватарки */ + .p-profiles .profile-head .c-brief header { + margin-left: 13.5rem; + } + /* Отступ от аватарки */ + .p-profiles .profile-head .c-info { + margin-left: 12.5rem; + } +} + +@media screen and (min-width: 960px) { + .p-profiles .profile-head { + padding-top: 0; + margin-top: 0; + } + .p-profiles .profile-head .c-brief { + max-height: 504px; + margin: 0; + overflow: visible; + } + .p-profiles .profile-head .c-brief:before { + padding-bottom: 0; + } + .p-profiles .profile-head .c-brief .avatar { + margin: 1rem 2rem 1rem 0; + } + .p-profiles .profile-head .c-info { + margin-bottom: 1.5rem; + } + /* Отступ от аватарки */ + .p-profiles .profile-head .c-info { + margin-left: 13.5rem; + } + /* Отступ от истории */ + .p-profiles .profile-head .c-info { + margin-right: calc(23% + 3.5rem); + } + .p-profiles .profile-head .c-history { + display: block; + position: relative; + top: 1rem; + margin-left: 3.5rem; + z-index: 1; + } +} + +/* END of PROFILE HEAD */ +/** + * Иконки совместимости для профиля + * MIT License + * Copyright (c) 2016 grin3671 + */ +/* ВАЖНО! */ +/* .p-profiles .profile-head .c-info overflow: visible /* Настройка для варианта №1 */ +/* Исправление видимости */ +/* Спасибо Kana Kuroki и Dewopalaxy */ +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { + position: relative; + overflow: visible; +} + +.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 { + position: relative; + font-size: 0; + line-height: 0; + margin-top: 0; +} + +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:hover { + text-decoration: none; +} + +div.compatibility > a, +div.compatibility > span.link-replacement { + margin: 0 -.25rem; +} + +div.compatibility > span.link-replacement { + cursor: help; +} + +div.compatibility > a:before, +div.compatibility > span.link-replacement > span:first-child:before, +div.compatibility > a > span:first-child:before { + display: block; + width: 2.5rem; + height: 2.5rem; + padding: .5rem; + margin: .25rem; + border-radius: .125rem; + font-size: 1.5rem; + font-family: 'Material Icons'; + line-height: 1; + box-sizing: border-box; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +div.compatibility > a > span:first-child:before { + position: absolute; + top: 0; +} + +div.compatibility > a:hover:before, +div.compatibility > a:hover > span:first-child:before { + text-decoration: none; +} + +/* Настройка иконок совместимости */ +div.compatibility > a:before { + content: 'compare_arrows'; +} + +div.compatibility > span.link-replacement > span:first-child:before, +div.compatibility > a > span:first-child:before { + content: 'people'; +} + +div.compatibility > a > .text.zero:before, +div.compatibility > span.link-replacement > .text.zero:before { + content: 'people_outline'; +} + +/* КОНЕЦ: Настройка иконок совместимости */ +/* Цветные иконки совместимости */ +/* Низкая совместимость */ +div.compatibility > a > .text.weak:before { + background-color: #F9FBE7; + color: #CDDC39; +} + +div.compatibility > a:hover > .text.weak:before, +div.compatibility > span.link-replacement > .text.weak:before { + background-color: #F0F4C3; + color: #C0CA33; +} + +/* Средняя совместимость */ +div.compatibility > a > .text.moderate:before { + background-color: #F1F8E9; + color: #8BC34A; +} + +div.compatibility > a:hover > .text.moderate:before, +div.compatibility > span.link-replacement > .text.moderate:before { + background-color: #DCEDC8; + color: #7CB342; +} + +/* Высокая совместимость */ +div.compatibility > a > .text.high:before { + background-color: #E8F5E9; + color: #4CAF50; +} + +div.compatibility > a:hover > .text.high:before, +div.compatibility > span.link-replacement > .text.high:before { + background-color: #C8E6C9; + color: #43A047; +} + +/* Полная совместимость */ +div.compatibility > a > .text.full:before { + background-color: #E1F5FE; + color: #03A9F4; +} + +div.compatibility > a:hover > .text.full:before, +div.compatibility > span.link-replacement > .text.full:before { + background-color: #B3E5FC; + color: #039BE5; +} + +/* КОНЕЦ: Цветные иконки совместимости */ +/* Недоступные для просмотра данные без фона */ +div.compatibility > span.link-replacement > span:first-child:before, +div.compatibility > span.link-replacement:hover > span:first-child:before { + background-color: transparent !important; +} + +/* Подсказки для совместимости */ +/* По умолчанию: располагаются над иконкой */ +/* Вариант не работает без обложки, универсален только 2 вариант */ +/* Второй вариант: располагаются слева от иконки */ +div.compatibility > a:after, +div.compatibility > a > span:first-child:after, +div.compatibility > span.link-replacement > span:first-child:after { + display: block; + position: absolute; + bottom: 100%; + left: 50%; + padding: 0 .75rem; + margin: 0 0 .5rem; + background-color: #616161; + border-radius: .125rem; + color: #eee; + font-size: .875rem; + line-height: 2rem; + white-space: nowrap; + transform: translateX(-50%); + z-index: 100; + pointer-events: none; + opacity: 0; + transition: .3s; +} + +div.compatibility > a > span:first-child:after, +div.compatibility > span.link-replacement > span:first-child:after { + z-index: 101; +} + +div.compatibility > a:hover:after, +div.compatibility > a:hover > span:first-child:after, +div.compatibility > span.link-replacement:hover > span:first-child:after { + opacity: .9; +} + +/* Второй вариант расположения подсказок */ +div.compatibility > a:after, +div.compatibility > a > span:first-child:after, +div.compatibility > span.link-replacement > span:first-child:after { + bottom: 0; + right: 100%; + left: auto; + margin: 0 .75rem .5rem; + transform: translateX(0.75rem); +} + +div.compatibility > a:hover:after, +div.compatibility > a:hover > span:first-child:after, +div.compatibility > span.link-replacement:hover > span:first-child:after { + transform: translateX(0); +} + +/* КОНЕЦ: Второй вариант расположения подсказок */ +/* Текст подсказок для совместимости */ +.locale-ru div.compatibility > a[href*="similar"]:after { + content: 'Найти похожих пользователей'; +} + +.locale-en div.compatibility > a[href*="similar"]:after { + content: 'Find similar users'; +} + +.locale-ru div.compatibility > a > .text.zero:after, +.locale-ru div.compatibility > span.link-replacement > .text.zero:after { + content: 'Нет совместимости'; +} + +.locale-en div.compatibility > a > .text.zero:after, +.locale-en div.compatibility > span.link-replacement > .text.zero:after { + content: 'No compatibility'; +} + +.locale-ru div.compatibility > a > .text.weak:after, +.locale-ru div.compatibility > span.link-replacement > .text.weak:after { + content: 'Низкая совместимость'; +} + +.locale-en div.compatibility > a > .text.weak:after, +.locale-en div.compatibility > span.link-replacement > .text.weak:after { + content: 'Low compatibility'; +} + +.locale-ru div.compatibility > a > .text.moderate:after, +.locale-ru div.compatibility > span.link-replacement > .text.moderate:after { + content: 'Средняя совместимость'; +} + +.locale-en div.compatibility > a > .text.moderate:after, +.locale-en div.compatibility > span.link-replacement > .text.moderate:after { + content: 'Medium compatibility'; +} + +.locale-ru div.compatibility > a > .text.high:after, +.locale-ru div.compatibility > span.link-replacement > .text.high:after { + content: 'Высокая совместимость'; +} + +.locale-en div.compatibility > a > .text.high:after, +.locale-en div.compatibility > span.link-replacement > .text.high:after { + content: 'High compatibility'; +} + +.locale-ru div.compatibility > a > .text.full:after, +.locale-ru div.compatibility > span.link-replacement > .text.full:after { + content: 'Полная совместимость'; +} + +.locale-en div.compatibility > a > .text.high:after, +.locale-en div.compatibility > span.link-replacement > .text.high:after { + content: 'Full compatibility'; +} + +/* Числовое обозначение совместимости */ +div.compatibility > a > span.rate, +div.compatibility > span.link-replacement > span.rate { + position: absolute; + top: -.125rem; + right: -.5rem; + padding: 0 .25rem; + border-radius: .125rem; + color: #fff; + font-size: .75rem; + line-height: 1rem; +} + +div.compatibility > span.link-replacement > span.rate:before, +div.compatibility > a > span.rate:before { + display: none; +} + +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .rate:after { + content: '%'; + color: inherit; +} + +div.compatibility > span.link-replacement > span.rate:after, +div.compatibility > a > span.rate:after { + display: none; +} + +div.compatibility > a:before { + background-color: transparent; +} + +/* END of Иконки совместимости для профиля */ +/* ICON | EDIT ABOUT ME PROFILE'S BLOCK */ +.p-profiles-show .about .item-edit { + display: inline-block; + width: 2.5rem; + height: 2.5rem; + padding: .5rem; + margin: .25rem 0; +} + +.p-animes .item-edit:before, +.p-mangas .item-edit:before, +.p-profiles-show .about .item-edit:before { + width: 1.5rem !important; + font-family: 'Material Icons' !important; + font-size: 1.5rem !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-animes .item-edit:before, +.p-mangas .item-edit:before, +.p-profiles-show .about .item-edit:before { + content: 'edit'; +} + +/* END of ICON */ +/* CHIP | USER PLATES */ +.b-user16 { + vertical-align: middle; + max-width: 100%; + padding: 0 .5rem; + margin: 0 .5rem 0 0; + background-color: #eee; + border-radius: .5rem; + font-size: .875rem; + font-weight: 400; + line-height: 1rem !important; + text-transform: initial; + text-overflow: ellipsis; + overflow: hidden; +} + +.b-user16:hover { + color: #f2f2f2 !important; + background-color: #747474; +} + +.b-user16:after { + display: none !important; +} + +.b-user16:hover a { + color: #fff !important; + text-decoration: none; +} + +.b-user16 > a > span { + padding: 0; +} + +.b-user16:hover span { + text-decoration: none; +} + +.b-user16 img { + position: static; + display: inline-block; + vertical-align: bottom; + width: 16px !important; + padding: 0; + margin: 0 .375rem 0 -.5rem !important; + margin-top: 0 !important; + border-radius: .5rem; +} + +.b-animes-menu .friend-rate .b-user16 { + display: inline-block; +} + +.b-quote .quoteable a.b-user16 { + padding: 0 .5rem; +} + +.p-anime_videos-index .c-video_stats .uploader .b-user16 { + padding-left: 0.5rem; +} + +.b-log_entry .b-user16, +.b-source .contributors .b-user16, +.b-source .mal .b-user16, +.b-source .source .b-user16 { + margin-right: .5rem; +} + +.b-user16:last-child { + margin-right: 0 !important; +} + +.b-quote .quoteable a, +.status-line > span:first-child { + margin-right: .5rem; +} + +.status-line .b-user16:last-child { + margin-right: .5rem !important; +} + +/* BUG: Лишний пробел в разметке */ +.b-quote .quoteable a.bubbled-processed { + margin-right: 0.25rem !important; +} + +/* BUG: Лишний пробел в разметке */ +.b-quote .quoteable a.bubbled-processed > img { + margin-right: 0.125rem !important; +} + +/* COLOR */ +.b-user16, +.b-user16 a { + color: #212121 !important; +} + +/* END of USER PLATES */ +.b-source .contributors, +.b-source .mal, +.b-source .source { + padding: 0; +} + +.was_updated > div:first-child > span:first-child { + margin-right: 0.5rem; +} + +/* MODERATION LIST */ +.b-log_entry { + position: relative; + padding-right: 2.5rem !important; + font-size: .875rem; +} + +.b-log_entry, +.b-log_entry .spoiler.collapse span:before, +.b-log_entry .spoiler.collapsed:before { + padding: .375rem 0; + line-height: 1.25rem; +} + +.b-log_entry .spoiler.collapse, +.b-log_entry .spoiler.collapsed, +.b-log_entry .spoiler.collapse span, +.b-log_entry .spoiler.collapsed span { + position: absolute; + top: 0; + right: 0; + margin: 0; + border: 0; +} + +.b-log_entry .spoiler.collapse span:before, +.b-log_entry .spoiler.collapsed:before { + display: inline-block; + vertical-align: top; + position: relative; + width: 1.5rem; +} + +.b-ban .moderator { + float: right; + position: static; +} + +.b-abuse_request .remove, +.b-log_entry span, +.b-log_entry .date { + padding-right: .5rem; +} + +.b-ban .abuser, +.b-ban .duration, +.b-log_entry .date, +.b-log_entry > .reason { + vertical-align: top; + font-size: inherit; +} + +.b-log_entry span a { + vertical-align: top; +} + +.b-log_entry > .reason a { + color: inherit; +} + +.b-log_entry .spoiler.collapse, +.b-log_entry .spoiler.collapsed, +.b-log_entry .spoiler.collapse span, +.b-log_entry .spoiler.collapsed span { + font-size: 0; + line-height: 0; +} + +.b-log_entry .spoiler.collapse span:before, +.b-log_entry .spoiler.collapsed:before { + position: absolute; + top: 0; + right: 0; + width: 2rem; + font-family: 'Material Icons'; + font-size: 1.125rem; + font-weight: 400 !important; + text-align: center; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.b-log_entry .spoiler.collapse span:before { + content: 'expand_less'; +} + +.b-log_entry .spoiler.collapsed:before { + content: 'expand_more'; +} + +@media screen and (min-width: 1025px) { + .b-log_entry, + .b-log_entry .spoiler.collapse span:before, + .b-log_entry .spoiler.collapsed:before { + padding: .125rem 0; + line-height: 1.25rem; + } +} + +/* FIX */ +.b-abuse_request .marker { + margin: -5px 8px 0 0 !important; +} + +/* END of MODERATION LIST */ +/** + * MATERIAL ICON + * Замена иконок. + * + * ПРАВИЛА: + * Следующие настройки касаются только иконок. Их цвета, родители и их положение настраивается отдельно. + * Иконки должны располагаться в псевдоэлементе :before + * Иконки используются в двух вариантах: 18px и 24px + * Следовательно родители иконок должны быть высотой 32px или 40px + * + * BUG: + * IE doesn't support Materail Icon's font format [.woff2] + */ +@font-face { + font-family: 'Material Icons'; + font-style: normal; + font-weight: 400; + src: local("Material Icons"), local("MaterialIcons-Regular"), url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.woff) format("woff"), url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.eot) format("eot"), url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.ttf) format("truetype"); +} + +/* Стили Material Icons */ +.b-collection-topic > .inner .status-line .collection-size:before, +.b-review_votes:before, +.b-topic .footer-vote .star:before, +.b-topic .footer-vote .vote-group .vote:before, +.b-image .mobile-edit:before, +.b-image .delete:before, +.b-image.deletable .confirm:before, +.b-image.deletable .cancel:before, +.l-top_menu .menu-items > .entry > a[href*="/forum"]:before, +.p-user_rates-index .list-posters .user_rate .edit-user_rate:before { + font-family: 'Material Icons'; + line-height: 1; + font-weight: normal; + letter-spacing: normal; + text-transform: none; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +/* LARGE ICON */ +.c-actions > *:before, +.profile-actions > *:before, +.l-top_menu .menu-mobile .search:before, +.l-top_menu .menu-mobile .menu:before, +.l-top_menu .menu-mobile #sign_in:before, +.l-top_menu .menu-userbox .search:before, +.l-top_menu .menu-userbox .menu:before, +.l-top_menu .menu-userbox #sign_in:before, +.l-top_menu .to-mobile-forum:before, +.l-top_menu .menu-items .submenu-toggler:before, +.l-top_menu .menu-items .submenu-toggler.active:before, +header.head h1 a.back:before, +header.head h2 a.back:before, +.item-mobile:before, +.editor-controls > span:before, +.b-add_to_list .trigger-arrow:before, +.b-add_to_list.expanded .trigger-arrow:before, +.b-add_to_list.watching .edit:before, +.b-add_to_list.rewatching .edit:before, +.b-add_to_list.on_hold .edit:before, +.b-add_to_list.dropped .edit:before, +.b-add_to_list .plus:before, +.b-add_to_list.completed .edit:before, +.b-add_to_list.planned .edit:before, +.b-comments .comments-collapser:before, +.b-list_switchers > .switcher:before, +.p-characters .item-edit:before, +.p-messages .mass-actions .action > a:before { + width: 24px !important; + font-family: 'Material Icons' !important; + font-size: 24px !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +/* SMALL ICON */ +.l-top_menu .menu-items > .entry.calendar > a:before, +.l-top_menu .menu-items > .entry > .contest:before, +.l-top_menu .menu-items > .entry.info > a:before { + display: block; + width: 18px !important; + font-family: 'Material Icons' !important; + font-size: 18px !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.headline > a:before, +.midheadline > a:before, +.subheadline > a:before { + display: block; + font-family: 'Material Icons' !important; + font-size: 18px !important; + font-weight: 400 !important; + line-height: 32px !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.headline > a:before, +.midheadline > a:before, +.subheadline > a:before { + content: 'chevron_right'; +} + +/* Иконки переключения вида каталога: список/постеры */ +.b-list_switchers .switcher.list:before { + content: 'view_list'; +} + +.b-list_switchers .switcher.lines:before { + content: 'view_headline'; +} + +.b-list_switchers .switcher.posters:before { + content: 'view_module'; +} + +/* Иконки списка аниме/манги пользователя */ +.b-add_to_list .plus:before { + content: "add"; +} + +.b-add_to_list.planned .edit:before { + content: "event"; +} + +.b-add_to_list.watching .edit:before { + content: "play_arrow"; +} + +.b-add_to_list.completed .edit:before { + content: "done"; +} + +.b-add_to_list.rewatching .edit:before { + content: "replay"; +} + +.b-add_to_list.on_hold .edit:before { + content: "query_builder"; +} + +.b-add_to_list.dropped .edit:before { + content: "delete"; +} + +.b-add_to_list .trigger-arrow:before { + content: "arrow_drop_down"; + transition: 240ms; +} + +.b-add_to_list.expanded .trigger-arrow:before { + content: "arrow_drop_down"; + transform: rotate(180deg); +} + +/* Иконки верхнего меню */ +.l-top_menu .menu-items > .entry.calendar > a:before { + content: "today"; +} + +.l-top_menu .menu-items > .entry > .contest:before { + content: "poll"; +} + +.l-top_menu .menu-items > .entry.info > a:before { + content: "info"; +} + +.l-top_menu .menu-userbox #sign_in:before { + content: "exit_to_app"; +} + +.l-top_menu .to-mobile-forum:before { + content: "forum"; +} + +.l-top_menu .menu-items .submenu-toggler:before { + content: 'arrow_drop_down'; +} + +.l-top_menu .menu-items .submenu-toggler.active:before { + content: "arrow_drop_down"; + transform: rotate(180deg); +} + +/* Иконки профиля */ +.profile-actions .mail:before { + content: "mail"; +} + +.profile-actions .talk:before { + content: "message"; +} + +.profile-actions .fav-add:before { + content: "person_add"; +} + +.profile-actions .fav-remove:before { + content: "person"; +} + +.profile-actions .fav-remove:hover:before { + content: "person_outline"; + color: inherit; +} + +.profile-actions .ignore-add:before { + content: "do_not_disturb_on"; +} + +.profile-actions .ignore-remove:before { + content: "do_not_disturb_off"; +} + +.profile-actions .settings:before { + content: "settings"; +} + +.profile-actions .ban:before { + content: "gavel"; +} + +/* Иконки текстового редактора */ +.buttons .editor-bold:before { + content: "format_bold"; +} + +.buttons .editor-italic:before { + content: "format_italic"; +} + +.buttons .editor-underline:before { + content: "format_underlined"; +} + +.buttons .editor-strike:before { + content: "strikethrough_s"; +} + +.buttons .editor-link:before { + content: "insert_link"; +} + +.buttons .editor-image:before { + content: "insert_photo"; +} + +.buttons .editor-quote:before { + content: "format_quote"; +} + +.buttons .editor-spoiler:before { + content: "error_outline"; +} + +.buttons .editor-file:before { + content: "attach_file"; +} + +.buttons .editor-smiley:before { + content: "insert_emoticon"; +} + +/* Иконки под постером аниме/манги/персонажа и т.д. */ +.c-actions .edit:before { + content: "build"; +} + +.c-actions .fav-remove:hover:before, +.c-actions .fav-add:before { + content: "favorite_border"; +} + +.c-actions .fav-add:hover:before, +.c-actions .fav-remove:before { + content: "favorite"; +} + +.c-actions .new_review:before { + content: "rate_review"; +} + +.c-actions .new_comment:before { + content: "chat_bubble"; +} + +/* Специальная иконка открывающая меню комментария/топика и т.д. */ +.item-mobile:before { + content: "more_vert"; +} + +.p-characters .item-edit:before { + content: "edit"; +} + +/* Иконка "закрыть" */ +.b-dialog.aside-expanded > .inner > .item-mobile:before, +.b-message.aside-expanded > .inner > .item-mobile:before, +.b-comment.aside-expanded > .inner > .item-mobile:before { + content: "clear"; +} + +/* Иконка "назад" */ +header.head h1 a.back:before, +header.head h2 a.back:before { + content: "arrow_back"; +} + +/* Иконки в почте пользователя ("Отметить прочитанным" и "Удалить все") */ +.p-messages .mass-actions .action:nth-child(1) > a:before { + content: 'done_all'; +} + +.p-messages .mass-actions .action:nth-child(2) > a:before { + content: 'delete_sweep'; +} + +.p-dialogs header.head, +.p-messages header.head, +.p-profiles-edit header.head { + padding: 16px 16px 8px; + margin: -16px -16px 0; +} + +header.head h1, +header.head h2 { + padding: 8px 0; + line-height: 32px; + color: inherit; +} + +header.head h1 a.back, +header.head h2 a.back { + vertical-align: top; + width: 40px; + height: 40px; + padding: 8px; + margin: -4px 16px -4px -8px; + line-height: initial; +} + +header.head h1 a.back:before, +header.head h2 a.back:before { + position: static; + color: inherit; +} + +header.head h1 a.back:after, +header.head h2 a.back:after { + display: none; +} + +.buttons { + margin-right: 0; +} + +.delete-controls > span, +.moderation-controls > span, +.main-controls > span, +.main-controls > a, +.buttons .item-edit { + width: 220px; + padding: 11px 16px; + margin-right: auto !important; + margin-left: auto !important; + line-height: 18px !important; +} + +@media only screen and (min-width: 1025px) { + .delete-controls > span, + .moderation-controls > span, + .main-controls > span, + .main-controls > a, + .buttons .item-edit { + width: 32px; + height: 32px; + padding: 7px; + margin-left: 8px !important; + border-radius: 2px; + line-height: 18px !important; + } +} + +.item-mobile { + position: relative; + width: 40px; + height: 40px; + padding: 8px; + margin: 4px 0; + margin-left: 8px !important; + border-radius: 100%; + z-index: 4; +} + +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .plus::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .edit::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .trigger-arrow::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .plus::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .edit::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .trigger-arrow::before, +.buttons .item-summary:before, +.buttons .item-ignore:before, +.buttons .item-quote:before, +.buttons .item-reply:before, +.buttons .item-edit:before, +.buttons .item-delete:before, +.buttons .item-moderation:before, +.buttons .item-cancel:before, +.buttons .item-request-reject:before, +.buttons .item-apply:before, +.buttons .item-request-confirm:before, +.buttons .item-delete-confirm:before, +.buttons .item-abuse:before, +.buttons .item-spoiler:before, +.buttons .item-offtopic:before, +.buttons .item-delete-cancel:before, +.buttons .item-moderation-cancel:before { + vertical-align: top; + width: 18px !important; + font-family: 'Material Icons' !important; + font-size: 18px !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.buttons .item-ignore:before { + content: "do_not_disturb_on"; +} + +.buttons .item-quote:before { + content: "format_quote"; +} + +.buttons .item-reply:before { + content: "reply"; +} + +.buttons .item-edit:before { + content: "mode_edit"; +} + +.buttons .item-delete:before { + content: "delete"; +} + +.buttons .item-moderation:before { + content: "flag"; +} + +.buttons .item-cancel:before, +.buttons .item-request-reject:before, +.buttons .item-delete-cancel:before, +.buttons .item-moderation-cancel:before { + content: "clear"; +} + +.buttons .item-spoiler:before { + content: "sms_failed"; +} + +.buttons .item-abuse:before { + content: "pan_tool"; +} + +.buttons .item-offtopic:before { + content: "speaker_notes_off"; +} + +.buttons .item-summary:before { + content: "check_circle"; +} + +.buttons .item-delete-confirm:before { + content: "delete"; +} + +.buttons .item-apply:before, +.buttons .item-request-confirm:before, +.buttons .item-delete-confirm:before { + content: "done"; +} + +.l-top_menu .menu-mobile .menu:before, +.l-top_menu .menu-userbox .menu:before, +.l-top_menu .menu-mobile .search:before, +.l-top_menu .menu-userbox .search:before { + width: 24px !important; + font-family: 'Material Icons' !important; + font-size: 24px !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.l-top_menu .menu-mobile .menu:before, +.l-top_menu .menu-userbox .menu:before { + content: "menu"; +} + +.l-top_menu .menu-mobile .search:before, +.l-top_menu .menu-userbox .search:before { + content: "search"; +} + +.tooltip-inner { + min-height: 56px; + padding: 14px 16px; + border: 0; + overflow: hidden; + box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.24); +} + +.tooltip-arrow { + display: none; +} + +/** + * Simple + * MIT License + * Copyright (c) 2015 Chris Nager + * https://github.com/chrisnager/simple-paper-spinner + */ +.tooltip-details { + min-height: 140px; +} + +.tooltip-details .ajax-loading { + display: inline-block; + position: absolute; + top: 50%; + left: 50%; + width: 1.75em; + height: 1.75em; + min-height: 0; + margin: -.875rem 0 0 -.875rem; + background-image: none; + border-radius: 50%; + box-shadow: inset 0 0 0 0.1875em; + overflow: hidden; + will-change: transform; + -webkit-animation: spin 2666ms linear infinite; + animation: spin 2666ms linear infinite; + -webkit-clip-path: circle(0.875em at center); + clip-path: circle(0.875em at center); +} + +.tooltip-details .ajax-loading:after, +.tooltip-details .ajax-loading:before { + content: ""; + position: absolute; + width: 7em; + height: 1.75em; + background-color: inherit; +} + +.tooltip-details .ajax-loading:after { + -webkit-transform: skewX(-80deg) translate(0.875em, 0.875em); + transform: skewX(-80deg) translate(0.875em, 0.875em); + -webkit-animation: shape-shift-after 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate; + animation: shape-shift-after 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate; +} + +.tooltip-details .ajax-loading:before { + -webkit-transform: skewX(80deg) translate(0.875em, -0.875em); + transform: skewX(80deg) translate(0.875em, -0.875em); + -webkit-animation: shape-shift-before 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate; + animation: shape-shift-before 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate; +} + +@-webkit-keyframes spin { + to { + -webkit-transform: rotate(1080deg); + transform: rotate(1080deg); + } +} + +@keyframes spin { + to { + -webkit-transform: rotate(1080deg); + transform: rotate(1080deg); + } +} + +@-webkit-keyframes shape-shift-before { + to { + -webkit-transform: skewX(-45deg) translate(0.875em, -0.875em); + transform: skewX(-45deg) translate(0.875em, -0.875em); + } +} + +@keyframes shape-shift-before { + to { + -webkit-transform: skewX(-45deg) translate(0.875em, -0.875em); + transform: skewX(-45deg) translate(0.875em, -0.875em); + } +} + +@-webkit-keyframes shape-shift-after { + to { + -webkit-transform: skewX(45deg) translate(0.875em, 0.875em); + transform: skewX(45deg) translate(0.875em, 0.875em); + } +} + +@keyframes shape-shift-after { + to { + -webkit-transform: skewX(45deg) translate(0.875em, 0.875em); + transform: skewX(45deg) translate(0.875em, 0.875em); + } +} + +.b-catalog_entry-tooltip .inner a.name { + font-size: .875rem; +} + +.b-catalog_entry-tooltip .inner .rating { + font-family: inherit; +} + +.b-catalog_entry-tooltip .inner .rating .text { + font-size: .75rem; +} + +/* FIX: Размер изображений в тултипах Избаранного */ +.b-catalog_entry-tooltip .inner .best-works > .c-column { + width: 22%; + margin-right: 4%; +} + +.b-catalog_entry-tooltip .inner .best-works > .c-column:last-child { + margin-right: 0; +} + +/* TEXTEDITOR | SHIKI EDITOR */ +.b-topic > .editor-container { + margin-top: 1rem; +} + +.b-shiki_editor .body .preview { + padding: 0; + margin: 0; + background: transparent; + border: 0; +} + +.editor-controls > span { + width: 40px; + height: 40px; + padding: 8px; + margin: 0 8px 0 0 !important; +} + +/* Расширяем file input */ +.buttons .editor-file { + position: relative; +} + +.buttons .editor-file span, +.buttons .editor-file a { + top: 0; + left: 0; + width: 40px; + height: 40px; + margin: 0 !important; +} + +.buttons .editor-file input { + left: 0; + width: 40px; + height: 40px; + border: 0; + font-size: 40px; +} + +.b-shiki_editor aside.buttons { + margin: 0; + padding: .25rem 0; +} + +.b-shiki_editor aside.markers { + height: auto; + padding: .75rem 0; +} + +.b-shiki_editor .links, +.b-shiki_editor .images, +.b-shiki_editor .quotes, +.b-shiki_editor .email, +.b-shiki_editor .upload { + height: 3rem; + line-height: 2rem; +} + +.b-shiki_editor .hidden-block p { + padding: .5rem !important; +} + +.b-shiki_editor .links .link-value, +.b-shiki_editor .images .link-value, +.b-shiki_editor .quotes .link-value, +.b-shiki_editor .email .link-value, +.b-shiki_editor .upload .link-value { + width: 14rem; + height: 2rem; + padding: 0 1rem; + margin: 0; + border-radius: 2px; + line-height: 2rem; +} + +.b-shiki_editor .links .button.ok, +.b-shiki_editor .images .button.ok, +.b-shiki_editor .quotes .button.ok, +.b-shiki_editor .email .button.ok, +.b-shiki_editor .upload .button.ok { + display: inline-block; + vertical-align: top; + padding: 0 1rem; + margin-right: 0; + margin-left: 1rem; + font-size: .875rem; + line-height: 2rem; + border-radius: 2px; +} + +.b-shiki_editor .images input, +.b-shiki_editor .quotes input, +.b-shiki_editor .email input { + margin-left: 1rem !important; + width: 20rem !important; +} + +.b-shiki_editor .body .editor textarea { + padding: .5rem 1rem; + margin: 0; + border-radius: 2px; + font-size: 1rem; + line-height: 1.25rem; +} + +.b-shiki_editor footer input[type=submit], +.b-shiki_editor footer .unpreview, +.b-shiki_editor footer .preview { + vertical-align: top; + margin-right: 8px; +} + +.b-shiki_editor footer .preview { + margin-right: 0; +} + +.b-shiki_editor.previewed footer .unpreview { + border: 0; + font-size: 0; +} + +.b-shiki_editor.previewed footer .unpreview:after { + content: 'Назад'; + vertical-align: top; + font-size: 14px; +} + +.b-shiki_editor footer .cancel { + border: 0; +} + +.b-shiki_editor footer .cancel:hover { + color: #3F51B5; +} + +/* FIX: COMMENT PREVIEW WIDTH */ +.b-shiki_editor aside.markers { + position: absolute; + right: 0; + top: 0; + z-index: 2; +} + +.b-shiki_editor.previewed .body .preview .b-comment { + padding: 0 !important; +} + +.b-shiki_editor footer { + margin-top: 1rem; +} + +.about-bb_codes { + font-size: 0 !important; + padding: 0 1rem; + margin-top: 0 !important; + border-radius: .125rem; + line-height: 2rem !important; +} + +.about-bb_codes:before { + content: "help"; + display: inline-block; + vertical-align: top; + font-family: 'Material Icons' !important; + font-size: 24px !important; + line-height: 32px !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +@media only screen and (min-width: 768px) { + .about-bb_codes:before { + font-family: inherit !important; + font-size: 14px !important; + text-transform: uppercase; + } + .locale-ru .about-bb_codes:before { + content: 'Справка'; + } + .locale-en .about-bb_codes:before { + content: 'Help'; + } +} + +/* END of SHIKI_EDITOR */ +/* END of TEXTEDITOR */ +.b-abuse_marker, +.b-broadcast_marker, +.b-new_marker, +.b-offtopic_marker, +.b-summary_marker { + width: auto !important; + margin: 0 !important; + margin-top: 1px !important; + margin-left: 8px !important; +} + +.b-spoiler_marker { + width: auto; +} + +.b-abuse_marker:before, +.b-broadcast_marker:before, +.b-new_marker:before, +.b-offtopic_marker:before, +.b-spoiler_marker:before, +.b-summary_marker:before { + position: static !important; + width: auto !important; + padding: 0 4px !important; + margin-top: 8px; + border: 0 !important; + border-radius: 2px; + font-size: 10px !important; + line-height: 16px !important; + text-transform: capitalize; +} + +.b-shiki_editor .b-summary_marker, +.b-shiki_editor .b-summary_marker:before, +.b-shiki_editor .b-offtopic_marker, +.b-shiki_editor .b-offtopic_marker:before { + vertical-align: top; + padding: 0 8px !important; + margin: 0 !important; + font-size: 12px !important; + line-height: 24px !important; +} + +.b-shiki_editor .b-summary_marker, +.b-shiki_editor .b-offtopic_marker { + padding: 0 !important; + margin-left: 8px !important; +} + +/* END of SHIKI_EDITOR */ +/* FLOATED OPTIONS */ +.b-options-floated { + margin-top: 16px; + font-size: 14px; + line-height: 16px; +} + +@media screen and (min-width: 768px) { + .b-options-floated.before-buttons-2 { + padding-right: 112px; + } +} + +.p-profiles-edit .b-options-floated, +.p-dialogs .b-options-floated, +.p-messages .b-options-floated { + position: static; + margin: 0 -16px 8px; + padding: 0; + text-align: left; + white-space: nowrap; + overflow: hidden; + overflow-x: auto; +} + +.p-profiles-edit .b-options-floated > a, +.p-dialogs .b-options-floated > a, +.p-messages .b-options-floated > a { + display: inline-block; + width: auto; + min-width: 88px; + height: 48px; + padding: 0 12px; + font-size: 14px; + line-height: 48px; + text-align: center; + text-transform: uppercase; +} + +.p-profiles-edit .b-options-floated > a { + width: auto; +} + +.p-profiles-edit .b-options-floated > a:hover, +.p-dialogs .b-options-floated > a:hover, +.p-messages .b-options-floated > a:hover { + text-decoration: none; +} + +@media screen and (min-width: 481px) { + .p-profiles-edit .b-options-floated > a, + .p-dialogs .b-options-floated > a, + .p-messages .b-options-floated > a { + width: auto; + } +} + +.b-options-floated a span.brackets, +.b-options-floated .link span.brackets { + display: inline-block; + vertical-align: text-top; + min-width: 20px; + height: 16px; + padding: 0 4px; + border-radius: 4px; + color: #212121; + font-size: 10px; + line-height: 16px; + text-align: center; +} + +.b-options-floated a:after, +.b-options-floated .link:after { + padding: 0 .375rem; + color: #9E9E9E; +} + +.p-profiles-edit .b-options-floated > a:after, +.p-dialogs .b-options-floated > a:after, +.p-messages .b-options-floated > a:after, +.b-options-floated a span.brackets:before, +.b-options-floated a span.brackets:after, +.b-options-floated .link span.brackets:before, +.b-options-floated .link span.brackets:after { + display: none; +} + +@media screen and (min-width: 481px) { + .p-dialogs header.head, + .p-messages header.head, + .p-profiles-edit header.head { + padding: 0; + margin: 0; + background-color: transparent; + } + .p-profiles-edit .b-options-floated, + .p-dialogs .b-options-floated, + .p-messages .b-options-floated { + position: initial; + margin: 0 -16px 8px; + padding: 0; + background-color: transparent; + text-align: right; + } +} + +/* END of FLOATED OPTIONS */ +/* USER'S MAIL ICONS – READ ALL & DELETE ALL */ +.p-messages .mass-actions { + position: absolute; + top: 56px; + right: 0; + margin: 0 -.5rem; +} + +.p-messages .mass-actions .action:after { + display: none; +} + +.p-messages .mass-actions > .action > a { + width: 40px; + height: 40px; + padding: 8px; + margin: 4px; + border: 0; + border-radius: 2px; + font-size: 0; + line-height: 1; +} + +/* END of USER'S MAIL ICONS */ +/* DB ENTRY NOTES */ +/* TODO: MERGE WITH .c-history .entry */ +.b-db_entry-note { + position: relative; + padding: 8px 0; + margin: 0; + border: 0; +} + +.b-db_entry-note:first-child { + padding-top: 8px; +} + +.b-db_entry-note:before { + content: ''; + position: absolute; + right: -16px; + bottom: 0; + left: 56px; + height: 1px; +} + +.b-db_entry-note:last-child:before { + display: none; +} + +/* FIX */ +.b-db_entry-note:before { + right: 0; + left: 64px; +} + +.p-db_entries-related .b-db_entry-note { + padding: 16px 0; +} + +.p-db_entries-related .b-db_entry-note:first-child { + padding-top: 16px; +} + +/* END of DB ENTRY NOTES*/ +/* MENU ENTRY REVIEW & CLUBS */ +/* TODO: MERGE WITH .c-history .entry */ +/* TODO: where [.calendar .entry]? */ +.p-topics .l-menu .calendar .entry, +.p-topics .l-menu .reviews .entry, +.p-topics .l-menu .clubs .entry { + position: relative; + padding: 8px 0; + margin: 0; + border: 0; + overflow: initial; +} + +.p-topics .l-menu .calendar .entry:first-child, +.p-topics .l-menu .reviews .entry:first-child, +.p-topics .l-menu .clubs .entry:first-child { + padding-top: 8px; + margin-top: 0; +} + +.p-topics .l-menu .calendar .entry:before, +.p-topics .l-menu .reviews .entry:before, +.p-topics .l-menu .clubs .entry:before { + content: ''; + position: absolute; + right: -8px; + bottom: 0; + left: 56px; + height: 1px; + pointer-events: none; +} + +.p-topics .l-menu .calendar .entry:last-child:before, +.p-topics .l-menu .reviews .entry:last-child:before, +.p-topics .l-menu .clubs .entry:last-child:before { + display: none; +} + +/* Полноразмерная ссылка .entry, работает только для .l-menu */ +.p-topics .l-menu .calendar .entry a, +.p-topics .l-menu .reviews .entry a, +.p-topics .l-menu .clubs .entry a { + display: block; + padding: 8px; + margin: -8px; +} + +.p-topics .l-menu .calendar .entry a:after, +.p-topics .l-menu .reviews .entry a:after, +.p-topics .l-menu .clubs .entry a:after { + content: ''; + clear: both; + display: block; +} + +.p-topics .l-menu .calendar .entry:hover .title, +.p-topics .l-menu .reviews .entry:hover .title, +.p-topics .l-menu .clubs .entry:hover .title { + text-decoration: none; +} + +/* ADDITIONS */ +.p-topics .l-menu .reviews .entry img { + min-width: 40px; + max-height: 64px; + margin: 2px 16px 2px 0; + border-radius: 2px; +} + +.p-topics .l-menu .clubs .entry img { + width: 40px; + min-width: 40px; + height: 40px; + margin: 2px 16px 2px 0; + border-radius: 2px; +} + +/* END of MENU ENTRY REVIEW & CLUBS */ +/* SIDEMENU LINKS */ +.p-topics .l-menu .sticky-topics .topic, +.p-dashboards-show .contests .contest, +.p-topics .l-menu .contests .contest { + padding: 8px; + margin: 0 -8px; + border: 0; +} + +.p-topics .l-menu .sticky-topics .topic:first-child, +.p-dashboards-show .contests .contest:first-child, +.p-topics .l-menu .contests .contest:first-child { + padding-top: 8px; + margin-top: 0; +} + +.p-topics .l-menu .sticky-topics .topic .title, +.p-dashboards-show .contests .contest .title, +.p-topics .l-menu .contests .contest .title { + line-height: 20px; +} + +.p-topics .l-menu .sticky-topics .topic:hover .title, +.p-dashboards-show .contests .contest:hover .title, +.p-topics .l-menu .contests .contest:hover .title { + text-decoration: none; +} + +.p-topics .l-menu .sticky-topics .topic .title:after, +.p-dashboards-show .contests .contest .title:after, +.p-topics .l-menu .contests .contest .title:after { + display: none; +} + +.p-topics .l-menu .sticky-topics .topic .notice, +.p-dashboards-show .contests .contest .notice, +.p-topics .l-menu .contests .contest .notice { + margin-top: 2px; + line-height: 18px; +} + +/* END of SIDEMENU LINKS */ +/* Стилизованные кнопки на страницах поиска аниме и манги */ +.p-user_rates .mylist-block + .block > .b-list, +.b-collection-filters > .block:first-child > .b-list, +.b-collection-filters > .block:first-child > .b-list { + margin-left: 0 !important; +} + +.p-user_rates .mylist-block + .block > .b-list > li, +.b-collection-filters > .block:first-child > .b-list > li, +.b-collection-filters > .block:first-child > .b-list > li { + position: relative; + margin-bottom: .5rem; + border-radius: .125rem; + font-size: .875rem; + line-height: 2rem; + text-align: center; + text-transform: uppercase; + list-style: none; +} + +.p-user_rates .mylist-block + .block > .b-list > li:before, +.p-user_rates .mylist-block + .block > .b-list > li:after, +.b-collection-filters > .block:first-child > .b-list > li:before, +.b-collection-filters > .block:first-child > .b-list > li:before, +.b-collection-filters > .block:first-child > .b-list > li:after, +.b-collection-filters > .block:first-child > .b-list > li:after { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: inherit; + opacity: 0; + z-index: 0; + transition: opacity .3s; +} + +.p-user_rates .mylist-block + .block > .b-list > li:before, +.b-collection-filters > .block:first-child > .b-list > li:before, +.b-collection-filters > .block:first-child > .b-list > li:before { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.56); +} + +.p-user_rates .mylist-block + .block > .b-list > li:after, +.b-collection-filters > .block:first-child > .b-list > li:after, +.b-collection-filters > .block:first-child > .b-list > li:after { + background-color: rgba(0, 0, 0, 0.12); +} + +.p-user_rates .mylist-block + .block > .b-list > li:hover:before, +.p-user_rates .mylist-block + .block > .b-list > li:hover:after, +.b-collection-filters > .block:first-child > .b-list > li:hover:before, +.b-collection-filters > .block:first-child > .b-list > li:hover:before, +.b-collection-filters > .block:first-child > .b-list > li:hover:after, +.b-collection-filters > .block:first-child > .b-list > li:hover:after { + opacity: 1; +} + +.p-user_rates .mylist-block + .block > .b-list > li > a, +.b-collection-filters > .block:first-child > .b-list > li > a, +.b-collection-filters > .block:first-child > .b-list > li > a { + position: relative; + display: block; + color: #fff !important; + z-index: 1; +} + +.p-user_rates .mylist-block + .block > .b-list > li > a:hover, +.b-collection-filters > .block:first-child > .b-list > li > a:hover, +.b-collection-filters > .block:first-child > .b-list > li > a:hover { + color: #fff !important; + text-decoration: none; +} + +/* END of Стилизованные кнопки на страницах поиска аниме и манги */ +/** + * Фильтры на страницах поиска + */ +/* Настройка пунктов */ +.b-collection-filters .block-list li, +.b-collection-filters .b-block_list li { + position: relative; + padding: 0 .5rem; + margin: 0 -.5rem; + font-size: .875rem; + line-height: 2rem; +} + +/* Отступ для подпунктов */ +.b-collection-filters .block-list li.sub, +.b-collection-filters .b-block_list li.sub { + padding-left: 2.5rem; +} + +/* Скрываем чекбокс, располагаем над псевдоэлементом */ +.b-collection-filters .block-list li > input, +.b-collection-filters .b-block_list li > input { + position: absolute; + left: .3125rem; + width: 2rem; + height: 2rem; + border: 0; + opacity: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +/* Псевдоэлемент с иконкой чекбокса */ +.b-collection-filters .block-list li:before, +.b-collection-filters .b-block_list li:before { + display: inline-block; + vertical-align: top; + width: 1.125rem; + margin: .4375rem .875rem .4375rem 0; + font-family: 'Material Icons'; + font-size: 1.125rem; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +/* Фильтры на страницах поиска – ПОДСКАЗКИ */ +/* Положение подсказки */ +.b-collection-filters .block-list .b-question, +.b-collection-filters .b-block_list .b-question { + display: inline-block !important; + vertical-align: top; + position: absolute; + right: .3125rem; +} + +/* Иконка подсказки */ +.b-collection-filters .block-list .b-question:before, +.b-collection-filters .b-block_list .b-question:before { + display: block; + width: 1.125rem; + height: auto; + margin: .4375rem; + background-color: transparent; + font-family: 'Material Icons'; + font-size: 1.125rem; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +/* Фильтры на страницах поиска – ПЕРЕКЛЮЧАТЕЛИ */ +/* Положение переключателя */ +.b-collection-filters .filter { + top: 0; +} + +.b-collection-filters .block-list .filter, +.b-collection-filters .b-block_list .filter { + float: right; + position: relative; + right: auto; + margin: 0 0 0 .5rem; +} + +/* Положение переключателя с иконками подсказок */ +.b-collection-filters .block-list.ratings .filter, +.b-collection-filters .block-list.genres .filter, +.b-collection-filters .block-list li.sub .filter, +.b-collection-filters .b-block_list.ratings .filter, +.b-collection-filters .b-block_list.genres .filter, +.b-collection-filters .b-block_list li.sub .filter { + margin-right: 2rem; +} + +/* Сбрасываем стандартные стили */ +.b-collection-filters .block-list .filter:before, +.b-collection-filters .b-block_list .filter:before { + display: block; + width: auto; + font-family: inherit; + font-size: .75rem; + line-height: inherit; + text-transform: lowercase; +} + +/* Добавляем понятные текстовые обозначения */ +.locale-ru .b-collection-filters .b-block_list .filter.item-add:before { + content: 'Исключить'; +} + +.locale-en .b-collection-filters .b-block_list .filter.item-add:before { + content: 'Exclude'; +} + +.locale-ru .b-collection-filters .b-block_list .filter.item-minus:before { + content: 'Добавить'; +} + +.locale-en .b-collection-filters .b-block_list .filter.item-minus:before { + content: 'Include'; +} + +/* Настройка иконок */ +.b-collection-filters .block-list li:before { + content: 'check_box_outline_blank'; +} + +.b-collection-filters .block-list li.selected:before { + content: 'check_box'; +} + +.b-collection-filters .block-list.orders li:before { + content: 'radio_button_unchecked'; +} + +.b-collection-filters .block-list.orders li.selected:before { + content: 'radio_button_checked'; +} + +.b-collection-filters .block-list .b-question:before { + content: 'help_outline'; +} + +.b-collection-filters .b-block_list li:before { + content: 'check_box_outline_blank'; +} + +.b-collection-filters .b-block_list li.selected:before { + content: 'check_box'; +} + +.b-collection-filters .b-block_list.orders li:before { + content: 'radio_button_unchecked'; +} + +.b-collection-filters .b-block_list.orders li.selected:before { + content: 'radio_button_checked'; +} + +.b-collection-filters .b-block_list .b-question:before { + content: 'help_outline'; +} + +/* Фильтры на страницах поиска – Размер для ПК */ +@media (min-width: 1025px) { + .b-collection-filters .block-list li { + line-height: 1.5rem; + } + .b-collection-filters .block-list li:before { + margin: .1875rem .875rem .1875rem 0; + } + .b-collection-filters .block-list .b-question:before { + margin: .1875rem; + } + .b-collection-filters .block-list li > input { + width: 1.5rem; + height: 1.5rem; + } + /* new class */ + .b-collection-filters .b-block_list li { + line-height: 1.5rem; + } + .b-collection-filters .b-block_list li:before { + margin: .1875rem .875rem .1875rem 0; + } + .b-collection-filters .b-block_list .b-question:before { + margin: .1875rem; + } + .b-collection-filters .b-block_list li > input { + width: 1.5rem; + height: 1.5rem; + } +} + +/* END of Фильтры на страницах поиска */ +/* "Мой список" в фильтрах поиска */ +/* Меняем название на более доступное */ +.block.mylist-block > .subheadline { + font-size: 0; + line-height: 0; +} + +.block.mylist-block > .subheadline:before { + font-size: .875rem; + line-height: 1rem; +} + +.locale-ru .block.mylist-block > .subheadline:before { + content: 'Мой список'; +} + +.locale-en .block.mylist-block > .subheadline:before { + content: 'My List'; +} + +/* Кнопка переключателя */ +.b-collection-filters .block > .filter.item-sign { + height: 2.5rem; + padding: .5rem; + margin-top: .25rem; + border-radius: .125rem; +} + +.b-collection-filters .block > .filter.item-sign:before { + width: 1.5rem; + font-family: 'Material Icons'; + font-size: 1.5rem; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +/* Настройка иконки переключателя */ +.b-collection-filters .block > .filter.item-sign:before { + content: 'playlist_add_check'; +} + +/* Прозрачный фон переключателя */ +@media (min-width: 1025px) { + .b-collection-filters .block > .filter.item-sign { + background-color: transparent; + } +} + +/* END of "Мой список" в фильтрах поиска */ +/* Страница видео */ +.b-video_player .cc-player_controls .episode-num input { + margin: .75rem .25rem; +} + +.b-video_player .cc-player_controls a.c-control:hover { + text-decoration: none; +} + +.b-video_player .cc-player_controls .cc-navigation > .c-control > span, +.b-video_player .cc-player_controls .cc-navigation > .c-control > b { + display: inline-block; + vertical-align: top; + margin: .25rem auto; + line-height: 2.5rem; +} + +.b-video_player .cc-player_controls .cc-navigation > .c-control > b { + margin-left: .5rem; +} + +@media screen and (max-width: 480px) and (orientation: portrait) { + .b-video_player .cc-player_controls .cc-navigation > .c-control > span, + .b-video_player .cc-player_controls .cc-navigation > .c-control > b { + display: none; + } +} + +.b-video_player .cc-player_controls .label, +.b-video_player .cc-player_controls .episode-title .video-link { + font-size: .75rem; +} + +.b-video_player .cc-player_controls .episode-title .video-link a { + display: block; + line-height: inherit; + border: 0; +} + +.b-video_player .cc-player_controls .cc-options > .c-video_stats { + margin: .25rem auto; +} + +.p-anime_videos-index .c-videos .video-variant-switcher, +.p-anime_videos-index .c-video_stats { + font-size: .875rem; +} + +.p-anime_videos-index .c-videos .video-variant-switcher:hover { + border: 0; +} + +.b-video_player .cc-player_controls .c-control:hover { + text-decoration: none; +} + +/* Подзаголовки на странице видео */ +.p-anime_videos-index .same-videos .title, +.p-anime_videos-index .c-anime_video_episodes .title, +.p-anime_videos-index .c-videos .title { + padding: 1rem 0; + margin: 0; + font-size: .875rem; + font-weight: 700; + line-height: 1rem; + text-transform: uppercase; +} + +/* Переключатели в варинатах видео */ +.p-anime_videos-index .c-videos .video-variant-switcher { + float: right; + margin: 0; + border: 0; + line-height: 1rem; + text-transform: capitalize; +} + +.p-anime_videos-index .c-videos .video-variant-switcher:not(:first-child):after { + content: '/'; + padding: 0 .375rem; + font-weight: normal; +} + +.b-video_variant.active a { + border: 0; +} + +/* Иконки */ +.b-video_player .cc-player_controls .c-control .icon { + width: 2.5rem !important; + height: 2.5rem; + padding: .5rem; + margin: .25rem auto !important; + border-radius: 2px; +} + +.b-video_player .cc-player_controls .c-control .icon:before { + width: 1.5rem; + font-family: 'Material Icons'; + font-size: 1.5rem !important; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.b-video_player .cc-player_controls .create-user_rate .icon:before { + content: 'add'; +} + +.b-video_player .cc-player_controls .increment-user_rate .icon:before { + content: 'done'; +} + +.b-video_player .cc-player_controls .next .icon:before { + content: 'skip_next'; +} + +.b-video_player .cc-player_controls .prev .icon:before { + content: 'skip_previous'; +} + +.b-video_player .cc-player_controls .report .icon:before { + content: 'flag'; +} + +.b-video_player .cc-player_controls .show-options .icon:before { + content: 'settings'; +} + +.b-video_player .cc-player_controls .upload .icon:before { + content: 'cloud_upload'; +} + +.b-video_player .cc-player_controls .edit .icon:before { + content: 'build'; +} + +/* END of Страница видео */ +/* END of ОСНОВНОЙ ФАЙЛ */ + + + + + + + + + + +/** + * PROFILE COVER + */ +@media screen and (min-width: 320px) { + .p-profiles .profile-head[data-user-id="2727"] .c-brief { + background-color: #424242; + box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.24); + } + .p-profiles .profile-head[data-user-id="2727"] .c-brief:before { + content: ''; + display: block; + height: 0; + padding-bottom: 56.25%; + background-repeat: no-repeat; + background-size: cover; + } +} + +@media screen and (min-width: 480px) { + .p-profiles .profile-head .c-brief { + min-height: 16rem; + } + .p-profiles .profile-head .c-brief { + margin-bottom: 1rem; + } + .p-profiles .profile-head .c-info { + margin-left: 0; + } + .p-profiles .profile-head[data-user-id="2727"] .c-brief .avatar { + position: absolute; + top: auto; + right: auto; + bottom: 0; + left: 0; + max-width: 148px; + margin: 1.5rem 1rem; + z-index: 2; + } + .p-profiles .profile-head[data-user-id="2727"] .c-brief .avatar img { + width: 120px; + } + .p-profiles .profile-head[data-user-id="2727"] .c-brief header { + position: absolute; + top: auto; + right: 0; + bottom: 0; + left: 0; + min-height: 112px; + padding: 1rem 1.5rem 1rem calc(4rem + 148px); + margin: 0; + z-index: 1; + } +} + +@media screen and (min-width: 600px) { + .p-profiles .profile-head .c-brief { + min-height: 19rem; + } + .p-profiles .profile-head .c-info { + margin-left: 0; + } + .p-profiles .profile-head[data-user-id="2727"] .c-brief { + max-height: 380px; + padding-bottom: 112px; + margin: -3rem -1rem 1rem; + background-color: inherit; + box-shadow: none; + } + .p-profiles .profile-head[data-user-id="2727"] .c-brief:before { + height: 268px; + max-height: inherit; + padding-bottom: 0; + } + .p-profiles .profile-head[data-user-id="2727"] .c-brief .avatar { + max-width: 160px; + } + .p-profiles .profile-head[data-user-id="2727"] .c-brief .avatar img { + width: 160px; + box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.16); + } +} + +@media (min-width: 768px) { + .p-profiles .profile-head .c-info { + margin-left: 0; + } +} + +@media screen and (min-width: 960px) { + .p-profiles .profile-head .c-brief { + min-height: 0; + } + .p-profiles .profile-head .c-info { + margin-left: 13.5rem; + } + .p-profiles .profile-head[data-user-id="2727"] .c-brief { + max-height: 520px; + margin: -4.5rem -2rem 0; + } + .p-profiles .profile-head[data-user-id="2727"] .c-brief:before { + height: 408px; + } + .p-profiles .profile-head[data-user-id="2727"] .c-brief header { + padding: 1rem calc(23% + 4.5rem) 1rem calc(4.5rem + 160px); + } + .p-profiles .profile-head[data-user-id="2727"] .c-brief .avatar { + margin: 1.5rem 2rem; + } + .p-profiles .profile-head[data-user-id="2727"] .c-info { + width: 77%; + padding-right: 2.5rem; + padding-left: 1rem; + margin-left: -1rem; + } + .p-profiles .profile-head[data-user-id="2727"] .c-history { + float: none; + position: absolute; + right: 0; + top: 520px; + width: 23%; + padding: .5rem 0; + margin: 0; + margin-top: -112px; + z-index: 3; + } +} + +/* END of PROFILE COVER */ + + + +/* Полупрозрачное меню в профиле */ +@media (min-width: 960px) { + .p-profiles .profile-head .c-info .c-additionals b:after { + font-size: 12px; + font-weight: 400; + } + .p-profiles-show:not(.p-dialogs-show) .l-top_menu { + background-color: transparent; + background-image: linear-gradient(rgba(51, 51, 51, 0.64), rgba(51, 51, 51, 0)); + box-shadow: none; + transition: .3s; + } + .p-profiles-show:not(.p-dialogs-show) .l-top_menu:before { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + opacity: 0; + transition: .3s; + } + .p-profiles-show:not(.p-dialogs-show) .l-top_menu:hover:before { + opacity: 1; + } + .p-profiles-show.x1000:not(.p-dialogs-show) .l-top_menu { + max-width: calc(1000px + 2rem); + } + .p-profiles-show.x1200:not(.p-dialogs-show) .l-top_menu { + max-width: calc(1200px + 2rem); + } +} + +/* END of Полупрозрачное меню в профиле */ + + + + + + + + + + +/* TENTATIVE CODE | USERLIST */ +.ajax > .b-user.detailed { + display: inline-block; + vertical-align: top; + position: relative; + width: 48%; + height: auto; + min-height: 261px; + padding: 8px; + margin-right: 4%; + margin-bottom: 4%; + background-color: #424242; + border: 0; + border-radius: 2px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16); +} + +.ajax > .b-user.detailed:nth-child(2n+2) { + margin-right: 0; +} + +@media (min-width: 540px) { + .ajax > .b-user.detailed { + width: 32%; + margin-right: 2%; + margin-bottom: 2%; + } + .ajax > .b-user.detailed:nth-child(2n+2) { + margin-right: 2%; + } + .ajax > .b-user.detailed:nth-child(3n+3) { + margin-right: 0; + } +} + +@media (min-width: 768px) { + .ajax > .b-user.detailed { + width: 23.5%; + margin-right: 2%; + margin-bottom: 2%; + } + .ajax > .b-user.detailed:nth-child(2n+2) { + margin-right: 2%; + } + .ajax > .b-user.detailed:nth-child(3n+3) { + margin-right: 2%; + } + .ajax > .b-user.detailed:nth-child(4n+4) { + margin-right: 0; + } +} + +@media (min-width: 960px) { + .ajax > .b-user.detailed { + width: 18.4%; + margin-right: 2%; + margin-bottom: 2%; + } + .ajax > .b-user.detailed:nth-child(2n+2) { + margin-right: 2%; + } + .ajax > .b-user.detailed:nth-child(3n+3) { + margin-right: 2%; + } + .ajax > .b-user.detailed:nth-child(4n+4) { + margin-right: 2%; + } + .ajax > .b-user.detailed:nth-child(5n+5) { + margin-right: 0; + } +} + +@media (min-width: 1200px) { + .p-users.x1200 .ajax > .b-user.detailed { + width: 15%; + margin-right: 2%; + margin-bottom: 2%; + } + .p-users.x1200 .ajax > .b-user.detailed:nth-child(2n+2) { + margin-right: 2%; + } + .p-users.x1200 .ajax > .b-user.detailed:nth-child(3n+3) { + margin-right: 2%; + } + .p-users.x1200 .ajax > .b-user.detailed:nth-child(4n+4) { + margin-right: 2%; + } + .p-users.x1200 .ajax > .b-user.detailed:nth-child(5n+5) { + margin-right: 2%; + } + .p-users.x1200 .ajax > .b-user.detailed:nth-child(6n+6) { + margin-right: 0; + } +} + +.ajax > .b-user.detailed:before { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.16); + opacity: 0; + transition: .3s all; +} + +.ajax > .b-user.detailed:hover:before { + opacity: 1; +} + +.ajax > .b-user.detailed .info, +.ajax > .b-user.detailed .history { + clear: both; + float: none; + width: 100%; + margin: 0; +} + +.ajax > .b-user.detailed .info .image-name { + display: block; + padding: 16px 0; + margin: auto; + text-align: center; +} + +.ajax > .b-user.detailed .info .image-name .name { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 97px 0 0; + line-height: 32px; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} + +.ajax > .b-user.detailed .info .image-name .image { + clear: both; + float: none; + display: block; + padding: 0; + margin: auto auto 24px; + border-radius: 100%; +} + +.ajax > .b-user.detailed .info .last-online { + color: #9B9B9B; + text-align: center; +} + +.ajax > .b-user.detailed .history { + padding-top: 8px; + margin-top: 0; + font-size: 12px; + line-height: 20px; +} + +/* TENTATIVE CODE | END */ + + + +/* TENTATIVE CODE | INDEX PAGE LAYOUT */ +.p-dashboards-show .cc-second .cc-inner { + display: none; +} + +/* FIX: index landscape layout (issue: #9) */ +@media screen and (max-width: 767px) and (orientation: landscape) { + .p-dashboards-show .cc-second .c-forum { + width: 100%; + } + .p-dashboards-show .cc-second .c-forum .b-forums, + .p-dashboards-show .cc-second .c-forum .contests { + float: left; + width: 48%; + } + .p-dashboards-show .cc-second .c-forum .b-forums { + margin-right: 4%; + } +} + +@media only screen and (min-width: 768px) { + .p-dashboards-show .cc-second { + float: right; + width: 30.33333%; + } + .p-dashboards-show .cc-second > .cc-inner { + display: block; + float: none; + width: 100%; + margin: 0; + } + .p-dashboards-show .cc-second > .c-forum { + float: none; + width: 100%; + } + .p-dashboards-show .cc-second > .cc-inner > .c-content, + .p-dashboards-show .cc-second > .cc-inner > .c-my_list { + float: none; + width: 100%; + padding: 0; + } + .p-dashboards-show .cc-second { + margin-bottom: 0; + } + .p-dashboards-show .cc-second .c-forum > .b-forums, + .p-dashboards-show .cc-second .c-forum > .block:last-child { + margin-bottom: 1.5rem; + } + /* Настройки для экранов больше 768 */ + .p-dashboards-show .cc-second .cc-inner { + display: none; + } + .p-dashboards-show .cc-second .cc-inner > .c-content { + /* display: none /* Скрываем блоки: Быстрые ссылки Аниме/Манга */ + } + .p-dashboards-show .cc-second .cc-inner > .c-my_list { + /* display: none /* Скрываем блоки: Мой лист */ + } + .p-dashboards-show .cc-second .cc-inner > .b-forums { + /* display: none /* Скрываем блоки: Темы форума */ + } +} + +/* TENTATIVE CODE | END */ + + + +/* TENTATIVE CODE | RIGHT SIDEBAR */ +@media (max-width: 1024px) { + .l-menu { + position: fixed !important; + top: 0; + right: 0; + width: 25rem !important; + max-width: calc(100% - 3.5rem); + height: 100%; + background-color: #424242; + z-index: 100; + padding: 4.5rem 1rem 1.5rem; + box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.24); + overflow-y: auto; + transform: translateX(100%); + transition: .25s ease; + } + .l-page.menu-expanded .l-menu { + transform: translateX(0); + } + .menu-slide-outer .l-content { + margin-left: 0 !important; + } +} + +/* TENTATIVE CODE | END */ + + + +/* TENTATIVE CODE | PROFILE CONTENT */ +.p-profiles .lifetime { + margin-bottom: 0; + min-height: 0; +} + +.p-profiles .lifetime .bar, +.p-profiles .lifetime .times, +.p-profiles .profile-content .activity .title { + display: none; +} + +.p-profiles .lifetime .title > .label { + font-size: 0; + line-height: 0; +} + +.p-profiles .lifetime .title > .label:before { + display: block; + font-size: 0.875rem; + line-height: 1rem; +} + +.p-profiles.locale-ru .lifetime .title > .label:before { + content: 'Активность'; +} + +.p-profiles.locale-en .lifetime .title > .label:before { + content: 'Time spent'; +} + +.p-profiles .lifetime .title .value { + height: 16px; + margin-top: 0; + line-height: 16px; +} + +.p-profiles .profile-content .cc-2 .c-right .cc-2a { + margin-bottom: 16px !important; +} + +@media (min-width: 768px) { + .p-profiles .profile-content .graph { + height: 155px; + } + .p-profiles .profile-content .cc-2 > .c-column { + width: 100%; + margin-bottom: 1rem; + } + .p-profiles .profile-content .cc-2 .activity { + padding-bottom: 1rem; + } +} + +@media (min-width: 960px) { + .p-profiles .profile-content .cc-2 { + position: relative; + } + .p-profiles .profile-content .cc-2 .c-left { + width: 77%; + min-height: 220px; + padding-right: 3.5rem; + margin-bottom: 1.5rem; + } + .p-profiles .profile-content .cc-2 .c-right .cc-2a { + position: absolute; + top: 0; + right: 0; + width: 23%; + margin-top: -244px; + } + .p-profiles .profile-content .cc-2 .c-right .cc-2a > .c-column { + clear: both; + width: 100%; + margin: 0; + } +} + +/* TENTATIVE CODE | END */ + + + + + + + + + + +/* МОИ НАСТРОЙКИ */ +/* Фон страницы */ +body { + background-image: none; +} + +/** + * Рамка по бокам страницы + * Используйте цвет фона центральной области, чтобы визуально расширить её. + * Эта настройка будет полезна при использовании фоновой картинки + * - с легкой прозрачностью (.85 и более) + * - без прозрачности + */ +.l-page:before { + outline-color: transparent; +} + +/* Цвета меню */ +.l-top_menu:before { + background-color: #333333; +} + +@media only screen and (min-width: 1025px) { + .l-top_menu .submenu, .b-main_search ul.popup { + background: #2d2d2d; + } +} + +/* Моя обложка в профиле */ +.p-profiles .profile-head[data-user-id="2727"] .c-brief:before { + /* background-image: url(//i.imgur.com/bd8W6VB.jpg); /* Пример */ + background-image: url(); + background-position: center; +} \ No newline at end of file diff --git a/beta/theme-dark.css b/beta/theme-dark.css index 2fc234a..f3a8e85 100644 --- a/beta/theme-dark.css +++ b/beta/theme-dark.css @@ -1,8299 +1,9631 @@ -/** - * Shikimori.org – CSS Theme - * MIT License - * Copyright (c) 2016 grin3671 - */ - - -/* Кнопка сохранения стиля всегда на виду */ -#submit_style { - position: fixed; - bottom: 0; - right: 0; - margin: 5rem; - z-index: 1000; -} -/* Настройки вверху, CSS внизу */ -.b-edit_styles { - display: flex; - flex-direction: column-reverse; -} -/* Широкое полотно стиля */ -.b-edit_styles > .c-column { - width: 100%; - margin: 0; -} -/* Настройка текста */ -.style_css textarea { - font-family: monospace; - font-size: 1rem; - line-height: 1.5 !important; - white-space: nowrap; -} - - - - - - - - - - -/* НАСТРОЙКА ЦВЕТОВ */ -/* Цвет текста ссылки по умолчанию */ -a { - color: #2196F3; -} - -/* Цвет ссылки при наведении */ -a:hover { - color: #FF4081; -} - -/* Цвет ссылки при нажатии */ -@media only screen and (min-width: 1025px) { - a:active { - color: #ff1402; - } -} -.b-abuse_request .ban-form .cancel, -.b-ban .abuser, -.b-bb_codes-examples .example a, -.b-bb_codes-examples .result a, -.b-bracket-actions > div, -.b-bracket-actions > span, -.b-catalog_entry-tooltip .inner a.name, -.b-catalog_entry-tooltip .inner .line .value a, -.b-catalog_entry-tooltip .inner .line.works .value a, -.b-catalog_entry .cover .title, -.b-club .name, -.b-comment > .inner header .name-date a.name, -.b-comments .comments-collapser, -.b-cosplay-topic > .inner .cosplay-info .line .value a, -.b-cosplay_gallery h3 a, -.b-db_entry-note .name-container .name, -.b-db_entry > .c-about .additional-links .line-container > .link, -.b-db_entry > .c-about .additional-links .line-container > a, -.b-dialog > .inner header .name-date a.name, -.b-entry-info .line a, -.b-feedback-inner .about a, -.b-form .variants .variant a, -.b-form .cancel, -.b-forums .forum .link-with-input .link, -.b-forums .reload, -.b-header_filters .filter-line a, -.b-height_shortener .expand, -.b-js-action, -.b-js-link, -.b-lang_trigger span, -.b-link, -.b-log_entry a, -.b-log_entry .link, -.b-log_entry .moderation a, -.b-log_entry .spoiler.collapsed, -.b-log_entry .spoiler.collapse, -.b-log_entry .spoiler.collapse span, -.b-log_entry .spoiler.collapsed span, -.b-mention, -.b-message > .inner header .name-date a.name, -.b-nothing_here a, -.b-options-floated a, -.b-options-floated .link, -.b-options-floated .action, -.b-options-floated.mobile-desktop a, -.b-person .name, -.b-shiki_editor footer .unpreview, -.b-shiki_editor footer .unpreview:not(.link), -.b-shiki_editor footer .cancel, -.b-shiki_editor footer .hide, -.b-shiki_editor footer .about-bb_codes, -.b-source .contributors .val a, -.b-source .mal .val a, -.b-source .source .val a, -.b-spoiler .content .before, -.b-spoiler .content .after, -.b-spoiler label, -.b-stats_bar a.title, -.b-table a, -.b-topic > .inner header .name-date a.name, -.b-topic .footer-vote .vote-group .vote, -.b-user.named_avatar .name, -.b-user.detailed .info .image-name, -.b-user.detailed .history .line a .event, -.b-user16, -header.head h1 a.back, -header.head h2 a.back, -header.head a.misc, -header.head a.edit, -.headline > a, -.midheadline > a, -.subheadline > a, -.subheadline .misc-link, -.b-video_player .cc-player_controls a.c-control, -.b-video_player .cc-player_controls .episode-title .video-link a, -.b-video_variant a, -.b-animes-menu .menu-topics-block .history-entry-tooltip a, -.p-animes-files .l-content a, -.p-mangas-files .l-content a, -div.history .block-list li .tooltip-inner a, -div.history .b-block_list li .tooltip-inner a, -.p-animes_collection-index .pagination .link, -.p-mangas_collection-index .pagination .link, -.p-recommendations-index .pagination .link, -.p-userlist_comparer-show .pagination .link, -.p-contests .contest-match .vs .next, -.p-contests .contest-match .vs .refrain, -.p-contests-edit .grid, -.p-contests .match-day .match-link a, -.p-contests .rating .member a, -.p-contests .results a, -.p-contests .suggestion > a, -.p-contests .variant > a, -.b-contests-menu .results, -.b-contests-menu .grid a, -.p-contests-grid .round .match a, -.p-contests-index .contest a, -.p-dashboards .c-my_list .list-type > .title .link, -.p-dashboards .c-my_list .history > .title .link, -.p-dashboards .c-my_list .list-type > .title .switch, -.p-dashboards .c-my_list .history > .title .switch, -.p-dashboards .user_list .list-type > .title .link, -.p-dashboards .user_list .history > .title .link, -.p-dashboards .user_list .list-type > .title .switch, -.p-dashboards .user_list .history > .title .switch, -.p-dashboards-show .midheadline .b-link, -.p-dashboards-show .c-content .options .option, -.p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name, -.p-profiles .profile-head .c-brief header .notice a, -.p-profiles .profile-head .c-mobile-actions a, -.p-profiles .profile-head .c-mobile-actions span, -.p-profiles .profile-head .c-info .c-additionals div a, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a, -.p-profiles-edit .account .change-password a, -.p-profiles-edit .misc .profile-action a, -.p-profiles-edit .misc .profile-action .link, -.p-profiles-edit .misc .nickname-changes a, -.p-profiles-edit .misc .nickname-changes .link, -.p-profiles-edit .list .profile-action a, -.p-profiles-edit .list .profile-action .link, -.p-profiles-edit .list .nickname-changes a, -.p-profiles-edit .list .nickname-changes .link, -.p-profiles-edit .list #import_form .link, -.p-profiles-show .about a, -.p-studios .studio .name, -.p-translations .animes a, -.p-user_history-index .history-page .history-interval p a, -.p-user_rates-index .list-lines tr .name a, -.p-userlist_comparer .comparer table .name a, -.b-log_entry .comment-block ins, -.p-statistics-index .forum-nav .sections a.selected, -.p-anime_videos-index .c-videos .video-variant-switcher, -.p-user_rates-index .stat-categories .category { - color: #2196F3; - border-bottom-color: rgba(33, 150, 243, 0.3); -} - -@media screen and (max-width: 480px) and (orientation: portrait) { - .b-options-floated.mobile-phone_portrait a { - color: #2196F3; - } -} -@media screen and (max-width: 767px) { - .b-options-floated.mobile-phone a { - color: #2196F3; - } -} -@media screen and (max-width: 1024px) { - .b-options-floated.mobile-tablet a { - color: #2196F3; - } -} -.b-abuse_request .ban-form .cancel:hover, -.b-ban .abuser:hover, -.b-bb_codes-examples .example a:hover, -.b-bb_codes-examples .result a:hover, -.b-bracket-actions > div:hover, -.b-bracket-actions > span:hover, -.b-catalog_entry-tooltip .inner a.name:hover, -.b-catalog_entry-tooltip .inner .line .value a:hover, -.b-catalog_entry-tooltip .inner .line.works .value a:hover, -.b-catalog_entry .cover .title:hover, -.b-club .name:hover, -.b-comment > .inner header .name-date a.name:hover, -.b-comments .comments-collapser:hover, -.b-cosplay-topic > .inner .cosplay-info .line .value a:hover, -.b-cosplay_gallery h3 a:hover, -.b-db_entry-note .name-container .name:hover, -.b-db_entry > .c-about .additional-links .line-container > .link:hover, -.b-db_entry > .c-about .additional-links .line-container > a:hover, -.b-dialog > .inner header .name-date a.name:hover, -.b-entry-info .line a:hover, -.b-feedback-inner .about a:hover, -.b-form .variants .variant a:hover, -.b-form .cancel:hover, -.b-forums .forum .link-with-input .link:hover, -.b-forums .reload:hover, -.b-header_filters .filter-line a:hover, -.b-height_shortener .expand:hover, -.b-js-action:hover, -.b-js-link:hover, -.b-lang_trigger span:hover, -.b-link:hover, -.b-log_entry a:hover, -.b-log_entry .link:hover, -.b-log_entry .moderation a:hover, -.b-log_entry .spoiler.collapsed:hover, -.b-log_entry .spoiler.collapse:hover, -.b-log_entry .spoiler.collapse span:hover, -.b-log_entry .spoiler.collapsed span:hover, -.b-mention:hover, -.b-message > .inner header .name-date a.name:hover, -.b-nothing_here a:hover, -.b-options-floated a:hover, -.b-options-floated .link:hover, -.b-options-floated .action:hover, -.b-options-floated.mobile-desktop a:hover, -.b-person .name:hover, -.b-shiki_editor footer .unpreview:hover, -.b-shiki_editor footer .unpreview:not(.link):hover, -.b-shiki_editor footer .cancel:hover, -.b-shiki_editor footer .hide:hover, -.b-shiki_editor footer .about-bb_codes:hover, -.b-source .contributors .val a:hover, -.b-source .mal .val a:hover, -.b-source .source .val a:hover, -.b-spoiler label:hover, -.b-spoiler .content:hover .before, -.b-spoiler .content:hover .after, -.b-stats_bar a.title:hover, -.b-table a:hover, -.b-topic > .inner header .name-date a.name:hover, -.b-topic .footer-vote .vote-group .vote:hover, -.b-user.named_avatar .name:hover, -.b-user.detailed .info .image-name:hover, -.b-user.detailed .history .line a .event:hover, -.b-user16:hover, -header.head h1 a.back:hover, -header.head h2 a.back:hover, -header.head a.misc:hover, -header.head a.edit:hover, -.headline > a:hover, -.midheadline > a:hover, -.subheadline > a:hover, -.subheadline .misc-link:hover, -.b-video_player .cc-player_controls a.c-control:hover, -.b-video_player .cc-player_controls .episode-title .video-link a:hover, -.b-video_variant a:hover, -.b-animes-menu .menu-topics-block .history-entry-tooltip a:hover, -.p-animes-files .l-content a:hover, -.p-mangas-files .l-content a:hover, -div.history .block-list li .tooltip-inner a:hover, -div.history .b-block_list li .tooltip-inner a:hover, -.p-animes_collection-index .pagination .link:hover, -.p-mangas_collection-index .pagination .link:hover, -.p-recommendations-index .pagination .link:hover, -.p-userlist_comparer-show .pagination .link:hover, -.p-contests .contest-match .vs .next:hover, -.p-contests .contest-match .vs .refrain:hover, -.p-contests-edit .grid:hover, -.p-contests .match-day .match-link a:hover, -.p-contests .rating .member a:hover, -.p-contests .results a:hover, -.p-contests .suggestion > a:hover, -.p-contests .variant > a:hover, -.b-contests-menu .results:hover, -.b-contests-menu .grid a:hover, -.p-contests-grid .round .match a:hover, -.p-contests-index .contest a:hover, -.p-dashboards .c-my_list .list-type > .title .link:hover, -.p-dashboards .c-my_list .history > .title .link:hover, -.p-dashboards .c-my_list .list-type > .title .switch:hover, -.p-dashboards .c-my_list .history > .title .switch:hover, -.p-dashboards .user_list .list-type > .title .link:hover, -.p-dashboards .user_list .history > .title .link:hover, -.p-dashboards .user_list .list-type > .title .switch:hover, -.p-dashboards .user_list .history > .title .switch:hover, -.p-dashboards-show .midheadline .b-link:hover, -.p-dashboards-show .c-content .options .option:hover, -.p-dashboards-show .c-content .options .option.selected, -.p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name:hover, -.p-profiles .profile-head .c-brief header .notice a:hover, -.p-profiles .profile-head .c-mobile-actions a:hover, -.p-profiles .profile-head .c-mobile-actions span:hover, -.p-profiles .profile-head .c-info .c-additionals div a:hover, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:hover, -.p-profiles-edit .account .change-password a:hover, -.p-profiles-edit .misc .profile-action a:hover, -.p-profiles-edit .misc .profile-action .link:hover, -.p-profiles-edit .misc .nickname-changes a:hover, -.p-profiles-edit .misc .nickname-changes .link:hover, -.p-profiles-edit .list .profile-action a:hover, -.p-profiles-edit .list .profile-action .link:hover, -.p-profiles-edit .list .nickname-changes a:hover, -.p-profiles-edit .list .nickname-changes .link:hover, -.p-profiles-edit .list #import_form .link:hover, -.p-profiles-show .about a:hover, -.p-studios .studio .name:hover, -.p-translations .animes a:hover, -.p-user_history-index .history-page .history-interval p a:hover, -.p-user_rates-index .list-lines tr .name a:hover, -.p-userlist_comparer .comparer table .name a:hover, -.p-statistics-index .forum-nav .sections a:hover, -.block-list-alt a:hover, -.b-block_list-alt a:hover, -.b-catalog_entry .cover:hover, -.b-catalog_entry .cover:hover .title, -.b-comment > .inner .was_updated:hover, -.b-comment header .hash:hover, -.b-dialog > .inner .was_updated:hover, -.b-message > .inner .was_updated:hover, -.b-options-floated .selected, -.b-options-floated .selected.always-active:hover, -.b-show_more:hover, -.b-show_more-more .hide-more:hover, -.b-stats_bar .stat_names .stat_name a:hover, -.b-topic > .inner .was_updated:hover, -.headline > a:hover:before, -.midheadline > a:hover:before, -.subheadline > a:hover:before, -.headline.linkheadline > a:hover, -.linkheadline.midheadline > a:hover, -.linkheadline.subheadline > a:hover, -.headline.linkheadline > a:hover:before, -.linkheadline.midheadline > a:hover:before, -.linkheadline.subheadline > a:hover:before, -.tooltip-inner .close:hover, -.p-animes-franchise .sticky-tooltip .close:hover, -.p-mangas-franchise .sticky-tooltip .close:hover, -.p-contests .contest-match .prev-match:hover, -.p-contests .contest-match .next-match:hover, -.p-contests .match-day .match-link.voted-none > .c-column a:hover, -.p-contests .match-day .match-link.voted-left > .c-column:last-child a:hover, -.p-contests .match-day .match-link.voted-right > .c-column:first-child a:hover, -.p-contests .match-day .match-link .c-column.loser a:hover, -.p-contests .match-day .match-link .c-column.created a:hover, -.p-contests-grid .round .match .date a:hover, -.p-dashboards-show .contests .contest:hover .title, -.p-dashboards-show .contests .contest:hover .title:after, -.p-dashboards-show .contests .contest .title:hover, -.p-dashboards-show .contests .contest .title:hover:after, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.zero:hover, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.weak:hover, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.moderate:hover, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.high:hover, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.full:hover, -.p-topics .l-menu .sticky-topics .topic:hover .title, -.p-topics .l-menu .sticky-topics .topic:hover .title:after, -.p-topics .l-menu .sticky-topics .topic .title:hover, -.p-topics .l-menu .sticky-topics .topic .title:hover:after, -.p-topics .l-menu .contests .contest:hover .title, -.p-topics .l-menu .contests .contest:hover .title:after, -.p-topics .l-menu .contests .contest .title:hover, -.p-topics .l-menu .contests .contest .title:hover:after, -.p-topics header h1 a.reload:hover, -.p-user_rates-index .l-content .order-control:hover, -.p-user_rates-index .list-lines tr td .anime-status:hover, -.p-user_rates-index .list-lines tr td .anime-remove:hover, -.p-user_rates-index .list-lines tr td .anime-remove.selected, -.p-anime_videos-index .c-videos .video-variant-switcher:hover, -.p-user_rates-index .stat-categories .category:hover { - color: #FF4081; - border-bottom-color: rgba(255, 64, 129, 0.3); -} - -@media screen and (max-width: 480px) and (orientation: portrait) { - .b-options-floated.mobile-phone_portrait a:hover { - color: #FF4081; - } -} -@media screen and (max-width: 767px) { - .b-options-floated.mobile-phone a:hover { - color: #FF4081; - } -} -@media screen and (max-width: 1024px) { - .b-options-floated.mobile-tablet a:hover { - color: #FF4081; - } -} -.b-header_filters .filter-line a:active, -.b-person .name:active, -.b-source .contributors .val a:active, -.b-source .mal .val a:active, -.b-source .source .val a:active, -.b-animes-menu .menu-topics-block .history-entry-tooltip a:active, -.p-animes-files .l-content a:active, -.p-mangas-files .l-content a:active, -div.history .block-list li .tooltip-inner a:active, -div.history .b-block_list li .tooltip-inner a:active, -.p-dashboards-show .midheadline .b-link:active, -.p-dashboards-show .c-content .options .option:active, -.p-profiles .profile-head .c-brief header .notice a:active, -.p-profiles .profile-head .c-mobile-actions a:active, -.p-profiles .profile-head .c-mobile-actions span:active, -.p-profiles .profile-head .c-info .c-additionals div a:active, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:active, -.block-list-alt a:active, -.b-block_list-alt a:active, -.b-options-floated .selected:hover, -.b-show_more:active, -.b-show_more-more .hide-more:active, -.headline > a:active:before, -.midheadline > a:active:before, -.subheadline > a:active:before, -.p-dashboards-show .contests .contest:active .title, -.p-dashboards-show .contests .contest:active .title:after, -.p-dashboards-show .contests .contest .title:active, -.p-dashboards-show .contests .contest .title:active:after, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.zero:active, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.weak:active, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.moderate:active, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.high:active, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.full:active, -.p-topics .l-menu .sticky-topics .topic:active .title, -.p-topics .l-menu .sticky-topics .topic:active .title:after, -.p-topics .l-menu .sticky-topics .topic .title:active, -.p-topics .l-menu .sticky-topics .topic .title:active:after, -.p-topics .l-menu .contests .contest:active .title, -.p-topics .l-menu .contests .contest:active .title:after, -.p-topics .l-menu .contests .contest .title:active, -.p-topics .l-menu .contests .contest .title:active:after, -.p-user_rates-index .stat-categories .category:active { - color: #ff1402; -} - -@media only screen and (min-width: 1025px) { - .b-abuse_request .ban-form .cancel:active, - .b-ban .abuser:active, - .b-bb_codes-examples .example a:active, - .b-bb_codes-examples .result a:active, - .b-bracket-actions > div:active, - .b-bracket-actions > span:active, - .b-catalog_entry-tooltip .inner a.name:active, - .b-catalog_entry-tooltip .inner .line .value a:active, - .b-catalog_entry-tooltip .inner .line.works .value a:active, - .b-catalog_entry .cover .title:active, - .b-club .name:active, - .b-comment > .inner header .name-date a.name:active, - .b-comments .comments-collapser:active, - .b-cosplay-topic > .inner .cosplay-info .line .value a:active, - .b-cosplay_gallery h3 a:active, - .b-db_entry-note .name-container .name:active, - .b-db_entry > .c-about .additional-links .line-container > .link:active, - .b-db_entry > .c-about .additional-links .line-container > a:active, - .b-dialog > .inner header .name-date a.name:active, - .b-entry-info .line a:active, - .b-feedback-inner .about a:active, - .b-form .variants .variant a:active, - .b-form .cancel:active, - .b-forums .forum .link-with-input .link:active, - .b-forums .reload:active, - .b-header_filters .filter-line a:active, - .b-height_shortener .expand:active, - .b-js-action:active, - .b-js-link:active, - .b-lang_trigger span:active, - .b-link:active, - .b-log_entry a:active, - .b-log_entry .link:active, - .b-log_entry .moderation a:active, - .b-log_entry .spoiler.collapsed:active, - .b-log_entry .spoiler.collapse:active, - .b-log_entry .spoiler.collapse span:active, - .b-log_entry .spoiler.collapsed span:active, - .b-mention:active, - .b-message > .inner header .name-date a.name:active, - .b-nothing_here a:active, - .b-options-floated a:active, - .b-options-floated .link:active, - .b-options-floated .action:active, - .b-options-floated.mobile-desktop a:active, - .b-shiki_editor footer .unpreview:active, - .b-shiki_editor footer .unpreview:not(.link):active, - .b-shiki_editor footer .cancel:active, - .b-shiki_editor footer .hide:active, - .b-shiki_editor footer .about-bb_codes:active, - .b-spoiler label:active, - .b-stats_bar a.title:active, - .b-table a:active, - .b-topic > .inner header .name-date a.name:active, - .b-topic .footer-vote .vote-group .vote:active, - .b-user.named_avatar .name:active, - .b-user.detailed .info .image-name:active, - .b-user.detailed .history .line a .event:active, - .b-user16:active, - header.head h1 a.back:active, - header.head h2 a.back:active, - header.head a.misc:active, - header.head a.edit:active, - .headline > a:active, - .midheadline > a:active, - .subheadline > a:active, - .subheadline .misc-link:active, - .b-video_player .cc-player_controls a.c-control:active, - .b-video_player .cc-player_controls .episode-title .video-link a:active, - .b-video_variant a:active, - .p-animes_collection-index .pagination .link:active, - .p-mangas_collection-index .pagination .link:active, - .p-recommendations-index .pagination .link:active, - .p-userlist_comparer-show .pagination .link:active, - .p-contests .contest-match .vs .next:active, - .p-contests .contest-match .vs .refrain:active, - .p-contests-edit .grid:active, - .p-contests .match-day .match-link a:active, - .p-contests .rating .member a:active, - .p-contests .results a:active, - .p-contests .suggestion > a:active, - .p-contests .variant > a:active, - .b-contests-menu .results:active, - .b-contests-menu .grid a:active, - .p-contests-grid .round .match a:active, - .p-contests-index .contest a:active, - .p-dashboards .c-my_list .list-type > .title .link:active, - .p-dashboards .c-my_list .history > .title .link:active, - .p-dashboards .c-my_list .list-type > .title .switch:active, - .p-dashboards .c-my_list .history > .title .switch:active, - .p-dashboards .user_list .list-type > .title .link:active, - .p-dashboards .user_list .history > .title .link:active, - .p-dashboards .user_list .list-type > .title .switch:active, - .p-dashboards .user_list .history > .title .switch:active, - .p-dashboards-show .midheadline .b-link:active, - .p-dashboards-show .c-content .options .option:active, - .p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name:active, - .p-profiles .profile-head .c-brief header .notice a:active, - .p-profiles .profile-head .c-mobile-actions a:active, - .p-profiles .profile-head .c-mobile-actions span:active, - .p-profiles .profile-head .c-info .c-additionals div a:active, - .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:active, - .p-profiles-edit .account .change-password a:active, - .p-profiles-edit .misc .profile-action a:active, - .p-profiles-edit .misc .profile-action .link:active, - .p-profiles-edit .misc .nickname-changes a:active, - .p-profiles-edit .misc .nickname-changes .link:active, - .p-profiles-edit .list .profile-action a:active, - .p-profiles-edit .list .profile-action .link:active, - .p-profiles-edit .list .nickname-changes a:active, - .p-profiles-edit .list .nickname-changes .link:active, - .p-profiles-edit .list #import_form .link:active, - .p-profiles-show .about a:active, - .p-studios .studio .name:active, - .p-translations .animes a:active, - .p-user_history-index .history-page .history-interval p a:active, - .p-user_rates-index .list-lines tr .name a:active, - .p-userlist_comparer .comparer table .name a:active, - .p-statistics-index .forum-nav .sections a:active, - .b-catalog_entry .cover:active, - .b-comment > .inner .was_updated:active, - .b-comment header .hash:active, - .b-dialog > .inner .was_updated:active, - .b-message > .inner .was_updated:active, - .b-options-floated .selected.always-active:active, - .b-stats_bar .stat_names .stat_name a:active, - .b-topic > .inner .was_updated:active, - .headline.linkheadline > a:active, - .linkheadline.midheadline > a:active, - .linkheadline.subheadline > a:active, - .headline.linkheadline > a:active:before, - .linkheadline.midheadline > a:active:before, - .linkheadline.subheadline > a:active:before, - .tooltip-inner .close:active, - .p-animes-franchise .sticky-tooltip .close:active, - .p-mangas-franchise .sticky-tooltip .close:active, - .p-contests .contest-match .prev-match:active, - .p-contests .contest-match .next-match:active, - .p-contests .match-day .match-link.voted-none > .c-column a:active, - .p-contests .match-day .match-link.voted-left > .c-column:last-child a:active, - .p-contests .match-day .match-link.voted-right > .c-column:first-child a:active, - .p-contests .match-day .match-link .c-column.loser a:active, - .p-contests .match-day .match-link .c-column.created a:active, - .p-contests-grid .round .match .date a:active, - .p-topics header h1 a.reload:active, - .p-user_rates-index .l-content .order-control:active, - .p-user_rates-index .list-lines tr td .anime-status:active, - .p-user_rates-index .list-lines tr td .anime-remove:active, - .b-bracket-details:active, - .b-form a.remove:active, - .p-anime_videos-index .c-videos .video-variant-switcher:active, - .p-anime_videos-index .c-videos .video-variant-switcher.active { - color: #ff1402; - border-bottom-color: rgba(255, 20, 2, 0.3); - } -} -@media only screen and (max-width: 480px) and (orientation: portrait) and (min-width: 1025px) { - .b-options-floated.mobile-phone_portrait a:active { - color: #ff1402; - } -} -@media only screen and (max-width: 767px) and (min-width: 1025px) { - .b-options-floated.mobile-phone a:active { - color: #ff1402; - } -} -@media only screen and (max-width: 1024px) and (min-width: 1025px) { - .b-options-floated.mobile-tablet a:active { - color: #ff1402; - } -} -body { - background-color: #303030; -} - -.l-page, -.c-actions:before, -.p-contests .contest-match .vs > div:first-child, -.p-contests .match-day > .date, -.p-animes_collection-index .l-content.ajax_request::before, -.p-mangas_collection-index .l-content.ajax_request::before, -.p-recommendations-index .l-content.ajax_request::before, -.p-userlist_comparer-show .l-content.ajax_request::before, -.b-ajax:before { - background: #303030; -} - -.l-page:before { - outline-color: #303030; -} - -@media screen and (max-width: 960px) { - .p-profiles .profile-head .c-brief header { - background-color: #303030; - } -} -@media screen and (max-width: 1024px) { - body { - background-color: #303030 !important; - } -} -.b-height_shortener .shade { - background-image: linear-gradient(to bottom, transparent, #303030); -} - -.b-topic.aside-expanded > .inner aside.buttons, -.b-dialog.aside-expanded > .inner aside.buttons, -.b-message.aside-expanded > .inner aside.buttons, -.b-comment.aside-expanded > .inner aside.buttons { - background-color: rgba(48, 48, 48, 0.9); -} - -/* BLACK GREY WHITE */ -body, -header.head h1, -header.head h2, -.ac_results, -.tooltip-inner, -.b-input input, -.b-input textarea, -.b-shiki_editor .body .editor textarea, -.b-shiki_editor .links .link-value, -.b-shiki_editor .images .link-value, -.b-shiki_editor .quotes .link-value, -.b-shiki_editor .email .link-value, -.b-shiki_editor .upload .link-value, -.p-user_rates-index .list-lines tr td .new-value input, -.p-user_rates-index .l-content .filter input, -.subheadline-input, -.b-catalog_entry-tooltip .inner a.name, -.b-catalog_entry .cover .title, -.b-catalog_entry-tooltip .inner .line .value a, -.b-clubs-menu .block-list li:hover, -.b-clubs-menu .block-list li:hover a, -.b-clubs-menu .block-list li a:hover, -.b-clubs-menu .b-block_list li:hover, -.b-clubs-menu .b-block_list li:hover a, -.b-clubs-menu .b-block_list li a:hover, -.b-db_entry > .c-image .c-actions > a:after, -.b-db_entry-note .name-container .name, -.b-dialog > .inner header .name-date a.name, -.b-entry-info .line .b-tag, -.b-forums .forum .link-with-input .link, -.b-height_shortener .expand, -.b-hot_topics .topic.subject, -.b-hot_topics .topic a:hover, -.b-message > .inner header .name-date a.name, -.b-modal .subheadline, -.b-link_button, -.b-link_button:hover, -.b-link_button:active, -.block-list li:hover, -.block-list-alt li:hover, -.b-block_list li:hover, -.b-block_list-alt li:hover, -.b-pages .b-link, -.b-show_more:hover, -.b-show_more-more .hide-more:hover, -.b-stats_bar .stat_names .stat_name a, -.b-video_player .cc-player_controls .episode-title, -.b-video_variant .episode-num, -.b-video_variant .video-author, -.b-video_variant .video-id, -.headline, -.b-catalog_entry-tooltip .inner .line .value .tag:hover, -.b-entry-info .line .b-tag:hover, -.b-tag:hover, -.p-contests .match-day .match-link.voted-none > .c-column a, -.p-contests .match-day .match-link.voted-left > .c-column:last-child a, -.p-contests .match-day .match-link.voted-right > .c-column:first-child a, -.p-contests .match-day .match-link .c-column.loser a, -.p-contests .match-day .match-link .c-column.created a, -.p-dashboards-show .contests .contest .title, -.p-dialogs .b-options-floated > a.selected, -.p-moderations-missing_videos .missing-video > .info span, -.p-messages .b-options-floated > a.selected, -.p-profiles-edit .b-options-floated > a.selected, -.p-profiles .profile-head .c-history .entry .title, -.p-topics .l-menu .calendar .entry a, -.p-topics .l-menu .clubs .entry a, -.p-topics .l-menu .contests .contest .title, -.p-topics .l-menu .reviews .entry a, -.p-topics .l-menu .sticky-topics .topic .title, -.p-user_rates-index .l-content .order-control, -.p-user_rates-index .l-content .order-control:hover { - color: #FFFFFF !important; -} - -/* Цвет основного текста в области при наведении */ -.b-clubs-menu .b-link:hover, -.b-clubs-menu .actions li:hover, -.b-clubs-menu .actions .upload label:hover, -.b-clubs-menu .actions .invite span:hover, -.b-clubs-menu .actions .join a:hover, -.b-clubs-menu .actions .leave a:hover, -.b-hot_topics .topic a, -.b-forums .forum:hover .link-with-input .link, -.b-image .marker, -.b-video .marker, -.b-video .name, -.p-dashboards-show .contests .contest:hover .title, -.p-profiles .profile-head .c-history .entry:hover .title, -.p-topics .l-menu .calendar .entry:hover a, -.p-topics .l-menu .clubs .entry:hover a, -.p-topics .l-menu .contests .contest:hover .title, -.p-topics .l-menu .reviews .entry:hover a, -.p-topics .l-menu .sticky-topics .topic:hover .title { - color: #FFFFFF !important; -} - -@media (max-width: 1024px) { - .l-top_menu .menu-items > .entry > a, - .l-top_menu .menu-items > .entry > .submenu > a, - .l-top_menu .inner .sign_out { - color: #FFFFFF !important; - } -} -h3, -header.head .notice, -.bar.horizontal .line .x_label, -.bar.vertical .line .x_label, -.b-entry-info .line .b-tag, -.b-catalog_entry-tooltip .inner .line .key, -.b-catalog_entry-tooltip .inner .line .value .tag, -.b-catalog_entry-tooltip .inner .rating, -.b-collection-filters .block > .filter.item-sign:hover, -.b-height_shortener:hover .expand, -.b-lang_trigger:hover span, -.b-lang_trigger span:hover, -.b-show_more, -.b-show_more-more .hide-more, -.b-stats_bar .stat_names:hover:before, -.b-tag, -.block-list li, -.block-list-alt li, -.block-list li a, -.block-list-alt li a, -.b-block_list li, -.b-block_list li a, -div.compatibility > a:hover:before, -div.compatibility > a:hover > span:first-child:before, -.item-add:hover, -.l-footer .copyright, -.p-characters .item-edit:hover, -.p-characters .item-edit:active, -.p-contests .match-day > .date .from, -.p-contests .match-day > .date .to, -.p-profiles-edit .b-options-floated > a, -.p-dialogs .b-options-floated > a, -.p-messages .b-options-floated > a, -.p-user_rates-index .list-lines tr td .episodes_total, -.p-user_rates-index .list-lines tr td .rate-text { - color: #EEEEEE; -} - -header.head h1 > a.back:hover, -header.head h2 > a.back:hover, -header.head h1 > a.back:active, -header.head h2 > a.back:active, -.b-video_player .cc-player_controls .c-control:hover .icon, -.p-animes_collection-index .pagination .link:hover, -.p-mangas_collection-index .pagination .link:hover, -.p-recommendations-index .pagination .link:hover, -.p-userlist_comparer-show .pagination .link:hover, -.b-clubs-menu .block-list li, -.b-clubs-menu .block-list li a, -.b-clubs-menu .b-block_list li, -.b-clubs-menu .b-block_list li a, -.b-list_switchers > .switcher:hover, -.c-actions > *:hover, -.editor-controls > span:hover, -.profile-actions > a:hover, -.p-animes .item-edit:hover, -.p-contests .contest-match .prev-match:hover, -.p-contests .contest-match .next-match:hover, -.p-mangas .item-edit:hover, -.p-profiles-show .about .item-edit:hover, -.p-messages .mass-actions .action > a:hover, -.p-topics header h1 a.reload, -.delete-controls > span, -.delete-controls > span:hover, -.main-controls > span, -.main-controls > span:hover, -.main-controls > a, -.main-controls > a:hover, -.buttons .item-edit, -.buttons .item-edit:hover, -.moderation-controls > span, -.moderation-controls > span:hover { - color: #EEEEEE !important; -} - -.midheadline, -.subheadline, -.b-animes-menu .menu-topics-block .date, -.b-breadcrumbs, -.b-breadcrumbs a.b-link, -.b-catalog_entry .cover .misc span, -.b-catalog_entry-tooltip .inner .rating .text, -.b-club .info .number, -.b-comment-info, -.b-comment .inner .name-date a.name .normal, -.b-collection-filters .block > .filter.item-sign, -.b-db_entry-note .name-container .note, -.b-entry-info .line .key, -.b-forums .forum .link-with-input input + .link, -.b-forums .forum .topics, -.b-lang_trigger span, -.b-log_entry .id-label, -.b-log_entry .state.auto_accepted, -.b-options-floated.count, -.b-pages .title, -.b-quote .quoteable:before, -.b-replies:before, -.b-stats_bar .title, -.b-stats_bar .stat_names:before, -.b-source .contributors .key, -.b-source .mal .key, -.b-source .source .key, -.b-topic-preview > .inner .status-line .about, -.b-topic-preview > .inner .status-line .from, -.b-collection-filters .block-list li:before, -.b-collection-filters .block-list .b-question:before, -.b-collection-filters .b-block_list li:before, -.b-collection-filters .b-block_list .b-question:before, -div.compatibility > a:before, -div.compatibility > span.link-replacement > span:first-child:before, -div.compatibility > a > span:first-child:before, -.item-add, -.item-mobile, -.item-mobile:hover, -.item-mobile:active, -.l-footer:before, -.l-footer .links a, -.l-top_menu .menu-items .submenu-toggler, -.p-animes_collection-index .pagination .link, -.p-mangas_collection-index .pagination .link, -.p-recommendations-index .pagination .link, -.p-userlist_comparer-show .pagination .link, -.p-characters .item-edit, -.p-contests .contest-match .vs, -.p-contests .contest-match .vs .help, -.p-contests .contest-match .vs .next, -.p-contests .contest-match .vs .finish, -.p-contests .contest-match .vs .refrain, -.p-contests .contest-match .vs .refrained, -.p-contests .match-day .matches-num, -.p-dashboards-show .contests .contest .notice, -.p-db_entries-edit .b-list .field, -.p-profiles .profile-head .c-info .c-additionals b, -.p-topics .l-menu .sticky-topics .topic .notice, -.b-user.detailed .info .last-online, -.b-video_variant .episode-hostings, -.b-video_variant .video-hosting, -.b-video_variant .video-language, -.p-anime_videos-index .c-video_stats .views_count { - color: #BDBDBD; -} - -header.head h1 a.back, -header.head h2 a.back, -.about-bb_codes:before, -.b-db_entry > .c-about .additional-links .key, -.b-list_switchers > .switcher, -.b-user_rate .rate-show .note, -.c-actions > *, -.editor-controls > span, -.profile-actions > a, -.p-animes .item-edit, -.p-animes_collection-index .pagination .link, -.p-clubs-index header.head a.misc, -.p-contests .contest-match .prev-match, -.p-contests .contest-match .next-match, -.p-mangas .item-edit, -.p-mangas_collection-index .pagination .link, -.p-messages .mass-actions > .action > a, -.p-profiles .profile-head .c-history .entry .misc, -.p-profiles-show .about .item-edit, -.p-profiles-show .lifetime .title > .label:before, -.p-profiles-show .profile-content .activity .title, -.p-recommendations-index .pagination .link, -.p-topics .l-menu .calendar .entry .misc, -.p-topics .l-menu .reviews .entry .misc, -.p-topics .l-menu .clubs .entry .misc, -.p-userlist_comparer-show .pagination .link, -.p-user_rates-index .list-lines tr.edit-form .remove, -.p-user_rates-index .list-lines tr.edit-form .remove:hover, -.p-user_history-index .history-page .history-interval p .date { - color: #BDBDBD !important; -} - -@media only screen and (min-width: 1025px) { - .delete-controls > span, - .moderation-controls > span, - .main-controls > span, - .main-controls > a, - .buttons .item-edit { - color: #BDBDBD !important; - } -} -.b-user.detailed .history .line .date, -.b-video_variant .episode-hostings:before, -.b-video_variant .episode-hostings:after, -.b-video_variant .video-hosting:before, -.b-video_variant .video-hosting:after, -.b-video_variant .video-language:before, -.b-video_variant .video-language:after, -.b-video_variant .video-kind.english:before { - color: #9E9E9E; -} - -.b-video_player .cc-player_controls .c-control .icon, -.p-animes_collection-index .pagination .link.disabled, -.p-mangas_collection-index .pagination .link.disabled, -.p-recommendations-index .pagination .link.disabled, -.p-userlist_comparer-show .pagination .link.disabled, -.p-animes_collection-index .pagination .link.disabled:hover, -.p-mangas_collection-index .pagination .link.disabled:hover, -.p-recommendations-index .pagination .link.disabled:hover, -.p-userlist_comparer-show .pagination .link.disabled:hover, -.p-profiles .profile-head .c-history .entry .misc.date, -.p-topics .l-menu .calendar .entry .misc.date, -.p-topics .l-menu .reviews .entry .misc.date, -.p-topics .l-menu .clubs .entry .misc.date { - color: #9E9E9E !important; -} - -/* PRIMARY COLOR */ -input[type=submit], -.button, -.b-button, -.b-contests-menu .results, -.b-form input[type=submit], -.b-link_button.dark, -.btn-primary, -.b-shiki_editor .links .button.ok, -.b-shiki_editor .images .button.ok, -.b-shiki_editor .quotes .button.ok, -.b-shiki_editor .email .button.ok, -.b-shiki_editor .upload .button.ok, -.p-contests .contest-match .votes-percents .right-part, -.p-contests .contest-match .votes-percents .left-part:hover .right-part, -.p-user_rates .mylist-block + .block > .b-list > li, -.anime-params-controls > .block:first-child > .b-list > li, -.manga-params-controls > .block:first-child > .b-list > li, -.b-stats_bar.anime .bar .first, -.b-stats_bar.anime .bar .second, -.line:nth-child(odd) > .bar-container > .bar, -.line:nth-child(odd) > .bar-container > .bar:hover, -.line:nth-child(even) > .bar-container > .bar, -.line:nth-child(even) > .bar-container > .bar:hover { - background-color: #2196F3; -} - -.p-contests .contest-match .votes-percents .right-part, -.p-contests .contest-match .votes-percents .left-part:hover .right-part, -.b-main_search .input:after { - border-color: #2196F3; -} - -.subheadline > a:hover, -.midheadline > a:hover, -.edit-page a.cancel:hover, -.b-form .cancel:hover, -.b-shiki_editor footer .unpreview:hover, -.b-shiki_editor footer .preview:hover, -.b-topic-preview > .editor-container .hide:hover, -.p-contests .contest-match .vs .refrain:hover, -.p-dashboards-show .b-forums > .b-link_button.maxi:hover:after, -.p-profiles-show .b-stats_bar a.title:hover { - background-color: rgba(33, 150, 243, 0.12); -} - -input[type=submit]:hover, -.button:hover, -.b-button:hover, -.b-contests-menu .results:hover, -.b-form input[type=submit]:hover, -.b-link_button.dark:hover { - background-color: #1E88E5; -} - -.b-contests-menu .results, -.b-link_button.dark, -.btn-submit { - color: #FFFFFF !important; -} - -.b-rate .stars.score, -.b-forums .forum input:checked + .link:before, -.b-collection-filters .block-list .filter, -.b-collection-filters .block-list li.selected:before, -.b-collection-filters .b-block_list .filter, -.b-collection-filters .b-block_list li.selected:before, -.p-contests .contest-match .vs .refrain, -.p-contests .contest-match .vs .refrain:hover, -.p-contests .contest-match .vs .refrain:active, -.tooltip-details .ajax-loading { - color: #2196F3; -} - -.headline > a, -.headline > a:hover, -.headline.linkheadline > a, -.midheadline > a, -.midheadline > a:hover, -.midheadline.linkheadline > a, -.subheadline > a, -.subheadline > a:hover, -.subheadline.linkheadline > a, -.edit-page a.cancel, -.p-dashboards-show .b-forums > .b-link_button.maxi:after, -.b-form .cancel, -.b-shiki_editor footer .unpreview, -.b-shiki_editor footer .unpreview:not(.link):hover, -.b-shiki_editor footer .preview, -.b-stats_bar a.title, -.b-topic-preview > .editor-container .hide { - color: #2196F3 !important; -} - -/* END of PRIMARY COLOR */ -/* ACCENT COLOR */ -.menu .unread-count, -.menu:hover .unread-count, -.menu .contest, -.menu:hover .contest, -.p-contests .contest-match .votes-percents .left-part, -.p-contests .contest-match .votes-percents .left-part:hover, -.b-options-floated a span.brackets, -.b-options-floated .link span.brackets, -.b-stats_bar.manga .bar .first, -.b-stats_bar.manga .bar .second, -div.compatibility > a > span.rate, -div.compatibility > span.link-replacement > span.rate { - background-color: #FF4081; -} - -.menu .unread-count:hover, -.menu .contest:hover { - background: #FF4081 !important; -} - -.p-profiles-show .b-stats_bar.manga a.title:hover { - background-color: rgba(255, 64, 129, 0.12); -} - -.p-profiles-edit .b-options-floated > a.selected, -.p-dialogs .b-options-floated > a.selected, -.p-messages .b-options-floated > a.selected { - border-bottom: 2px solid #FF4081; -} - -.menu .unread-count, -.menu:hover .unread-count, -.menu .contest, -.menu:hover .contest { - color: #FFFFFF !important; -} - -.b-rate .stars.hover, -.c-actions .fav-add:hover:before, -.c-actions .fav-remove:before, -.profile-actions .fav-remove:before { - color: #FF4081; -} - -.b-list_switchers > .switcher.selected, -.editor-controls > span.selected, -.p-profiles-show .b-stats_bar.manga a.title { - color: #FF4081 !important; -} - -/* END of ACCENT COLOR */ -/* BACKGROUND COLOR */ -.ac_results, -.b-image .marker, -.b-modal > .inner, -.b-video .marker, -.b-video .name, -.l-top_menu .menu-items, -.tooltip-inner, -.tooltip-details .ajax-loading { - background: #424242; -} - -@media screen and (max-width: 599px) { - .b-stats_bar .stat_names:hover { - background-color: #424242; - } -} -.b-link_button, -.b-comments .comments-loader, -.b-comments .comments-hider, -.b-comments .comments-expander, -.b-comments .messages-postloader, -.b-comments .faye-loader, -.b-forum .faye-loader, -.p-animes-show .other-names.click-loader, -.p-mangas-show .other-names.click-loader, -.collapsed { - background-color: #616161; - border-color: #424242; -} - -.b-link_button:hover, -.b-comments .comments-loader:hover, -.b-comments .comments-hider:hover, -.b-comments .comments-expander:hover, -.b-comments .messages-postloader:hover, -.b-comments .faye-loader:hover, -.b-forum .faye-loader:hover, -.p-animes-show .other-names.click-loader:hover, -.p-mangas-show .other-names.click-loader:hover, -.collapsed:hover { - background-color: #424242; - border-color: #212121; -} - -.b-link_button:active, -.b-comments .comments-loader:active, -.b-comments .comments-hider:active, -.b-comments .comments-expander:active, -.b-comments .messages-postloader:active, -.b-comments .faye-loader:active, -.b-forum .faye-loader:active, -.p-animes-show .other-names.click-loader:active, -.p-mangas-show .other-names.click-loader:active, -.collapsed:active { - background-color: #212121; - border-color: #757575; -} - -.b-quote, .b-quote .b-quote .b-quote { - background: #424242; -} - -.b-quote .b-quote, .b-quote .b-quote .b-quote .b-quote { - background: #616161; -} - -.b-user_rate .rate-show .note, -.p-topics-new .topic_video, -.p-topics-edit .topic_video, -.p-topics-create .topic_video, -.p-topics-update .topic_video, -.p-user_rates-index .list-lines tr.edit-form form { - background: #616161; -} - -select, -.b-editable_grid tbody tr:nth-child(odd) td, -.b-input input, -.b-input textarea, -.b-pages, -.b-shiki_editor .body .editor textarea, -.b-shiki_editor .links .link-value, -.b-shiki_editor .images .link-value, -.b-shiki_editor .quotes .link-value, -.b-shiki_editor .email .link-value, -.b-shiki_editor .upload .link-value, -div.compatibility > a:before, -div.compatibility > span.link-replacement > span:first-child:before, -div.compatibility > a > span:first-child:before, -.l-page .menu-toggler .toggler, -.p-contests .match-day .match-link:hover, -.p-contests .match-day .match-link.active, -.p-user_rates-index .list-groups .summary.posters, -.p-user_rates-index .list-lines tr td .new-value input, -.p-user_rates-index .l-content .filter input, -.subheadline-input { - background: #424242; -} - -.editor textarea.b-comment, -.editor textarea.b-message { - background: #424242 !important; -} - -/* Области наведения */ -.b-collection-filters .block > .filter.item-sign, -.b-lang_trigger, -.b-tag, -.block-list li:hover, -.block-list-alt li:hover, -.block-list li.selected, -.block-list-alt li.selected, -.b-block_list li:hover, -.b-block_list li.selected, -.b-entry-info .line .b-tag, -.b-catalog_entry-tooltip .inner .line .value .tag, -.b-hot_topics .topic a, -.b-forums .forum:hover, -.b-show_more:hover, -.b-show_more-more .hide-more:hover, -.b-stats_bar .stat_names:hover:before, -.history-interval p:hover, -.p-profiles .profile-head .c-history .entry:hover a, -.p-topics .l-menu .sticky-topics .topic:hover, -.p-dashboards-show .contests .contest:hover, -.p-topics .l-menu .calendar .entry:hover a, -.p-topics .l-menu .clubs .entry:hover a, -.p-topics .l-menu .contests .contest:hover, -.p-topics .l-menu .reviews .entry:hover a, -.p-user_rates-index .list-lines .selectable:hover, -.p-user_rates-index .l-content .order-control:hover, -.p-animes_collection-index .pagination .link:hover, -.p-mangas_collection-index .pagination .link:hover, -.p-recommendations-index .pagination .link:hover, -.p-userlist_comparer-show .pagination .link:hover { - background-color: #616161; -} - -.block-list li:active, -.block-list-alt li:active, -.b-block_list li:active, -.p-contests .match-day .match-link:active { - background-color: #616161 !important; -} - -.p-dialogs header.head, -.p-messages header.head, -.p-profiles-edit header.head, -.p-profiles-edit .b-options-floated, -.p-dialogs .b-options-floated, -.p-messages .b-options-floated, -.b-hot_topics .topic a:hover { - background-color: #424242; -} - -.p-userlist_comparer .comparer table .selectable:hover { - background-color: #424242 !important; -} - -/* Кнопки при наведении */ -div.compatibility > a:hover:before, -div.compatibility > a:hover > span:first-child:before, -.b-video_player .cc-player_controls .c-control:hover .icon, -.p-animes_collection-index .pagination .link:hover, -.p-mangas_collection-index .pagination .link:hover, -.p-recommendations-index .pagination .link:hover, -.p-userlist_comparer-show .pagination .link:hover, -.b-collection-filters .block > .filter.item-sign:hover, -.b-lang_trigger:hover, -.b-list_switchers > .switcher:hover, -.b-tag:hover, -.b-entry-info .line .b-tag:hover, -.b-catalog_entry-tooltip .inner .line .value .tag:hover, -.b-user_rate .rate-show .rate-number .item-add:hover, -.p-animes .item-edit:hover, -.p-characters .item-edit:hover, -.p-contests .contest-match .prev-match:hover, -.p-contests .contest-match .next-match:hover, -.p-mangas .item-edit:hover, -.p-profiles-show .about .item-edit:hover, -.p-messages .mass-actions .action > a:hover, -.p-user_rates-index .list-lines tr.edit-form .remove:hover, -.delete-controls > span:hover, -.moderation-controls > span:hover, -.main-controls > span:hover, -.main-controls > a:hover, -.buttons .item-edit:hover, -.editor-controls > span:hover, -.c-actions > *:hover, -.about-bb_codes:hover, -.profile-actions > *:hover, -.item-mobile:hover, -.item-mobile:active, -header.head h1 > a.back:hover, -header.head h2 > a.back:hover { - background-color: #424242; -} - -/* ЦВЕТ ГРАНИЦ ЭЛЕМЕНТОВ */ -hr, -.b-db_entry-note:before, -.b-dialog:before, -.b-message:before, -.b-comment:before, -.b-comments .comments-loaded:before, -.p-contests .match-day:before, -.p-profiles .profile-head .c-history .entry:before, -.p-topics .l-menu .calendar .entry:before, -.p-topics .l-menu .reviews .entry:before, -.p-topics .l-menu .clubs .entry:before { - background-color: #757575; -} - -h3, -select, -.b-input input, -.b-input textarea, -.b-pages, -.b-topic, -.b-shiki_editor .body .editor textarea, -.b-shiki_editor .links .link-value, -.b-shiki_editor .images .link-value, -.b-shiki_editor .quotes .link-value, -.b-shiki_editor .email .link-value, -.b-shiki_editor .upload .link-value, -.b-quote, -.l-page .menu-toggler .toggler, -.p-topics-new .topic_video, -.p-topics-edit .topic_video, -.p-topics-create .topic_video, -.p-topics-update .topic_video, -.p-user_rates-index .list-groups .summary.posters, -.p-user_rates-index .list-lines tr.edit-form form, -.p-user_rates-index .list-lines tr td .new-value input, -.p-user_rates-index .l-content .filter input, -.subheadline-input { - border-color: #757575; -} - -/* ОСОБЫЕ ЦВЕТА */ -.b-entry-info .line .b-tag:active, -.b-catalog_entry-tooltip .inner .line .value .tag:active { - background-color: #757575; -} - -.b-rate .stars.background { - color: #757575; -} - -.b-stats_bar .bar .third { - background: #757575; -} -/* END of НАСТРОЙКА ЦВЕТОВ */ - - - - - - - - - - -/* FONT COLLECTION */ - -body, input, select, button, textarea { font-family: 'Arial', sans-serif; } - -.b-show_more, -.b-show_more-more .hide-more, -.l-footer:before, -.b-sponsors_block_3:before, -.l-top_menu .inner .logo:before, -.b-user_rate .rate-show .note:before, -.button, -.buttons, -.b-contests-menu .results, -.b-link_button, -input[type=submit], -.p-animes_collection-index .pagination, -.p-mangas_collection-index .pagination, -.p-recommendations-index .pagination, -.p-userlist_comparer-show .pagination, -.mischeadline, -.c-my_list .title, -.subheadline, -.midheadline, -.b-stats_bar .title, -.profile-content .activity .title, -.lifetime .title, -.midheadline > a, -.subheadline > a, -.b-form .cancel, -.b-shiki_editor footer .unpreview, -.b-shiki_editor footer .preview, -.p-contests .contest-match .vs .refrain, -.p-contests .contest-match .votes-percents, -.p-contests .contest-match .vs > div:first-child, -.p-contests .contest-match .vs .next, -.b-lang_trigger, -.b-topic>.inner>header .about a, -.b-topic-preview>.inner .status-line .b-link, -.b-hot_topics .topic.subject, -div.compatibility > a > span.rate, -div.compatibility > span.link-replacement > span.rate, -.b-abuse_marker:before, -.b-broadcast_marker:before, -.b-new_marker:before, -.b-offtopic_marker:before, -.b-summary_marker:before, -.b-options-floated, -.p-profiles-edit .b-options-floated > a, -.p-dialogs .b-options-floated > a, -.p-messages .b-options-floated > a, -.b-options-floated a span.brackets, -.b-options-floated .link span.brackets, -.p-user_rates .mylist-block + .block > .b-list > li, -.anime-params-controls > .block:first-child > .b-list > li, -.manga-params-controls > .block:first-child > .b-list > li, -.b-collection-filters .block-list .filter, -.b-collection-filters .b-block_list .filter, -.edit-page a.cancel, -.b-topic-preview > .editor-container .hide { - font-weight: 700; -} -.b-topic .name-date .name, -.b-comment .name-date .name, -.b-dialog .name-date .name, -text, -.highcharts-tooltip text tspan:last-child { - font-weight: 700 !important; -} -@media only screen and (min-width: 768px) { - .about-bb_codes:before { - font-weight: 700 !important; - } -} -@media screen and (min-width: 1025px) { - .b-entry-info .line .value { - font-weight: 400 !important; - } -} -/* END of FONT COLLECTION */ - - - - - - - - - - -/* ОСНОВНОЙ ФАЙЛ */ -header.head h1, -header.head h2, -input { - font-family: inherit; -} - -.buttons, -.ac_results .name, -.b-animes-menu .total-rates, -.b-comment > .inner header .name-date a.name, -.b-comments .comments-expander, -.b-comments .comments-expander:hover, -.b-comments .comments-hider, -.b-comments .comments-hider:hover, -.b-comments .comments-loader, -.b-comments .comments-loader:hover, -.b-comments .faye-loader, -.b-comments .faye-loader:hover, -.b-comments .messages-postloader, -.b-comments .messages-postloader:hover, -.b-entry-info .line .value, -.b-forum .faye-loader, -.b-forum .faye-loader:hover, -.b-header_filters .filter-line .title, -.b-header_filters .filter-line a.current, -.b-mention s, -.b-options-floated .selected.always-active, -.b-quote, -.b-rate .score-notice, -.b-rate .text-score, -.b-table th, -.b-topic > .inner header .name-date a.name, -.b-user.detailed .history .line .event, -.collapsed, -.completable-block .name, -.l-page .menu-toggler .toggler:after, -.p-anime_videos-index .c-anime_video_episodes .title, -.p-anime_videos-index .c-videos .title, -.p-anime_videos-index .same-videos .title, -.p-statistics-index .forum-nav .sections a, -.p-user_rates-index .list-groups .summary.lines, -.p-userlist_comparer .comparer table .name a { - color: inherit; -} - -.b-comments .comments-expander:active, -.b-comments .comments-hider:active, -.b-comments .comments-loader:active, -.b-forum .faye-loader:active, -.block-list li.selected, -.block-list-alt li.selected, -.b-block_list li.selected, -.p-animes-show .other-names.click-loader, -.p-mangas-show .other-names.click-loader { - color: inherit !important; -} - -@media screen and (max-width:767px) { - .b-options-floated.mobile-phone a.selected { - color: inherit; - } -} - - - -/* MAIN BLOCKS */ -body { - position: relative; - min-height: 100%; - font-size: 16px; - font-weight: 400; - line-height: 1.25; - overflow-x: hidden; -} - -.l-page { - min-height: 100%; - padding-top: 4.5rem; - padding-right: 1rem; - padding-bottom: 4.5rem; - padding-left: 1rem; - background-color: inherit; -} - -.l-footer { - position: absolute; - right: 0; - bottom: 0; - left: 0; - width: 100%; - max-width: inherit; /* thx @NedStar */ - padding: 0 1rem; - margin: auto; -} - -.l-page:before { - content: ''; - display: block; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - width: auto; - background: none; - outline-width: 1rem; - outline-style: solid; - z-index: -1; -} - -.l-footer:before { - content: 'Theme by grin3671'; - display: block; - float: left; - position: static; - left: auto; - bottom: auto; - width: auto; - height: auto; - background: none; - font-size: .6875rem; -} - -.l-page:after, -.l-footer:after { - display: none; -} - -.l-footer .links { - padding: .25rem 0; - font: inherit; - font-size: .75rem; - line-height: 1rem; - text-align: center; -} - -.l-footer .links a:last-child { - margin: 0; -} -/* END of MAIN BLOCKS */ - - -/* ВЫСОТА СТРОКИ */ -.cc-2a > .c-column, -.block, -.b-db_entry, -.p-animes .b-db_entry > *:last-child { - line-height: inherit; -} - -@media only screen and (min-width: 768px) { - .cc-2 > .c-column { - line-height: inherit; - } -} - -/* ЗАКРУГЛЕНИЕ */ - -.b-comments .comments-loader, -.b-comments .comments-hider, -.b-comments .comments-expander, -.b-comments .messages-postloader, -.b-forum .faye-loader, -.collapsed, -.tipsy-inner, -.button, -.b-contests-menu .results, -.b-link_button, -input[type=submit], -.btn, -.b-comments-notifier, -.p-animes_collection-index .pagination .link, -.p-mangas_collection-index .pagination .link, -.p-recommendations-index .pagination .link, -.p-userlist_comparer-show .pagination .link, -.subheadline-buttons .item-edit, -.p-characters .item-edit, -.p-contests .contest-match .vs .refrain, -.b-catalog_entry .image-cutter, -.b-main_search .input, -.b-lang_trigger, -.b-user_rate .rate-show .note, -.c-poster img, -.c-actions > *, -.b-user_rate .rate-show .rate-number .item-add, -.p-animes-show .watch-online, -.p-animes-show .upload-video, -.p-mangas-show .watch-online, -.p-mangas-show .upload-video, -.b-tag, -.b-entry-info .line .b-tag, -.b-catalog_entry-tooltip .inner .line .value .tag, -.b-topic >.inner header img, -.b-quote, -.p-clubs-index header.head a.misc, -.b-list_switchers > .switcher, -.p-user_rates-index .l-content .filter input, -.p-user_rates-index .list-lines tr td .new-value input, -.p-user_rates-index .list-lines tr.edit-form form, -.p-user_rates-index .list-lines tr.edit-form .remove, -.p-profiles-show .b-stats_bar a.title, -.b-stats_bar .bar, -.profile-actions > a, -:root .b-anime_status_tag:before, -.p-profiles .profile-head .c-history .entry img, -.p-profiles-show .about .item-edit, -header.head h1 a.back, -header.head h2 a.back, -.edit-page a.cancel, -.editor-controls > span, -.tooltip-inner, -.b-topic-preview > .editor-container .hide { - border-radius: 2px; -} - - -/* LAYOUT */ -@media screen and (max-width: 480px) and (orientation: portrait) { - .l-page .menu-slide-outer .menu-slide-inner { - width: 100%; - } - .menu-slide-outer.x199 .l-content, - .menu-slide-outer.x240 .l-content { - float: none; - width: 100%; - margin: 0; - } -} - -@media screen and (min-width: 481px) and (max-width: 767px), - screen and (max-width: 767px) and (orientation: landscape) { - .l-page .menu-slide-outer .menu-slide-inner { - width: 100%; - } - .menu-slide-outer.x199 .l-content, - .menu-slide-outer.x240 .l-content { - float: none; - width: 100%; - margin-right: 0; - } -} - -@media screen and (min-width: 768px) and (max-width: 1024px) { - .l-page.menu-expanded .x240 .l-content { - margin-left: 0; - } -} - -@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { - .l-page .menu-slide-outer.x240.ipad-expanded .menu-slide-inner { - width: 100%; - } - .menu-slide-outer.x199 .l-content, - .menu-slide-outer.x240 .l-content { - float: none; - width: 100%; - margin-right: 0; - } - - .menu-slide-outer.x199 .l-menu, - .menu-slide-outer.x240 .l-menu { - - } -} - -@media screen and (max-width: 1024px) { - .l-page .menu-slide-outer { - overflow: visible; - } -} - -/* ОБЩИЕ КЛАССЫ */ -.p0, .m0, .m1, .m2, .m3, .m4, .m5, .m6, .m7, .m8, .m10, .m12, .m13, .m15, .m20, .m25, .m30, .m40, .m50 { - margin-bottom: .5rem !important; -} - -h3 { - font-size: 1rem; - line-height: 1.5; - margin-bottom: .5rem; -} - -hr { - margin: .5rem 0; - background-image: none; -} - -.ajax-loading.vk-like { - min-height: 1.5rem; -} -.b-ajax:before { - opacity: .75; -} - -/* Списки */ -.b-list { - margin: .5rem 0 .5rem 2rem; -} -.b-list li { - margin: 0; - line-height: 1.5; - list-style-type: disc; - list-style-image: none; -} -.b-list li + li { - margin: 1rem 0 0 0; -} -.b-list .b-list li + li { - margin: 0; -} - -/* TODO: Убрать -.b-image, -.b-video { - display: inline-block; - vertical-align: top; - margin: .5rem .5rem 0 0; -} -.b-image:last-child, -.b-video:last-child { - margin: .5rem 0 0 0; -} -.b-image > img { - display: block; -} -.solid .b-image { - margin: 0; -} -.b-image .normalized_width { - display: initial; -} -.b-shiki_wall .b-video { - margin-top: 0; -} -*/ - -.b-height_shortener { - position: relative; - padding-left: 0; - cursor: s-resize; -} - -.b-comment .b-height_shortener, -.b-dialog .b-height_shortener, -.p-clubs .b-height_shortener { - padding-left: 3.5rem; -} - -.buttons .cancel { - vertical-align: top; - margin-right: .5rem; - border: 0; -} - -.b-form .cancel { - margin-left: 0; -} - -.b-form .cancel:hover { - text-decoration: none; -} - -.b-review-topic .b-height_shortener { - padding-left: 0; - cursor: default; -} - -.b-height_shortener .shade { - right: 0; - left: 0; - width: auto; - height: 2.5rem; - margin-top: -2.5rem; -} - -.b-height_shortener .expand { - font-size: .875rem; -} - -.b-comment.b-comment-info { - font-size: .875rem; - text-align: left; - line-height: 1.5rem; -} -.b-comment.b-comment-info > span { - margin-right: .5rem; -} - -.b-comments .comments-loader, -.b-comments .comments-hider, -.b-comments .comments-expander, -.b-comments .messages-postloader, -.b-forum .faye-loader, -.collapsed { - padding: .4375rem 2.5rem; - margin: 0; - margin-bottom: .5rem; - line-height: 1.5rem; -} - -.b-forum .faye-loader { - padding: .4375rem .5rem; -} - -.b-comments .comments-collapser { - width: 2.5rem; - padding: .5rem; - margin: 0; - border: 0; - font-size: 0; - line-height: 0; -} - -.b-comments .comments-collapser:before { - content: 'expand_less'; - display: block; -} - -.b-modal>.inner { - padding: 16px 24px; -} -.b-modal .subheadline { - font-size: 20px; - font-weight: 400; - text-transform: none; -} - -.b-show_more, -.b-show_more-more .hide-more { - display: inline-block; - padding: 0 .5rem; - margin: .25rem 0; - border-radius: .625rem; - font-size: .875rem; -} - -.b-source { - margin-top: .5rem; - margin-bottom: 1rem; -} - -.b-sponsors_block_3 { - min-height: 16rem; - padding: 1rem; - background-color: #f7f3db; -} -.b-sponsors_block_3:before { - content: 'Реклама:'; - display: block; - margin-bottom: .5rem; - color: #ab9f59; - font-size: .75rem; - line-height: 1rem; -} - -.b-spoiler label { - font-size: inherit; - letter-spacing: initial; -} -.b-spoiler .content .before, -.b-spoiler .content .after { - font-size: inherit; - letter-spacing: initial; -} - -.b-nothing_here { - margin-left: 0; - font-size: .875rem; - line-height: 2.5rem; -} - -header.head h1, -header.head h2 { - font-family: inherit; -} -header.head .notice { - margin: .5rem 0; - font-size: .875rem; - line-height: 1.25rem; -} -header.head h1 ~ .notice, -header.head h2 ~ .notice { - margin-top: -.5rem; -} - -.b-breadcrumbs > span:after { content: '»'; } - -.tipsy { - padding: .875rem; - font-size: .875rem; - opacity: .9 !important; - pointer-events: none; -} -.tipsy-arrow { - display: none; -} -.tipsy-inner { - padding: .375rem 1rem; - background-color: #616161; - color: #eee; - text-align: left; - box-shadow: none; -} - - -input { - font-family: inherit; - font-size: inherit; -} - -/* Кнопки */ -.button, -.b-button, -.b-form input[type=submit], -.b-topic-preview > .editor-container .hide, -.edit-page a.cancel { - display: inline-block; -} - -input[type=submit], -.button, -.b-button, -.b-form input[type=submit], -.b-contests-menu .results, -.b-link_button, -.b-shiki_editor .links .b-button.ok, -.b-shiki_editor .images .b-button.ok, -.b-shiki_editor .quotes .b-button.ok, -.b-shiki_editor .email .b-button.ok, -.b-shiki_editor .upload .b-button.ok, -.edit-page a.cancel { - padding: 0 1rem; - margin-right: .5rem; - font-size: .875rem; - line-height: 2rem !important; - text-align: center; - text-decoration: none !important; - text-transform: uppercase; -} - -input[type=submit]:last-child, -.b-button:last-child, -.b-form input[type=submit]:last-child { - margin-right: 0; -} - -input[type=submit]:hover { - box-shadow: 0 2px 4px 2px rgba(0,0,0,.24); -} - -.b-shiki_editor .links .b-button.ok, -.b-shiki_editor .images .b-button.ok, -.b-shiki_editor .quotes .b-button.ok, -.b-shiki_editor .email .b-button.ok, -.b-shiki_editor .upload .b-button.ok { - margin-left: 1rem; -} - -.edit-page a.cancel, -.b-topic-preview > .editor-container .hide { - background-color: transparent; -} - -.b-topic-preview > .editor-container .hide { - vertical-align: top; - border: 0; -} - -.b-topic { - overflow: visible; -} - -.b-topic > .inner { - overflow: visible; -} - -.b-topic-preview > .inner > footer { - overflow: hidden; -} - -/* Формы */ -.b-form { - overflow: visible; -} - -.b-form:after { - content: ''; - display: block; - clear: both; -} - -.b-input input, -.b-input textarea { - padding: .3125rem 1rem; - line-height: 1.25rem; -} - -.b-input textarea { - padding: .4375rem 1rem; -} - -.b-input input[disabled] { - background: transparent; - border-width: 0; - border-bottom-width: .125rem; - padding: .375rem 0 .25rem; - color: #9E9E9E !important; -} - -select { - max-width: 100%; - height: 2rem; - padding: 2px .5rem; - font-size: .875rem; - line-height: 2rem; -} - -.b-input .hint { - font-size: .75rem; - line-height: 1.25rem; -} - -.b-input label { - line-height: 1.5; -} - -.buttons { - font-family: inherit; - font-size: inherit; -} - -.b-form .buttons { - margin-top: .5rem; -} - -.btn { - line-height: 2rem; -} - -.b-contests-menu .results { - float: none; - display: block; - margin: .5rem 0; -} - -.b-link_button { - margin-bottom: .5rem; -} - -.b-link_button.maxi { - padding: 0; - font-size: 1rem; - line-height: 2.5rem; -} - -.b-contests-menu .results, -.b-forums > .b-link_button.maxi, -.b-link_button.create-topic { margin-right: 0; } - -.l-page .menu-toggler { top: 64px; z-index: 9; } -.p-user_rates-index .l-page .menu-toggler { top: -96px; } - - - -.history-interval, -.mischeadline, -.b-input, -.prgrph, -.spoiler-prgrph, -.review-votes_count { - margin-bottom: .5rem !important; -} - -.block { - line-height: 1.25rem; -} -.text { - margin-left: 0 !important; -} - -.tooltip-inner .close { - background: transparent; - color: inherit; -} - -.b-breadcrumbs { - margin: 0; - line-height: 1rem; -} - -.block-list li, -.block-list-alt li { - line-height: 1.5rem; - margin: 2px -.5rem; - padding: 0 .5rem; -} - -.b-block_list li { - padding: 0 .5rem; - margin: 0 -.5rem; - font-family: inherit; - line-height: 1.5rem; -} - -.b-comments-notifier { - top: 0 !important; - width: 2rem; - height: 2rem; - margin-top: 4rem; - line-height: 2rem; -} - -.b-user.named_avatar .name {margin: auto;} - - -/* FIX: BACKFACE VISIBILITY */ -.anime-params-controls > .block:first-child > .b-list > li:after, -.anime-params-controls > .block:first-child > .b-list > li:before, -.manga-params-controls > .block:first-child > .b-list > li:after, -.manga-params-controls > .block:first-child > .b-list > li:before, -.p-user_rates .mylist-block + .block > .b-list > li:after, -.p-user_rates .mylist-block + .block > .b-list > li:before { - -webkit-backface-visibility: hidden; - -moz-backface-visibility; - backface-visibility: hidden; -} - - - -/** - * TOPMENU - * Изменение верхнего меню сайта. - * Меню закреплено и увеличено. - */ - -/* НАСТРОЙКА ЦВЕТОВ МЕНЮ */ -/* ОСНОВНОЕ МЕНЮ */ -/* Фон меню */ -.l-top_menu:before { background-color: #212121; } -/* Цвет текста в меню */ -.l-top_menu { color: #FAFAFA; } -/* Цвет текста пунктов меню при наведении */ -/* Цвет текста активных пунктов меню */ - /* По умолчанию: цвет текста наследуется от меню */ -.l-top_menu .menu-items>.entry.selected, -.l-top_menu .menu-items>.entry>a:active { - color: inherit !important; -} -/* Цвет текста пунктов меню при наведении */ -/* По умолчанию: цвет текста наследуется от меню */ -.l-top_menu .menu-items>.entry:hover { - color: inherit; -} -/* ВЫПАДАЮЩЕЕ МЕНЮ */ -@media only screen and (min-width: 1025px) { - /* Цвет фона выпадающего меню при наведении */ - .l-top_menu .submenu, - .b-main_search ul.popup { background: #424242; } - - /* Цвет пунктов выпадающего меню при щелчке */ - /* Цвет активных пунктов выпадающего меню */ - /* По умолчанию: затемненный цвет фона выпадающего меню */ - .l-top_menu .submenu>.entry:active, - .l-top_menu .submenu>.entry.active, - .b-main_search .popup li:active, - .b-main_search .popup li.active { background-color: rgba(0, 0, 0, .24); } - - /* Цвет пунктов выпадающего меню при наведении */ - /* По умолчанию: осветленный цвет фона выпадающего меню */ - .l-top_menu .submenu>.entry:hover, - .b-main_search .popup li:hover { background-color: rgba(255, 255, 255, .24); } - - /* Цвет текста выпадающих меню */ - /* По умолчанию: цвет текста наследуется от меню */ - .l-top_menu .menu-search>.entry, - .l-top_menu .menu-userbox>.entry, - .l-top_menu .submenu { color: inherit; } - - /* Цвет текста выпадающих меню при щелчке */ - /* Цвет текста активных пунктов выпадающего меню */ - /* По умолчанию: цвет текста наследуется от выпадающего меню */ - .l-top_menu .submenu>.entry:active, - .l-top_menu .submenu>.entry.active, - .b-main_search .popup li:active, - .b-main_search .popup li.active { color: inherit; } - - /* Цвет текста выпадающих меню при наведении */ - /* По умолчанию: цвет текста наследуется от выпадающего меню */ - .l-top_menu .submenu>.entry:hover, - .b-main_search .popup li:hover { color: inherit; } - - - /* ЦВЕТА ПОИСКА */ - /* Фон строки поиска */ - .b-main_search .input { background: rgba(242,242,242,.32); } - /* Набираемый текст в строке поиска */ - .b-main_search .input input { color: #fff; } - /* Вспомогательный текст в строке поиска */ - .b-main_search input::-webkit-input-placeholder { color: #ddd; } - .b-main_search input:-moz-placeholder { color: #ddd; } - .b-main_search input::-moz-placeholder { color: #ddd; } - .b-main_search input:-ms-input-placeholder { color: #ddd; } -} - -/* ЦВЕТ ИКОНОК в меню (для мобильной версии) */ -/* По умолчанию: цвет текста наследуется от меню */ -.l-top_menu .to-mobile-forum, -.l-top_menu .menu-mobile .search, -.l-top_menu .menu-mobile .menu, -.l-top_menu .menu-mobile #sign_in, -.l-top_menu .menu-userbox .search, -.l-top_menu .menu-userbox .menu, -.l-top_menu .menu-userbox #sign_in { - color: inherit; -} -/* END of Настройка цветов в меню */ - - -/* NOTE: Что это за элемент? */ -.to-top-fix { - height: 0; - background: none; - border: 0; -} - -.l-top_menu:before { - content: ''; - position: absolute; - top: 0; right: 0; bottom: 0; left: 0; - opacity: 1; - transition: .3s; -} -.l-top_menu { - position: fixed; - top: 0; - right: 0; - left: 0; - width: 100%; - max-width: 100%; - height: auto; - margin: auto; - background-color: transparent; - background-image: none; - border: none; - box-shadow: 0 2px 8px 2px rgba(0,0,0,.24); - overflow: visible; -} - -/* Высота меню на мобильном телефоне в портретном режиме */ -/* Если вы меняете высоту меню, необходимо изменить верхний отступ страницы: */ -/* .l-page { padding-top: 64px; } цифра равна высоте меню + 16px */ -/* Скопируйте правило и вставьте его в блоке МОИ НАСТРОЙКИ в конце файла. */ -.l-top_menu { - padding: 4px 0; /* padding: 0; для наименьшего размера меню (48px) */ -} -/* NOTE: Максимальное разрешение SONY Xperia Z Ultra: 960x540px */ -@media screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape) { - .l-top_menu { - padding: 0; - } - .l-page { - padding-top: 64px; - } -} -/* На планшетах и далее, высота меню равна 56px */ -@media screen and (min-width: 961px) and (orientation: landscape) { - .l-top_menu { - padding: 4px 0; - } -} - -/* MENUTOP > LOGO */ -.l-top_menu .inner > a:first-child { - display: inline-block; - vertical-align: top; - margin: 0 0 0 32px; - color: inherit !important; -} -.l-top_menu .inner .logo { - float: none; - position: static; - width: auto; - height: auto; - padding: .8125rem 1rem; - margin: 0; - background: none; -} -.l-top_menu .inner .logo:before { - content: 'Главная'; - display: block; - color: inherit; - font-size: 16px; - line-height: 22px; -} -@media only screen and (min-width: 320px) { - .l-top_menu .inner .logo:before { - content: 'Shikimori'; - font-size: 20px; - text-transform: uppercase; - } -} -@media only screen and (min-width: 480px) { - .l-top_menu .inner .logo:before { - content: 'Shikimori'; - font-size: 20px; - text-transform: uppercase; - } -} - -.l-top_menu .to-mobile-forum { - display: inline-block; - vertical-align: top; - position: static; - left: 138px; - width: 40px; - height: 40px; - padding: 8px; - margin: 4px !important; -} -.l-top_menu .to-mobile-forum:before { - width: 1.5rem; - line-height: 1.5rem; - text-align: center; - font-size: 24px; -} -.l-top_menu .mobile-menu-toggler, -.l-top_menu .mobile-search-toggler { - position: absolute; - top: 0; - z-index: 10; /* TODO: убрать, потестить */ -} -.l-top_menu .mobile-menu-toggler { left: 0; } -.l-top_menu .mobile-search-toggler { right: 56px; } - -/* Перерисовываем меню сайта под Material */ -.l-top_menu .mobile-menu-toggler.active { - position: fixed; - top: 0; - left: 0; - width: 100% !important; - height: 100% !important; - margin: 0 !important; - background-color: #000; - z-index: 12; - opacity: .48; -} -.l-top_menu .menu-items { - position: absolute; - top: 0; - width: calc(100% - 56px); - max-width: 320px; - height: calc(100vh + 16px); - padding: 8px 0; - margin: -8px 0; - overflow-y: auto; - z-index: 13; -} -/* EXPERIMENTAL > ANIMATED MOBILE MENU */ -.l-top_menu .menu-items { - display: block; - transform: translate(-100%, 0); - transition: 240ms ease-out; -} -.l-top_menu .menu-items.active { - transform: translate(0, 0); -} -/* END of EXPERIMENTAL */ - -@media only screen and (min-width: 320px) { - .l-top_menu .inner > a:first-child { - margin: 0 0 0 40px; - } -} -@media only screen and (min-width: 360px) { - .l-top_menu .inner > a:first-child { - margin: 0 0 0 48px; - } -} -@media only screen and (min-width: 1025px) { - .l-top_menu .inner > a:first-child { - margin: 0; - } -} -@media only screen and (min-width: 1025px) { - .l-top_menu .to-mobile-forum { - display: none; - } - .l-top_menu .menu-items { - display: inline-block; - vertical-align: top; - position: static; - width: auto; - max-width: 100%; - height: auto; - padding: 0; - margin: 0; - margin-left: 0; - background-color: initial; - color: inherit; - overflow: initial; - overflow-y: visible; - transform: translate(0, 0); - } - - .l-top_menu .menu-items > .entry:active { - background-color: inherit; - } - - .l-top_menu .menu-items > .entry:active, - .l-top_menu .submenu > .entry:active, - .l-top_menu .menu-items > .entry > a { - color: inherit !important; - } - - .l-top_menu .menu-items > .entry > .submenu { - margin-top: 4px; - margin-left: 0; - } - - .l-top_menu .submenu.right { - right: 0px; - margin-top: 4px; - } - - .b-main_search ul.popup, - .b-main_search.hovered .popup { - margin: 0; - margin-top: 12px; - } - - .l-top_menu .submenu > .entry, - .b-main_search .popup li { - color: inherit; - } - - .b-main_search.hovered .popup { - height: 272px; - } - - .l-top_menu .menu-items>.entry.calendar>a, - .l-top_menu .menu-items>.entry.info>a { - padding: 0.9375rem; - } - - .l-top_menu .menu-items>.entry.calendar>a:before, - .l-top_menu .menu-items>.entry.info>a:before { - display: block !important; - } - - .l-top_menu .menu-items>.entry.calendar>a:after, - .l-top_menu .menu-items>.entry.info>a:after { - display: none; - } -} - -.l-top_menu .menu-items>.entry { - float: none; - display: block; - padding: 0; - border: 0; - line-height: inherit; -} -@media (min-width: 1025px) { - .l-top_menu .menu-items>.entry { - display: inline-block; - vertical-align: top; - } -} -.l-top_menu .menu-items>.entry.selected, -.l-top_menu .menu-items>.entry:hover { - background-color: transparent; -} -.l-top_menu .menu-items>.entry>a, -.l-top_menu .menu-items>.entry.sign_out { - padding: 1rem; - margin: 0; - font-size: inherit; - line-height: 1rem; -} - -.l-top_menu .menu-items>.entry>a.contest { - width: 48px; - height: 48px; - padding: 12px !important; - background: inherit; -} -.l-top_menu .menu-items>.entry>a.contest:before { - width: 24px !important; - font-size: 24px !important; - color: #444; -} -@media only screen and (min-width: 1025px) { - .l-top_menu .menu-items>.entry>a.contest { - width: 40px; - height: 40px; - padding: 11px !important; - margin: 4px; - background: transparent; - border-radius: 2px; - } - .l-top_menu .menu-items>.entry>a.contest:before { - position: static; - width: 18px !important; - margin: 0; - color: inherit; - font-size: 18px !important; - } -} - -/* Текст вместо иконок в верхнем меню */ -.l-top_menu .menu-items>.entry.calendar>a, -.l-top_menu .menu-items>.entry.info>a { - padding: 1rem; - margin: 0; - line-height: 1rem; -} -.l-top_menu .menu-items>.entry.calendar>a:before, -.l-top_menu .menu-items>.entry.info>a:before { - display: none !important; -} -.l-top_menu .menu-items>.entry.calendar>a:after { - content: 'Календарь онгоингов'; -} -.l-top_menu .menu-items>.entry.info>a:after { - content: 'Информация'; -} -@media only screen and (min-width: 1025px) { - .l-top_menu .menu-items>.entry.calendar>a, - .l-top_menu .menu-items>.entry.info>a { - padding: 0.9375rem; - } - - .l-top_menu .menu-items>.entry.calendar>a:before, - .l-top_menu .menu-items>.entry.info>a:before { - display: block !important; - } - - .l-top_menu .menu-items>.entry.calendar>a:after, - .l-top_menu .menu-items>.entry.info>a:after { - display: none; - } -} -/* END of Текст вместо иконок в верхнем меню */ - -.l-top_menu .submenu, -.b-main_search ul.popup { - min-width: 112px; - border: 0; -} -.b-main_search .popup li { transition: 0s; } -.l-top_menu .submenu>.entry { - height: 2rem; - padding: .5rem 1rem; - background-color: transparent; - border: 0; - font-size: .875rem; - line-height: 1rem; -} -.l-top_menu .submenu>.entry:first-child, -.b-main_search ul.popup li:first-child { - margin-top: .5rem; -} -.l-top_menu .submenu>.entry:last-child, -.b-main_search ul.popup li:last-child { - margin-bottom: .5rem; -} - -.l-top_menu .menu-items .submenu-toggler { - right: 0; - width: 48px; - height: 48px; - padding: .75rem; - margin: 0; - z-index: 10; -} -.l-top_menu .menu-items .submenu-toggler:before { - width: 24px; - line-height: 24px; -} - -@media screen and (min-width: 1025px) { -.l-top_menu .menu-items .submenu-toggler, -.l-top_menu .inner .sign_out { display: none; } - - .l-top_menu .menu-items>.entry { - color: inherit; /* #FAFAFA */ - } -} - -@media screen and (max-width: 1024px) { - .l-top_menu .submenu { - padding-left: 32px; - } -} - - -/* TOPMENU | SEARCH */ -.l-top_menu .menu-search { - padding: 8px 0; -} -@media screen and (min-width: 1025px) { - .l-top_menu .menu-search { - padding: 0; - } - .l-top_menu .menu-search>.entry { - width: 234px; - padding: 8px 0 !important; - } -} - -.b-main_search { - padding-right: 8px !important; - padding-left: 8px !important; -} -.b-main_search .input { - position: relative; - width: auto; - height: 2rem; - padding: 0; - margin: 0; - transition: background .3s; -} -.b-main_search.hovered .popup { - border: 0; - font-size: .875rem; -} -.b-main_search ul.popup li { - width: auto; - height: 2rem; - padding: .5rem 1rem; - border: 0; - font-family: inherit; - font-size: .875rem; - line-height: 20px; -} -.b-main_search .input input { - width: 100%; - padding: 0 1rem; - font-family: inherit; - font-size: 1rem; - line-height: 2rem; -} -.b-main_search .input input.ac_loading { - width: 100%; - padding: 0 1rem; -} -.b-main_search ul.popup { - width: inherit; -} -/* END of SEARCH */ - - - -/* TOPMENU | SEARCHRESULT */ -.ac_results.menu-suggest, -.completable-block.menu-suggest { - border: 0; - box-shadow: 0 2px 8px 2px rgba(0,0,0,.24); -} -.ac_results, -.completable-block { - font-size: .75rem; -} - -.ac_odd { - background-color: rgba(0,0,0,.24); -} -.ac_over { - background-color: rgba(255,255,255,.24); -} - -.ac_results li { - padding: 0 .5rem; - border: none; - line-height: 2rem; -} -.b-main_search ul.popup, -.b-main_search.hovered .popup { - margin: 0; -} -.ac_results.menu-suggest, -.completable-block.menu-suggest { - margin-top: -17px; - margin-left: 6px; -} - -.ac_results .name { font-size: 14px; } -.ac_results .name > strong { - background-color: #ff0; - color: #111; -} -.ac_results .character-suggest .animes { line-height: 1.25rem; } -.ac_results .character-suggest .animes > div { margin: 2px 0 0; } -.ac_results .character-suggest .avatar { - width: 40px; - height: auto; - max-height: 64px; - margin: 8px 0 0 8px; - clip-path: circle(20px at 20px 20px); -} -/* END of SEARCHRESULT */ - - - -/* TOPMENU | USERBOX */ -.l-top_menu .menu-userbox { - position: absolute; - top: 0; - right: 0; -} - -.l-top_menu .menu-userbox>.entry { - position: relative; - height: 48px; - padding: 0 !important; - margin: 0 .5rem 0 1rem !important; - cursor: default; -} -.entry.userbox > .avatar { - display: inline-block; - vertical-align: top; - position: relative; - width: 32px; - height: 32px; - margin: 8px; - border-radius: 100%; -} -.entry.userbox > .avatar:after { - content: ''; - display: block; - position: absolute; - top: 0; left: 0; - width: inherit; - height: inherit; - border-radius: 100%; -} -.entry.userbox > .avatar > img { height: inherit; } - -.userbox > a .graphics-arrow-down, -.l-top_menu .menu-search .arrow-container, -.l-top_menu .menu-userbox .arrow-container, -.l-top_menu .menu-search .arrow-container .arrow-down, -.l-top_menu .menu-userbox .arrow-container .arrow-down { - display: none; -} - -@media screen and (max-width: 1024px) { - .userbox img.avatar, - .menu .unread-count { margin-top: 0; } -} - -.menu .unread-count { - position: absolute; - top: -8px; - right: -8px; - width: 22px; - height: 22px; - margin: 4px; - border-radius: 100%; - line-height: 22px; -} - -@media screen and (min-width: 1025px) { - .l-top_menu .menu-userbox { - position: relative; - } -} -/* END of USERBOX */ - -/* TOPMENU | ICON */ -.l-top_menu .menu-mobile .search, -.l-top_menu .menu-mobile .menu, -.l-top_menu .menu-userbox .search, -.l-top_menu .menu-userbox .menu { - width: 40px; - height: 40px; - padding: 8px; - margin: 4px; - margin-left: 4px !important; -} -.l-top_menu .menu-mobile #sign_in, -.l-top_menu .menu-userbox #sign_in { - width: 40px; - height: 40px; - padding: 8px; - margin: 4px; - margin-left: 4px !important; -} -@media (min-width: 1025px) { - .l-top_menu .menu-mobile #sign_in, - .l-top_menu .menu-userbox #sign_in { - width: 48px; - height: 48px; - padding: 12px; - margin: 0; - } -} -/* END of ICON */ - -/* ************** */ -/* END of TOPMENU */ -/* ************** */ - - - -/** - * PAGINATION - * - */ -/* Делаем пагинацию более удобной */ -.p-animes_collection-index .pagination, -.p-mangas_collection-index .pagination, -.p-recommendations-index .pagination, -.p-userlist_comparer-show .pagination { - margin: 8px 0; - color: inherit; - font-size: 14px; - line-height: 32px; -} -/* Добавляем разной ерунды */ -.p-animes_collection-index .pagination > *, -.p-mangas_collection-index .pagination > *, -.p-recommendations-index .pagination > *, -.p-userlist_comparer-show .pagination > * { - vertical-align: top; -} -.p-animes_collection-index .pagination .link, -.p-mangas_collection-index .pagination .link, -.p-recommendations-index .pagination .link, -.p-userlist_comparer-show .pagination .link { - width: 40px; - height: 40px; - padding: 8px; - margin: -4px 8px; - font-size: 0; -} -.p-animes_collection-index .pagination .link:first-child, -.p-mangas_collection-index .pagination .link:first-child, -.p-recommendations-index .pagination .link:first-child, -.p-userlist_comparer-show .pagination .link:first-child { - margin-left: 0; -} -.p-animes_collection-index .pagination .link:last-child, -.p-mangas_collection-index .pagination .link:last-child, -.p-recommendations-index .pagination .link:last-child, -.p-userlist_comparer-show .pagination .link:last-child { - margin-right: 0; -} -.p-animes_collection-index .pagination .link:hover, -.p-mangas_collection-index .pagination .link:hover, -.p-recommendations-index .pagination .link:hover, -.p-userlist_comparer-show .pagination .link:hover { - text-decoration: none; -} -.p-animes_collection-index .pagination .link.disabled:hover, -.p-mangas_collection-index .pagination .link.disabled:hover, -.p-recommendations-index .pagination .link.disabled:hover, -.p-userlist_comparer-show .pagination .link.disabled:hover { - background-color: transparent; -} -.p-animes_collection-index .pagination .link:before, -.p-mangas_collection-index .pagination .link:before, -.p-recommendations-index .pagination .link:before, -.p-userlist_comparer-show .pagination .link:before { - display: block; - width: 24px !important; - font-family: 'Material Icons' !important; - font-size: 24px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.p-animes_collection-index .pagination .link.link-prev:before, -.p-mangas_collection-index .pagination .link.link-prev:before, -.p-recommendations-index .pagination .link.link-prev:before, -.p-userlist_comparer-show .pagination .link.link-prev:before { - content: 'chevron_left'; -} -.p-animes_collection-index .pagination .link.link-next:before, -.p-mangas_collection-index .pagination .link.link-next:before, -.p-recommendations-index .pagination .link.link-next:before, -.p-userlist_comparer-show .pagination .link.link-next:before { - content: 'chevron_right'; -} - - - - - - - -/** - * SUBHEADER - * Изменение подзаголовков разделов и ссылок в них. - */ - -.headline { - padding: 8px 0; - margin: 8px 0; - background: none; - border: 0; - font-size: 24px; - font-weight: 400; - line-height: 32px; - text-transform: capitalize; -} - -.mischeadline, -.c-my_list .title, -.subheadline, -.midheadline, -.b-stats_bar .title, -.profile-content .activity .title, -.lifetime .title { - padding: 16px 0; - margin-bottom: 0; - background-color: transparent; - border: 0; - font-size: .875rem; - line-height: 1rem; - text-transform: uppercase; - overflow: initial; -} -.midheadline > a, -.subheadline > a { - vertical-align: top; - margin: -.5rem -1rem; -} -.midheadline > a, -.subheadline > a, -.b-form .cancel, -.b-shiki_editor footer .unpreview, -.b-shiki_editor footer .preview, -.b-topic-preview > .editor-container .hide { - display: inline-block; - padding: 0 1rem; - background-color: transparent; - border-radius: .125rem; - font-size: .875rem; - line-height: 2rem !important; - text-transform: uppercase; -} -.headline>a:before, -.midheadline > a:before, -.subheadline > a:before { - right: 0; - left: 0; - text-align: right; - opacity: 0; -} -.headline.linkheadline > a, -.linkheadline.midheadline > a, -.linkheadline.subheadline > a { - text-decoration: none; -} - - -.subheadline .misc-link { - float: right; -} -.subheadline-input { - padding: 5px 8px; - margin-top: 8px !important; - border-radius: 2px !important; - font-size: 14px; - line-height: inherit !important; -} -.subheadline-buttons { - right: 0; - margin: 0; -} -/* HOVER */ -.headline > a:hover, -.midheadline > a:hover, -.subheadline > a:hover { - text-decoration: none; -} -.subheadline-buttons .item-edit, -.p-characters .item-edit { - display: inline-block; - width: 40px; - height: 40px; - padding: 8px; - margin: 4px 0; -} -@media only screen and (min-width: 768px) { - .b-options-floated.r-edit { margin-right: 48px; } -} -/* END of SUBHEADER */ - -/**/ - - - - -/** - * CONTEST PAGE - */ - -.p-contests .contest-match { - padding: 16px 0; - margin-bottom: 0; -} -.p-contests .contest-match .current-match .match-members:last-child { - margin-bottom: 0 !important; -} -.p-contests .contest-match .vs .refrain { - display: inline-block; - padding: 0 16px; - font-size: 14px; - line-height: 32px; - text-transform: uppercase; -} -.p-contests .contest-match .vs .refrain:hover { - text-decoration: none; -} -.p-contests .match-day { - position: relative; - margin-bottom: 16px; - text-align: center; -} -.p-contests .match-day:before { - content: ''; - display: block; - position: absolute; - top: 10px; - right: 0; - left: 0; - height: 1px; -} -.p-contests .match-day>.date { - position: relative; - display: inline-block; - padding: 0 16px; - margin-bottom: 4px; - text-align: center; - text-transform: uppercase; -} -.p-contests .match-day>.date .from, -.p-contests .match-day>.date .to { - margin-right: 8px; -} -.p-contests .match-day>.date .to { - margin-left: 8px; -} -.p-contests .match-day .match-link { - padding-left: 0; - text-align: left; -} -.p-contests .match-day .match-link .c-column { - line-height: 32px; -} - -.p-contests .match-day .match-link .voted:before, -.p-contests .match-day .match-link .winner:before, -.p-contests .match-day .match-link .loser:before, -.p-contests .match-day .match-link .created:before, -.p-contests .match-day .match-link .started:before, -.p-contests .match-day .match-link .finished:before { - display: inline-block; - vertical-align: top; - width: 18px; - padding-right: 0; - padding-left: 0; - margin: 7px 0; - margin-right: 14px; - font-family: "Material Icons"; - font-size: 18px; - font-weight: normal !important; - line-height: 1; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.p-contests .match-day .match-link .created:before { - color: #9B9B9B; - content: "lock"; - padding-right: 0; -} -.p-contests .match-day .match-link .started:before { - content: "check_box_outline_blank"; - color: #757575; -} -.p-contests .match-day .match-link.voted-none .started:before { - color: #9B9B9B; -} -.p-contests .match-day .match-link.voted-left .started:first-child:before, -.p-contests .match-day .match-link.voted-right .started:last-child:before { - content: "check_box"; -} -.p-contests .match-day .match-link.voted-left .started:last-child:before, -.p-contests .match-day .match-link.voted-right .started:first-child:before { - content: 'indeterminate_check_box'; -} -.p-contests .match-day .match-link .winner:before { - content: "thumb_up"; -} -.p-contests .match-day .match-link .loser:before { - content: "thumb_down"; - padding-right: 0; -} -.p-contests .match-day .match-link.voted-left .started:first-child:before, -.p-contests .match-day .match-link.voted-right .started:last-child:before, -.p-contests .match-day .match-link .winner:before { - color: #66BB6A; /* Зеленый цвет */ -} -.p-contests .match-day .match-link.voted-left .started:last-child:before, -.p-contests .match-day .match-link.voted-right .started:first-child:before, -.p-contests .match-day .match-link .loser:before { - color: #EF5350; /* Красный цвет */ -} - -.p-contests .match-day .matches-num { - display: inline-block; - width: 56px; - padding-right: 0; - font-size: 16px; -} - -.p-contests-show .cc-round_stats>.c-column:first-child:last-child>.block:last-child { - padding: 4px 0; -} -.p-contests-show .warning { - margin-top: 0; - margin-bottom: 16px; -} - -.p-contests .rating .member { - height: auto; -} -.p-contests-users .subheadline a:hover { - background: none; -} - - -.p-contests .contest-match .votes-percents { - border-radius: 4px; - font-size: 14px; - line-height: 24px; -} -.p-contests .contest-match .votes-percents span { - float: left; - position: relative; - white-space: nowrap; - z-index: 1; -} -.p-contests .contest-match .votes-percents .left-part { - position: relative; - border-radius: inherit; - padding-left: 8px; -} -.p-contests .contest-match .votes-percents .right-part { - position: absolute; - top: 0; - right: 0; - padding-right: 8px; -} -.p-contests .contest-match .votes-percents .right-part span { - float: right; -} -.p-contests .contest-match .votes-percents .left-part, -.p-contests .contest-match .votes-percents .right-part { - height: auto; -} -.p-contests .contest-match .votes-percents .right-part:before { - left: -24px; - border-right-width: 24px; - border-top-width: 48px; -} -.p-contests .contest-match .votes-percents .left-part:hover .right-part:before { - border-right-width: 24px; -} -.p-contests .contest-match .votes-percents .right-part:before, -.p-contests .contest-match .votes-percents .left-part:hover .right-part:before { - border-right-color: inherit; -} - -.p-contests .results .cc-result .c-rounds .match-day:before { display: none; } -.p-contests .results .cc-result .c-rounds .match-day .match { - padding-bottom: 0; - line-height: 32px; - text-align: left; -} -.p-contests .results .cc-result .c-rounds .match-link { - display: inline-block; -} - -@media (min-width: 481px) { - .p-contests .contest-match .prev-match:hover, - .p-contests .contest-match .next-match:hover { - background-color: transparent; - } -} - -/* Mobile Ver. */ -@media (max-width: 480px) { - .p-contests .contest-match .prev-match, - .p-contests .contest-match .next-match { - position: absolute; - left: 0; - width: auto; - padding: 8px; - border-radius: 2px; - line-height: 32px; - z-index: 2; - } - .p-contests .contest-match .next-match { - right: 0; - left: auto; - } - .p-contests .contest-match .next-match:before { - margin: 0; - } - .p-contests .contest-match .prev-match:before, - .p-contests .contest-match .next-match:before { - display: block; - font-family: 'Material Icons'; - font-size: 24px; - line-height: 1; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - } - .p-contests .contest-match .prev-match:before { content: 'chevron_left'; } - .p-contests .contest-match .next-match:before { content: 'chevron_right'; } - .p-contests .contest-match .current-match { - clear: both; - } - .p-contests .contest-match .current-match .match-members { - padding-top: 96px; - margin-bottom: 4px; - } - .p-contests .contest-match .current-match .match-member { - position: relative; - width: 48%; - z-index: 2; - } - .p-contests .contest-match .current-match .match-member:first-child { float: left; } - .p-contests .contest-match .current-match .match-member:last-child { float: right; } - .p-contests .contest-match .vs { - position: absolute; - top: 72px; - width: 100%; - } - .p-contests .contest-match .vs > div:first-child { - display: inline-block; - position: absolute; - top: 112px; - right: 0; - left: 0; - width: 72px; - height: 72px; - margin: auto; - border-radius: 100%; - font-size: 24px; - line-height: 72px; - text-transform: uppercase; - z-index: 6; - } - .p-contests .contest-match .vs .finish { - position: absolute; - top: -64px; - right: 0; - left: 0; - width: 148px; - margin: auto; - font-size: 12px; - line-height: 20px; - } - .p-contests .contest-match .vs .refrain { - position: absolute; - top: -62px; - right: 0; - left: 0; - width: 168px; - margin: auto; - z-index: 7; - } - .p-contests .contest-match .vs .next { - position: absolute; - top: -56px; - right: 0; - left: 0; - width: 168px; - margin: auto; - font-size: 14px; - line-height: 32px; - text-transform: uppercase; - z-index: 5; - } - .p-contests .contest-match .match-losers { - display: block; - padding: 0; - } -} -@media (max-width: 1024px) { - .p-contests .match-day .match-link .c-column { - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - } - .p-contests .match-day .match-link .winner:before, - .p-contests .match-day .match-link .loser:before { display: none; } - .p-contests .match-day .matches-num { - width: auto; - padding: 0 4px; - margin-right: 8px; - border-radius: 2px; - color: #FFF; - font-size: 12px; - line-height: 20px; - } - .p-contests .match-day .winner .matches-num { background-color: #66bb6a; } - .p-contests .match-day .loser .matches-num { background-color: #ef5350; } -} -/* END of Mobile Ver. */ -/* END of CONTEST PAGE */ - - -/* ROUNDED IMAGES */ -.b-dialog>.inner header img, -.b-message>.inner header img, -.p-user_rates-index .l-menu .avatar img, -.avatar > img { - border-radius: 100%; -} -/* END of ROUNDED IMAGES */ - - - -.b-catalog_entry.dropped .image-cutter { - filter: grayscale(100%); -} - - - - - -/** - * ANIME PAGE - */ - -.b-animes-menu .friend-rate { - line-height: 1.5rem; - white-space: nowrap; /* thx @NedStar */ -} - -.b-db_entry { - margin-bottom: 8px; -} - - -.b-db_entry-note {} -.b-db_entry-note .name-container { - padding: .25rem 0; -} -.b-db_entry-note .name-container .name { - display: block; - font-size: 1rem; - line-height: 1.25rem; -} -.b-db_entry-note .name-container .note { - margin-top: 4px; - font-size: .875rem; - line-height: 1rem; -} -.b-db_entry-note .name-container .note > span { - display: inline-block; /* thx @NedStar */ - vertical-align: top; -} -.b-db_entry-note .name-container .b-user_rate { - margin-top: .375rem; -} - -.b-db_entry>.c-about .c-info-left, -.b-db_entry>.c-about .c-info-right, -.b-db_entry>.c-about .c-info-left:last-child, -.b-db_entry>.c-about .c-info-right:last-child { - margin-bottom: 8px !important; -} - - -.p-animes .b-db_entry>*:last-child { - clear: left; - padding-top: 0; - margin-left: 0 !important; -} -.p-people .subheadline.m10 { - width: 100%; -} -.p-people .m0 { - clear: both; - padding: 0; - margin: 0 !important; -} - -.p-characters .subheadline.m5 { width: 100%; overflow: hidden; } -.p-characters .subheadline.m5 > a { display: block; } -.p-characters .subheadline.m10 { width: auto; } -.p-characters .subheadline.m10 > a { display: inline-block; } - - -@media screen and (max-width: 480px) and (orientation: portrait) { - .b-db_entry > .c-image .c-actions > a { - width: auto !important; - } -} - -.b-lang_trigger { - position: absolute; - top: -53px; - right: 0; - width: 40px; - height: 40px; - padding: 10px 0; - margin: 4px; - font-size: 12px; - line-height: 20px; - text-align: center; - text-transform: uppercase; - cursor: pointer; /* eventListener повешен на этот элемент */ -} -.b-lang_trigger:before, -.b-lang_trigger:after { - display: none; -} -.b-lang_trigger span { - border: 0; -} - -.midheadline, -.m10 { - margin-bottom: 0 !important; -} - -.b-user_rate .rate-show .note { - padding: 8px 16px; - font-size: 14px; - line-height: 20px; -} -.b-user_rate .rate-show .note:before { - content: 'Заметка'; - display: block; - font-size: 10px; -} - -.b-forums .forum .topics { - margin-left: 8px; - margin-top: 0; -} - - - -/* ADD TO LIST BUTTON */ -.b-add_to_list { - min-width: 0; -} -.b-add_to_list .trigger, -.b-add_to_list .option { - border: 0; -} -.b-add_to_list .trigger, -.b-add_to_list .option { - padding: .5rem 1rem .5rem 3rem; - border: 0; - line-height: 1.5rem; -} - -/* thx @bot.AkiKawasaki */ -.b-add_to_list .trigger { border-radius: .125rem; } -.b-add_to_list .option:last-child { border-radius: 0 0 .125rem .125rem; } -.b-add_to_list .trigger + .expanded-options { margin-top: -.125rem; } - -.b-add_to_list .plus, -.b-add_to_list .edit, -.b-add_to_list .trigger-arrow { - width: 2.5rem; - height: 2.5rem; - padding: .5rem; - margin: -.5rem -1rem -.5rem 0; - color: inherit !important; -} -.b-add_to_list .plus, -.b-add_to_list .edit { - position: absolute; - left: 0; - margin-left: 0 !important; - margin-right: .5rem !important; -} -.b-add_to_list .trigger-arrow { - position: relative; -} -.b-add_to_list .expanded-options .option .text { - padding-left: 0; -} -.b-add_to_list.completed ~ .rate-show > .rate-number, -.b-add_to_list.completed ~ .rate-show > .episodes { - height: 1rem; - margin-bottom: 0; - font-size: 0; -} -/* DENSE ATL_BUTTON */ -.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 { - padding: 0 1rem 0 2.25rem; - line-height: 2rem; -} -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .plus, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .edit, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger-arrow { - width: 2rem; - height: 2rem; - padding: .4375rem; - margin: 0 -1rem 0 .25rem; -} -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .plus, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .edit { - margin-right: .25rem !important; -} -/* END of DENSE ATL_BUTTON */ -/* ATL_BUTTON in NEWS */ -.b-catalog_entry-tooltip .b-add_to_list { - width: auto; -} -.b-catalog_entry-tooltip .b-add_to_list .trigger { - font-size: .875rem; - line-height: 1.5rem; -} -.b-catalog_entry-tooltip .b-add_to_list .option { - font-size: .875rem; -} -.b-catalog_entry-tooltip .b-add_to_list .trigger, -.b-catalog_entry-tooltip .b-add_to_list .add-trigger, -.b-catalog_entry-tooltip .b-add_to_list .remove-trigger { - max-width: 224px; -} -/* END of ATL_BUTTON in NEWS */ -/* FIX ORIGINAL STYLE */ -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .plus::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .edit::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .trigger-arrow::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .plus::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .edit::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .trigger-arrow::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .plus::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .edit::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .trigger-arrow::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .plus::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .edit::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .trigger-arrow::before { - color: inherit; -} -/* FIX: ADD_TO_LIST LAYOUT IN NOTES (issue #7) */ -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger { - padding: 0 1rem 0 2rem; -} -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger + .expanded-options { - margin-top: 0; -} -/* END of ADD TO LIST BUTTON */ - - - -.b-catalog_entry.planned .image-decor::after, -.b-catalog_entry.watching .image-decor::after, -.b-catalog_entry.completed .image-decor::after, -.b-catalog_entry.rewatching .image-decor::after, -.b-catalog_entry.on_hold .image-decor::after, -.b-catalog_entry.dropped .image-decor::after { - top: auto; - right: 6px; - bottom: -8px; - width: 32px; - height: auto; - border: none; - border-radius: 100%; - line-height: 32px; - box-shadow: 0 1px 4px 0 rgba(0,0,0,.32); - - /* TODO: MERGE with ICON_FONT */ - font-family: 'Material Icons'; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.p-animes_collection-index.x1000 .b-catalog_entry .image-decor::after, -.p-mangas_collection-index.x1000 .b-catalog_entry .image-decor::after, -.p-recommendations-index.x1000 .b-catalog_entry .image-decor::after, -.p-userlist_comparer-show.x1000 .b-catalog_entry .image-decor::after { - width: 32px; - height: auto; - border-radius: 100%; - line-height: 32px; -} - -.b-catalog_entry.planned .image-decor::after { - content: "event"; -} -.b-catalog_entry.watching .image-decor::after { - content: "play_arrow"; -} -.b-catalog_entry.rewatching .image-decor::after { - content: "replay"; -} -.b-catalog_entry.completed .image-decor::after { - content: "done"; -} -.b-catalog_entry.on_hold .image-decor::after { - content: "schedule"; -} -.b-catalog_entry.dropped .image-decor::after { - content: "delete"; -} - - - -.b-db_entry-note .name-container { - margin-left: 64px; - line-height: inherit; -} - -header.head, -.block, -.b-add_to_list, -.b-user_rate .rate-show { - margin-bottom: .5rem; -} -.l-page > div > header.head { - margin-bottom: 1.5rem; -} - -.p-profiles-edit .l-page > div > header.head, -.p-dialogs .l-page > div > header.head, -.p-messages .l-page > div > header.head { - margin-bottom: 0; -} - - -.c-poster img { - display: block; - min-height: 48px; -} - -/* Кнопки управления над постером */ -@media (min-width: 481px) { -.c-poster:hover ~ .c-actions { - opacity: 0; -} -.c-actions { - position: absolute; - bottom: 0; - width: 100%; - padding: 4px 0; -} -.c-actions:before { - content: ''; - position: absolute; - top: 0; right: 0; bottom: 0; left: 0; - opacity: .8; -} -.c-actions > * { position: relative; } -} - - -.c-actions > * { - width: 40px !important; - height: 40px !important; - padding: .5rem; -} -.c-actions > *:not(:last-child) { - margin-right: 8px !important; -} -.c-actions > *:before { - font-size: 24px !important; - line-height: 1 !important; -} -.c-actions .fav-remove:hover:before { - color: inherit; -} - -@media screen and (min-width: 1200px) { - .c-poster center { - text-align: left; - } - .p-animes-show .c-image .b-user_rate, - .p-mangas-show .c-image .b-user_rate { - margin: 0; - } -} - -.b-rate { - padding: 6px 0; -} -.b-rate .text-score { - vertical-align: top; -} -.b-rate .score-value { - line-height: 36px; -} -.b-rate .score-notice { - font-size: 10px; - margin-top: -46px; - text-transform: uppercase; -} -.b-review-topic .b-rate .score-notice { - margin-top: -58px; -} -.b-user_rate .rate-show .episodes { - margin-bottom: 8px; - font-size: 14px; - line-height: 32px; -} -.b-user_rate .rate-show .rate-number { - margin-right: 0; -} -.b-user_rate .rate-show .rate-number .current-episodes, -.b-user_rate .rate-show .rate-number .sep, -.b-user_rate .rate-show .rate-number .total-episodes { - display: inline-block; - vertical-align: top; - line-height: 32px; -} -.b-user_rate .rate-show .rate-number .item-add { - display: inline-block; - vertical-align: top; - width: 40px; - height: 40px; - padding: 8px; - margin: -4px 0 0 8px; -} -.b-user_rate .rate-show .rate-number .item-add:before { - width: 24px !important; - font-family: 'Material Icons' !important; - font-size: 24px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.b-user_rate .rate-show .rate-number .item-add:before { - content: 'add'; -} -.b-rate .stars:after { - font-size: 36px !important; - font-family: 'Material Icons' !important; - line-height: 1 !important; - font-weight: 400 !important; - - text-transform: none; - letter-spacing: -6px; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.b-rate .stars.background:after { -} -.b-rate .stars.background:after { - content: 'star_border star_border star_border star_border star_border'; -} -.b-rate .stars.score-1:after { content: 'star_half'; } -.b-rate .stars.score-2:after { content: 'star'; } -.b-rate .stars.score-3:after { content: 'star star_half'; } -.b-rate .stars.score-4:after { content: 'star star'; } -.b-rate .stars.score-5:after { content: 'star star star_half'; } -.b-rate .stars.score-6:after { content: 'star star star'; } -.b-rate .stars.score-7:after { content: 'star star star star_half'; } -.b-rate .stars.score-8:after { content: 'star star star star'; } -.b-rate .stars.score-9:after { content: 'star star star star star_half'; } -.b-rate .stars.score-10:after { content: 'star star star star star'; } - -.watch-online-placeholer { - margin: 2rem auto .5rem; -} -.b-link_button.watch-online:before, -.b-link_button.upload-video:before, -.b-link_button.create-topic:before { - display: none; -} - -.b-catalog_entry .cover .title { - padding: .5rem 0 0; - margin-top: 0; - font-size: .875rem; - line-height: 1.375rem; -} -.b-catalog_entry .cover .misc { - padding: 0 0 .5rem; -} -.b-entry-info { - margin: 0; - font-size: .875rem; -} -.b-entry-info .line { - line-height: 1.5rem; -} -.b-tag, -.b-entry-info .line .b-tag, -.b-catalog_entry-tooltip .inner .line .value .tag { - padding: 0 8px; - margin: 0 4px 0 0; - border: 0; - font-size: .625rem; - line-height: 20px; - text-transform: uppercase; -} -.b-tag:hover, -.b-entry-info .line .b-tag:hover, -.b-catalog_entry-tooltip .inner .line .value .tag:hover { - padding: 0 8px; - margin: 0 4px 0 0; -} -.b-tag { - font-size: .875rem; - line-height: 24px; -} -.b-catalog_entry-tooltip .inner .line .value .tag, -.b-catalog_entry-tooltip .inner .line .value .tag:hover { - padding: 0 6px; - line-height: 18px; -} - -@media screen and (min-width: 1200px) { - .p-animes_collection-index.x1200 .cc-entries>.c-column { - width: 18.4%; - margin-right: 2%; - border-radius: 2px; - } -} - - - -/** - * COMMENT - * Изменение всех комментариев, новостей, диалогов, топиков. - */ - -.b-comment, -.b-dialog, -.b-message { - position: relative; - padding-top: .75rem !important; - padding-bottom: .75rem; - margin-bottom: 0; - border: 0; -} - -.b-comments, -.b-comment { - overflow: visible; -} - -.b-comments { - line-height: inherit; -} - -.b-dialog { - position: relative; -} - -.b-topic { - padding-top: .5rem; -} -/* Исправление для предпросмотра комментария во всплывающем окне */ -.tooltip-inner .b-message { - padding-top: 0 !important; - padding-bottom: 0; -} - -/* inset dividers */ -.b-dialog:before, -.b-message:before, -.b-comment:before, -.b-comments .comments-loaded:before { - content: ''; - position: absolute; - bottom: 0; - right: 0; - left: 56px; - height: 1px; -} - -.b-generated_news:before { - left: 0; -} - -.b-comments .comments-loaded .b-comment:last-child { - margin: 0; -} - -.b-dialog:last-child:before, -.b-message:last-child:before, -.b-comment:last-child:before, -.tooltip-inner .b-message:before { - display: none; -} - -.b-comment .body, -.b-message .body, -.b-topic .body, -.b-dialog .body { - padding: 4px 0; - padding-left: 0 !important; - line-height: 20px; - overflow: hidden; /* FIX: OVERFLOW: HIDDEN TOPIC BODY (issue #8) */ -} - -.b-generated_news .body { - padding-left: 0 !important; -} - -.b-comment .inner, -.b-dialog .inner, -.b-message .inner, -.b-topic .inner { - overflow: hidden; - overflow-x: visible; -} - -.b-comment > .inner, -.b-dialog > .inner, -.b-message > .inner, -.b-topic > .inner, -.b-topic-preview > .b-comments { - padding-left: 3.5rem; -} - -.block > .previewed .b-comment > .inner, -.b-dialog .body .b-message > .inner, -.b-generated_news > .inner, -.b-generated_news-topic > .inner, -.b-review-topic.b-topic-preview > .inner, -.b-topic-preview > .inner > .body, -.b-topic-preview > .inner > footer, -.p-dashboards-show .cc-news .c-news_topics .b-topic > .inner, -.p-dashboards-show .cc-news .c-generated_news .b-topic > .inner { - padding-left: 0; -} - -.b-comment > .inner header, -.b-dialog > .inner header, -.b-message > .inner header, -.b-topic > .inner header { - margin-bottom: 0; -} - -.b-dialog > .inner header, -.b-message > .inner header { - padding: .25rem 0; -} - -.b-comment > .inner header > a, -.b-message > .inner header > a, -.b-dialog > .inner header > a, -.b-topic > .inner header > a { - position: absolute; - left: 0; -} - -.b-dialog .body .b-message > .inner header > a { - position: relative; -} - -.b-topic >.inner header img { - width: 2.5rem; - margin: .25rem 1rem 0 0; -} -.b-comment > .inner header img, -.b-message>.inner header img, -.b-dialog>.inner header img { - width: 2.5rem; - margin: .25rem 1rem 0 0; - border-radius: 100%; -} -.b-topic > .inner header .name-date, -.b-comment > .inner header .name-date { - padding: .25rem 0; - line-height: 2rem; -} -.b-topic > .inner header .name-date { line-height: 20px; } -.b-message>.inner header .name-date, -.b-dialog>.inner header .name-date { - line-height: 2rem; -} -.b-topic .name-date .name, -.b-comment .name-date .name, -.b-dialog .name-date .name { - font-size: 1rem; -} -.b-message>.inner header .name-date a.name, -.b-topic>.inner header .name-date a.name, -.b-comment>.inner header .name-date a.name, -.b-dialog>.inner header .name-date a.name { - display: block; - margin-right: .5rem; - line-height: 1.25rem; -} -.b-topic>.inner header .name-date a.name, -.b-topic>.inner header .name-date .about { - display: inline-block; - vertical-align: top; - line-height: inherit; -} -.b-topic>.inner header .name-date .about { - margin-right: .5rem; -} -.b-topic>.inner>header .name-date a { font-size: 16px; } -.b-topic>.inner>header .about>span { - display: inline-block; - vertical-align: top; - color: #9E9E9E; - padding: 0 .5rem 0 0; - font-size: .875rem; - line-height: inherit; -} -.b-topic>.inner>header .about a { - display: inline-block; - vertical-align: top; - font-size: 1rem; - line-height: inherit; -} -.b-comment>.inner header .name-date a.name:hover { text-decoration: none; } -.b-message>.inner header .name-date .time, -.b-topic>.inner header .name-date .time, -.b-comment>.inner header .name-date .time, -.b-dialog>.inner header .name-date .time { - position: relative; - padding-top: 0; - padding-left: 0; - margin-right: .5rem; - line-height: 1.25rem; -} -.b-message>.inner header .name-date .time > time, -.b-comment>.inner header .name-date .time > time, -.b-topic>.inner header .name-date .time > time { - display: block; - font-size: .875rem; - line-height: inherit; -} -.b-topic>.inner header .name-date .time { - font-size: .875rem; - line-height: inherit; -} -.b-comment>.inner header .name-date .time:hover { - text-decoration: underline; -} -.b-comment header .hash { - position: absolute; - top: 0; right: 0; bottom: 0; left: 0; - margin: 0; /* Сброс стандартного стиля */ - opacity: 0; - z-index: 1; -} -.b-comment .inner .name-date a.name .normal { vertical-align: top; } -@media only screen and (min-width: 1025px) { - .b-topic > .inner header .name-date, - .b-comment > .inner header .name-date { - padding: .25rem 0; - line-height: 1.5rem; - } - .b-comment>.inner header .name-date a.name, - .b-comment>.inner header .name-date .time, - .b-dialog>.inner header .name-date a.name, - .b-dialog>.inner header .name-date .time { - display: inline-block; - vertical-align: top; - line-height: inherit; - } - .b-message>.inner header .name-date .time > time, - .b-comment>.inner header .name-date .time > time { - display: block; - font-size: 13px; - line-height: inherit; - } - - .p-dialogs .b-message>.inner header { padding: 0; } - .p-dialogs .b-message>.inner header .name-date { line-height: 32px; } - .p-dialogs .b-message>.inner header .name-date a.name, - .p-dialogs .b-message>.inner header .name-date .time { - display: inline-block; - vertical-align: top; - line-height: inherit; - } - - .b-comment > .inner header img, - .b-message>.inner header img, - .b-dialog>.inner header img { - margin: 6px 16px 0 0; - } - - - .b-topic>.inner header .name-date .time { - display: inline-block; - vertical-align: top; - line-height: inherit; - } -} - - -.p-messages .b-message>.inner header .name-date a.name, -.p-messages .b-message>.inner header .name-date .time { - display: inline-block !important; - vertical-align: top; - padding-top: 0; - line-height: inherit !important; -} - -@media screen and (max-width: 1024px) { - .b-dialog .time { - display: block !important; - padding-left: 0 !important; - font-size: 14px !important; - line-height: 20px !important; - } - .b-dialog>.inner header .name-date time { - display: block; - line-height: inherit; - } - .b-dialog .b-message>.inner header .name-date .time { - display: inline-block !important; - vertical-align: top; - padding-left: 0 !important; - line-height: inherit !important; - } - .b-dialog .b-message .inner header .name-date .name { - display: inline-block !important; - vertical-align: top; - } -} - -.b-dialog>.inner header .name-date .time, -.b-message>.inner header .name-date .time { color: #9E9E9E; } - -.b-dialog .b-message { - position: static; - margin: 0; - padding: 0 !important; - overflow: visible; -} -.b-dialog .b-message .inner header { - padding: 4px 0; -} -.b-dialog .b-message .inner header img { - width: 20px; - margin: 0 8px 0 0; -} -.b-dialog .b-message .inner header .name-date { - line-height: 20px; -} -.b-dialog .b-message .inner .body { - padding-left: 0 !important; -} - -.yellow-fade { - background: rgba(249, 247, 19, 0.16); - outline-color: rgba(249, 247, 19, 0.16); -} - -.b-replies { - padding: 8px 0 0; -} -.b-quote { - margin: .5rem 0; - padding: .5rem 1rem; -} -.b-quote .quoteable { - margin: 0 0 .5rem; - line-height: 20px; -} -.b-quote .quoteable:before { - float: left; - margin-right: 8px; -} -.b-quote .b-quote { - margin-left: 0 !important; -} - - -.b-topic>.inner header:after { - content: ''; /* TODO: check this. thx @NedStar */ - clear: both; - display: none; -} -.b-topic .body { - line-height: 20px; -} - -.b-topic-preview > .inner .status-line { - margin-top: -8px; - margin-bottom: 8px; - font-size: 14px; - line-height: 20px; -} -.b-topic-preview>.inner .status-line .author { - padding: 0; -} -.b-topic-preview>.inner .status-line .b-link { - padding: 0 8px; -} -.b-topic-preview>.inner .status-line .additional .comments, -.b-topic-preview>.inner .status-line .additional .likes { - color: inherit; -} -.b-topic-preview>.inner .status-line .additional .comments:before, -.b-topic-preview>.inner .status-line .additional .likes:before { - vertical-align: top; - padding-right: 8px; -} - -.b-topic-preview>.inner .status-line .additional .comments:before, -.b-topic-preview>.inner .status-line .additional .likes:before { - padding-right: 8px; - font-family: 'Material Icons'; - font-size: 18px; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.b-topic-preview>.inner .status-line .additional .comments:before { - content: "mode_comment"; -} -.b-topic-preview>.inner .status-line .additional .likes:before { - content: "thumb_up"; -} - - - -/* Просмотр комментариев во всплывающей подсказке */ -.tooltip .b-comment { - padding-top: 0 !important; - padding-bottom: 0; -} -.tooltip .b-comment:before { - display: none; -} - -/** - * COMMENT DOESN'T SLIDE - * Большие комментарии, топики не должны сдвигаться margin'ами. - * Либо translate3d либо никак. - */ -.b-topic.aside-expanded > .inner, -.b-dialog.aside-expanded > .inner, -.b-message.aside-expanded > .inner, -.b-comment.aside-expanded > .inner, -.b-topic.aside-expanded > .b-comments { - margin-left: 0; -} -.b-topic.aside-expanded > .inner aside.buttons, -.b-dialog.aside-expanded > .inner aside.buttons, -.b-message.aside-expanded > .inner aside.buttons, -.b-comment.aside-expanded > .inner aside.buttons { - position: absolute; - top: 0; - right: 0; - left: 0; - width: auto; - height: 100%; - margin: 0 -16px; - padding: 8px 16px; - border: 0; - overflow-y: auto; - z-index: 3; -} - -.b-dialog > .inner > aside.buttons > .main-controls > a:after, -.b-dialog > .inner > aside.buttons > .main-controls > span:after, -.b-dialog > .inner > aside.buttons > .delete-controls > span:after, -.b-dialog > .inner > aside.buttons > .moderation-controls > span:after, -.b-message > .inner > aside.buttons > .main-controls > a:after, -.b-message > .inner > aside.buttons > .main-controls > span:after, -.b-message > .inner > aside.buttons > .delete-controls > span:after, -.b-message > .inner > aside.buttons > .moderation-controls > span:after, -.b-comment > .inner > aside.buttons > .main-controls > a:after, -.b-comment > .inner > aside.buttons > .main-controls > span:after, -.b-comment > .inner > aside.buttons > .delete-controls > span:after, -.b-comment > .inner > aside.buttons > .moderation-controls > span:after{ - vertical-align: top; - padding-left: 12px !important; - font-size: 16px !important; - line-height: 18px; -} - - -/* OPEN DIALOG BY CLICK */ -.b-dialog .to_dialog { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - margin: 0 -16px; - font-size: 0; -} - -.b-dialog:hover .to_dialog { - background-color: rgba(0, 0, 0, .05); - z-index: 0; -} - -.b-dialog img, -.b-dialog a, -.b-dialog .buttons { - position: relative; - z-index: 2; -} -/* END of OPEN DIALOG BY CLICK */ - - -/** - * BBCode: CODE - * Новый тег отвечающий за оформление программных кодов. - */ - -code { - vertical-align: top; - padding: 1.5px 4px; - background-color: rgba(32,32,32,0.05); - border-radius: 2px; - font-size: .875rem; -} - -pre { - position: relative; -} - -.b-code { - padding: 1rem; - margin: .5rem 0; - background: #303030; - border-radius: 2px; - font-size: .875rem; -} - -@media (min-width: 960px) { - .b-code:before { - content: attr(data-language); - position: absolute; - top: 1rem; - right: .5rem; - padding: 0 .5rem; - background-color: #747474; - border-radius: 2px; - } - - .tooltip-details .b-code:before { - display: none; - } -} -/* END of CODE */ - -/* CODE: SUBLIME 3 MATERIAL THEME'S COLOR */ -.b-code { background: #263238; } -.hljs-selector-tag { color: #FF5370; } -.hljs-selector-id { color: #FAD430; } -.hljs-selector-class { color: #FFCB6B; } -.hljs-selector-pseudo, -.hljs-meta { color: #C792EA; } -.hljs-attribute { color: #80CBC4; } -.hljs-built_in { color: #89DDFF; } -.hljs-number { color: #F77669; } -.hljs-string { color: #C3E88D; } -.hljs-comment { color: #5C7E8C; } -/* END of CODE' THEME */ - -/* -------------- */ -/* END of COMMENT */ -/* -------------- */ - - -/* TOAST */ -#toast-container { - line-height: 1.5rem; -} -.toast-top-right { - top: auto; - bottom: 0; - right: 0; - left: 0; -} -#toast-container>div { - width: 100%; - max-width: 25rem; - padding: .875rem 1.5rem; - margin: auto; -} -.toast-message { - display: inline-block; - vertical-align: top; - line-height: 1.5rem; -} -#toast-container>.toast-success { - background-color: #323232; - background-image: none !important; -} -#toast-container>.toast-error { - background-color: #323232; - background-image: none !important; -} -#toast-container>.toast-error:before { - content: 'error_outline'; - float: left; - display: inline-block; - vertical-align: top; - margin: -4px 1.5rem -4px 0; - font-size: 2rem; - font-family: 'Material Icons'; - line-height: 1; - box-sizing: border-box; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -/* END of TOAST */ - - - - - - -/* CLUB */ -.b-clubs-menu .b-block_list li { - font-size: .875rem; -} -.b-clubs-menu > .actions > .block-list > li, -.b-clubs-menu > .actions > .b-block_list > li { - padding: 0 12px; - margin: 0 -8px; - line-height: 32px; -} -.b-clubs-menu > .actions > .block-list > li:before, -.b-clubs-menu > .actions > .b-block_list > li:before { - margin: 7px 12px 0 0; -} -.b-clubs-menu > .actions > .block-list > li:before, -.b-clubs-menu > .actions > .b-block_list > li:before { - width: 18px !important; - font-family: 'Material Icons' !important; - font-size: 18px !important; - line-height: 1 !important; - text-align: center; - font-weight: 400 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.b-clubs-menu .actions .upload { - position: relative; -} -.b-clubs-menu .actions .upload input { - top: 0; - left: 0; - height: 32px; - margin: 0; - border: 0; - cursor: pointer; -} - -.b-clubs-menu .actions .upload label, -.b-clubs-menu .actions .invite span, -.b-clubs-menu .actions .join a, -.b-clubs-menu .actions .leave a { - border: 0; -} - -.b-clubs-menu .actions .edit-entry:hover a, -.b-clubs-menu .actions .broadcast:hover a, -.b-clubs-menu .actions .upload:hover label, -.b-clubs-menu .actions .invite:hover span, -.b-clubs-menu .actions .join:hover a, -.b-clubs-menu .actions .leave:hover a { - text-decoration: underline; -} - -.b-clubs-menu .actions .upload label:hover, -.b-clubs-menu .actions .invite span:hover, -.b-clubs-menu .actions .join a:hover, -.b-clubs-menu .actions .leave a:hover { - text-decoration: underline !important; -} - -.actions .edit-entry:before { - content: 'build'; -} -.actions .broadcast:before { - content: 'speaker_notes'; -} -.actions .upload:before { - content: 'insert_photo'; -} -.actions .join:before, -.actions .invite:before { - content: 'person_add'; -} -.actions .leave:before { - content: 'directions_run'; -} - - - -/* Навигация в клубах: "контент" */ -.b-pages { - max-width: 15rem; - padding: 0 1rem; - margin: 0 0 1.5rem 2rem; - border-radius: 2px; -} -.b-pages .title { - font-size: .875rem; - line-height: 3rem; - text-transform: uppercase; -} -.b-pages .section { - margin: 0 0 .5rem; -} - - - -/* CLUB PAGE EDITOR */ -@media screen and (max-width: 767px) { - .edit_club_page .cc-2a > .c-column { - width: 100%; - } - .edit_club_page .cc-2a > .c-column:nth-child(1n+1) { - clear: left; - } -} -/* END of CLUB PAGE EDITOR */ - - - -/* FIX: CLUB'S BUTTONS */ -.p-clubs-edit .pages .button { - margin-right: .5rem; -} -.p-clubs-edit .pages .club_page-layout, -.p-clubs-edit .pages .club_page-actions { - font-size: .875rem; - padding-left: 1rem; -} -.p-clubs-edit .pages .club_page-actions .b-js-link { - margin-right: .5rem; -} -.p-club_pages-show .item-edit:before { - content: 'edit'; -} -/* END of CLUB'S BUTTONS */ - - - -/* ICON | CREATE CLUB */ -.p-clubs-index header.head a.misc { - float: right; - width: 40px; - height: 40px; - padding: 8px; - margin: 4px; - font-size: 0; -} -.p-clubs-index header.head a.misc:hover { - background-color: #ddd; - text-decoration: none; -} -.p-clubs-index header.head a.misc:before { - content: 'group_add'; -} -/* END of CREATE CLUB */ - - -/* TODO: merge with Material icons */ -.p-club_pages-show .item-edit:before, -.p-clubs-index header.head a.misc:before { - width: 1.5rem !important; - font-family: 'Material Icons' !important; - font-size: 1.5rem !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -/* END of CLUB */ - - - -.p-contests .results .cc-result .c-rounds .label { - font-size: .875rem; -} - - - -/** - * INDEX - * Изменения главной страницы. - * - */ - -.p-dashboards-show .c-my_list { - padding: 0; - background: initial; - border: none; -} -.p-dashboards-show .c-my_list .title .switch, -.p-dashboards-show .c-my_list .title .link { - float: right; -} - -.p-dashboards-show .cc-news .c-generated_news .b-topic .name-date a { - font-size: 16px !important; -} - -/* Изменение новостей на главной */ -.p-dashboards-show .cc-news .c-news_topics .b-topic { - padding: 1rem 0 1.5rem; - border-top-width: 1px; -} -@media screen and (max-width: 767px) { -.p-dashboards-show .cc-news .c-news_topics .b-topic { margin-bottom: 0; } -} -@media only screen and (min-width: 768px) { -.p-dashboards-show .cc-news .c-news_topics .b-topic { margin-bottom: 0; } -} -.p-dashboards-show .cc-news .c-news_topics .b-topic .name-date a { - padding: 0 0 .25rem; - font-size: 22px !important; - font-weight: 400 !important; - line-height: 1.65; - white-space: normal; -} -.p-dashboards-show .cc-news .c-news_topics .b-topic .b-anime_status_tag { display: none; } -/* КОНЕЦ – Изменение новостей на главной */ - - - -/* Change Forum Button */ -/* NOTE: Цвета настраиваются в общем блоке ЦВЕТА */ -.p-dashboards-show .b-forums > .b-link_button.maxi { - position: relative; - margin-bottom: 0; - background-color: transparent; - font-size: 0; - line-height: 0; - text-align: left; - overflow: visible; -} -.p-dashboards-show .b-forums > .b-link_button.maxi:after { - content: 'Форум'; - display: inline-block; - vertical-align: top; - padding: 0 1rem; - margin: .5rem -1rem; - border-radius: .125rem; - font-size: .875rem; - line-height: 2rem; -} -.p-dashboards-show .b-forums > .b-link_button.maxi:before { - display: block; - font-family: 'Material Icons' !important; - font-size: 18px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.p-dashboards-show .b-forums > .b-link_button.maxi:before { - position: absolute; - right: 0; - left: 0; - color: inherit; - line-height: 3rem !important; - text-align: right; -} -.p-dashboards-show .b-forums > .b-link_button.maxi:before { - content: 'chevron_right'; -} -/* END of Change Forum Button */ - -/* ТЕМЫ ДНЯ */ -.b-hot_topics { - padding: .5rem 1rem; - margin: -.5rem -1rem 0 -1rem; - background-color: initial; - border: 0; -} -.b-hot_topics .topic { - font-size: .875rem; - line-height: 2rem; - text-align: left; -} -.b-hot_topics .topic.subject { - font-size: .875rem; - line-height: 2rem; - text-align: left; - text-transform: uppercase; - white-space: nowrap; -} -.b-hot_topics .topic a { - padding: 0 .75rem; - border-radius: 1rem; -} -.b-hot_topics .topic a:hover { - text-decoration: none; -} -.b-hot_topics .topic a .poster { - position: initial; - display: inline-block; - vertical-align: middle; - width: 2rem; - height: 2rem; - margin-left: -.75rem; - margin-right: .5rem; - border-radius: 100%; -} -@media screen and (max-width: 1024px) { - .b-hot_topics { - padding: 14px 16px; - margin: -16px -16px 0 -16px; - border: 0; - } - .b-hot_topics .topic a .poster { - display:none; - } -} -@media only screen and (min-width: 1025px) { - .b-hot_topics .topic { - margin-right: .5%; - width: 10.6666%; - } -} - - - - -/** - * FORUM - * СТРАНИЦЫ ФОРУМА - */ - -.p-topics .l-menu .b-forums, -.block2, -.contests.block { - margin-bottom: 1.5rem; - line-height: 1.5rem; -} -.b-forums .forum { - clear: both; - position: relative; - min-height: 1.5rem; - line-height: 1.5rem; - padding: 0 .5rem; - margin: 0 -.5rem; -} -.b-forums .forum .link-with-input .link { - display: inline-block; - vertical-align: top; - position: absolute; - right: 0; - left: 0; - padding-left: .5rem; -} -.b-forums .forum input { - position: absolute; - left: 0; - width: 2rem; - height: 1.5rem; - margin-right: .25rem; - border: 0; - opacity: 0; - z-index: 1; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} -.b-forums .forum .link-with-input input + .link { - padding-left: 2.25rem; -} -.b-forums .forum input + .link:before { - content: 'check_box_outline_blank'; - display: block; - position: absolute; - top: 0; - left: 0.375rem; - width: 1.125rem; - margin: 0.1875rem 0; - - font-family: 'Material Icons' !important; - font-size: 1.125rem !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.b-forums .forum input:hover + .link:before { - opacity: .9; -} -.b-forums .forum input:checked + .link:before { - content: 'check_box'; -} -.b-forums .forum input:disabled + .link:before { color: #BDBDBD; } -.b-forums .forum .topics { - font-size: .75rem; -} - -/* FIX: TOPIC UPDATE ICON (issue #5) */ -.p-topics header h1 a.reload:hover:after { - position: static; -} - -/* END of FORUM */ - - - - -/** - * PROFILE - * ПРОФИЛЬ ПОЛЬЗОВАТЕЛЯ - */ - -/* Убираем лишние overflow */ -.p-profiles-show .profile-content { overflow: visible; } - -/* Настраиваем равномерные отступы */ -.p-profiles .profile-content .cc-2, -.p-profiles .profile-content .about, -.p-profiles .profile-content .cc-2 .c-right .cc-2a { margin-bottom: 1rem !important; } -@media screen and (max-width: 767px) { - .cc-2>.c-column { margin-bottom: 1rem; } - .p-profiles-show .profile-content .activity:last-child { margin-bottom: 1.25rem !important; } -} - - -/* Полосы аниме/манги */ -.b-stats_bar.anime .bar .second, -.b-stats_bar.manga .bar .second, -.line:nth-child(even) > .bar-container > .bar { - opacity: 0.64; -} - -/* Столбики активности */ -.bar.vertical { padding: 0; } -.bar.vertical { border: none; } -.bar.vertical .line { border: none; } -.bar.vertical .line .bar-container .value { - font-size: .75rem; - line-height: 1.25rem; -} - - - - -.p-profiles .profile-head .c-brief header h1 { - vertical-align: top; -} -.p-profiles .profile-head .c-brief header h1.aliases { - cursor: help; -} -.p-profiles .profile-head .c-brief header h1.aliases:after { - display: inline-block; - vertical-align: top; - width: 2rem; - height: 2rem; - margin: 0; - margin-left: .5rem; - color: inherit; - font-family: 'Material Icons'; - font-size: 1.125rem; - line-height: 2rem; - text-align: center; - cursor: help; - opacity: .5; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.p-profiles .profile-head .c-brief header h1.aliases:after { - content: 'label'; -} - -.p-profiles header.head .misc { - vertical-align: top; - padding: 0 1rem; - margin: 0; - font-size: .875rem; - line-height: 3rem; -} - -.p-profiles .profile-head .c-brief header .notice { - line-height: 1.25rem; -} - -/* FIX: update 2017-03-19 */ -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar::after { - clear: none; -} - -/* Списки аниме/манги */ -.b-stats_bar .stat_names .stat_name:after { display: none; } -.b-stats_bar .stat_names .stat_name { - padding: 0 1rem 0 0; - font-size: .875rem; - line-height: 2rem; -} -.b-stats_bar .stat_names .stat_name a { - display: block; - line-height: inherit; -} - -/* Выпадающий список аниме/манги в профиле */ -@media screen and (max-width: 599px) { - .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { position: relative; } - .b-stats_bar .stat_names .stat_name { display: none; } - .b-stats_bar .stat_names:hover .stat_name { display: block; } - .b-stats_bar .stat_names .stat_name, - .b-stats_bar .stat_names .stat_name a { padding: 0 1rem 0 0; } - .b-stats_bar .stat_names .stat_name a { - display: block; - margin: 0 -1rem; - } - .b-stats_bar .stat_names .stat_name a:hover { - background-color: rgba(0,0,0,.24); - text-decoration: none; - } - .b-stats_bar .stat_names { - position: absolute; - top: 0; - min-width: 165px; - border-radius: .125rem; - } - .b-stats_bar .stat_names:hover { - padding: 3rem 0 .5rem; - z-index: 10; - } - .b-stats_bar .stat_names:after { - content: ''; - position: absolute; - top: 0; right: 0; bottom: 0; left: 0; - box-shadow: 0 2px 3px 0 rgba(0,0,0,.32); - z-index: -1; - } - .b-stats_bar .stat_names:before { - content: 'arrow_drop_down'; - display: block; - position: absolute; - top: 0; - right: 0; - width: 2rem; - height: 2rem; - padding: .25rem; - margin: .5rem .25rem; - border-radius: 100%; - font-size: 1.5rem; - font-family: 'Material Icons'; - line-height: 1; - box-sizing: border-box; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - } - .b-stats_bar .stat_names .stat_name, - .b-stats_bar .stat_names .stat_name a { - padding: 0 1rem; - } -} -/* Конец: Выпадающий список аниме/манги в профиле */ - - -.edit_user_preferences .b-options-floated.about-options { - position: absolute; - right: 0; - margin: 1rem 0; - background: transparent !important; - text-align: right; - z-index: 1; -} -.edit_user_preferences .about-options .b-input { margin-bottom: 0 !important; } -.edit_user_preferences .about-options .b-input label { line-height: 1rem; } - - -.b-list_switchers > .switcher { - width: 2.5rem; - height: 2.5rem; - padding: .5rem; - margin: .25rem; -} -.b-list_switchers .switcher.posters { - margin-left: .25rem !important; -} -.b-list_switchers .switcher.list { - margin-left: .25rem !important; -} - - -.p-user_rates-index .l-menu .avatar img { - width: 10rem; - height: 10rem; -} -.p-user_rates-index .l-content thead tr { - font-size: 13px; - line-height: 2rem; -} - -.p-user_rates-index .list-lines tr td .rate-text { - font-size: .875rem; - line-height: 1.25rem; -} - -.p-user_rates-index .list-lines tr td .new-value input { - height: 1.5rem; - font-size: 1rem; - line-height: 1.5rem; -} - -.p-user_rates-index .list-lines tr.edit-form form { - padding: .25rem 1rem; - margin: .5rem 0; - border-style: solid; - border-width: 1px; -} - -.p-user_rates-index .list-lines tr.edit-form .b-input.text textarea { - font-size: .875rem; -} - -.b-user_rate .rate-edit .b-input.integer input, -.p-user_rates-index .list-lines tr.edit-form .b-input.integer input { - width: 7rem; -} - -.p-profiles-show .b-stats_bar a.title { - padding: .5rem 1rem; - margin: .5rem -1rem; -} -.p-profiles-show .b-stats_bar a.title:hover { - text-decoration: none !important; -} - -.p-user_rates-index .list-lines tr.edit-form .remove { - width: 2.5rem; - height: 2.5rem; - padding: .5rem; - margin: .25rem; -} -.p-user_rates-index .list-lines tr.edit-form .remove { - margin: -.25rem 0 0; - border: 0; - font-size: 0; -} -.p-user_rates-index .list-lines tr.edit-form .remove:before { - width: 1.5rem !important; - font-family: 'Material Icons' !important; - font-size: 1.5rem !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.p-user_rates-index .list-lines tr.edit-form .remove:before { - content: 'delete'; -} - -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { - overflow: visible; -} - -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { - margin-bottom: 0; -} - -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar::after { - clear: none; -} - -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar.manga { - margin-top: 8px; -} - -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a { - font-size: .875rem; - margin-top: 1rem; -} -.b-stats_bar .bar { - height: auto; -} -.b-stats_bar .bar .first, -.b-stats_bar .bar .second, -.b-stats_bar .bar .third { - font-size: .75rem; - line-height: 1.25rem; -} -.p-profiles .profile-head .c-brief .avatar .profile-actions { - margin-top: 1rem; - margin-right: -.75rem; - margin-left: -.75rem; -} -.profile-actions > a { - display: inline-block; - padding: .5rem; -} -.profile-actions > *:before { - vertical-align: top; - width: 1.5rem !important; - line-height: 1 !important; - font-size: 1.5rem !important; -} -.p-profiles .profile-head .c-brief .avatar > img { - display: block; - margin: auto; -} - - -@media only screen and (min-width: 768px) { - .p-profiles .profile-head .c-brief .avatar { - margin: .5rem 2rem 3rem 1rem; - } - .p-profiles .profile-head .c-brief .avatar > img { - width: 10rem; - height: 10rem; - } -} -@media screen and (max-width: 1024px) { - .profile-actions .settings, - .profile-actions .fav-add, - .profile-actions .fav-remove, - .profile-actions .ignore-add, - .profile-actions .ignore-remove, - .profile-actions .ban { - margin-left: .5rem; - } -} -@media only screen and (min-width: 1025px) { - .profile-actions .settings, - .profile-actions .fav-add, - .profile-actions .fav-remove, - .profile-actions .ignore-add, - .profile-actions .ignore-remove, - .profile-actions .ban { - margin-left: .5rem; - } -} - -.b-catalog-entry-embedded .b-catalog_entry { - margin-bottom: 0 !important; -} - -:root .b-anime_status_tag:before { - vertical-align: text-bottom; - padding: 0 .25rem; - border: 0; - font-size: .625rem; - line-height: 1rem; - text-transform: uppercase; -} - -.b-topic { - margin-bottom: .5rem; -} -.m13 { - margin-bottom: 0 !important; -} - -/* USER PROFILE |> HISTORY ENTRY */ -.p-profiles .profile-head .c-history .entry { - position: relative; - padding: .5rem 0; - margin: 0; - border: 0; - overflow: initial; -} -.p-profiles .profile-head .c-history .entry, -.p-profiles .profile-head .c-history .entry:first-child { - padding-top: .5rem; - margin-top: 0; -} -.p-profiles .profile-head .c-history .entry:before { - content: ''; - display: block; - position: absolute; - right: -.5rem; - bottom: 0; - left: 3.5rem; - height: 1px; - pointer-events: none; -} -.p-profiles .profile-head .c-history .entry:last-child:before { - display: none; -} - -/* Полноразмерная ссылка .entry, работает только для .c-history & .l-menu */ -.p-profiles .profile-head .c-history .entry a { - display: block; - padding: .5rem .5rem; - margin: -.5rem; -} -@media screen and (min-width: 960px) { - .p-profiles .profile-head .c-history .entry a { padding: .75rem .5rem; } -} -.p-profiles .profile-head .c-history .entry a:after { - content: ''; - clear: both; - display: block; -} -.p-profiles .profile-head .c-history .entry:hover .title { - text-decoration: none; -} -/* END of FULLENTRY LINK */ - -.p-profiles .profile-head .c-history .entry img { - margin: 0 16px 0 0; - max-height: 72px; - max-width: 40px; -} - -.p-user_rates-index .l-content .filter input { - padding: .5rem 1rem; - font-size: .875rem; -} - - -/* Страница сравнения списков */ -.p-userlist_comparer .notice span { - padding: 1.5px 4px !important; - border-radius: 2px; -} - -/* Цвета списков */ -.p-userlist_comparer .comparer table .abslt-difr, -.p-userlist_comparer .legend .abslt-difr, -.p-userlist_comparer .notice span:nth-child(6) { - background: rgba(244, 67, 54, .5) !important; -} -.p-userlist_comparer .comparer table .slightly-difr, -.p-userlist_comparer .legend .slightly-difr, -.p-userlist_comparer .notice span:nth-child(4) { - background: rgba(255, 138, 128, .5) !important; -} -.p-userlist_comparer .comparer table .almost-same, -.p-userlist_comparer .legend .almost-same, -.p-userlist_comparer .notice span:nth-child(3) { - background: rgba(185, 246, 202, .5) !important; -} -.p-userlist_comparer .comparer table .exact-same, -.p-userlist_comparer .legend .exact-same, -.p-userlist_comparer .notice span:nth-child(5) { - background: rgba(76, 175, 80, .5) !important; -} - - - -.p-profiles .profile-head .c-info .c-additionals { - margin-top: 8px; - margin-bottom: 8px; -} -.p-profiles .profile-head .c-info .c-additionals b { - padding-right: 8px; - font-size: 0; -} -.p-profiles .profile-head .c-info .c-additionals b:after { - font-size: 14px; -} -.p-profiles.locale-ru .profile-head .c-info .c-additionals b:after { - content: 'Активность на сайте:'; -} -.p-profiles.locale-en .profile-head .c-info .c-additionals b:after { - content: 'Activity:'; -} - - - - -/** - * PROFILE HEAD - * Adaptive profile header includes: avatar, history, information, anime/manga bars. - */ -.p-profiles .profile-head { - position: relative; - overflow: visible; -} -.p-profiles .profile-head { - min-height: 15.5rem; - padding-top: 3rem; - margin-top: -1rem; -} -.p-profiles .profile-head .c-info { - margin-bottom: .5rem; -} -.p-profiles .profile-head .c-info { - overflow: visible; -} -.p-profiles .profile-head .c-history { - margin-bottom: 3rem; -} -.p-profiles .profile-head .c-history.x3 { - margin-bottom: 2rem; -} -.p-profiles .profile-head .c-brief { - position: relative; - margin: -3rem -1rem 1rem; - overflow: hidden; -} -.p-profiles .profile-head .c-brief:before { - content: ''; - display: block; - height: 0; - padding-bottom: 0; -} -.p-profiles .profile-head .c-brief .avatar > img, -.p-profiles .profile-head .c-history { - display: none; -} -@media screen and (min-width: 320px) { - .p-profiles .profile-head .c-mobile-actions { - display: none; - } - .p-profiles .profile-head .c-brief:before { - content: ''; - display: block; - height: 0; - padding-bottom: 34%; - } - .p-profiles .profile-head .c-brief .avatar { - float: none; - max-width: 100%; - margin: 0 auto; - margin-top: -17%; - } - .p-profiles .profile-head .c-brief .avatar > img { - display: block; - width: 36%; - max-width: 10rem; - min-width: 5rem; - margin: auto; - } - .p-profiles .profile-head .c-brief .avatar .profile-actions { - display: block; - position: absolute; - width: 100%; - padding: 0 .5rem; - margin: 0 auto; - margin-top: -15%; - text-align: left; - } - .p-profiles .profile-head .c-brief .avatar .profile-actions > a:first-child { - float: right; - margin: 0 .25rem; - } - .profile-actions .fav-add, - .profile-actions .fav-remove { - float: right; - } - .p-profiles .profile-head .c-brief header { - clear: both; - margin: 0; - text-align: center; - } -} -@media screen and (min-width: 320px) and (max-width: 479px) { - .p-profiles .profile-head .c-brief header .notice { - padding: .5rem 1rem; - } -} -@media screen and (min-width: 320px) and (max-width: 599px) { - .p-profiles .profile-head .c-brief header { - background-color: inherit !important; - } -} -@media screen and (min-width: 320px) and (max-width: 959px) { - .p-profiles .profile-head .c-history { - display: block; - position: absolute; - top: 0; - right: 0; - left: 0; - width: auto; - padding: 0 1rem; - margin: 0 -1rem; - background-color: rgba(0, 0, 0, .48); - white-space: nowrap; - overflow-x: auto; - z-index: 1; - } - .p-profiles .profile-head .c-history > .subheadline { - display: inline-block; - vertical-align: top; - } - .p-profiles .profile-head .c-history > .subheadline > a { - color: #eee !important; - } - .p-profiles .profile-head .c-history > .subheadline > a:before { - display: none; - } - .p-profiles .profile-head .c-history > .b-block_list { - display: inline-block; - vertical-align: top; - padding: .5rem; - margin-left: .5rem; - } - .p-profiles .profile-head .c-history .entry { - display: inline-block; - vertical-align: top; - min-width: 112px; - height: 2rem; - padding-right: .5rem; - padding-left: .5rem; - margin-left: .5rem; - border-radius: 1rem; - overflow: hidden; - } - .p-profiles .profile-head .c-history .entry:before { - display: none; - } - .p-profiles .profile-head .c-history .entry .image-name { - float: left; - width: 32px; - height: 32px; - margin: -8px 8px -8px -8px; - border-radius: 50%; - font-size: 0; - line-height: 0; - overflow: hidden; - } - .p-profiles .profile-head .c-history .entry span.misc { - display: none; - } - @media screen and (min-width: 600px) { - .p-profiles .profile-head .c-history { - padding: .25rem 1rem; - } - } -} -@media screen and (max-width: 767px) and (min-width: 481px), - screen and (max-width: 767px) and (orientation: landscape) { - .p-profiles .profile-head .c-history .entry:first-child { - display: inline-block; - } -} -@media screen and (min-width: 360px) { - .profile-actions .settings, - .profile-actions .fav-add, - .profile-actions .fav-remove, - .profile-actions .ignore-add, - .profile-actions .ignore-remove, - .profile-actions .ban { - margin-left: .25rem; - } -} -@media screen and (min-width: 360px) and (max-width: 599px) { - .p-profiles .profile-head .c-mobile-actions { - display: none; - } - .p-profiles .profile-head .c-brief .avatar .profile-actions { - display: block; - } -} -@media screen and (min-width: 480px) { - .p-profiles .profile-head .c-brief { - margin-bottom: 0; - overflow: visible; - } - .p-profiles .profile-head .c-brief .avatar { - position: absolute; - } - /* Отступ от аватарки */ - .p-profiles .profile-head .c-brief header { - margin-left: 10rem; - } - /* Отступ от аватарки */ - .p-profiles .profile-head .c-info { - margin-left: 9rem; - } - .p-profiles .profile-head .c-brief .avatar .profile-actions { - position: static; - width: auto; - padding: 0; - margin-top: 1rem; - margin-right: -12px; - margin-left: -12px; - text-align: center; - } - .p-profiles .profile-head .c-brief .avatar .profile-actions > a:first-child { - float: none; - margin: 0; - } - .profile-actions .fav-add, - .profile-actions .fav-remove { - float: none; - } - .p-profiles .profile-head .c-brief:before { - padding-bottom: 48px; - } - .p-profiles .profile-head .c-brief .avatar { - max-width: 160px; - margin: 1rem 1rem 1rem .5rem; - } - .p-profiles .profile-head .c-brief .avatar img { - width: 120px; - } - .p-profiles .profile-head .c-brief header { - clear: none; - padding: 1rem 0 .5rem; - text-align: left; - } -} -@media screen and (min-width: 600px) { - .p-profiles .profile-head { - background-color: inherit; - } - .p-profiles .profile-head .c-brief { - margin: -3rem -1rem 0; - } - /* Отступ от аватарки */ - .p-profiles .profile-head .c-brief header { - margin-left: 12.5rem; - } - /* Отступ от аватарки */ - .p-profiles .profile-head .c-info { - margin-left: 11.5rem; - } - .p-profiles .profile-head .c-brief:before { - padding-bottom: 56px; - } - .p-profiles .profile-head .c-brief .avatar img { - width: 160px; - } - .p-profiles .profile-head .c-brief .avatar .profile-actions { - display: block; - } -} -@media screen and (min-width: 768px) { - .p-profiles .profile-head .c-brief { - overflow: visible; - } - /* Отступ от аватарки */ - .p-profiles .profile-head .c-brief header { - margin-left: 13.5rem; - } - /* Отступ от аватарки */ - .p-profiles .profile-head .c-info { - margin-left: 12.5rem; - } -} -@media screen and (min-width: 960px) { - .p-profiles .profile-head { - padding-top: 0; - margin-top: 0; - } - .p-profiles .profile-head .c-brief { - max-height: 504px; - margin: 0; - overflow: visible; - } - .p-profiles .profile-head .c-brief:before { - padding-bottom: 0; - } - .p-profiles .profile-head .c-brief .avatar { - margin: 1rem 2rem 1rem 0; - } - .p-profiles .profile-head .c-info { - margin-bottom: 1.5rem; - } - /* Отступ от аватарки */ - .p-profiles .profile-head .c-info { - margin-left: 13.5rem; - } - /* Отступ от истории */ - .p-profiles .profile-head .c-info { - margin-right: calc(23% + 3.5rem); - } - .p-profiles .profile-head .c-history { - display: block; - position: relative; - top: 1rem; - margin-left: 3.5rem; - z-index: 1; - } -} -/* END of PROFILE HEAD */ - - - -/** - * Иконки совместимости для профиля - * MIT License - * Copyright (c) 2016 grin3671 - */ - -/* ВАЖНО! */ -/* .p-profiles .profile-head .c-info { overflow: visible; } /* Настройка для варианта №1 */ - -/* Исправление видимости */ -/* Спасибо Kana Kuroki и Dewopalaxy */ -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { - position: relative; - overflow: visible; -} - -.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 { - position: relative; - font-size: 0; - line-height: 0; - margin-top: 0; -} -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:hover { - text-decoration: none; -} -div.compatibility > a, -div.compatibility > span.link-replacement { - margin: 0 -.25rem; -} -div.compatibility > span.link-replacement { - cursor: help; -} -div.compatibility > a:before, -div.compatibility > span.link-replacement > span:first-child:before, -div.compatibility > a > span:first-child:before { - display: block; - width: 2.5rem; - height: 2.5rem; - padding: .5rem; - margin: .25rem; - border-radius: .125rem; - font-size: 1.5rem; - font-family: 'Material Icons'; - line-height: 1; - box-sizing: border-box; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -div.compatibility > a > span:first-child:before { - position: absolute; - top: 0; -} -div.compatibility > a:hover:before, -div.compatibility > a:hover > span:first-child:before { - text-decoration: none; -} - -/* Настройка иконок совместимости */ -div.compatibility > a:before { - content: 'compare_arrows'; -} -div.compatibility > span.link-replacement > span:first-child:before, -div.compatibility > a > span:first-child:before { - content: 'people'; -} -div.compatibility > a > .text.zero:before, -div.compatibility > span.link-replacement > .text.zero:before { - content: 'people_outline'; -} -/* КОНЕЦ: Настройка иконок совместимости */ - -/* Цветные иконки совместимости */ -/* Низкая совместимость */ -div.compatibility > a > .text.weak:before { - background-color: #F9FBE7; - color: #CDDC39; -} -div.compatibility > a:hover > .text.weak:before, -div.compatibility > span.link-replacement > .text.weak:before { - background-color: #F0F4C3; - color: #C0CA33; -} -/* Средняя совместимость */ -div.compatibility > a > .text.moderate:before { - background-color: #F1F8E9; - color: #8BC34A; -} -div.compatibility > a:hover > .text.moderate:before, -div.compatibility > span.link-replacement > .text.moderate:before { - background-color: #DCEDC8; - color: #7CB342; -} -/* Высокая совместимость */ -div.compatibility > a > .text.high:before { - background-color: #E8F5E9; - color: #4CAF50; -} -div.compatibility > a:hover > .text.high:before, -div.compatibility > span.link-replacement > .text.high:before { - background-color: #C8E6C9; - color: #43A047; -} -/* Полная совместимость */ -div.compatibility > a > .text.full:before { - background-color: #E1F5FE; - color: #03A9F4; -} -div.compatibility > a:hover > .text.full:before, -div.compatibility > span.link-replacement > .text.full:before { - background-color: #B3E5FC; - color: #039BE5; -} -/* КОНЕЦ: Цветные иконки совместимости */ - -/* Недоступные для просмотра данные без фона */ -div.compatibility > span.link-replacement > span:first-child:before, -div.compatibility > span.link-replacement:hover > span:first-child:before { - background-color: transparent !important; -} -/* Подсказки для совместимости */ -/* По умолчанию: располагаются над иконкой */ -/* Вариант не работает без обложки, универсален только 2 вариант */ -/* Второй вариант: располагаются слева от иконки */ -div.compatibility > a:after, -div.compatibility > a > span:first-child:after, -div.compatibility > span.link-replacement > span:first-child:after { - display: block; - position: absolute; - bottom: 100%; - left: 50%; - padding: 0 .75rem; - margin: 0 0 .5rem; - background-color: #616161; - border-radius: .125rem; - color: #eee; - font-size: .875rem;; - line-height: 2rem; - white-space: nowrap; - transform: translateX(-50%); - z-index: 100; - pointer-events: none; - opacity: 0; - transition: .3s; -} -div.compatibility > a > span:first-child:after, -div.compatibility > span.link-replacement > span:first-child:after { - z-index: 101; -} -div.compatibility > a:hover:after, -div.compatibility > a:hover > span:first-child:after, -div.compatibility > span.link-replacement:hover > span:first-child:after { - opacity: .9; -} - -/* Второй вариант расположения подсказок */ -div.compatibility > a:after, -div.compatibility > a > span:first-child:after, -div.compatibility > span.link-replacement > span:first-child:after { - bottom: 0; - right: 100%; - left: auto; - margin: 0 .75rem .5rem; - transform: translateX(.75rem); -} -div.compatibility > a:hover:after, -div.compatibility > a:hover > span:first-child:after, -div.compatibility > span.link-replacement:hover > span:first-child:after { - transform: translateX(0); -} -/* КОНЕЦ: Второй вариант расположения подсказок */ - -/* Текст подсказок для совместимости */ -div.compatibility > a[href*=similar]:after { - content: 'Найти похожих пользователей'; -} -div.compatibility > a > .text.zero:after, -div.compatibility > span.link-replacement > .text.zero:after { - content: 'Нет совместимости'; -} -div.compatibility > a > .text.weak:after, -div.compatibility > span.link-replacement > .text.weak:after { - content: 'Низкая совместимость'; -} -div.compatibility > a > .text.moderate:after, -div.compatibility > span.link-replacement > .text.moderate:after { - content: 'Средняя совместимость'; -} -div.compatibility > a > .text.high:after, -div.compatibility > span.link-replacement > .text.high:after { - content: 'Высокая совместимость'; -} -div.compatibility > a > .text.full:after, -div.compatibility > span.link-replacement > .text.full:after { - content: 'Полная совместимость'; -} -/* Числовое обозначение совместимости */ -div.compatibility > a > span.rate, -div.compatibility > span.link-replacement > span.rate { - position: absolute; - top: -.125rem; - right: -.5rem; - padding: 0 .25rem; - border-radius: .125rem; - color: #fff; - font-size: .75rem; - line-height: 1rem; -} -div.compatibility > span.link-replacement > span.rate:before, -div.compatibility > a > span.rate:before { display: none; } -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .rate:after { content: '%'; color: inherit; } -div.compatibility > span.link-replacement > span.rate:after, -div.compatibility > a > span.rate:after { display: none; } - -div.compatibility > a:before { background-color: transparent; } -/* END of Иконки совместимости для профиля */ - - - - - - -/* ICON | EDIT ABOUT ME PROFILE'S BLOCK */ -.p-profiles-show .about .item-edit { - display: inline-block; - width: 2.5rem; - height: 2.5rem; - padding: .5rem; - margin: .25rem 0; -} -.p-animes .item-edit:before, -.p-mangas .item-edit:before, -.p-profiles-show .about .item-edit:before { - width: 1.5rem !important; - font-family: 'Material Icons' !important; - font-size: 1.5rem !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.p-animes .item-edit:before, -.p-mangas .item-edit:before, -.p-profiles-show .about .item-edit:before { - content: 'edit'; -} -/* END of ICON */ - - - - -/* CHIP | USER PLATES */ -.b-user16 { - vertical-align: middle; - max-width: 100%; - padding: 0 .5rem; - margin: 0 .5rem 0 0; - background-color: #eee; - border-radius: .5rem; - font-size: .875rem; - font-weight: 400; - line-height: 1rem !important; - text-transform: initial; - text-overflow: ellipsis; - overflow: hidden; -} -.b-user16:hover { - color: #f2f2f2 !important; - background-color: #747474; -} -.b-user16:after { - display: none !important; -} -.b-user16:hover a { - color: #fff !important; - text-decoration: none; -} -.b-user16 > a > span { - padding: 0; -} -.b-user16:hover span { - text-decoration: none; -} -.b-user16 img { - position: static; - display: inline-block; - vertical-align: bottom; - width: 16px !important; - padding: 0; - margin: 0 .375rem 0 -.5rem !important; - margin-top: 0 !important; - border-radius: .5rem; -} -.b-animes-menu .friend-rate .b-user16 { - display: inline-block; -} -.b-quote .quoteable a.b-user16 { - padding: 0 .5rem; -} -.p-anime_videos-index .c-video_stats .uploader .b-user16 { - padding-left: .5rem; /* thx @Dewopalaxy */ -} -.b-log_entry .b-user16, -.b-source .contributors .b-user16, -.b-source .mal .b-user16, -.b-source .source .b-user16 { - margin-right: .5rem; -} -.b-user16:last-child { - margin-right: 0 !important; -} -.b-quote .quoteable a, -.status-line > span:first-child { - margin-right: .5rem; -} -.status-line .b-user16:last-child { - margin-right: .5rem !important; -} -/* BUG: Лишний пробел в разметке */ -.b-quote .quoteable a.bubbled-processed { - margin-right: .25rem !important; /* thx @Dewopalaxy */ -} -/* BUG: Лишний пробел в разметке */ -.b-quote .quoteable a.bubbled-processed > img { - margin-right: .125rem !important; /* thx @Dewopalaxy */ -} -/* COLOR */ -.b-user16, -.b-user16 a { - color: #212121 !important; -} -/* END of USER PLATES */ - - -.b-source .contributors, -.b-source .mal, -.b-source .source { - padding: 0; -} -.was_updated > div:first-child > span:first-child { - margin-right: .5rem; /* thx @Dewopalaxy */ -} - - - -/* MODERATION LIST */ -.b-log_entry { - position: relative; - padding-right: 2.5rem !important; - font-size: .875rem; -} -.b-log_entry, -.b-log_entry .spoiler.collapse span:before, -.b-log_entry .spoiler.collapsed:before { - padding: .375rem 0; - line-height: 1.25rem; -} -.b-ban .moderator { - float: right; - position: static; -} -.b-abuse_request .remove, -.b-log_entry span, -.b-log_entry .date { - padding-right: .5rem; -} -.b-ban .abuser, -.b-ban .duration, -.b-log_entry .date, -.b-log_entry>.reason { - vertical-align: top; - font-size: inherit; -} -.b-log_entry span a { vertical-align: top; } -.b-log_entry>.reason a { color: inherit; } -.b-log_entry .spoiler.collapse, -.b-log_entry .spoiler.collapsed, -.b-log_entry .spoiler.collapse span, -.b-log_entry .spoiler.collapsed span { - font-size: 0; - line-height: 0; -} -.b-log_entry .spoiler.collapse span:before, -.b-log_entry .spoiler.collapsed:before { - position: absolute; - top: 0; right: 0; - width: 2rem; - font-family: 'Material Icons'; - font-size: 1.125rem; - font-weight: 400 !important; - text-align: center; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.b-log_entry .spoiler.collapse span:before { content: 'expand_less'; } -.b-log_entry .spoiler.collapsed:before { content: 'expand_more'; } -@media screen and (min-width: 1025px) { - .b-log_entry, - .b-log_entry .spoiler.collapse span:before, - .b-log_entry .spoiler.collapsed:before { - padding: .125rem 0; - line-height: 1.25rem; - } -} -/* FIX */ -.b-abuse_request .marker { - margin: -5px 8px 0 0 !important; /* thx @Dewopalaxy */ -} -/* END of MODERATION LIST */ - - - - -/** - * MATERIAL ICON - * Замена иконок. - * - * ПРАВИЛА: - * Следующие настройки касаются только иконок. Их цвета, родители и их положение настраивается отдельно. - * Иконки должны располагаться в псевдоэлементе :before - * Иконки используются в двух вариантах: 18px и 24px - * Следовательно родители иконок должны быть высотой 32px или 40px - * - * BUG: - * IE doesn't support Materail Icon's font format [.woff2] - */ - -@font-face { - font-family: 'Material Icons'; - font-style: normal; - font-weight: 400; - src: local('Material Icons'), - local('MaterialIcons-Regular'), - url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.woff2) format('woff2'), - url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.woff) format('woff'), - url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.eot) format('eot'), - url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.ttf) format('truetype'); -} - -/* LARGE ICON */ -.c-actions > *:before, -.profile-actions > *:before, -.l-top_menu .menu-mobile .search:before, -.l-top_menu .menu-mobile .menu:before, -.l-top_menu .menu-mobile #sign_in:before, -.l-top_menu .menu-userbox .search:before, -.l-top_menu .menu-userbox .menu:before, -.l-top_menu .menu-userbox #sign_in:before, -.l-top_menu .to-mobile-forum:before, -.l-top_menu .menu-items .submenu-toggler:before, -.l-top_menu .menu-items .submenu-toggler.active:before, -header.head h1 a.back:before, -header.head h2 a.back:before, -.item-mobile:before, -.editor-controls > span:before, -.b-add_to_list .trigger-arrow:before, -.b-add_to_list.expanded .trigger-arrow:before, -.b-add_to_list.watching .edit:before, -.b-add_to_list.rewatching .edit:before, -.b-add_to_list.on_hold .edit:before, -.b-add_to_list.dropped .edit:before, -.b-add_to_list .plus:before, -.b-add_to_list.completed .edit:before, -.b-add_to_list.planned .edit:before, -.b-comments .comments-collapser:before, -.b-list_switchers > .switcher:before, -.p-characters .item-edit:before, -.p-messages .mass-actions .action > a:before { - width: 24px !important; - font-family: 'Material Icons' !important; - font-size: 24px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -/* SMALL ICON */ -.l-top_menu .menu-items>.entry.calendar>a:before, -.l-top_menu .menu-items>.entry>.contest:before, -.l-top_menu .menu-items>.entry.info>a:before { - display: block; - width: 18px !important; - font-family: 'Material Icons' !important; - font-size: 18px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.headline>a:before, -.midheadline > a:before, -.subheadline > a:before { - display: block; - font-family: 'Material Icons' !important; - font-size: 18px !important; - font-weight: 400 !important; - line-height: 32px !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.headline>a:before, -.midheadline > a:before, -.subheadline > a:before { - content: 'chevron_right'; -} - - - -/* Иконки переключения вида каталога: список/постеры */ -.b-list_switchers .switcher.list:before { - content: 'view_list'; -} -.b-list_switchers .switcher.lines:before { - content: 'view_headline'; -} -.b-list_switchers .switcher.posters:before { - content: 'view_module'; -} -/* Иконки списка аниме/манги пользователя */ -.b-add_to_list .plus:before { - content: "add"; -} -.b-add_to_list.planned .edit:before { - content: "event"; -} -.b-add_to_list.watching .edit:before { - content: "play_arrow"; -} -.b-add_to_list.completed .edit:before { - content: "done"; -} -.b-add_to_list.rewatching .edit:before { - content: "replay"; -} -.b-add_to_list.on_hold .edit:before { - content: "query_builder"; -} -.b-add_to_list.dropped .edit:before { - content: "delete"; -} -.b-add_to_list .trigger-arrow:before { - content: "arrow_drop_down"; - transition: 240ms; -} -.b-add_to_list.expanded .trigger-arrow:before { - content: "arrow_drop_down"; - transform: rotate(180deg); -} -/* Иконки верхнего меню */ -.l-top_menu .menu-items>.entry.calendar>a:before { - content: "today"; -} -.l-top_menu .menu-items>.entry>.contest:before { - content: "poll"; -} -.l-top_menu .menu-items>.entry.info>a:before { - content: "info"; -} -.l-top_menu .menu-userbox #sign_in:before { - content: "exit_to_app"; -} -.l-top_menu .to-mobile-forum:before { - content: "forum"; -} -.l-top_menu .menu-items .submenu-toggler:before { - content: 'arrow_drop_down' -} -.l-top_menu .menu-items .submenu-toggler.active:before { - content: "arrow_drop_down"; - transform: rotate(180deg); -} -/* Иконки профиля */ -.profile-actions .mail:before { - content: "mail"; -} -.profile-actions .talk:before { - content: "message"; -} -.profile-actions .fav-add:before { - content: "person_add"; -} -.profile-actions .fav-remove:before { - content: "person"; -} -.profile-actions .fav-remove:hover:before { - content: "person_outline"; - color: inherit; -} -.profile-actions .ignore-add:before { - content: "do_not_disturb_on"; -} -.profile-actions .ignore-remove:before { - content: "do_not_disturb_off"; -} -.profile-actions .settings:before { - content: "settings"; -} -.profile-actions .ban:before { - content: "gavel"; -} -/* Иконки текстового редактора */ -.buttons .editor-bold:before { - content: "format_bold"; -} -.buttons .editor-italic:before { - content: "format_italic"; -} -.buttons .editor-underline:before { - content: "format_underlined"; -} -.buttons .editor-strike:before { - content: "strikethrough_s"; -} -.buttons .editor-link:before { - content: "insert_link"; -} -.buttons .editor-image:before { - content: "insert_photo"; -} -.buttons .editor-quote:before { - content: "format_quote"; -} -.buttons .editor-spoiler:before { - content: "error_outline"; -} -.buttons .editor-file:before { - content: "attach_file"; -} -.buttons .editor-smiley:before { - content: "insert_emoticon"; -} -/* Иконки под постером аниме/манги/персонажа и т.д. */ -.c-actions .edit:before { - content: "build"; -} -.c-actions .fav-remove:hover:before, -.c-actions .fav-add:before { - content: "favorite_border"; -} -.c-actions .fav-add:hover:before, -.c-actions .fav-remove:before { - content: "favorite"; -} -.c-actions .new_review:before { - content: "rate_review"; -} -.c-actions .new_comment:before { - content: "chat_bubble"; -} -/* Специальная иконка открывающая меню комментария/топика и т.д. */ -.item-mobile:before { - content: "more_vert"; -} - -.p-characters .item-edit:before { - content: "edit"; -} -/* Иконка "закрыть" */ -.b-dialog.aside-expanded > .inner > .item-mobile:before, -.b-message.aside-expanded > .inner > .item-mobile:before, -.b-comment.aside-expanded > .inner > .item-mobile:before { - content: "clear"; -} -/* Иконка "назад" */ -header.head h1 a.back:before, -header.head h2 a.back:before { - content: "arrow_back"; -} -/* Иконки в почте пользователя ("Отметить прочитанным" и "Удалить все") */ -.p-messages .mass-actions .action:nth-child(1) > a:before { - content: 'done_all'; -} -.p-messages .mass-actions .action:nth-child(2) > a:before { - content: 'delete_sweep'; -} - - - -.p-dialogs header.head, -.p-messages header.head, -.p-profiles-edit header.head { - padding: 16px 16px 8px; - margin: -16px -16px 0; -} - -header.head h1, -header.head h2 { - padding: 8px 0; - line-height: 32px; - color: inherit; -} -header.head h1 a.back, -header.head h2 a.back { - vertical-align: top; - width: 40px; - height: 40px; - padding: 8px; - margin: -4px 16px -4px -8px; - line-height: initial; -} -header.head h1 a.back:before, -header.head h2 a.back:before { - position: static; - color: inherit; -} -header.head h1 a.back:after, -header.head h2 a.back:after { - display: none; -} - - - - -.buttons { - margin-right: 0; -} -.delete-controls > span, -.moderation-controls > span, -.main-controls > span, -.main-controls > a, -.buttons .item-edit { - width: 220px; - padding: 11px 16px; - margin-right: auto !important; - margin-left: auto !important; - line-height: 18px !important; -} - -@media only screen and (min-width: 1025px) { - .delete-controls > span, - .moderation-controls > span, - .main-controls > span, - .main-controls > a, - .buttons .item-edit { - width: 32px; - height: 32px; - padding: 7px; - margin-left: 8px !important; - border-radius: 2px; - line-height: 18px !important; - } -} - -.item-mobile { - position: relative; - width: 40px; - height: 40px; - padding: 8px; - margin: 4px 0; - margin-left: 8px !important; - border-radius: 100%; - z-index: 4; -} - -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .plus::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .edit::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .trigger-arrow::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .plus::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .edit::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .trigger-arrow::before, -.buttons .item-summary:before, -.buttons .item-ignore:before, -.buttons .item-quote:before, -.buttons .item-reply:before, -.buttons .item-edit:before, -.buttons .item-delete:before, -.buttons .item-moderation:before, -.buttons .item-cancel:before, -.buttons .item-request-reject:before, -.buttons .item-apply:before, -.buttons .item-request-confirm:before, -.buttons .item-delete-confirm:before, -.buttons .item-abuse:before, -.buttons .item-spoiler:before, -.buttons .item-offtopic:before, -.buttons .item-delete-cancel:before, -.buttons .item-moderation-cancel:before { - vertical-align: top; - width: 18px !important; - font-family: 'Material Icons' !important; - font-size: 18px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.buttons .item-ignore:before { - content: "do_not_disturb_on"; -} -.buttons .item-quote:before { - content: "format_quote"; -} -.buttons .item-reply:before { - content: "reply"; -} -.buttons .item-edit:before { - content: "mode_edit"; -} -.buttons .item-delete:before { - content: "delete"; -} -.buttons .item-moderation:before { - content: "flag"; -} -.buttons .item-cancel:before, -.buttons .item-request-reject:before, -.buttons .item-delete-cancel:before, -.buttons .item-moderation-cancel:before { - content: "clear"; -} -.buttons .item-spoiler:before { - content: "sms_failed"; -} -.buttons .item-abuse:before { - content: "pan_tool"; -} -.buttons .item-offtopic:before { - content: "speaker_notes_off"; -} -.buttons .item-summary:before { - content: "check_circle"; -} -.buttons .item-delete-confirm:before { - content: "delete"; -} -.buttons .item-apply:before, -.buttons .item-request-confirm:before, -.buttons .item-delete-confirm:before { - content: "done"; -} - - - -.l-top_menu .menu-mobile .menu:before, -.l-top_menu .menu-userbox .menu:before, -.l-top_menu .menu-mobile .search:before, -.l-top_menu .menu-userbox .search:before { - width: 24px !important; - font-family: 'Material Icons' !important; - font-size: 24px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.l-top_menu .menu-mobile .menu:before, -.l-top_menu .menu-userbox .menu:before { - content: "menu"; -} -.l-top_menu .menu-mobile .search:before, -.l-top_menu .menu-userbox .search:before { - content: "search"; -} - - - - - -.tooltip-inner { - min-height: 56px; - padding: 14px 16px; - border: 0; - overflow: hidden; - box-shadow: 0 4px 10px 2px rgba(0,0,0,0.24); -} -.tooltip-arrow { - display: none; -} - -/** - * Simple - * MIT License - * Copyright (c) 2015 Chris Nager - * https://github.com/chrisnager/simple-paper-spinner - */ -.tooltip-details { - min-height: 140px; -} -.tooltip-details .ajax-loading { - display: inline-block; - position: absolute; - top: 50%; - left: 50%; - width: 1.75em; - height: 1.75em; - min-height: 0; - margin: -.875rem 0 0 -.875rem; - background-image: none; - border-radius: 50%; - box-shadow: inset 0 0 0 0.1875em; - overflow: hidden; - will-change: transform; - -webkit-animation: spin 2666ms linear infinite; - animation: spin 2666ms linear infinite; - -webkit-clip-path: circle(.875em at center); - clip-path: circle(.875em at center); -} - -.tooltip-details .ajax-loading:after, -.tooltip-details .ajax-loading:before { - content: ""; - position: absolute; - width: 7em; - height: 1.75em; - background-color: inherit; -} - -.tooltip-details .ajax-loading:after { - -webkit-transform: skewX(-80deg) translate(.875em, .875em); - transform: skewX(-80deg) translate(.875em, .875em); - -webkit-animation: shape-shift-after 1066.4ms cubic-bezier(.4, 0, .2, 1) infinite alternate; - animation: shape-shift-after 1066.4ms cubic-bezier(.4, 0, .2, 1) infinite alternate; -} - -.tooltip-details .ajax-loading:before { - -webkit-transform: skewX(80deg) translate(.875em, -.875em); - transform: skewX(80deg) translate(.875em, -.875em); - -webkit-animation: shape-shift-before 1066.4ms cubic-bezier(.4, 0, .2, 1) infinite alternate; - animation: shape-shift-before 1066.4ms cubic-bezier(.4, 0, .2, 1) infinite alternate; -} - -@-webkit-keyframes spin { - to { - -webkit-transform: rotate(1080deg); - transform: rotate(1080deg); - } -} - -@keyframes spin { - to { - -webkit-transform: rotate(1080deg); - transform: rotate(1080deg); - } -} - -@-webkit-keyframes shape-shift-before { - to { - -webkit-transform: skewX(-45deg) translate(.875em, -.875em); - transform: skewX(-45deg) translate(.875em, -.875em); - } -} - -@keyframes shape-shift-before { - to { - -webkit-transform: skewX(-45deg) translate(.875em, -.875em); - transform: skewX(-45deg) translate(.875em, -.875em); - } -} - -@-webkit-keyframes shape-shift-after { - to { - -webkit-transform: skewX(45deg) translate(.875em, .875em); - transform: skewX(45deg) translate(.875em, .875em); - } -} - -@keyframes shape-shift-after { - to { - -webkit-transform: skewX(45deg) translate(.875em, .875em); - transform: skewX(45deg) translate(.875em, .875em); - } -} - -.b-catalog_entry-tooltip .inner a.name { - font-size: .875rem; -} -.b-catalog_entry-tooltip .inner .line .key { -} - -/* FIX: Размер изображений в тултипах Избаранного */ -.b-catalog_entry-tooltip .inner .best-works > .c-column { - width: 22%; - margin-right: 4%; -} -.b-catalog_entry-tooltip .inner .best-works > .c-column:last-child { margin-right: 0; } - - - -/* TEXTEDITOR | SHIKI EDITOR */ - -.b-topic>.editor-container { - margin-top: 1rem; -} - -.b-shiki_editor .body { - padding: 0 !important; -} -.b-shiki_editor .body .preview { - padding: 0; - margin: 0; - background: transparent; - border: 0; -} -.b-shiki_editor .body > .preview .body { - padding-left: 0 !important; -} - -.editor-controls > span { - width: 40px; - height: 40px; - padding: 8px; - margin: 0 8px 0 0 !important; -} - -/* Расширяем file input */ -.buttons .editor-file { - position: relative; -} -.buttons .editor-file span, -.buttons .editor-file a { - top: 0; - left: 0; - width: 40px; - height: 40px; - margin: 0 !important; -} -.buttons .editor-file input { - left: 0; - width: 40px; - height: 40px; - border: 0; - font-size: 40px; -} -.b-shiki_editor aside.buttons { - margin: 0; - padding: .25rem 0; -} -.b-shiki_editor aside.markers { - height: auto; - padding: .75rem 0; -} - -.b-shiki_editor .links, -.b-shiki_editor .images, -.b-shiki_editor .quotes, -.b-shiki_editor .email, -.b-shiki_editor .upload { - height: 3rem; - line-height: 2rem; -} -.b-shiki_editor .hidden-block p { - padding: .5rem !important; -} -.b-shiki_editor .links .link-value, -.b-shiki_editor .images .link-value, -.b-shiki_editor .quotes .link-value, -.b-shiki_editor .email .link-value, -.b-shiki_editor .upload .link-value { - width: 14rem; - height: 2rem; - padding: 0 1rem; - margin: 0; - border-radius: 2px; - line-height: 2rem; -} -.b-shiki_editor .links .button.ok, -.b-shiki_editor .images .button.ok, -.b-shiki_editor .quotes .button.ok, -.b-shiki_editor .email .button.ok, -.b-shiki_editor .upload .button.ok { - display: inline-block; - vertical-align: top; - padding: 0 1rem; - margin-right: 0; - margin-left: 1rem; - font-size: .875rem; - line-height: 2rem; - border-radius: 2px; -} - -.b-shiki_editor .images input, -.b-shiki_editor .quotes input, -.b-shiki_editor .email input { - margin-left: 1rem !important; - width: 20rem !important; -} - - -.b-shiki_editor .body .editor textarea { - padding: .5rem 1rem; - margin: 0; - border-radius: 2px; - font-size: 1rem; - line-height: 1.25rem; -} -.b-shiki_editor footer input[type=submit], -.b-shiki_editor footer .unpreview, -.b-shiki_editor footer .preview { - vertical-align: top; - margin-right: 8px; -} - -.b-shiki_editor footer .preview { - margin-right: 0; -} - -.b-shiki_editor.previewed footer .unpreview { - border: 0; - font-size: 0; -} -.b-shiki_editor.previewed footer .unpreview:after { - content: 'Назад'; - vertical-align: top; - font-size: 14px; -} -.b-shiki_editor footer .cancel { - border: 0; -} -.b-shiki_editor footer .cancel:hover { - color: #3F51B5; -} - - -/* FIX: COMMENT PREVIEW WIDTH */ -.b-shiki_editor aside.markers { - position: absolute; - right: 0; - top: 0; - z-index: 2; -} -.b-shiki_editor.previewed .body .preview .b-comment { - padding: 0 !important; -} -.b-shiki_editor footer { - margin-top: 1rem; -} - - -.about-bb_codes { - font-size: 0 !important; - padding: 0 1rem; - margin-top: 0 !important; - border-radius: .125rem; - line-height: 2rem !important; -} -.about-bb_codes:before { - content: 'help'; /* NOT 'help_outline' (!) see updated guideline (2016-12) */ - display: inline-block; - vertical-align: top; - font-family: 'Material Icons' !important; - font-size: 24px !important; - line-height: 32px !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -@media only screen and (min-width: 768px) { - .about-bb_codes:before { - font-family: inherit !important; - font-size: 14px !important; - text-transform: uppercase; - } - .locale-ru .about-bb_codes:before { - content: 'Справка'; - } - .locale-en .about-bb_codes:before { - content: 'Help'; - } -} -/* END of SHIKI_EDITOR */ -/* END of TEXTEDITOR */ - -.b-abuse_marker, -.b-broadcast_marker, -.b-new_marker, -.b-offtopic_marker, -.b-summary_marker { - width: auto !important; - margin: 0 !important; - margin-top: 1px !important; - margin-left: 8px !important; -} - -.b-spoiler_marker { - width: auto; -} - -.b-abuse_marker:before, -.b-broadcast_marker:before, -.b-new_marker:before, -.b-offtopic_marker:before, -.b-spoiler_marker:before, -.b-summary_marker:before { - position: static !important; - width: auto !important; - padding: 0 4px !important; - margin-top: 8px; - border: 0 !important; - border-radius: 2px; - font-size: 10px !important; - line-height: 16px !important; - text-transform: capitalize; -} - -.b-shiki_editor .b-summary_marker, -.b-shiki_editor .b-summary_marker:before, -.b-shiki_editor .b-offtopic_marker, -.b-shiki_editor .b-offtopic_marker:before { - vertical-align: top; - padding: 0 8px !important; - margin: 0 !important; - font-size: 12px !important; - line-height: 24px !important; -} - -.b-shiki_editor .b-summary_marker, -.b-shiki_editor .b-offtopic_marker { - padding: 0 !important; - margin-left: 8px !important; -} -/* END of SHIKI_EDITOR */ - - - - - -/* FLOATED OPTIONS */ -.b-options-floated { - margin-top: 16px; - font-size: 14px; - line-height: 16px; -} - -@media screen and (min-width: 768px) { - .b-options-floated.before-buttons-2 { - padding-right: 112px; - } -} - -.p-profiles-edit .b-options-floated, -.p-dialogs .b-options-floated, -.p-messages .b-options-floated { - position: static; - margin: 0 -16px 8px; - padding: 0; - text-align: left; - white-space: nowrap; - overflow: hidden; - overflow-x: auto; -} - -.p-profiles-edit .b-options-floated > a, -.p-dialogs .b-options-floated > a, -.p-messages .b-options-floated > a { - display: inline-block; - width: auto; - min-width: 88px; - height: 48px; - padding: 0 12px; - font-size: 14px; - line-height: 48px; - text-align: center; - text-transform: uppercase; -} - -.p-profiles-edit .b-options-floated > a { - width: auto; -} - -.p-profiles-edit .b-options-floated > a:hover, -.p-dialogs .b-options-floated > a:hover, -.p-messages .b-options-floated > a:hover { - text-decoration: none; -} - - -@media screen and (min-width: 481px) { - .p-profiles-edit .b-options-floated > a, - .p-dialogs .b-options-floated > a, - .p-messages .b-options-floated > a { - width: auto; - } -} - -.b-options-floated a span.brackets, -.b-options-floated .link span.brackets { - display: inline-block; - vertical-align: text-top; - min-width: 20px; - height: 16px; - padding: 0 4px; - border-radius: 4px; - color: #fff; - font-size: 10px; - line-height: 16px; - text-align: center; -} - -.p-profiles-edit .b-options-floated > a:after, -.p-dialogs .b-options-floated > a:after, -.p-messages .b-options-floated > a:after, -.b-options-floated a span.brackets:before, -.b-options-floated a span.brackets:after, -.b-options-floated .link span.brackets:before, -.b-options-floated .link span.brackets:after { - display: none; -} - -@media screen and (min-width: 481px) { - .p-dialogs header.head, - .p-messages header.head, - .p-profiles-edit header.head { - padding: 0; - margin: 0; - background-color: transparent; - } - - .p-profiles-edit .b-options-floated, - .p-dialogs .b-options-floated, - .p-messages .b-options-floated { - position: initial; - margin: 0 -16px 8px; - padding: 0; - background-color: transparent; - text-align: right; - } -} -/* END of FLOATED OPTIONS */ - - - - -/* USER'S MAIL ICONS – READ ALL & DELETE ALL */ -.p-messages .mass-actions { - position: absolute; - top: 56px; - right: 0; - margin: 0 -.5rem; -} -.p-messages .mass-actions .action:after { - display: none; -} -.p-messages .mass-actions > .action > a { - width: 40px; - height: 40px; - padding: 8px; - margin: 4px; - border: 0; - border-radius: 2px; - font-size: 0; - line-height: 1; -} -/* END of USER'S MAIL ICONS */ - - - - -/* DB ENTRY NOTES */ -/* TODO: MERGE WITH .c-history .entry */ -.b-db_entry-note { - position: relative; - padding: 8px 0; - margin: 0; - border: 0; -} - -.b-db_entry-note:first-child { - padding-top: 8px; -} - -.b-db_entry-note:before { - content: ''; - position: absolute; - right: -16px; - bottom: 0; - left: 56px; - height: 1px; -} - -.b-db_entry-note:last-child:before { - display: none; -} - -/* FIX */ -.b-db_entry-note:before { - right: 0; - left: 64px; -} - -.p-db_entries-related .b-db_entry-note { - padding: 16px 0; -} - -.p-db_entries-related .b-db_entry-note:first-child { - padding-top: 16px; -} -/* END of DB ENTRY NOTES*/ - - - - -/* MENU ENTRY REVIEW & CLUBS */ -/* TODO: MERGE WITH .c-history .entry */ -/* TODO: where [.calendar .entry]? */ -.p-topics .l-menu .calendar .entry, -.p-topics .l-menu .reviews .entry, -.p-topics .l-menu .clubs .entry { - position: relative; - padding: 8px 0; - margin: 0; - border: 0; - overflow: initial; -} - -.p-topics .l-menu .calendar .entry:first-child, -.p-topics .l-menu .reviews .entry:first-child, -.p-topics .l-menu .clubs .entry:first-child { - padding-top: 8px; - margin-top: 0; -} - -.p-topics .l-menu .calendar .entry:before, -.p-topics .l-menu .reviews .entry:before, -.p-topics .l-menu .clubs .entry:before { - content: ''; - position: absolute; - right: -8px; - bottom: 0; - left: 56px; - height: 1px; - pointer-events: none; -} - -.p-topics .l-menu .calendar .entry:last-child:before, -.p-topics .l-menu .reviews .entry:last-child:before, -.p-topics .l-menu .clubs .entry:last-child:before { - display: none; -} - -/* Полноразмерная ссылка .entry, работает только для .l-menu */ -.p-topics .l-menu .calendar .entry a, -.p-topics .l-menu .reviews .entry a, -.p-topics .l-menu .clubs .entry a { - display: block; - padding: 8px; - margin: -8px; -} - -.p-topics .l-menu .calendar .entry a:after, -.p-topics .l-menu .reviews .entry a:after, -.p-topics .l-menu .clubs .entry a:after { - content: ''; - clear: both; - display: block; -} - -.p-topics .l-menu .calendar .entry:hover .title, -.p-topics .l-menu .reviews .entry:hover .title, -.p-topics .l-menu .clubs .entry:hover .title { - text-decoration: none; -} - -/* ADDITIONS */ -.p-topics .l-menu .reviews .entry img { - min-width: 40px; - max-height: 64px; - margin: 2px 16px 2px 0; - border-radius: 2px; -} - -.p-topics .l-menu .clubs .entry img { - width: 40px; - min-width: 40px; - height: 40px; - margin: 2px 16px 2px 0; - border-radius: 2px; -} -/* END of MENU ENTRY REVIEW & CLUBS */ - - - - -/* SIDEMENU LINKS */ -.p-topics .l-menu .sticky-topics .topic, -.p-dashboards-show .contests .contest, -.p-topics .l-menu .contests .contest { - padding: 8px; - margin: 0 -8px; - border: 0; -} - -.p-topics .l-menu .sticky-topics .topic:first-child, -.p-dashboards-show .contests .contest:first-child, -.p-topics .l-menu .contests .contest:first-child { - padding-top: 8px; - margin-top: 0; -} - -.p-topics .l-menu .sticky-topics .topic .title, -.p-dashboards-show .contests .contest .title, -.p-topics .l-menu .contests .contest .title { - line-height: 20px; -} - -.p-topics .l-menu .sticky-topics .topic:hover .title, -.p-dashboards-show .contests .contest:hover .title, -.p-topics .l-menu .contests .contest:hover .title { - text-decoration: none; -} - -.p-topics .l-menu .sticky-topics .topic .title:after, -.p-dashboards-show .contests .contest .title:after, -.p-topics .l-menu .contests .contest .title:after { - display: none; -} - -.p-topics .l-menu .sticky-topics .topic .notice, -.p-dashboards-show .contests .contest .notice, -.p-topics .l-menu .contests .contest .notice { - margin-top: 2px; - line-height: 18px; -} -/* END of SIDEMENU LINKS */ - - - -/* Стилизованные кнопки на страницах поиска аниме и манги */ -.p-user_rates .mylist-block + .block > .b-list, -.anime-params-controls > .block:first-child > .b-list, -.manga-params-controls > .block:first-child > .b-list { - margin-left: 0 !important; -} -.p-user_rates .mylist-block + .block > .b-list > li, -.anime-params-controls > .block:first-child > .b-list > li, -.manga-params-controls > .block:first-child > .b-list > li { - position: relative; - margin-bottom: .5rem; - border-radius: .125rem; - font-size: .875rem; - line-height: 2rem; - text-align: center; - text-transform: uppercase; - list-style: none; -} -.p-user_rates .mylist-block + .block > .b-list > li:before, -.p-user_rates .mylist-block + .block > .b-list > li:after, -.anime-params-controls > .block:first-child > .b-list > li:before, -.manga-params-controls > .block:first-child > .b-list > li:before, -.anime-params-controls > .block:first-child > .b-list > li:after, -.manga-params-controls > .block:first-child > .b-list > li:after { - content: ''; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - border-radius: inherit; - opacity: 0; - z-index: 0; - transition: opacity .3s; -} -.p-user_rates .mylist-block + .block > .b-list > li:before, -.anime-params-controls > .block:first-child > .b-list > li:before, -.manga-params-controls > .block:first-child > .b-list > li:before { - box-shadow: 0 1px 3px rgba(0,0,0,.56); -} -.p-user_rates .mylist-block + .block > .b-list > li:after, -.anime-params-controls > .block:first-child > .b-list > li:after, -.manga-params-controls > .block:first-child > .b-list > li:after { - background-color: rgba(0,0,0,.12); -} -.p-user_rates .mylist-block + .block > .b-list > li:hover:before, -.p-user_rates .mylist-block + .block > .b-list > li:hover:after, -.anime-params-controls > .block:first-child > .b-list > li:hover:before, -.manga-params-controls > .block:first-child > .b-list > li:hover:before, -.anime-params-controls > .block:first-child > .b-list > li:hover:after, -.manga-params-controls > .block:first-child > .b-list > li:hover:after { - opacity: 1; -} -.p-user_rates .mylist-block + .block > .b-list > li > a, -.anime-params-controls > .block:first-child > .b-list > li > a, -.manga-params-controls > .block:first-child > .b-list > li > a { - position: relative; - display: block; - color: #fff !important; - z-index: 1; -} -.p-user_rates .mylist-block + .block > .b-list > li > a:hover, -.anime-params-controls > .block:first-child > .b-list > li > a:hover, -.manga-params-controls > .block:first-child > .b-list > li > a:hover { - color: #fff !important; - text-decoration: none; -} -/* END of Стилизованные кнопки на страницах поиска аниме и манги */ - - - - - -/** - * Фильтры на страницах поиска - */ - -/* Настройка пунктов */ -.b-collection-filters .block-list li, -.b-collection-filters .b-block_list li { - position: relative; - padding: 0 .5rem; - margin: 0 -.5rem; - font-size: .875rem; - line-height: 2rem; -} - -/* Скрываем чекбокс, располагаем над псевдоэлементом */ -.b-collection-filters .block-list li > input, -.b-collection-filters .b-block_list li > input { - position: absolute; - left: .3125rem; - width: 2rem; - height: 2rem; - border: 0; - opacity: 0; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} - -/* Псевдоэлемент с иконкой чекбокса */ -.b-collection-filters .block-list li:before, -.b-collection-filters .b-block_list li:before { - display: inline-block; - vertical-align: top; - width: 1.125rem; - margin: .4375rem .875rem .4375rem 0; - font-family: 'Material Icons'; - font-size: 1.125rem; - line-height: 1; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -/* Фильтры на страницах поиска – ПОДСКАЗКИ */ -/* Положение подсказки */ -.b-collection-filters .block-list .b-question, -.b-collection-filters .b-block_list .b-question { - display: inline-block !important; - vertical-align: top; - position: absolute; - right: .3125rem; -} - -/* Иконка подсказки */ -.b-collection-filters .block-list .b-question:before, -.b-collection-filters .b-block_list .b-question:before { - display: block; - width: 1.125rem; - height: auto; - margin: .4375rem; - background-color: transparent; - font-family: 'Material Icons'; - font-size: 1.125rem; - line-height: 1; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -/* Фильтры на страницах поиска – ПЕРЕКЛЮЧАТЕЛИ */ -/* Положение переключателя */ -.b-collection-filters .filter { - top: 0; -} -.b-collection-filters .block-list .filter, -.b-collection-filters .b-block_list .filter { - float: right; - position: relative; - right: auto; - margin: 0 0 0 .5rem; -} - -/* Положение переключателя с иконками подсказок */ -.b-collection-filters .block-list.ratings .filter, -.b-collection-filters .block-list.genres .filter, -.b-collection-filters .block-list li.sub .filter, -.b-collection-filters .b-block_list.ratings .filter, -.b-collection-filters .b-block_list.genres .filter, -.b-collection-filters .b-block_list li.sub .filter { - margin-right: 2rem; -} - -/* Сбрасываем стандартные стили */ -.b-collection-filters .block-list .filter:before, -.b-collection-filters .b-block_list .filter:before { - display: block; - width: auto; - font-family: inherit; - font-size: .75rem; - line-height: inherit; - text-transform: lowercase; -} - -/* Добавляем понятные текстовые обозначения */ -.b-collection-filters .block-list .filter.item-add:before { content: 'Исключить'; } -.b-collection-filters .block-list .filter.item-minus:before { content: 'Добавить'; } -.b-collection-filters .b-block_list .filter.item-add:before { content: 'Исключить'; } -.b-collection-filters .b-block_list .filter.item-minus:before { content: 'Добавить'; } - -/* Настройка иконок */ -.b-collection-filters .block-list li:before { content: 'check_box_outline_blank'; } -.b-collection-filters .block-list li.selected:before { content: 'check_box'; } -.b-collection-filters .block-list.orders li:before { content: 'radio_button_unchecked'; } -.b-collection-filters .block-list.orders li.selected:before { content: 'radio_button_checked'; } -.b-collection-filters .block-list .b-question:before { content: 'help_outline'; } -.b-collection-filters .b-block_list li:before { content: 'check_box_outline_blank'; } -.b-collection-filters .b-block_list li.selected:before { content: 'check_box'; } -.b-collection-filters .b-block_list.orders li:before { content: 'radio_button_unchecked'; } -.b-collection-filters .b-block_list.orders li.selected:before { content: 'radio_button_checked'; } -.b-collection-filters .b-block_list .b-question:before { content: 'help_outline'; } - -/* Фильтры на страницах поиска – Размер для ПК */ -@media (min-width: 1025px) { - .b-collection-filters .block-list li { - line-height: 1.5rem; - } - .b-collection-filters .block-list li:before { - margin: .1875rem .875rem .1875rem 0; - } - .b-collection-filters .block-list .b-question:before { - margin: .1875rem; - } - .b-collection-filters .block-list li > input { - width: 1.5rem; - height: 1.5rem; - } - /* new class */ - .b-collection-filters .b-block_list li { - line-height: 1.5rem; - } - .b-collection-filters .b-block_list li:before { - margin: .1875rem .875rem .1875rem 0; - } - .b-collection-filters .b-block_list .b-question:before { - margin: .1875rem; - } - .b-collection-filters .b-block_list li > input { - width: 1.5rem; - height: 1.5rem; - } -} -/* END of Фильтры на страницах поиска */ - - - -/* "Мой список" в фильтрах поиска */ -/* Меняем название на более доступное */ -.block.mylist-block > .subheadline { - font-size: 0; - line-height: 0; -} -.block.mylist-block > .subheadline:before { - content: 'Мой список'; - font-size: .875rem; - line-height: 1rem; -} -/* Кнопка переключателя */ -.b-collection-filters .block > .filter.item-sign { - height: 2.5rem; - padding: .5rem; - margin-top: .25rem; - border-radius: .125rem; -} -.b-collection-filters .block > .filter.item-sign:before { - width: 1.5rem; - font-family: 'Material Icons'; - font-size: 1.5rem; - line-height: 1; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -/* Настройка иконки переключателя */ -.b-collection-filters .block > .filter.item-sign:before { - content: 'playlist_add_check'; -} -/* Прозрачный фон переключателя */ -@media (min-width: 1025px) { - .b-collection-filters .block > .filter.item-sign { - background-color: transparent; - } -} -/* END of "Мой список" в фильтрах поиска */ - - - -/* Страница видео */ -.b-video_player .cc-player_controls a.c-control:hover { - text-decoration: none; -} -.b-video_player .cc-player_controls .cc-navigation > .c-control > span, -.b-video_player .cc-player_controls .cc-navigation > .c-control > b { - display: inline-block; - vertical-align: top; - margin: .25rem auto; - line-height: 2.5rem; -} -.b-video_player .cc-player_controls .cc-navigation > .c-control > b { - margin-left: .5rem; -} - -@media screen and (max-width: 480px) and (orientation: portrait) { - .b-video_player .cc-player_controls .cc-navigation > .c-control > span { - display: none; - } - .b-video_player .cc-player_controls .cc-navigation > .c-control > b { - margin-left: 0; - } -} - -.b-video_player .cc-player_controls .label, -.b-video_player .cc-player_controls .episode-title .video-link { - font-size: .75rem; -} -.b-video_player .cc-player_controls .episode-title .video-link a { - display: block; - line-height: inherit; - border: 0; -} -.b-video_player .cc-player_controls .cc-options > .c-video_stats { - margin: .25rem auto; -} -.p-anime_videos-index .c-videos .video-variant-switcher, -.p-anime_videos-index .c-video_stats { - font-size: .875rem; -} -.p-anime_videos-index .c-videos .video-variant-switcher:hover { - border: 0; -} - -/* Иконки */ -.b-video_player .cc-player_controls .c-control .icon { - width: 2.5rem !important; - height: 2.5rem; - padding: .5rem; - margin: .25rem auto !important; - border-radius: 2px; -} -.b-video_player .cc-player_controls .c-control .icon:before { - width: 1.5rem; - font-family: 'Material Icons'; - font-size: 1.5rem !important; - line-height: 1; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.b-video_player .cc-player_controls .create-user_rate .icon:before { - content: 'add'; -} -.b-video_player .cc-player_controls .increment-user_rate .icon:before { - content: 'done'; -} -.b-video_player .cc-player_controls .next .icon:before { - content: 'skip_next'; -} -.b-video_player .cc-player_controls .prev .icon:before { - content: 'skip_previous'; -} -.b-video_player .cc-player_controls .report .icon:before { - content: 'flag'; -} -.b-video_player .cc-player_controls .show-options .icon:before { - content: 'settings'; -} -.b-video_player .cc-player_controls .upload .icon:before { - content: 'cloud_upload'; -} -.b-video_player .cc-player_controls .edit .icon:before { - content: 'build'; -} -/* END of Страница видео */ -/* END of ОСНОВНОЙ ФАЙЛ */ - - - - - - - - - - -/* TENTATIVE CODE | USERLIST */ -.ajax > .b-user.detailed { - display: inline-block; - vertical-align: top; - position: relative; - width: 48%; - height: auto; - min-height: 261px; - padding: 8px; - margin-right: 4%; - margin-bottom: 4%; - background-color: #fff; - border: 0; - border-radius: 2px; - box-shadow: 0 1px 2px 0 rgba(0,0,0,.16); -} - -.ajax > .b-user.detailed:nth-child(2n+2) { - margin-right: 0; -} - -@media (min-width: 540px) { - .ajax > .b-user.detailed { - width: 32%; - margin-right: 2%; - margin-bottom: 2%; - } - - .ajax > .b-user.detailed:nth-child(2n+2) { - margin-right: 2%; - } - - .ajax > .b-user.detailed:nth-child(3n+3) { - margin-right: 0; - } -} - -@media (min-width: 768px) { - .ajax > .b-user.detailed { - width: 23.5%; - margin-right: 2%; - margin-bottom: 2%; - } - - .ajax > .b-user.detailed:nth-child(2n+2) { - margin-right: 2%; - } - - .ajax > .b-user.detailed:nth-child(3n+3) { - margin-right: 2%; - } - - .ajax > .b-user.detailed:nth-child(4n+4) { - margin-right: 0; - } -} - -@media (min-width: 960px) { - .ajax > .b-user.detailed { - width: 18.4%; - margin-right: 2%; - margin-bottom: 2%; - } - - .ajax > .b-user.detailed:nth-child(2n+2) { - margin-right: 2%; - } - - .ajax > .b-user.detailed:nth-child(3n+3) { - margin-right: 2%; - } - - .ajax > .b-user.detailed:nth-child(4n+4) { - margin-right: 2%; - } - - .ajax > .b-user.detailed:nth-child(5n+5) { - margin-right: 0; - } -} - -@media (min-width: 1200px) { - .p-users.x1200 .ajax > .b-user.detailed { - width: 15%; - margin-right: 2%; - margin-bottom: 2%; - } - - .p-users.x1200 .ajax > .b-user.detailed:nth-child(2n+2) { - margin-right: 2%; - } - - .p-users.x1200 .ajax > .b-user.detailed:nth-child(3n+3) { - margin-right: 2%; - } - - .p-users.x1200 .ajax > .b-user.detailed:nth-child(4n+4) { - margin-right: 2%; - } - - .p-users.x1200 .ajax > .b-user.detailed:nth-child(5n+5) { - margin-right: 2%; - } - - .p-users.x1200 .ajax > .b-user.detailed:nth-child(6n+6) { - margin-right: 0; - } -} - -.ajax > .b-user.detailed:before { - content: ''; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - box-shadow: 0 2px 8px 1px rgba(0,0,0,.16); - opacity: 0; - transition: .3s all; -} - -.ajax > .b-user.detailed:hover:before { - opacity: 1; -} - -.ajax > .b-user.detailed .info, -.ajax > .b-user.detailed .history { - clear: both; - float: none; - width: 100%; - margin: 0; -} - -.ajax > .b-user.detailed .info .image-name { - display: block; - padding: 16px 0; - margin: auto; - text-align: center; -} - -.ajax > .b-user.detailed .info .image-name .name { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - padding: 97px 0 0; - line-height: 32px; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; -} - -.ajax > .b-user.detailed .info .image-name .image { - clear: both; - float: none; - display: block; - padding: 0; - margin: auto auto 24px; - border-radius: 100%; -} - -.ajax > .b-user.detailed .info .last-online { - color: #9B9B9B; - text-align: center; -} - -.ajax > .b-user.detailed .history { - padding-top: 8px; - margin-top: 0; - font-size: 12px; - line-height: 20px; -} -/* TENTATIVE CODE | END */ - - - -/* TENTATIVE CODE | INDEX PAGE LAYOUT */ -.p-dashboards-show .cc-second .cc-inner { - display: none; -} - -/* FIX: index landscape layout (issue: #9) */ -@media screen and (max-width: 767px) and (orientation: landscape) { - .p-dashboards-show .cc-second .c-forum { - width: 100%; - } - .p-dashboards-show .cc-second .c-forum .b-forums, - .p-dashboards-show .cc-second .c-forum .contests - { - float: left; - width: 48%; - } - .p-dashboards-show .cc-second .c-forum .b-forums { - margin-right: 4%; - } -} - -@media only screen and (min-width: 768px) { - .p-dashboards-show .cc-second { - float: right; - width: 30.33333%; - } - .p-dashboards-show .cc-second > .cc-inner { - display: block; - float: none; - width: 100%; - margin: 0; - } - .p-dashboards-show .cc-second > .c-forum { - float: none; - width: 100%; - } - .p-dashboards-show .cc-second > .cc-inner > .c-content, - .p-dashboards-show .cc-second > .cc-inner > .c-my_list { - float: none; - width: 100%; - padding: 0; - } - .p-dashboards-show .cc-second { - margin-bottom: 0; - } - .p-dashboards-show .cc-second .c-forum > .b-forums, - .p-dashboards-show .cc-second .c-forum > .block:last-child { - margin-bottom: 1.5rem; - } - /* Настройки для экранов больше 768 */ - .p-dashboards-show .cc-second .cc-inner { - display: none; /* Скрываем блоки: Мой лист и Быстрые ссылки Аниме/Манга */ - } - .p-dashboards-show .cc-second .cc-inner > .c-content { - /* display: none; /* Скрываем блоки: Быстрые ссылки Аниме/Манга */ - } - .p-dashboards-show .cc-second .cc-inner > .c-my_list { - /* display: none; /* Скрываем блоки: Мой лист */ - } - .p-dashboards-show .cc-second .cc-inner >.b-forums { - /* display: none; /* Скрываем блоки: Темы форума */ - } -} -/* TENTATIVE CODE | END */ - - - -/* TENTATIVE CODE | RIGHT SIDEBAR */ -@media (max-width: 1024px) { - .l-menu { - position: fixed !important; - top: 0; - right: 0; - width: 25rem !important; - max-width: calc(100% - 3.5rem); - height: 100%; - background-color: #FFFFFF; /* #FFFFFF / #424242 */ - z-index: 100; - padding: 4.5rem 1rem 1.5rem; - box-shadow: 0 2px 3px 1px rgba(0, 0, 0, .24); - overflow-y: auto; - transform: translateX(100%); - transition: .25s ease; - } - .l-page.menu-expanded .l-menu { - transform: translateX(0); - } - .menu-slide-outer .l-content { - margin-left: 0 !important; - } -} -/* TENTATIVE CODE | END */ - - - -/* TENTATIVE CODE | PROFILE CONTENT */ -.p-profiles .lifetime { - margin-bottom: 0; - min-height: 0; -} -.p-profiles .lifetime .bar, -.p-profiles .lifetime .times, -.p-profiles .profile-content .activity .title { - display: none; -} -.p-profiles .lifetime .title > .label { - font-size: 0; - line-height: 0; -} -.p-profiles .lifetime .title > .label:before { - display: block; - font-size: 0.875rem; - line-height: 1rem; -} -.p-profiles.locale-ru .lifetime .title > .label:before { - content: 'Активность'; -} -.p-profiles.locale-en .lifetime .title > .label:before { - content: 'Time spent'; -} -.p-profiles .lifetime .title .value { - height: 16px; - margin-top: 0; - line-height: 16px; -} -.p-profiles .profile-content .cc-2 .c-right .cc-2a { - margin-bottom: 16px !important; -} -@media (min-width: 768px) { - .p-profiles .profile-content .graph { - height: 155px; - } - .p-profiles .profile-content .cc-2 > .c-column { - width: 100%; - margin-bottom: 1rem; - } - .p-profiles .profile-content .cc-2 .activity { - padding-bottom: 1rem; - } -} -@media (min-width: 960px) { - .p-profiles .profile-content .cc-2 { - position: relative; - } - .p-profiles .profile-content .cc-2 .c-left { - width: 77%; - min-height: 220px; - padding-right: 3.5rem; - margin-bottom: 1.5rem; - } - .p-profiles .profile-content .cc-2 .c-right .cc-2a { - position: absolute; - top: 0; - right: 0; - width: 23%; - margin-top: -244px; - } - .p-profiles .profile-content .cc-2 .c-right .cc-2a > .c-column { - clear: both; - width: 100%; - margin: 0; - } -} -/* TENTATIVE CODE | END */ - - - - - - - - - - -/* ДОПОЛНИТЕЛЬНЫЕ ЦВЕТА ДЛЯ ТЕМНОЙ ТЕМЫ */ - -/* Цвет карточки пользователя в списке */ -.ajax > .b-user.detailed { - background-color: #424242; -} - -/* Правая боковая панель */ -/* Фон всплывающей и поднятой областей (По умолчанию: #424242) */ -@media (max-width: 1024px) { - .l-menu { - background-color: #424242; - } -} - - - - - - - - - - -/* МОИ НАСТРОЙКИ */ - -/* Фон страницы */ -body { - background-image: none; -} - - -/** - * Рамка по бокам страницы - * Используйте цвет фона центральной области, чтобы визуально расширить её. - * Эта настройка будет полезна при использовании фоновой картинки - * - с легкой прозрачностью (.85 и более) - * - без прозрачности - */ -.l-page:before { - outline-color: transparent; -} +/** + * Shikimori.org – CSS Theme + * MIT License + * Copyright (c) 2016 grin3671 + */ + + + +/* SPECIAL CODE */ +/* Кнопка сохранения стиля всегда на виду */ +#submit_style { + position: fixed; + bottom: 0; + right: 0; + margin: 5rem; + z-index: 1000; +} + +/* Настройки вверху, CSS внизу */ +.b-edit_styles { + display: flex; + flex-direction: column-reverse; +} + +/* Широкое полотно стиля */ +.b-edit_styles > .c-column { + width: 100%; + margin: 0; +} + +/* Настройка текста */ +.style_css textarea { + font-family: monospace; + font-size: 1rem; + line-height: 1.5 !important; + white-space: nowrap; + overflow-x: auto !important; +} + +/* SPECIAL CODE | END */ + + + + + + + + + + +/* FONT COLLECTION */ +body, input, select, button, textarea { + font-family: 'Arial', sans-serif; +} + +.b-show_more, +.b-show_more-more .hide-more, +.l-footer:before, +.b-sponsors_block_3:before, +.l-top_menu .inner .logo:before, +.b-user_rate .rate-show .note:before, +.button, +.buttons, +.b-contests-menu .results, +.b-link_button, +input[type=submit], +.p-animes_collection-index .pagination, +.p-mangas_collection-index .pagination, +.p-recommendations-index .pagination, +.p-userlist_comparer-show .pagination, +.mischeadline, +.c-my_list .title, +.subheadline, +.midheadline, +.b-stats_bar .title, +.profile-content .activity .title, +.lifetime .title, +.midheadline > a, +.subheadline > a, +.b-form .cancel, +.b-shiki_editor footer .unpreview, +.b-shiki_editor footer .preview, +.p-contests .contest-match .vs .refrain, +.p-contests .contest-match .votes-percents, +.p-contests .contest-match .vs > div:first-child, +.p-contests .contest-match .vs .next, +.b-lang_trigger, +.b-topic > .inner > header .about a, +.b-topic-preview > .inner .status-line .b-link, +.b-hot_topics .topic.subject, +div.compatibility > a > span.rate, +div.compatibility > span.link-replacement > span.rate, +.b-abuse_marker:before, +.b-broadcast_marker:before, +.b-new_marker:before, +.b-offtopic_marker:before, +.b-summary_marker:before, +.b-options-floated, +.p-profiles-edit .b-options-floated > a, +.p-dialogs .b-options-floated > a, +.p-messages .b-options-floated > a, +.b-options-floated a span.brackets, +.b-options-floated .link span.brackets, +.p-user_rates .mylist-block + .block > .b-list > li, +.b-collection-filters > .block:first-child > .b-list > li, +.b-collection-filters > .block:first-child > .b-list > li, +.b-collection-filters .block-list .filter, +.b-collection-filters .b-block_list .filter, +.edit-page a.cancel, +.b-topic-preview > .editor-container .hide, +.b-button, +.p-clubs-edit .pages .b-button, +.p-profiles-show .lifetime .times .time.checked, +.p-anime_videos-index .c-videos .video-variant-switcher { + font-weight: 700; +} + +.b-topic .name-date .name, +.b-comment .name-date .name, +.b-dialog .name-date .name, +text, +.highcharts-tooltip text tspan:last-child { + font-weight: 700 !important; +} + +@media only screen and (min-width: 768px) { + .about-bb_codes:before { + font-weight: 700 !important; + } +} + +@media screen and (min-width: 1025px) { + .b-entry-info .line .value { + font-weight: 400 !important; + } +} + +/* END of FONT COLLECTION */ + + + + + + + + + + +/* НАСТРОЙКА ЦВЕТОВ */ +/* Цвет текста ссылки по умолчанию */ +a { + color: #009688; +} + +/* Цвет ссылки при наведении */ +a:hover { + color: #FFAB40; +} + +/* Цвет ссылки при нажатии */ +@media only screen and (min-width: 1025px) { + a:active { + color: #FF9100; + } +} + +.b-abuse_request .ban-form .cancel, +.b-ban .abuser, +.b-bb_codes-examples .example a, +.b-bb_codes-examples .result a, +.b-bracket-actions > div, +.b-bracket-actions > span, +.b-catalog_entry-tooltip .inner a.name, +.b-catalog_entry-tooltip .inner .line .value a, +.b-catalog_entry-tooltip .inner .line.works .value a, +.b-catalog_entry .cover .title, +.b-club .name, +.b-comment > .inner header .name-date a.name, +.b-comments .comments-collapser, +.b-cosplay-topic > .inner .cosplay-info .line .value a, +.b-cosplay_gallery h3 a, +.b-db_entry-note .name-container .name, +.b-db_entry > .c-about .additional-links .line-container > .link, +.b-db_entry > .c-about .additional-links .line-container > a, +.b-dialog > .inner header .name-date a.name, +.b-entry-info .line a, +.b-feedback-inner .about a, +.b-form .variants .variant a, +.b-form .cancel, +.b-forums .forum .link-with-input .link, +.b-forums .reload, +.b-header_filters .filter-line a, +.b-height_shortener .expand, +.b-js-action, +.b-js-link, +.b-lang_trigger span, +.b-link, +.b-log_entry a, +.b-log_entry .link, +.b-log_entry .moderation a, +.b-log_entry .spoiler.collapsed, +.b-log_entry .spoiler.collapse, +.b-log_entry .spoiler.collapse span, +.b-log_entry .spoiler.collapsed span, +.b-mention, +.b-message > .inner header .name-date a.name, +.b-nothing_here a, +.b-options-floated a, +.b-options-floated .link, +.b-options-floated .action, +.b-options-floated.mobile-desktop a, +.b-person .name, +.b-shiki_editor footer .unpreview, +.b-shiki_editor footer .unpreview:not(.link), +.b-shiki_editor footer .cancel, +.b-shiki_editor footer .hide, +.b-shiki_editor footer .about-bb_codes, +.b-source .contributors .val a, +.b-source .mal .val a, +.b-source .source .val a, +.b-spoiler .content .before, +.b-spoiler .content .after, +.b-spoiler label, +.b-stats_bar a.title, +.b-table a, +.b-topic > .inner header .name-date a.name, +.b-topic .footer-vote .vote-group .vote, +.b-user.named_avatar .name, +.b-user.detailed .info .image-name, +.b-user.detailed .history .line a .event, +.b-user16, +header.head h1 a.back, +header.head h2 a.back, +header.head a.misc, +header.head a.edit, +.headline > a, +.midheadline > a, +.subheadline > a, +.subheadline .misc-link, +.b-video_player .cc-player_controls a.c-control, +.b-video_player .cc-player_controls .episode-title .video-link a, +.b-video_variant a, +.b-animes-menu .menu-topics-block .history-entry-tooltip a, +.p-animes-files .l-content a, +.p-mangas-files .l-content a, +div.history .block-list li .tooltip-inner a, +div.history .b-block_list li .tooltip-inner a, +.p-animes_collection-index .pagination .link, +.p-mangas_collection-index .pagination .link, +.p-recommendations-index .pagination .link, +.p-userlist_comparer-show .pagination .link, +.p-contests .contest-match .vs .next, +.p-contests .contest-match .vs .refrain, +.p-contests-edit .grid, +.p-contests .match-day .match-link a, +.p-contests .rating .member a, +.p-contests .results a, +.p-contests .suggestion > a, +.p-contests .variant > a, +.b-contests-menu .results, +.b-contests-menu .grid a, +.p-contests-grid .round .match a, +.p-contests-index .contest a, +.p-dashboards .c-my_list .list-type > .title .link, +.p-dashboards .c-my_list .history > .title .link, +.p-dashboards .c-my_list .list-type > .title .switch, +.p-dashboards .c-my_list .history > .title .switch, +.p-dashboards .user_list .list-type > .title .link, +.p-dashboards .user_list .history > .title .link, +.p-dashboards .user_list .list-type > .title .switch, +.p-dashboards .user_list .history > .title .switch, +.p-dashboards-show .midheadline .b-link, +.p-dashboards-show .c-content .options .option, +.p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name, +.p-profiles .profile-head .c-brief header .notice a, +.p-profiles .profile-head .c-mobile-actions a, +.p-profiles .profile-head .c-mobile-actions span, +.p-profiles .profile-head .c-info .c-additionals div a, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a, +.p-profiles-edit .account .change-password a, +.p-profiles-edit .misc .profile-action a, +.p-profiles-edit .misc .profile-action .link, +.p-profiles-edit .misc .nickname-changes a, +.p-profiles-edit .misc .nickname-changes .link, +.p-profiles-edit .list .profile-action a, +.p-profiles-edit .list .profile-action .link, +.p-profiles-edit .list .nickname-changes a, +.p-profiles-edit .list .nickname-changes .link, +.p-profiles-edit .list #import_form .link, +.p-profiles-show .about a, +.p-studios .studio .name, +.p-translations .animes a, +.p-user_history-index .history-page .history-interval p a, +.p-user_rates-index .list-lines tr .name a, +.p-userlist_comparer .comparer table .name a, +.b-log_entry .comment-block ins, +.p-statistics-index .forum-nav .sections a.selected, +.p-anime_videos-index .c-videos .video-variant-switcher, +.p-user_rates-index .stat-categories .category, +.b-video_player .cc-player_controls .episode-num .video-link a, +.b-video_player .cc-player_controls .c-control { + color: #009688; + border-bottom-color: rgba(0, 150, 136, 0.3); +} + +@media screen and (max-width: 480px) and (orientation: portrait) { + .b-options-floated.mobile-phone_portrait a { + color: #009688; + } +} + +@media screen and (max-width: 767px) { + .b-options-floated.mobile-phone a { + color: #009688; + } +} + +@media screen and (max-width: 1024px) { + .b-options-floated.mobile-tablet a { + color: #009688; + } +} + +.b-abuse_request .ban-form .cancel:hover, +.b-ban .abuser:hover, +.b-bb_codes-examples .example a:hover, +.b-bb_codes-examples .result a:hover, +.b-bracket-actions > div:hover, +.b-bracket-actions > span:hover, +.b-catalog_entry-tooltip .inner a.name:hover, +.b-catalog_entry-tooltip .inner .line .value a:hover, +.b-catalog_entry-tooltip .inner .line.works .value a:hover, +.b-catalog_entry .cover .title:hover, +.b-club .name:hover, +.b-comment > .inner header .name-date a.name:hover, +.b-comments .comments-collapser:hover, +.b-cosplay-topic > .inner .cosplay-info .line .value a:hover, +.b-cosplay_gallery h3 a:hover, +.b-db_entry-note .name-container .name:hover, +.b-db_entry > .c-about .additional-links .line-container > .link:hover, +.b-db_entry > .c-about .additional-links .line-container > a:hover, +.b-dialog > .inner header .name-date a.name:hover, +.b-entry-info .line a:hover, +.b-feedback-inner .about a:hover, +.b-form .variants .variant a:hover, +.b-form .cancel:hover, +.b-forums .forum .link-with-input .link:hover, +.b-forums .reload:hover, +.b-header_filters .filter-line a:hover, +.b-height_shortener .expand:hover, +.b-js-action:hover, +.b-js-link:hover, +.b-lang_trigger span:hover, +.b-link:hover, +.b-log_entry a:hover, +.b-log_entry .link:hover, +.b-log_entry .moderation a:hover, +.b-log_entry .spoiler.collapsed:hover, +.b-log_entry .spoiler.collapse:hover, +.b-log_entry .spoiler.collapse span:hover, +.b-log_entry .spoiler.collapsed span:hover, +.b-mention:hover, +.b-message > .inner header .name-date a.name:hover, +.b-nothing_here a:hover, +.b-options-floated a:hover, +.b-options-floated .link:hover, +.b-options-floated .action:hover, +.b-options-floated.mobile-desktop a:hover, +.b-person .name:hover, +.b-shiki_editor footer .unpreview:hover, +.b-shiki_editor footer .unpreview:not(.link):hover, +.b-shiki_editor footer .cancel:hover, +.b-shiki_editor footer .hide:hover, +.b-shiki_editor footer .about-bb_codes:hover, +.b-source .contributors .val a:hover, +.b-source .mal .val a:hover, +.b-source .source .val a:hover, +.b-spoiler label:hover, +.b-spoiler .content:hover .before, +.b-spoiler .content:hover .after, +.b-stats_bar a.title:hover, +.b-table a:hover, +.b-topic > .inner header .name-date a.name:hover, +.b-topic .footer-vote .vote-group .vote:hover, +.b-user.named_avatar .name:hover, +.b-user.detailed .info .image-name:hover, +.b-user.detailed .history .line a .event:hover, +.b-user16:hover, +header.head h1 a.back:hover, +header.head h2 a.back:hover, +header.head a.misc:hover, +header.head a.edit:hover, +.headline > a:hover, +.midheadline > a:hover, +.subheadline > a:hover, +.subheadline .misc-link:hover, +.b-video_player .cc-player_controls a.c-control:hover, +.b-video_player .cc-player_controls .episode-title .video-link a:hover, +.b-video_variant a:hover, +.b-animes-menu .menu-topics-block .history-entry-tooltip a:hover, +.p-animes-files .l-content a:hover, +.p-mangas-files .l-content a:hover, +div.history .block-list li .tooltip-inner a:hover, +div.history .b-block_list li .tooltip-inner a:hover, +.p-animes_collection-index .pagination .link:hover, +.p-mangas_collection-index .pagination .link:hover, +.p-recommendations-index .pagination .link:hover, +.p-userlist_comparer-show .pagination .link:hover, +.p-contests .contest-match .vs .next:hover, +.p-contests .contest-match .vs .refrain:hover, +.p-contests-edit .grid:hover, +.p-contests .match-day .match-link a:hover, +.p-contests .rating .member a:hover, +.p-contests .results a:hover, +.p-contests .suggestion > a:hover, +.p-contests .variant > a:hover, +.b-contests-menu .results:hover, +.b-contests-menu .grid a:hover, +.p-contests-grid .round .match a:hover, +.p-contests-index .contest a:hover, +.p-dashboards .c-my_list .list-type > .title .link:hover, +.p-dashboards .c-my_list .history > .title .link:hover, +.p-dashboards .c-my_list .list-type > .title .switch:hover, +.p-dashboards .c-my_list .history > .title .switch:hover, +.p-dashboards .user_list .list-type > .title .link:hover, +.p-dashboards .user_list .history > .title .link:hover, +.p-dashboards .user_list .list-type > .title .switch:hover, +.p-dashboards .user_list .history > .title .switch:hover, +.p-dashboards-show .midheadline .b-link:hover, +.p-dashboards-show .c-content .options .option:hover, +.p-dashboards-show .c-content .options .option.selected, +.p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name:hover, +.p-profiles .profile-head .c-brief header .notice a:hover, +.p-profiles .profile-head .c-mobile-actions a:hover, +.p-profiles .profile-head .c-mobile-actions span:hover, +.p-profiles .profile-head .c-info .c-additionals div a:hover, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:hover, +.p-profiles-edit .account .change-password a:hover, +.p-profiles-edit .misc .profile-action a:hover, +.p-profiles-edit .misc .profile-action .link:hover, +.p-profiles-edit .misc .nickname-changes a:hover, +.p-profiles-edit .misc .nickname-changes .link:hover, +.p-profiles-edit .list .profile-action a:hover, +.p-profiles-edit .list .profile-action .link:hover, +.p-profiles-edit .list .nickname-changes a:hover, +.p-profiles-edit .list .nickname-changes .link:hover, +.p-profiles-edit .list #import_form .link:hover, +.p-profiles-show .about a:hover, +.p-studios .studio .name:hover, +.p-translations .animes a:hover, +.p-user_history-index .history-page .history-interval p a:hover, +.p-user_rates-index .list-lines tr .name a:hover, +.p-userlist_comparer .comparer table .name a:hover, +.p-statistics-index .forum-nav .sections a:hover, +.block-list-alt a:hover, +.b-block_list-alt a:hover, +.b-catalog_entry .cover:hover, +.b-catalog_entry .cover:hover .title, +.b-comment > .inner .was_updated:hover, +.b-comment header .hash:hover, +.b-dialog > .inner .was_updated:hover, +.b-message > .inner .was_updated:hover, +.b-options-floated .selected, +.b-options-floated .selected.always-active:hover, +.b-show_more:hover, +.b-show_more-more .hide-more:hover, +.b-stats_bar .stat_names .stat_name a:hover, +.b-topic > .inner .was_updated:hover, +.headline > a:hover:before, +.midheadline > a:hover:before, +.subheadline > a:hover:before, +.headline.linkheadline > a:hover, +.linkheadline.midheadline > a:hover, +.linkheadline.subheadline > a:hover, +.headline.linkheadline > a:hover:before, +.linkheadline.midheadline > a:hover:before, +.linkheadline.subheadline > a:hover:before, +.tooltip-inner .close:hover, +.p-animes-franchise .sticky-tooltip .close:hover, +.p-mangas-franchise .sticky-tooltip .close:hover, +.p-contests .contest-match .prev-match:hover, +.p-contests .contest-match .next-match:hover, +.p-contests .match-day .match-link.voted-none > .c-column a:hover, +.p-contests .match-day .match-link.voted-left > .c-column:last-child a:hover, +.p-contests .match-day .match-link.voted-right > .c-column:first-child a:hover, +.p-contests .match-day .match-link .c-column.loser a:hover, +.p-contests .match-day .match-link .c-column.created a:hover, +.p-contests-grid .round .match .date a:hover, +.p-dashboards-show .contests .contest:hover .title, +.p-dashboards-show .contests .contest:hover .title:after, +.p-dashboards-show .contests .contest .title:hover, +.p-dashboards-show .contests .contest .title:hover:after, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.zero:hover, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.weak:hover, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.moderate:hover, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.high:hover, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.full:hover, +.p-topics .l-menu .sticky-topics .topic:hover .title, +.p-topics .l-menu .sticky-topics .topic:hover .title:after, +.p-topics .l-menu .sticky-topics .topic .title:hover, +.p-topics .l-menu .sticky-topics .topic .title:hover:after, +.p-topics .l-menu .contests .contest:hover .title, +.p-topics .l-menu .contests .contest:hover .title:after, +.p-topics .l-menu .contests .contest .title:hover, +.p-topics .l-menu .contests .contest .title:hover:after, +.p-topics header h1 a.reload:hover, +.p-user_rates-index .l-content .order-control:hover, +.p-user_rates-index .list-lines tr td .anime-status:hover, +.p-user_rates-index .list-lines tr td .anime-remove:hover, +.p-user_rates-index .list-lines tr td .anime-remove.selected, +.p-anime_videos-index .c-videos .video-variant-switcher:hover, +.p-user_rates-index .stat-categories .category:hover, +.b-options-floated.mobile-desktop a.selected, +.p-user_rates-index .stat-categories .category.active, +.p-anime_videos-index .c-videos .video-variant-switcher.active, +.b-video_player .cc-player_controls .episode-num .video-link a:hover, +.b-video_player .cc-player_controls .c-control:hover, +.b-video_variant.active a, +.b-video_player .cc-player_controls .c-control.selected { + color: #FFAB40; + border-bottom-color: rgba(255, 171, 64, 0.3); +} + +@media screen and (max-width: 480px) and (orientation: portrait) { + .b-options-floated.mobile-phone_portrait a:hover { + color: #FFAB40; + } +} + +@media screen and (max-width: 767px) { + .b-options-floated.mobile-phone a:hover { + color: #FFAB40; + } +} + +@media screen and (max-width: 1024px) { + .b-options-floated.mobile-tablet a:hover { + color: #FFAB40; + } +} + +.b-header_filters .filter-line a:active, +.b-person .name:active, +.b-source .contributors .val a:active, +.b-source .mal .val a:active, +.b-source .source .val a:active, +.b-animes-menu .menu-topics-block .history-entry-tooltip a:active, +.p-animes-files .l-content a:active, +.p-mangas-files .l-content a:active, +div.history .block-list li .tooltip-inner a:active, +div.history .b-block_list li .tooltip-inner a:active, +.p-dashboards-show .midheadline .b-link:active, +.p-dashboards-show .c-content .options .option:active, +.p-profiles .profile-head .c-brief header .notice a:active, +.p-profiles .profile-head .c-mobile-actions a:active, +.p-profiles .profile-head .c-mobile-actions span:active, +.p-profiles .profile-head .c-info .c-additionals div a:active, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:active, +.block-list-alt a:active, +.b-block_list-alt a:active, +.b-options-floated .selected:hover, +.b-show_more:active, +.b-show_more-more .hide-more:active, +.headline > a:active:before, +.midheadline > a:active:before, +.subheadline > a:active:before, +.p-dashboards-show .contests .contest:active .title, +.p-dashboards-show .contests .contest:active .title:after, +.p-dashboards-show .contests .contest .title:active, +.p-dashboards-show .contests .contest .title:active:after, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.zero:active, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.weak:active, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.moderate:active, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.high:active, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.full:active, +.p-topics .l-menu .sticky-topics .topic:active .title, +.p-topics .l-menu .sticky-topics .topic:active .title:after, +.p-topics .l-menu .sticky-topics .topic .title:active, +.p-topics .l-menu .sticky-topics .topic .title:active:after, +.p-topics .l-menu .contests .contest:active .title, +.p-topics .l-menu .contests .contest:active .title:after, +.p-topics .l-menu .contests .contest .title:active, +.p-topics .l-menu .contests .contest .title:active:after, +.p-user_rates-index .stat-categories .category:active, +.b-options-floated.mobile-desktop a.selected:hover, +.p-user_rates-index .stat-categories .category.active:hover, +.p-anime_videos-index .c-videos .video-variant-switcher.active:hover, +.b-video_player .cc-player_controls .c-control.selected:hover { + color: #FF9100; +} + +@media only screen and (min-width: 1025px) { + .b-abuse_request .ban-form .cancel:active, + .b-ban .abuser:active, + .b-bb_codes-examples .example a:active, + .b-bb_codes-examples .result a:active, + .b-bracket-actions > div:active, + .b-bracket-actions > span:active, + .b-catalog_entry-tooltip .inner a.name:active, + .b-catalog_entry-tooltip .inner .line .value a:active, + .b-catalog_entry-tooltip .inner .line.works .value a:active, + .b-catalog_entry .cover .title:active, + .b-club .name:active, + .b-comment > .inner header .name-date a.name:active, + .b-comments .comments-collapser:active, + .b-cosplay-topic > .inner .cosplay-info .line .value a:active, + .b-cosplay_gallery h3 a:active, + .b-db_entry-note .name-container .name:active, + .b-db_entry > .c-about .additional-links .line-container > .link:active, + .b-db_entry > .c-about .additional-links .line-container > a:active, + .b-dialog > .inner header .name-date a.name:active, + .b-entry-info .line a:active, + .b-feedback-inner .about a:active, + .b-form .variants .variant a:active, + .b-form .cancel:active, + .b-forums .forum .link-with-input .link:active, + .b-forums .reload:active, + .b-header_filters .filter-line a:active, + .b-height_shortener .expand:active, + .b-js-action:active, + .b-js-link:active, + .b-lang_trigger span:active, + .b-link:active, + .b-log_entry a:active, + .b-log_entry .link:active, + .b-log_entry .moderation a:active, + .b-log_entry .spoiler.collapsed:active, + .b-log_entry .spoiler.collapse:active, + .b-log_entry .spoiler.collapse span:active, + .b-log_entry .spoiler.collapsed span:active, + .b-mention:active, + .b-message > .inner header .name-date a.name:active, + .b-nothing_here a:active, + .b-options-floated a:active, + .b-options-floated .link:active, + .b-options-floated .action:active, + .b-options-floated.mobile-desktop a:active, + .b-shiki_editor footer .unpreview:active, + .b-shiki_editor footer .unpreview:not(.link):active, + .b-shiki_editor footer .cancel:active, + .b-shiki_editor footer .hide:active, + .b-shiki_editor footer .about-bb_codes:active, + .b-spoiler label:active, + .b-stats_bar a.title:active, + .b-table a:active, + .b-topic > .inner header .name-date a.name:active, + .b-topic .footer-vote .vote-group .vote:active, + .b-user.named_avatar .name:active, + .b-user.detailed .info .image-name:active, + .b-user.detailed .history .line a .event:active, + .b-user16:active, + header.head h1 a.back:active, + header.head h2 a.back:active, + header.head a.misc:active, + header.head a.edit:active, + .headline > a:active, + .midheadline > a:active, + .subheadline > a:active, + .subheadline .misc-link:active, + .b-video_player .cc-player_controls a.c-control:active, + .b-video_player .cc-player_controls .episode-title .video-link a:active, + .b-video_variant a:active, + .p-animes_collection-index .pagination .link:active, + .p-mangas_collection-index .pagination .link:active, + .p-recommendations-index .pagination .link:active, + .p-userlist_comparer-show .pagination .link:active, + .p-contests .contest-match .vs .next:active, + .p-contests .contest-match .vs .refrain:active, + .p-contests-edit .grid:active, + .p-contests .match-day .match-link a:active, + .p-contests .rating .member a:active, + .p-contests .results a:active, + .p-contests .suggestion > a:active, + .p-contests .variant > a:active, + .b-contests-menu .results:active, + .b-contests-menu .grid a:active, + .p-contests-grid .round .match a:active, + .p-contests-index .contest a:active, + .p-dashboards .c-my_list .list-type > .title .link:active, + .p-dashboards .c-my_list .history > .title .link:active, + .p-dashboards .c-my_list .list-type > .title .switch:active, + .p-dashboards .c-my_list .history > .title .switch:active, + .p-dashboards .user_list .list-type > .title .link:active, + .p-dashboards .user_list .history > .title .link:active, + .p-dashboards .user_list .list-type > .title .switch:active, + .p-dashboards .user_list .history > .title .switch:active, + .p-dashboards-show .midheadline .b-link:active, + .p-dashboards-show .c-content .options .option:active, + .p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name:active, + .p-profiles .profile-head .c-brief header .notice a:active, + .p-profiles .profile-head .c-mobile-actions a:active, + .p-profiles .profile-head .c-mobile-actions span:active, + .p-profiles .profile-head .c-info .c-additionals div a:active, + .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:active, + .p-profiles-edit .account .change-password a:active, + .p-profiles-edit .misc .profile-action a:active, + .p-profiles-edit .misc .profile-action .link:active, + .p-profiles-edit .misc .nickname-changes a:active, + .p-profiles-edit .misc .nickname-changes .link:active, + .p-profiles-edit .list .profile-action a:active, + .p-profiles-edit .list .profile-action .link:active, + .p-profiles-edit .list .nickname-changes a:active, + .p-profiles-edit .list .nickname-changes .link:active, + .p-profiles-edit .list #import_form .link:active, + .p-profiles-show .about a:active, + .p-studios .studio .name:active, + .p-translations .animes a:active, + .p-user_history-index .history-page .history-interval p a:active, + .p-user_rates-index .list-lines tr .name a:active, + .p-userlist_comparer .comparer table .name a:active, + .p-statistics-index .forum-nav .sections a:active, + .b-catalog_entry .cover:active, + .b-comment > .inner .was_updated:active, + .b-comment header .hash:active, + .b-dialog > .inner .was_updated:active, + .b-message > .inner .was_updated:active, + .b-options-floated .selected.always-active:active, + .b-stats_bar .stat_names .stat_name a:active, + .b-topic > .inner .was_updated:active, + .headline.linkheadline > a:active, + .linkheadline.midheadline > a:active, + .linkheadline.subheadline > a:active, + .headline.linkheadline > a:active:before, + .linkheadline.midheadline > a:active:before, + .linkheadline.subheadline > a:active:before, + .tooltip-inner .close:active, + .p-animes-franchise .sticky-tooltip .close:active, + .p-mangas-franchise .sticky-tooltip .close:active, + .p-contests .contest-match .prev-match:active, + .p-contests .contest-match .next-match:active, + .p-contests .match-day .match-link.voted-none > .c-column a:active, + .p-contests .match-day .match-link.voted-left > .c-column:last-child a:active, + .p-contests .match-day .match-link.voted-right > .c-column:first-child a:active, + .p-contests .match-day .match-link .c-column.loser a:active, + .p-contests .match-day .match-link .c-column.created a:active, + .p-contests-grid .round .match .date a:active, + .p-topics header h1 a.reload:active, + .p-user_rates-index .l-content .order-control:active, + .p-user_rates-index .list-lines tr td .anime-status:active, + .p-user_rates-index .list-lines tr td .anime-remove:active, + .b-bracket-details:active, + .b-form a.remove:active, + .p-anime_videos-index .c-videos .video-variant-switcher:active, + .p-anime_videos-index .c-videos .video-variant-switcher.active, + .b-video_player .cc-player_controls .episode-num .video-link a:active, + .b-video_player .cc-player_controls .c-control:active { + color: #FF9100; + border-bottom-color: rgba(255, 145, 0, 0.3); + } +} + +@media only screen and (max-width: 480px) and (orientation: portrait) and (min-width: 1025px) { + .b-options-floated.mobile-phone_portrait a:active { + color: #FF9100; + } +} + +@media only screen and (max-width: 767px) and (min-width: 1025px) { + .b-options-floated.mobile-phone a:active { + color: #FF9100; + } +} + +@media only screen and (max-width: 1024px) and (min-width: 1025px) { + .b-options-floated.mobile-tablet a:active { + color: #FF9100; + } +} + +body { + background-color: #303030; +} + +.l-page, +.c-actions:before, +.p-contests .contest-match .vs > div:first-child, +.p-contests .match-day > .date, +.p-animes_collection-index .l-content.ajax_request::before, +.p-mangas_collection-index .l-content.ajax_request::before, +.p-recommendations-index .l-content.ajax_request::before, +.p-userlist_comparer-show .l-content.ajax_request::before, +.b-ajax:before { + background: #303030; +} + +.l-page:before { + outline-color: #303030; +} + +@media screen and (max-width: 960px) { + .p-profiles .profile-head .c-brief header { + background-color: #303030; + } +} + +@media screen and (max-width: 1024px) { + body { + background-color: #303030 !important; + } +} + +.b-height_shortener .shade { + background-image: linear-gradient(to bottom, transparent, #303030); +} + +.b-topic.aside-expanded > .inner aside.buttons, +.b-dialog.aside-expanded > .inner aside.buttons, +.b-message.aside-expanded > .inner aside.buttons, +.b-comment.aside-expanded > .inner aside.buttons { + background-color: rgba(48, 48, 48, 0.9); +} + +/* BLACK GREY WHITE */ +body, +header.head h1, +header.head h2, +.ac_results, +.tooltip-inner, +.b-input input, +.b-input textarea, +.b-shiki_editor .body .editor textarea, +.b-shiki_editor .links .link-value, +.b-shiki_editor .images .link-value, +.b-shiki_editor .quotes .link-value, +.b-shiki_editor .email .link-value, +.b-shiki_editor .upload .link-value, +.p-user_rates-index .list-lines tr td .new-value input, +.p-user_rates-index .l-content .filter input, +.subheadline-input, +.b-catalog_entry-tooltip .inner a.name, +.b-catalog_entry .cover .title, +.b-catalog_entry-tooltip .inner .line .value a, +.b-clubs-menu .block-list li:hover, +.b-clubs-menu .block-list li:hover a, +.b-clubs-menu .block-list li a:hover, +.b-clubs-menu .b-block_list li:hover, +.b-clubs-menu .b-block_list li:hover a, +.b-clubs-menu .b-block_list li a:hover, +.b-db_entry > .c-image .c-actions > a:after, +.b-db_entry-note .name-container .name, +.b-dialog > .inner header .name-date a.name, +.b-entry-info .line .b-tag, +.b-forums .forum .link-with-input .link, +.b-height_shortener .expand, +.b-hot_topics .topic.subject, +.b-hot_topics .topic a:hover, +.b-message > .inner header .name-date a.name, +.b-modal .subheadline, +.b-link_button, +.b-link_button:hover, +.b-link_button:active, +.block-list li:hover, +.block-list-alt li:hover, +.b-block_list li:hover, +.b-block_list-alt li:hover, +.b-pages .b-link, +.b-show_more:hover, +.b-show_more-more .hide-more:hover, +.b-stats_bar .stat_names .stat_name a, +.b-video_player .cc-player_controls .episode-title, +.b-video_variant .episode-num, +.b-video_variant .video-author, +.b-video_variant .video-id, +.headline, +.b-catalog_entry-tooltip .inner .line .value .tag:hover, +.b-entry-info .line .b-tag:hover, +.b-tag:hover, +.p-contests .match-day .match-link.voted-none > .c-column a, +.p-contests .match-day .match-link.voted-left > .c-column:last-child a, +.p-contests .match-day .match-link.voted-right > .c-column:first-child a, +.p-contests .match-day .match-link .c-column.loser a, +.p-contests .match-day .match-link .c-column.created a, +.p-dashboards-show .contests .contest .title, +.p-dialogs .b-options-floated > a.selected, +.p-moderations-missing_videos .missing-video > .info span, +.p-messages .b-options-floated > a.selected, +.p-profiles-edit .b-options-floated > a.selected, +.p-profiles .profile-head .c-history .entry .title, +.p-topics .l-menu .calendar .entry a, +.p-topics .l-menu .clubs .entry a, +.p-topics .l-menu .contests .contest .title, +.p-topics .l-menu .reviews .entry a, +.p-topics .l-menu .sticky-topics .topic .title, +.p-user_rates-index .l-content .order-control, +.p-user_rates-index .l-content .order-control:hover { + color: #FFFFFF !important; +} + +/* Цвет основного текста в области при наведении */ +.b-clubs-menu .b-link:hover, +.b-clubs-menu .actions li:hover, +.b-clubs-menu .actions .upload label:hover, +.b-clubs-menu .actions .invite span:hover, +.b-clubs-menu .actions .join a:hover, +.b-clubs-menu .actions .leave a:hover, +.b-hot_topics .topic a, +.b-forums .forum:hover .link-with-input .link, +.b-image .marker, +.b-video .marker, +.b-video .name, +.p-dashboards-show .contests .contest:hover .title, +.p-profiles .profile-head .c-history .entry:hover .title, +.p-topics .l-menu .calendar .entry:hover a, +.p-topics .l-menu .clubs .entry:hover a, +.p-topics .l-menu .contests .contest:hover .title, +.p-topics .l-menu .reviews .entry:hover a, +.p-topics .l-menu .sticky-topics .topic:hover .title { + color: #FFFFFF !important; +} + +@media (max-width: 1024px) { + .l-top_menu .menu-items > .entry > a, + .l-top_menu .menu-items > .entry > .submenu > a, + .l-top_menu .inner .sign_out { + color: #FFFFFF !important; + } +} + +h3, +header.head .notice, +.bar.horizontal .line .x_label, +.bar.vertical .line .x_label, +.b-entry-info .line .b-tag, +.b-catalog_entry-tooltip .inner .line .key, +.b-catalog_entry-tooltip .inner .line .value .tag, +.b-catalog_entry-tooltip .inner .rating, +.b-collection-filters .block > .filter.item-sign:hover, +.b-height_shortener:hover .expand, +.b-lang_trigger:hover span, +.b-lang_trigger span:hover, +.b-show_more, +.b-show_more-more .hide-more, +.b-stats_bar .stat_names:hover:before, +.b-tag, +.block-list li, +.block-list-alt li, +.block-list li a, +.block-list-alt li a, +.b-block_list li, +.b-block_list li a, +div.compatibility > a:hover:before, +div.compatibility > a:hover > span:first-child:before, +.item-add:hover, +.l-footer .copyright, +.p-characters .item-edit:hover, +.p-characters .item-edit:active, +.p-contests .match-day > .date .from, +.p-contests .match-day > .date .to, +.p-profiles-edit .b-options-floated > a, +.p-dialogs .b-options-floated > a, +.p-messages .b-options-floated > a, +.p-user_rates-index .list-lines tr td .episodes_total, +.p-user_rates-index .list-lines tr td .rate-text { + color: #EEEEEE; +} + +header.head h1 > a.back:hover, +header.head h2 > a.back:hover, +header.head h1 > a.back:active, +header.head h2 > a.back:active, +.b-video_player .cc-player_controls .c-control:hover .icon, +.p-animes_collection-index .pagination .link:hover, +.p-mangas_collection-index .pagination .link:hover, +.p-recommendations-index .pagination .link:hover, +.p-userlist_comparer-show .pagination .link:hover, +.b-clubs-menu .block-list li, +.b-clubs-menu .block-list li a, +.b-clubs-menu .b-block_list li, +.b-clubs-menu .b-block_list li a, +.b-list_switchers > .switcher:hover, +.c-actions > *:hover, +.editor-controls > span:hover, +.profile-actions > a:hover, +.p-animes .item-edit:hover, +.p-contests .contest-match .prev-match:hover, +.p-contests .contest-match .next-match:hover, +.p-mangas .item-edit:hover, +.p-profiles-show .about .item-edit:hover, +.p-messages .mass-actions .action > a:hover, +.p-topics header h1 a.reload, +.delete-controls > span, +.delete-controls > span:hover, +.main-controls > span, +.main-controls > span:hover, +.main-controls > a, +.main-controls > a:hover, +.buttons .item-edit, +.buttons .item-edit:hover, +.moderation-controls > span, +.moderation-controls > span:hover, +.b-video_player .cc-player_controls .episode-num { + color: #EEEEEE !important; +} + +.midheadline, +.subheadline, +.b-animes-menu .menu-topics-block .date, +.b-breadcrumbs, +.b-breadcrumbs a.b-link, +.b-catalog_entry .cover .misc span, +.b-catalog_entry-tooltip .inner .rating .text, +.b-club .info .number, +.b-comment-info, +.b-comment .inner .name-date a.name .normal, +.b-collection-filters .block > .filter.item-sign, +.b-db_entry-note .name-container .note, +.b-entry-info .line .key, +.b-forums .forum .link-with-input input + .link, +.b-forums .forum .topics, +.b-lang_trigger span, +.b-log_entry .id-label, +.b-log_entry .state.auto_accepted, +.b-options-floated.count, +.b-pages .title, +.b-quote .quoteable:before, +.b-replies:before, +.b-stats_bar .title, +.b-stats_bar .stat_names:before, +.b-source .contributors .key, +.b-source .mal .key, +.b-source .source .key, +.b-topic-preview > .inner .status-line .about, +.b-topic-preview > .inner .status-line .from, +.b-collection-filters .block-list li:before, +.b-collection-filters .block-list .b-question:before, +.b-collection-filters .b-block_list li:before, +.b-collection-filters .b-block_list .b-question:before, +div.compatibility > a:before, +div.compatibility > span.link-replacement > span:first-child:before, +div.compatibility > a > span:first-child:before, +.item-add, +.item-mobile, +.item-mobile:hover, +.item-mobile:active, +.l-footer:before, +.l-footer .links a, +.l-top_menu .menu-items .submenu-toggler, +.p-animes_collection-index .pagination .link, +.p-mangas_collection-index .pagination .link, +.p-recommendations-index .pagination .link, +.p-userlist_comparer-show .pagination .link, +.p-characters .item-edit, +.p-contests .contest-match .vs, +.p-contests .contest-match .vs .help, +.p-contests .contest-match .vs .next, +.p-contests .contest-match .vs .finish, +.p-contests .contest-match .vs .refrain, +.p-contests .contest-match .vs .refrained, +.p-contests .match-day .matches-num, +.p-dashboards-show .contests .contest .notice, +.p-db_entries-edit .b-list .field, +.p-profiles .profile-head .c-info .c-additionals b, +.p-topics .l-menu .sticky-topics .topic .notice, +.b-user.detailed .info .last-online, +.b-video_variant .episode-hostings, +.b-video_variant .video-hosting, +.b-video_variant .video-language, +.p-anime_videos-index .c-video_stats .views_count, +.p-anime_videos-index .same-videos .title, +.p-anime_videos-index .c-anime_video_episodes .title, +.p-anime_videos-index .c-videos .title { + color: #BDBDBD; +} + +header.head h1 a.back, +header.head h2 a.back, +.about-bb_codes:before, +.b-db_entry > .c-about .additional-links .key, +.b-list_switchers > .switcher, +.b-user_rate .rate-show .note, +.c-actions > *, +.editor-controls > span, +.profile-actions > a, +.p-animes .item-edit, +.p-animes_collection-index .pagination .link, +.p-clubs-index header.head a.misc, +.p-contests .contest-match .prev-match, +.p-contests .contest-match .next-match, +.p-mangas .item-edit, +.p-mangas_collection-index .pagination .link, +.p-messages .mass-actions > .action > a, +.p-profiles .profile-head .c-history .entry .misc, +.p-profiles-show .about .item-edit, +.p-profiles-show .lifetime .title > .label:before, +.p-profiles-show .profile-content .activity .title, +.p-recommendations-index .pagination .link, +.p-topics .l-menu .calendar .entry .misc, +.p-topics .l-menu .reviews .entry .misc, +.p-topics .l-menu .clubs .entry .misc, +.p-userlist_comparer-show .pagination .link, +.p-user_rates-index .list-lines tr.edit-form .remove, +.p-user_rates-index .list-lines tr.edit-form .remove:hover, +.p-user_history-index .history-page .history-interval p .date { + color: #BDBDBD !important; +} + +@media only screen and (min-width: 1025px) { + .delete-controls > span, + .moderation-controls > span, + .main-controls > span, + .main-controls > a, + .buttons .item-edit { + color: #BDBDBD !important; + } +} + +.b-user.detailed .history .line .date, +.b-video_variant .episode-hostings:before, +.b-video_variant .episode-hostings:after, +.b-video_variant .video-hosting:before, +.b-video_variant .video-hosting:after, +.b-video_variant .video-language:before, +.b-video_variant .video-language:after, +.b-video_variant .video-kind.english:before, +.p-anime_videos-index .c-videos .video-variant-switcher:not(:first-child):after, +.b-nothing_here, +.b-review_votes span, +.b-topic-preview > .inner .status-line .time { + color: #9E9E9E; +} + +.b-video_player .cc-player_controls .c-control .icon, +.p-animes_collection-index .pagination .link.disabled, +.p-mangas_collection-index .pagination .link.disabled, +.p-recommendations-index .pagination .link.disabled, +.p-userlist_comparer-show .pagination .link.disabled, +.p-animes_collection-index .pagination .link.disabled:hover, +.p-mangas_collection-index .pagination .link.disabled:hover, +.p-recommendations-index .pagination .link.disabled:hover, +.p-userlist_comparer-show .pagination .link.disabled:hover, +.p-profiles .profile-head .c-history .entry .misc.date, +.p-topics .l-menu .calendar .entry .misc.date, +.p-topics .l-menu .reviews .entry .misc.date, +.p-topics .l-menu .clubs .entry .misc.date { + color: #9E9E9E !important; +} + +/* PRIMARY COLOR */ +input[type=submit], +.button, +.b-button, +.b-contests-menu .results, +.b-form input[type=submit], +.b-link_button.dark, +.btn-primary, +.b-shiki_editor .links .button.ok, +.b-shiki_editor .images .button.ok, +.b-shiki_editor .quotes .button.ok, +.b-shiki_editor .email .button.ok, +.b-shiki_editor .upload .button.ok, +.p-contests .contest-match .votes-percents .right-part, +.p-contests .contest-match .votes-percents .left-part:hover .right-part, +.p-user_rates .mylist-block + .block > .b-list > li, +.b-collection-filters > .block:first-child > .b-list > li, +.b-collection-filters > .block:first-child > .b-list > li, +.b-stats_bar.anime .bar .first, +.b-stats_bar.anime .bar .second, +.line:nth-child(odd) > .bar-container > .bar, +.line:nth-child(odd) > .bar-container > .bar:hover, +.line:nth-child(even) > .bar-container > .bar, +.line:nth-child(even) > .bar-container > .bar:hover, +.b-image .mobile-edit, +.b-image .delete:hover, +.b-image.deletable .confirm:hover, +.b-image.deletable .cancel:hover, +.p-user_rates-index .list-posters .user_rate .edit-user_rate, +.p-user_rates-index .list-posters .user_rate .edit-user_rate:hover { + background-color: #009688; +} + +.p-contests .contest-match .votes-percents .right-part, +.p-contests .contest-match .votes-percents .left-part:hover .right-part, +.b-main_search .input:after { + border-color: #009688; +} + +.subheadline > a:hover, +.midheadline > a:hover, +.edit-page a.cancel:hover, +.b-form .cancel:hover, +.b-shiki_editor footer .unpreview:hover, +.b-shiki_editor footer .preview:hover, +.b-topic-preview > .editor-container .hide:hover, +.p-contests .contest-match .vs .refrain:hover, +.p-dashboards-show .b-forums > .b-link_button.maxi:hover:after, +.p-profiles-show .b-stats_bar a.title:hover { + background-color: rgba(0, 150, 136, 0.12); +} + +input[type=submit]:hover, +.button:hover, +.b-button:hover, +.b-contests-menu .results:hover, +.b-form input[type=submit]:hover, +.b-link_button.dark:hover { + background-color: #008478; +} + +.b-contests-menu .results, +.b-link_button.dark, +.btn-submit { + color: #FAFAFA !important; +} + +.b-rate .stars.score, +.b-forums .forum input:checked + .link:before, +.b-collection-filters .block-list .filter, +.b-collection-filters .block-list li.selected:before, +.b-collection-filters .b-block_list .filter, +.b-collection-filters .b-block_list li.selected:before, +.p-contests .contest-match .vs .refrain, +.p-contests .contest-match .vs .refrain:hover, +.p-contests .contest-match .vs .refrain:active, +.tooltip-details .ajax-loading { + color: #009688; +} + +.headline > a, +.headline > a:hover, +.headline.linkheadline > a, +.midheadline > a, +.midheadline > a:hover, +.midheadline.linkheadline > a, +.subheadline > a, +.subheadline > a:hover, +.subheadline.linkheadline > a, +.edit-page a.cancel, +.p-dashboards-show .b-forums > .b-link_button.maxi:after, +.b-form .cancel, +.b-shiki_editor footer .unpreview, +.b-shiki_editor footer .unpreview:not(.link):hover, +.b-shiki_editor footer .preview, +.b-stats_bar a.title, +.b-topic-preview > .editor-container .hide { + color: #009688 !important; +} + +/* END of PRIMARY COLOR */ +/* ACCENT COLOR */ +.menu .unread-count, +.menu:hover .unread-count, +.menu .contest, +.menu:hover .contest, +.p-contests .contest-match .votes-percents .left-part, +.p-contests .contest-match .votes-percents .left-part:hover, +.b-options-floated a span.brackets, +.b-options-floated .link span.brackets, +.b-stats_bar.manga .bar .first, +.b-stats_bar.manga .bar .second, +div.compatibility > a > span.rate, +div.compatibility > span.link-replacement > span.rate { + background-color: #FFAB40; +} + +.menu .unread-count:hover, +.menu .contest:hover { + background-color: #FFAB40 !important; +} + +.p-profiles-show .b-stats_bar.manga a.title:hover { + background-color: rgba(255, 171, 64, 0.12); +} + +.p-profiles-edit .b-options-floated > a.selected, +.p-dialogs .b-options-floated > a.selected, +.p-messages .b-options-floated > a.selected { + border-bottom: 2px solid #FFAB40; +} + +.menu .unread-count, +.menu:hover .unread-count, +.menu .contest, +.menu:hover .contest { + color: #212121 !important; +} + +.b-rate .stars.hover, +.c-actions .fav-add:hover:before, +.c-actions .fav-remove:before, +.profile-actions .fav-remove:before { + color: #FFAB40; +} + +.b-list_switchers > .switcher.selected, +.editor-controls > span.selected, +.p-profiles-show .b-stats_bar.manga a.title { + color: #FFAB40 !important; +} + +/* END of ACCENT COLOR */ +/* BACKGROUND COLOR */ +.ac_results, +.b-image .marker, +.b-modal > .inner, +.b-video .marker, +.b-video .name, +.l-top_menu .menu-items, +.tooltip-inner, +.tooltip-details .ajax-loading { + background: #424242; +} + +@media screen and (max-width: 599px) { + .b-stats_bar .stat_names:hover { + background-color: #424242; + } +} + +.b-link_button, +.b-comments .comments-loader, +.b-comments .comments-hider, +.b-comments .comments-expander, +.b-comments .messages-postloader, +.b-comments .faye-loader, +.b-forum .faye-loader, +.p-animes-show .other-names.click-loader, +.p-mangas-show .other-names.click-loader, +.collapsed { + background-color: #616161; + border-color: #424242; +} + +.b-link_button:hover, +.b-comments .comments-loader:hover, +.b-comments .comments-hider:hover, +.b-comments .comments-expander:hover, +.b-comments .messages-postloader:hover, +.b-comments .faye-loader:hover, +.b-forum .faye-loader:hover, +.p-animes-show .other-names.click-loader:hover, +.p-mangas-show .other-names.click-loader:hover, +.collapsed:hover { + background-color: #424242; + border-color: #212121; +} + +.b-link_button:active, +.b-comments .comments-loader:active, +.b-comments .comments-hider:active, +.b-comments .comments-expander:active, +.b-comments .messages-postloader:active, +.b-comments .faye-loader:active, +.b-forum .faye-loader:active, +.p-animes-show .other-names.click-loader:active, +.p-mangas-show .other-names.click-loader:active, +.collapsed:active { + background-color: #212121; + border-color: #757575; +} + +.b-quote, .b-quote .b-quote .b-quote { + background: #424242; +} + +.b-quote .b-quote, .b-quote .b-quote .b-quote .b-quote { + background: #616161; +} + +.b-user_rate .rate-show .note, +.p-topics-new .topic_video, +.p-topics-edit .topic_video, +.p-topics-create .topic_video, +.p-topics-update .topic_video, +.p-user_rates-index .list-lines tr.edit-form form { + background: #616161; +} + +select, +.b-editable_grid tbody tr:nth-child(odd) td, +.b-input input, +.b-input textarea, +.b-pages, +.b-shiki_editor .body .editor textarea, +.b-shiki_editor .links .link-value, +.b-shiki_editor .images .link-value, +.b-shiki_editor .quotes .link-value, +.b-shiki_editor .email .link-value, +.b-shiki_editor .upload .link-value, +div.compatibility > a:before, +div.compatibility > span.link-replacement > span:first-child:before, +div.compatibility > a > span:first-child:before, +.l-page .menu-toggler .toggler, +.p-contests .match-day .match-link:hover, +.p-contests .match-day .match-link.active, +.p-user_rates-index .list-groups .summary.posters, +.p-user_rates-index .list-lines tr td .new-value input, +.p-user_rates-index .l-content .filter input, +.subheadline-input { + background: #424242; +} + +.editor textarea.b-comment, +.editor textarea.b-message { + background: #424242 !important; +} + +/* Области наведения */ +.b-collection-filters .block > .filter.item-sign, +.b-lang_trigger, +.b-tag, +.block-list li:hover, +.block-list-alt li:hover, +.block-list li.selected, +.block-list-alt li.selected, +.b-block_list li:hover, +.b-block_list li.selected, +.b-entry-info .line .b-tag, +.b-catalog_entry-tooltip .inner .line .value .tag, +.b-hot_topics .topic a, +.b-forums .forum:hover, +.b-show_more:hover, +.b-show_more-more .hide-more:hover, +.b-stats_bar .stat_names:hover:before, +.history-interval p:hover, +.p-profiles .profile-head .c-history .entry:hover a, +.p-topics .l-menu .sticky-topics .topic:hover, +.p-dashboards-show .contests .contest:hover, +.p-topics .l-menu .calendar .entry:hover a, +.p-topics .l-menu .clubs .entry:hover a, +.p-topics .l-menu .contests .contest:hover, +.p-topics .l-menu .reviews .entry:hover a, +.p-user_rates-index .list-lines .selectable:hover, +.p-user_rates-index .l-content .order-control:hover, +.p-animes_collection-index .pagination .link:hover, +.p-mangas_collection-index .pagination .link:hover, +.p-recommendations-index .pagination .link:hover, +.p-userlist_comparer-show .pagination .link:hover { + background-color: #616161; +} + +.block-list li:active, +.block-list-alt li:active, +.b-block_list li:active, +.p-contests .match-day .match-link:active { + background-color: #616161 !important; +} + +.p-dialogs header.head, +.p-messages header.head, +.p-profiles-edit header.head, +.p-profiles-edit .b-options-floated, +.p-dialogs .b-options-floated, +.p-messages .b-options-floated, +.b-hot_topics .topic a:hover { + background-color: #424242; +} + +.p-userlist_comparer .comparer table .selectable:hover { + background-color: #424242 !important; +} + +/* Кнопки при наведении */ +div.compatibility > a:hover:before, +div.compatibility > a:hover > span:first-child:before, +.b-video_player .cc-player_controls .c-control:hover .icon, +.p-animes_collection-index .pagination .link:hover, +.p-mangas_collection-index .pagination .link:hover, +.p-recommendations-index .pagination .link:hover, +.p-userlist_comparer-show .pagination .link:hover, +.b-collection-filters .block > .filter.item-sign:hover, +.b-lang_trigger:hover, +.b-list_switchers > .switcher:hover, +.b-tag:hover, +.b-entry-info .line .b-tag:hover, +.b-catalog_entry-tooltip .inner .line .value .tag:hover, +.b-user_rate .rate-show .rate-number .item-add:hover, +.p-animes .item-edit:hover, +.p-characters .item-edit:hover, +.p-contests .contest-match .prev-match:hover, +.p-contests .contest-match .next-match:hover, +.p-mangas .item-edit:hover, +.p-profiles-show .about .item-edit:hover, +.p-messages .mass-actions .action > a:hover, +.p-user_rates-index .list-lines tr.edit-form .remove:hover, +.delete-controls > span:hover, +.moderation-controls > span:hover, +.main-controls > span:hover, +.main-controls > a:hover, +.buttons .item-edit:hover, +.editor-controls > span:hover, +.c-actions > *:hover, +.about-bb_codes:hover, +.profile-actions > *:hover, +.item-mobile:hover, +.item-mobile:active, +header.head h1 > a.back:hover, +header.head h2 > a.back:hover { + background-color: #424242; +} + +/* ЦВЕТ ГРАНИЦ ЭЛЕМЕНТОВ */ +hr, +.b-db_entry-note:before, +.b-dialog:before, +.b-message:before, +.b-comment:before, +.b-comments .comments-loaded:before, +.p-contests .match-day:before, +.p-profiles .profile-head .c-history .entry:before, +.p-topics .l-menu .calendar .entry:before, +.p-topics .l-menu .reviews .entry:before, +.p-topics .l-menu .clubs .entry:before { + background-color: #757575; +} + +h3, +select, +.b-input input, +.b-input textarea, +.b-pages, +.b-topic, +.b-shiki_editor .body .editor textarea, +.b-shiki_editor .links .link-value, +.b-shiki_editor .images .link-value, +.b-shiki_editor .quotes .link-value, +.b-shiki_editor .email .link-value, +.b-shiki_editor .upload .link-value, +.b-quote, +.l-page .menu-toggler .toggler, +.p-topics-new .topic_video, +.p-topics-edit .topic_video, +.p-topics-create .topic_video, +.p-topics-update .topic_video, +.p-user_rates-index .list-groups .summary.posters, +.p-user_rates-index .list-lines tr.edit-form form, +.p-user_rates-index .list-lines tr td .new-value input, +.p-user_rates-index .l-content .filter input, +.subheadline-input { + border-color: #757575; +} + +/* ОСОБЫЕ ЦВЕТА */ +.b-entry-info .line .b-tag:active, +.b-catalog_entry-tooltip .inner .line .value .tag:active { + background-color: #757575; +} + +.b-rate .stars.background { + color: #757575; +} + +.b-stats_bar .bar .third { + background: #757575; +} + +/* END of НАСТРОЙКА ЦВЕТОВ */ + + + + + + + + + + +/* BUGFIX */ +/* В превью комментария не отображается заголовок на страницах клубов */ +.p-club_pages .new_comment .preview .b-comment .inner header, +.p-club_pages .edit_comment .preview .b-comment .inner header { + display: block; +} + +/* ОСНОВНОЙ ФАЙЛ */ +header.head h1, +header.head h2, +input { + font-family: inherit; +} + +.buttons, +.ac_results .name, +.b-animes-menu .total-rates, +.b-comment > .inner header .name-date a.name, +.b-comments .comments-expander, +.b-comments .comments-expander:hover, +.b-comments .comments-hider, +.b-comments .comments-hider:hover, +.b-comments .comments-loader, +.b-comments .comments-loader:hover, +.b-comments .faye-loader, +.b-comments .faye-loader:hover, +.b-comments .messages-postloader, +.b-comments .messages-postloader:hover, +.b-entry-info .line .value, +.b-forum .faye-loader, +.b-forum .faye-loader:hover, +.b-header_filters .filter-line .title, +.b-header_filters .filter-line a.current, +.b-mention s, +.b-options-floated .selected.always-active, +.b-quote, +.b-rate .score-notice, +.b-rate .text-score, +.b-table th, +.b-topic > .inner header .name-date a.name, +.b-user.detailed .history .line .event, +.collapsed, +.completable-block .name, +.l-page .menu-toggler .toggler:after, +.p-anime_videos-index .c-anime_video_episodes .title, +.p-anime_videos-index .c-videos .title, +.p-anime_videos-index .same-videos .title, +.p-statistics-index .forum-nav .sections a, +.p-user_rates-index .list-groups .summary.lines, +.p-userlist_comparer .comparer table .name a, +.tooltip-details .b-nothing_here.centered { + color: inherit; +} + +.b-comments .comments-expander:active, +.b-comments .comments-hider:active, +.b-comments .comments-loader:active, +.b-forum .faye-loader:active, +.block-list li.selected, +.block-list-alt li.selected, +.b-block_list li.selected, +.p-animes-show .other-names.click-loader, +.p-mangas-show .other-names.click-loader { + color: inherit !important; +} + +@media screen and (max-width: 767px) { + .b-options-floated.mobile-phone a.selected { + color: inherit; + } +} + +/* MAIN BLOCKS */ +body { + position: relative; + min-height: 100%; + font-size: 16px; + font-weight: 400; + line-height: 1.25; + overflow-x: hidden; +} + +.l-page { + min-height: 100%; + padding-top: 4.5rem; + padding-right: 1rem; + padding-bottom: 4.5rem; + padding-left: 1rem; + background-color: inherit; +} + +.l-footer { + position: absolute; + right: 0; + bottom: 0; + left: 0; + width: 100%; + max-width: inherit; + padding: 0 1rem; + margin: auto; +} + +.l-page:before { + content: ''; + display: block; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: auto; + background: none; + outline-width: 1rem; + outline-style: solid; + z-index: -1; +} + +.l-footer:before { + content: 'Theme by grin3671'; + display: block; + float: left; + position: static; + left: auto; + bottom: auto; + width: auto; + height: auto; + background: none; + font-size: .6875rem; +} + +.l-footer:before, +.l-footer .copyright { + padding: .5rem 0; + line-height: 1rem; +} + +.l-page:after, +.l-footer:after { + display: none; +} + +.l-footer .links { + padding: .25rem 0; + font: inherit; + font-size: .75rem; + line-height: 1rem; + text-align: center; +} + +.l-footer .links a:last-child { + margin: 0; +} + +/* END of MAIN BLOCKS */ +/* ВЫСОТА СТРОКИ */ +.cc-2a > .c-column, +.block, +.b-db_entry, +.p-animes .b-db_entry > *:last-child { + line-height: inherit; +} + +@media only screen and (min-width: 768px) { + .cc-2 > .c-column { + line-height: inherit; + } +} + +.cc-3-flex > .c-column { + line-height: inherit; +} + +/* ЗАКРУГЛЕНИЕ */ +.b-comments .comments-loader, +.b-comments .comments-hider, +.b-comments .comments-expander, +.b-comments .messages-postloader, +.b-forum .faye-loader, +.collapsed, +.tipsy-inner, +.button, +.b-button, +.b-contests-menu .results, +.b-link_button, +input[type=submit], +.btn, +.b-comments-notifier, +.p-animes_collection-index .pagination .link, +.p-mangas_collection-index .pagination .link, +.p-recommendations-index .pagination .link, +.p-userlist_comparer-show .pagination .link, +.subheadline-buttons .item-edit, +.p-characters .item-edit, +.p-contests .contest-match .vs .refrain, +.b-catalog_entry .image-cutter, +.b-main_search .input, +.b-lang_trigger, +.b-user_rate .rate-show .note, +.c-poster img, +.c-actions > *, +.b-user_rate .rate-show .rate-number .item-add, +.p-animes-show .watch-online, +.p-animes-show .upload-video, +.p-mangas-show .watch-online, +.p-mangas-show .upload-video, +.b-tag, +.b-entry-info .line .b-tag, +.b-catalog_entry-tooltip .inner .line .value .tag, +.b-topic > .inner header img, +.b-quote, +.p-clubs-index header.head a.misc, +.b-list_switchers > .switcher, +.p-user_rates-index .l-content .filter input, +.p-user_rates-index .list-lines tr td .new-value input, +.p-user_rates-index .list-lines tr.edit-form form, +.p-user_rates-index .list-lines tr.edit-form .remove, +.p-profiles-show .b-stats_bar a.title, +.b-stats_bar .bar, +.profile-actions > a, +.l-page .b-anime_status_tag:before, +.p-profiles .profile-head .c-history .entry img, +.p-profiles-show .about .item-edit, +header.head h1 a.back, +header.head h2 a.back, +.edit-page a.cancel, +.editor-controls > span, +.tooltip-inner, +.b-topic-preview > .editor-container .hide, +.b-input, +.b-input input { + border-radius: .125rem; +} + +/* LAYOUT */ +@media screen and (max-width: 480px) and (orientation: portrait) { + .l-page .menu-slide-outer .menu-slide-inner { + width: 100%; + } + .menu-slide-outer.x199 .l-content, + .menu-slide-outer.x240 .l-content { + float: none; + width: 100%; + margin: 0; + } +} + +@media screen and (min-width: 481px) and (max-width: 767px), screen and (max-width: 767px) and (orientation: landscape) { + .l-page .menu-slide-outer .menu-slide-inner { + width: 100%; + } + .menu-slide-outer.x199 .l-content, + .menu-slide-outer.x240 .l-content { + float: none; + width: 100%; + margin-right: 0; + } +} + +@media screen and (min-width: 768px) and (max-width: 1024px) { + .l-page.menu-expanded .x240 .l-content { + margin-left: 0; + } +} + +@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { + .l-page .menu-slide-outer.x240.ipad-expanded .menu-slide-inner { + width: 100%; + } + .menu-slide-outer.x199 .l-content, + .menu-slide-outer.x240 .l-content { + float: none; + width: 100%; + margin-right: 0; + } +} + +@media screen and (max-width: 1024px) { + .l-page .menu-slide-outer { + overflow: visible; + } +} + +/* ОБЩИЕ КЛАССЫ */ +.p0, +.m0, +.m1, +.m2, +.m3, +.m4, +.m5, +.m6, +.m7, +.m8, +.m10, +.m12, +.m13, +.m15, +.m20, +.m25, +.m30, +.m40, +.m50 { + margin-bottom: .5rem !important; +} + +h3 { + font-size: 1.125rem; + line-height: 1.5; + margin-bottom: .5rem; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} + +hr { + margin: .5rem 0; + background-image: none; +} + +.ajax-loading.vk-like { + min-height: 1.5rem; +} + +.b-ajax:before { + opacity: .75; +} + +.b-ajax:after { + width: 1.5rem; + height: 1.5rem; + margin-top: -.75rem; + margin-left: -.75rem; + background: transparent; + border: .25em solid; + border-right-color: transparent; + border-radius: 50%; + color: #009688; + -webkit-animation: spin 2s linear infinite; + animation: spin 2s linear infinite; +} + +/* Списки */ +.b-list { + margin: .5rem 0 1rem 2rem; +} + +.b-list li { + margin: 0; + line-height: 1.5; + list-style-type: disc; + list-style-image: none; +} + +.b-list li + li { + margin: .5rem 0 0 0; +} + +.b-list .b-list li + li { + margin: 0; +} + +.b-height_shortener { + position: relative; + padding-left: 0; + cursor: s-resize; +} + +.b-comment .b-height_shortener, +.b-dialog .b-height_shortener, +.p-clubs .b-height_shortener { + padding-left: 3.5rem; +} + +.buttons .cancel { + vertical-align: top; + margin-right: .5rem; + border: 0; +} + +.b-form .cancel { + margin-left: 0; +} + +.b-form .cancel:hover { + text-decoration: none; +} + +.b-errors { + margin-bottom: .5rem; + line-height: inherit; +} + +.red, +.b-errors .subheadline { + margin-bottom: 0; + border: 0; +} + +.b-review-topic .b-height_shortener { + padding-left: 0; + cursor: default; +} + +.b-height_shortener .shade { + right: 0; + left: 0; + width: auto; + height: 2.5rem; + margin-top: -2.5rem; +} + +.b-height_shortener .expand { + font-size: .875rem; +} + +.b-comment.b-comment-info { + font-size: .875rem; + text-align: left; + line-height: 1.5rem; +} + +.b-comment.b-comment-info > span { + margin-right: .5rem; +} + +.b-comments .comments-loader, +.b-comments .comments-hider, +.b-comments .comments-expander, +.b-comments .messages-postloader, +.b-forum .faye-loader, +.collapsed { + padding: .4375rem 2.5rem; + margin: 0; + margin-bottom: .5rem; + line-height: 1.5rem; +} + +.b-dropzone { + padding: .5rem 1rem 3rem; + background-color: #616161; + border: 1px dashed #757575; + border-radius: .125rem; +} + +.b-dropzone:hover { + border-color: #009688; +} + +.b-dropzone:before { + margin: .5rem 0; + font-size: 14px; +} + +.b-dropzone .thank-you { + margin-bottom: .5rem; +} + +.b-dropzone input[type=file] { + bottom: 1rem; +} + +.b-dropzone:before, +.b-dropzone input[type=file] { + color: #9E9E9E; +} + +.b-dropzone:hover:before, +.b-dropzone:hover input[type=file] { + color: #EEEEEE; +} + +.b-forum .faye-loader { + padding: .4375rem .5rem; +} + +.b-comments .comments-collapser { + width: 2.5rem; + padding: .5rem; + margin: 0; + border: 0; + font-size: 0; + line-height: 0; +} + +.b-comments .comments-collapser:before { + content: 'expand_less'; + display: block; +} + +.b-image { + display: inline-block; + vertical-align: top; +} + +/* Кнопки управления изображениями */ +.b-image img { + vertical-align: top; + border-radius: .125rem; +} + +.b-gallery .b-image { + padding: .125rem; +} + +.b-gallery .b-image .controls { + margin: .125rem; + text-align: right; +} + +/* Кнопки */ +.b-image .mobile-edit, +.b-image .delete, +.b-image.deletable .confirm, +.b-image.deletable .cancel, +.p-user_rates-index .list-posters .user_rate .edit-user_rate { + width: auto; + height: auto; + padding: .5rem; + margin-top: .25rem !important; + margin-right: .25rem !important; + background-color: transparent; + border-radius: .125rem; +} + +.b-image .mobile-edit, +.b-gallery .grid_sizer .controls { + margin-top: .375rem !important; + margin-right: .375rem !important; +} + +@media screen and (min-width: 767px) { + .p-user_rates-index .list-posters .user_rate .edit-user_rate { + background-color: transparent; + } +} + +/* Настройки иконок */ +.b-image .mobile-edit:before, +.b-image .delete:before, +.b-image.deletable .confirm:before, +.b-image.deletable .cancel:before, +.p-user_rates-index .list-posters .user_rate .edit-user_rate:before { + width: 1.5rem; + font-size: 1.5rem; +} + +.p-user_rates-index .list-posters .user_rate .edit-user_rate:before { + position: static; + height: auto; + background: transparent; +} + +/* Затемнение */ +.b-gallery .b-image .controls, +.user_rate .b-catalog_entry:after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-image: linear-gradient(rgba(0, 0, 0, 0.6) 0%, transparent 40%); + border-radius: .125rem; +} + +.user_rate .b-catalog_entry:after { + content: ''; + opacity: 0; + pointer-events: none; +} + +.b-image:hover, +.b-image.deletable img, +.b-image.deletable:after, +.b-image.mobile-editing:after, +.p-user_rates-index .list-posters .user_rate:hover .b-catalog_entry:after { + opacity: 1; +} + +/* Вид иконки */ +.b-image .mobile-edit:before, +.p-user_rates-index .list-posters .user_rate .edit-user_rate:before { + content: 'edit'; +} + +.b-image .delete:before { + content: 'delete'; +} + +.b-image .confirm:before { + content: 'check'; +} + +.b-image .cancel:before { + content: 'close'; +} + +/* END of Кнопки управления изображениями */ +.b-modal > .inner { + padding: 16px 24px; +} + +.b-modal .subheadline { + font-size: 20px; + font-weight: 400; + text-transform: none; +} + +.b-prgrph, +.b-spoiler_prgrph { + margin-bottom: .5rem !important; +} + +.b-show_more, +.b-show_more-more .hide-more { + display: inline-block; + padding: 0 .5rem; + margin: .25rem 0; + border-radius: .625rem; + font-size: .875rem; +} + +.b-source { + margin-top: .5rem; + margin-bottom: 1rem; +} + +.b-spoiler label { + font-size: inherit; + letter-spacing: initial; +} + +.b-spoiler .content .before, +.b-spoiler .content .after { + font-size: inherit; + letter-spacing: initial; +} + +.b-nothing_here { + margin-left: 0; + font-size: .875rem; + line-height: 2.5rem; +} + +header.head h1, +header.head h2 { + font-family: inherit; +} + +header.head .notice { + margin: .5rem 0; + font-size: .875rem; + line-height: 1.25rem; +} + +header.head h1 ~ .notice, +header.head h2 ~ .notice { + margin-top: -.5rem; +} + +.b-breadcrumbs { + margin: 0; + line-height: 1rem; +} + +.b-breadcrumbs > span:after { + content: '»'; +} + +/* Всплывающая подсказка */ +.tipsy { + padding: .875rem; + font-size: .875rem; + opacity: .9 !important; + pointer-events: none; +} + +.tipsy-arrow { + display: none; +} + +.tipsy-inner { + padding: .375rem 1rem; + background-color: #616161; + color: #eee; + text-align: left; + box-shadow: none; +} + +input { + font-family: inherit; + font-size: inherit; +} + +/* Кнопки */ +.button, +.b-button, +.b-form input[type=submit], +.b-topic-preview > .editor-container .hide, +.edit-page a.cancel { + display: inline-block; +} + +input[type=submit], +.button, +.b-button, +.b-form input[type=submit], +.b-contests-menu .results, +.b-link_button, +.b-shiki_editor .links .b-button.ok, +.b-shiki_editor .images .b-button.ok, +.b-shiki_editor .quotes .b-button.ok, +.b-shiki_editor .email .b-button.ok, +.b-shiki_editor .upload .b-button.ok, +.edit-page a.cancel { + min-width: 5.5rem; + padding: 0 1rem; + margin-right: .5rem; + font-size: .875rem; + line-height: 2rem !important; + text-align: center; + text-decoration: none !important; + text-transform: uppercase; +} + +input[type=submit]:last-child, +.b-button:last-child, +.b-form input[type=submit]:last-child { + margin-right: 0; +} + +input[type=submit]:hover { + box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.24); +} + +/* TODO: new variable $btn_disabled_color (L: #9E9E9E; D: #757575) */ +.b-button[disabled], +.b-button.disabled, +.b-button[disabled]:hover, +.b-button.disabled:hover, +.b-form input[type=submit][disabled], +.b-form input[type=submit].disabled, +.b-form input[type=submit][disabled]:hover, +.b-form input[type=submit].disabled:hover { + background-color: #424242; + box-shadow: none; + color: #9E9E9E !important; +} + +.b-shiki_editor .links .b-button.ok, +.b-shiki_editor .images .b-button.ok, +.b-shiki_editor .quotes .b-button.ok, +.b-shiki_editor .email .b-button.ok, +.b-shiki_editor .upload .b-button.ok { + min-width: auto; + margin-left: 1rem; +} + +.b-shiki_editor .links input, +.b-shiki_editor .images input, +.b-shiki_editor .quotes input, +.b-shiki_editor .email input, +.b-shiki_editor .upload input { + vertical-align: middle; + margin-top: 0px; +} + +.edit-page a.cancel, +.b-topic-preview > .editor-container .hide { + background-color: transparent; +} + +.b-topic-preview > .editor-container .hide { + vertical-align: top; + border: 0; +} + +.b-topic { + overflow: visible; +} + +.b-topic > .inner { + overflow: visible; +} + +.b-topic-preview > .inner > footer { + overflow: hidden; +} + +/* Чекбоксы */ +/* TODO: L: border-color normal #757575 disabled #BDBDBD */ +/* D: border-color normal #FFFFFF disabled rgba(255,255,255,.3) */ +input[type=checkbox], +.b-input input[type=checkbox] { + display: inline-block; + vertical-align: top; + width: 1.125rem !important; + height: 1.125rem; + padding: 0; + margin: .1875rem 1rem .1875rem 0; + background-color: transparent; + background-repeat: no-repeat; + background-size: 1.125rem; + background-position: -.125rem -.125rem; + border: 0.125rem solid #BDBDBD; + border-radius: .125rem; + box-sizing: border-box; + transition: 0.24s cubic-bezier(0.4, 0, 0.2, 1); + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +input[type=checkbox]:checked, +.b-input input[type=checkbox]:checked { + background-color: #009688; + background-image: url("data\:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNOSAxNi4xN0w0LjgzIDEybC0xLjQyIDEuNDFMOSAxOSAyMSA3bC0xLjQxLTEuNDF6Ii8+PC9zdmc+"); + border-color: transparent; +} + +input[type=checkbox]:disabled, +.b-input input[type=checkbox]:disabled { + border-color: #9E9E9E; +} + +input[type=checkbox]:checked:disabled, +.b-input input[type=checkbox]:checked:disabled { + background-color: #9E9E9E; + border-color: transparent; +} + +/* Формы */ +.b-form { + overflow: visible; +} + +.b-form:after { + content: ''; + display: block; + clear: both; +} + +.b-input input, +.b-input textarea { + padding: .3125rem 1rem; + line-height: 1.25rem; +} + +.b-input textarea { + padding: .4375rem 1rem; +} + +.b-input input[disabled] { + background: transparent; + border-width: 0; + border-bottom-width: .125rem; + padding: .375rem 0 .25rem; + color: #9E9E9E !important; +} + +/* TODO: check moz & ms browsers */ +.b-input input::-webkit-input-placeholder, +.b-input textarea::-webkit-input-placeholder, +.b-shiki_editor .body .editor textarea::-webkit-input-placeholder { + padding: 0; + line-height: inherit; +} + +.b-input input:-moz-placeholder, +.b-input textarea:-moz-placeholder, +.b-shiki_editor .body .editor textarea:-moz-placeholder { + padding: 0; + line-height: inherit; +} + +.b-input input::-moz-placeholder, +.b-input textarea::-moz-placeholder, +.b-shiki_editor .body .editor textarea::-moz-placeholder { + padding: 0; + line-height: inherit; +} + +.b-input input:-ms-input-placeholder, +.b-input textarea:-ms-input-placeholder, +.b-shiki_editor .body .editor textarea:-ms-input-placeholder { + padding: 0; + line-height: inherit; +} + +select { + max-width: 100%; + height: 2rem; + padding: 2px .5rem; + font-size: .875rem; + line-height: 2rem; +} + +.b-input .hint { + font-size: .75rem; + line-height: 1.25rem; +} + +.b-input label { + line-height: 1.5; +} + +.buttons { + font-family: inherit; + font-size: inherit; +} + +.b-form .buttons { + margin-top: .5rem; +} + +.btn { + line-height: 2rem; +} + +.b-contests-menu .results { + float: none; + display: block; + margin: .5rem 0; +} + +.b-link_button { + margin-bottom: .5rem; +} + +.b-link_button.maxi { + padding: 0; + font-size: 1rem; + line-height: 2.5rem; +} + +.b-contests-menu .results, +.b-forums > .b-link_button.maxi, +.b-link_button.create-topic { + margin-right: 0; +} + +.l-page .menu-toggler { + top: 64px; + z-index: 9; +} + +.p-user_rates-index .l-page .menu-toggler { + top: -96px; +} + +.locale-ru .l-page .menu-toggler .toggler:before { + content: 'меню'; +} + +.locale-en .l-page .menu-toggler .toggler:before { + content: 'sidebar'; +} + +.history-interval, +.mischeadline, +.b-input, +.prgrph, +.spoiler-prgrph, +.review-votes_count { + margin-bottom: .5rem !important; +} + +.text { + margin-left: 0 !important; +} + +.tooltip-inner .close { + background: transparent; + color: inherit; +} + +.block-list li, +.block-list-alt li { + line-height: 1.5rem; + margin: 2px -.5rem; + padding: 0 .5rem; +} + +.b-block_list li { + padding: 0 .5rem; + margin: 0 -.5rem; + font-family: inherit; + line-height: 1.5rem; +} + +.b-comments-notifier { + top: 0 !important; + width: 2rem; + height: 2rem; + margin-top: 4rem; + line-height: 2rem; +} + +.block, +.b-topic .body { + line-height: 1.25; +} + +.b-pages-container, +.b-topic > .inner > .body, +.b-db_entry > div:last-child .text { + line-height: 1.5; +} + +.b-user.named_avatar .name { + margin: auto; +} + +/* FIX: BACKFACE VISIBILITY */ +.b-collection-filters > .block:first-child > .b-list > li:after, +.b-collection-filters > .block:first-child > .b-list > li:before, +.b-collection-filters > .block:first-child > .b-list > li:after, +.b-collection-filters > .block:first-child > .b-list > li:before, +.p-user_rates .mylist-block + .block > .b-list > li:after, +.p-user_rates .mylist-block + .block > .b-list > li:before { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; +} + +/** + * TOPMENU + * Изменение верхнего меню сайта. + * Меню закреплено и увеличено. + */ +/* НАСТРОЙКА ЦВЕТОВ МЕНЮ */ +/* ОСНОВНОЕ МЕНЮ */ +/* Фон меню */ +.l-top_menu:before { + background-color: #212121; +} + +/* Цвет текста в меню */ +.l-top_menu { + color: #FAFAFA; +} + +/* Цвет текста пунктов меню при наведении */ +/* Цвет текста активных пунктов меню */ +/* По умолчанию: цвет текста наследуется от меню */ +.l-top_menu .menu-items > .entry.selected, +.l-top_menu .menu-items > .entry > a:active { + color: inherit !important; +} + +/* Цвет текста пунктов меню при наведении */ +/* По умолчанию: цвет текста наследуется от меню */ +.l-top_menu .menu-items > .entry:hover { + color: inherit; +} + +/* Цвет фона пунктов меню при наведении */ +.l-top_menu .menu-items > .entry > a:hover { + background-color: rgba(255, 255, 255, 0.12) !important; +} + +/* ВЫПАДАЮЩЕЕ МЕНЮ */ +@media only screen and (min-width: 1025px) { + /* Цвет фона выпадающего меню при наведении */ + .l-top_menu .submenu, + .b-main_search ul.popup { + background: #424242; + } + /* Цвет пунктов выпадающего меню при щелчке */ + /* Цвет активных пунктов выпадающего меню */ + /* По умолчанию: затемненный цвет фона выпадающего меню */ + .l-top_menu .submenu > .entry:active, + .l-top_menu .submenu > .entry.active, + .b-main_search .popup li:active, + .b-main_search .popup li.active { + background-color: rgba(0, 0, 0, 0.24); + } + /* Цвет пунктов выпадающего меню при наведении */ + /* По умолчанию: осветленный цвет фона выпадающего меню */ + .l-top_menu .submenu > .entry:hover, + .b-main_search .popup li:hover { + background-color: rgba(255, 255, 255, 0.24); + } + /* Цвет текста выпадающих меню */ + /* По умолчанию: цвет текста наследуется от меню */ + .l-top_menu .menu-search > .entry, + .l-top_menu .menu-userbox > .entry, + .l-top_menu .submenu { + color: inherit; + } + /* Цвет текста выпадающих меню при щелчке */ + /* Цвет текста активных пунктов выпадающего меню */ + /* По умолчанию: цвет текста наследуется от выпадающего меню */ + .l-top_menu .submenu > .entry:active, + .l-top_menu .submenu > .entry.active, + .b-main_search .popup li:active, + .b-main_search .popup li.active { + color: inherit; + } + /* Цвет текста выпадающих меню при наведении */ + /* По умолчанию: цвет текста наследуется от выпадающего меню */ + .l-top_menu .submenu > .entry:hover, + .b-main_search .popup li:hover { + color: inherit; + } + /* ЦВЕТА ПОИСКА */ + /* Фон строки поиска */ + .b-main_search .input { + background: rgba(242, 242, 242, 0.32); + } + /* Набираемый текст в строке поиска */ + .b-main_search .input input { + color: #fff; + } + /* Вспомогательный текст в строке поиска */ + .b-main_search input::-webkit-input-placeholder { + color: #ddd; + } + .b-main_search input:-moz-placeholder { + color: #ddd; + } + .b-main_search input::-moz-placeholder { + color: #ddd; + } + .b-main_search input:-ms-input-placeholder { + color: #ddd; + } +} + +/* ЦВЕТ ИКОНОК в меню (для мобильной версии) */ +/* По умолчанию: цвет текста наследуется от меню */ +.l-top_menu .to-mobile-forum, +.l-top_menu .menu-mobile .search, +.l-top_menu .menu-mobile .menu, +.l-top_menu .menu-mobile #sign_in, +.l-top_menu .menu-userbox .search, +.l-top_menu .menu-userbox .menu, +.l-top_menu .menu-userbox #sign_in { + color: inherit; +} + +/* END of Настройка цветов в меню */ +/* NOTE: Что это за элемент? */ +.to-top-fix { + height: 0; + background: none; + border: 0; +} + +.l-top_menu:before { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + opacity: 1; + transition: .3s; +} + +.l-top_menu { + position: fixed; + top: 0; + right: 0; + left: 0; + width: 100%; + max-width: 100%; + height: auto; + margin: auto; + background-color: transparent; + background-image: none; + border: none; + box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.24); + overflow: visible; +} + +/* Высота меню на мобильном телефоне в портретном режиме */ +/* Если вы меняете высоту меню, необходимо изменить верхний отступ страницы: */ +/* .l-page padding-top: 64px цифра равна высоте меню + 16px */ +/* Скопируйте правило и вставьте его в блоке МОИ НАСТРОЙКИ в конце файла. */ +.l-top_menu { + padding: 4px 0; +} + +/* NOTE: Максимальное разрешение SONY Xperia Z Ultra: 960x540px */ +@media screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape) { + .l-top_menu { + padding: 0; + } + .l-page { + padding-top: 64px; + } +} + +/* На планшетах и далее, высота меню равна 56px */ +@media screen and (min-width: 961px) and (orientation: landscape) { + .l-top_menu { + padding: 4px 0; + } +} + +/* MENUTOP > LOGO */ +.l-top_menu .inner > a:first-child { + display: inline-block; + vertical-align: top; + margin: 0 0 0 32px; + color: inherit !important; +} + +.l-top_menu .inner .logo { + float: none; + position: static; + width: auto; + height: auto; + padding: .8125rem 1rem; + margin: 0; + background: none; +} + +.l-top_menu .inner .logo:before { + content: 'Главная'; + display: block; + color: inherit; + font-size: 16px; + line-height: 22px; +} + +@media only screen and (min-width: 320px) { + .l-top_menu .inner .logo:before { + content: 'Shikimori'; + font-size: 20px; + text-transform: uppercase; + } +} + +@media only screen and (min-width: 480px) { + .l-top_menu .inner .logo:before { + content: 'Shikimori'; + font-size: 20px; + text-transform: uppercase; + } +} + +.l-top_menu .to-mobile-forum { + display: inline-block; + vertical-align: top; + position: static; + left: 138px; + width: 40px; + height: 40px; + padding: 8px; + margin: 4px !important; +} + +.l-top_menu .to-mobile-forum:before { + width: 1.5rem; + line-height: 1.5rem; + text-align: center; + font-size: 24px; +} + +.l-top_menu .mobile-menu-toggler, +.l-top_menu .mobile-search-toggler { + position: absolute; + top: 0; + z-index: 10; +} + +.l-top_menu .mobile-menu-toggler { + left: 0; +} + +.l-top_menu .mobile-search-toggler { + right: 56px; +} + +/* Перерисовываем меню сайта под Material */ +.l-top_menu .mobile-menu-toggler.active { + position: fixed; + top: 0; + left: 0; + width: 100% !important; + height: 100% !important; + margin: 0 !important; + background-color: #000; + z-index: 12; + opacity: .48; +} + +.l-top_menu .menu-items { + position: absolute; + top: 0; + width: calc(100% - 56px); + max-width: 320px; + height: calc(100vh + 16px); + padding: 8px 0; + margin: -8px 0; + overflow-y: auto; + z-index: 13; +} + +/* EXPERIMENTAL > ANIMATED MOBILE MENU */ +.l-top_menu .menu-items { + display: block; + transform: translate(-100%, 0); + transition: 240ms ease-out; +} + +.l-top_menu .menu-items.active { + transform: translate(0, 0); +} + +/* END of EXPERIMENTAL */ +@media only screen and (min-width: 320px) { + .l-top_menu .inner > a:first-child { + margin: 0 0 0 40px; + } +} + +@media only screen and (min-width: 360px) { + .l-top_menu .inner > a:first-child { + margin: 0 0 0 48px; + } +} + +@media only screen and (min-width: 1025px) { + .l-top_menu .inner > a:first-child { + margin: 0; + } +} + +@media only screen and (min-width: 1025px) { + .l-top_menu .to-mobile-forum { + display: none; + } + .l-top_menu .menu-items { + display: inline-block; + vertical-align: top; + position: static; + width: auto; + max-width: 100%; + height: auto; + padding: 0; + margin: 0; + margin-left: 0; + background-color: transparent; + color: inherit; + overflow: initial; + overflow-y: visible; + transform: translate(0, 0); + } + .l-top_menu .menu-items > .entry:active { + background-color: inherit; + } + .l-top_menu .menu-items > .entry:active, + .l-top_menu .submenu > .entry:active, + .l-top_menu .menu-items > .entry > a { + color: inherit !important; + } + .l-top_menu .menu-items > .entry > .submenu { + margin-top: 4px; + margin-left: 0; + } + .l-top_menu .submenu.right { + right: 0px; + margin-top: 4px; + } + .b-main_search ul.popup, + .b-main_search.hovered .popup { + margin: 0; + margin-top: 12px; + } + .l-top_menu .submenu > .entry, + .b-main_search .popup li { + color: inherit; + } + .b-main_search.hovered .popup { + height: 304px; + } + .l-top_menu .menu-items > .entry.calendar > a, + .l-top_menu .menu-items > .entry.info > a { + padding: 0.9375rem; + } + .l-top_menu .menu-items > .entry.calendar > a:before, + .l-top_menu .menu-items > .entry.info > a:before { + display: block !important; + } + .l-top_menu .menu-items > .entry.calendar > a:after, + .l-top_menu .menu-items > .entry.info > a:after { + display: none; + } +} + +.l-top_menu .menu-items > .entry { + float: none; + display: block; + padding: 0; + border: 0; + line-height: inherit; +} + +@media (min-width: 1025px) { + .l-top_menu .menu-items > .entry { + display: inline-block; + vertical-align: top; + } +} + +.l-top_menu .menu-items > .entry.selected, +.l-top_menu .menu-items > .entry:hover { + background-color: transparent; +} + +.l-top_menu .menu-items > .entry > a, +.l-top_menu .menu-items > .entry.sign_out { + padding: 1rem; + margin: 0; + font-size: inherit; + line-height: 1rem; +} + +.l-top_menu .menu-items > .entry > a.contest { + width: 3rem; + height: 3rem; + padding: .75rem !important; + background: inherit; +} + +.l-top_menu .menu-items > .entry > a.contest:before { + width: 1.5rem !important; + font-size: 1.5rem !important; + color: #EEEEEE; +} + +@media only screen and (min-width: 1025px) { + .l-top_menu .menu-items > .entry > a.contest { + width: 40px; + height: 40px; + padding: 11px !important; + margin: 4px; + background: transparent; + border-radius: 2px; + } + .l-top_menu .menu-items > .entry > a.contest:before { + position: static; + width: 18px !important; + margin: 0; + color: inherit; + font-size: 18px !important; + } +} + +/* Текст вместо иконок в верхнем меню */ +.l-top_menu .menu-items > .entry.calendar > a, +.l-top_menu .menu-items > .entry.info > a { + padding: 1rem; + margin: 0; + line-height: 1rem; +} + +.l-top_menu .menu-items > .entry.calendar > a:before, +.l-top_menu .menu-items > .entry.info > a:before { + display: none !important; +} + +.locale-ru .l-top_menu .menu-items > .entry.calendar > a:after { + content: 'Календарь онгоингов'; +} + +.locale-en .l-top_menu .menu-items > .entry.calendar > a:after { + content: 'Calendar'; +} + +.locale-ru .l-top_menu .menu-items > .entry.info > a:after { + content: 'Информация'; +} + +.locale-en .l-top_menu .menu-items > .entry.info > a:after { + content: 'Info'; +} + +@media only screen and (min-width: 1025px) { + .l-top_menu .menu-items > .entry.calendar > a, + .l-top_menu .menu-items > .entry.info > a { + padding: 0.9375rem; + } + .l-top_menu .menu-items > .entry.calendar > a:before, + .l-top_menu .menu-items > .entry.info > a:before { + display: block !important; + } + .l-top_menu .menu-items > .entry.calendar > a:after, + .l-top_menu .menu-items > .entry.info > a:after { + display: none; + } +} + +/* END of Текст вместо иконок в верхнем меню */ +/* Уведомления о голосованиях */ +.l-top_menu .menu-items > .entry > a.contest { + position: relative; +} + +.l-top_menu .menu-items > .entry > a.contest:hover { + background-color: transparent !important; +} + +.l-top_menu .menu-items > .entry > a.contest, +.l-top_menu .menu-items > .entry > a.contest:before { + transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); +} + +.l-top_menu .menu-items > .entry > a.contest:after { + content: attr(data-count); + position: absolute; + top: .125rem; + right: .125rem; + width: 1.25rem; + background-color: #FFAB40; + border-radius: 50%; + color: #212121; + font-size: .75rem; + line-height: 1.25rem; + text-align: center; +} + +@media screen and (min-width: 1025px) { + .l-top_menu .menu-items > .entry > a.contest:after { + top: -.25rem; + right: -.25rem; + } +} + +/* END of Уведомления о голосованиях */ +/* Уменьшение ширины пунктов меню */ +/* Уменьшение ширины "Сообщество" */ +@media screen and (min-width: 1025px) { + .l-top_menu .menu-items > .entry > a[href*="/forum"] { + padding: .875rem; + font-size: 0; + line-height: 0; + } + .l-top_menu .menu-items > .entry > a[href*="/forum"]:before { + content: 'people'; + font-size: 1.25rem; + } +} + +/* Уменьшение ширины всех пунктов меню */ +.x1000 .l-top_menu .menu-items > .entry > a, +.x1000 .l-top_menu .menu-items > .entry.sign_out { + padding: 1rem .875rem; +} + +/* END of Уменьшение ширины пунктов меню */ +.l-top_menu .submenu, +.b-main_search ul.popup { + min-width: 112px; + border: 0; +} + +.b-main_search .popup li { + transition: 0s; +} + +.l-top_menu .submenu > .entry { + height: 2rem; + padding: .5rem 1rem; + background-color: transparent; + border: 0; + font-size: .875rem; + line-height: 1rem; +} + +.l-top_menu .submenu > .entry:first-child, +.b-main_search ul.popup li:first-child { + margin-top: .5rem; +} + +.l-top_menu .submenu > .entry:last-child, +.b-main_search ul.popup li:last-child { + margin-bottom: .5rem; +} + +.l-top_menu .menu-items .submenu-toggler { + right: 0; + width: 48px; + height: 48px; + padding: .75rem; + margin: 0; + z-index: 10; +} + +.l-top_menu .menu-items .submenu-toggler:before { + width: 24px; + line-height: 24px; +} + +@media screen and (min-width: 1025px) { + .l-top_menu .menu-items .submenu-toggler, + .l-top_menu .inner .sign_out { + display: none; + } + .l-top_menu .menu-items > .entry { + color: inherit; + } +} + +@media screen and (max-width: 1024px) { + .l-top_menu .submenu { + padding-left: 32px; + } +} + +/* TOPMENU | SEARCH */ +.l-top_menu .menu-search { + padding: 8px 0; +} + +@media screen and (min-width: 1025px) { + .l-top_menu .menu-search { + padding: 0; + } + .l-top_menu .menu-search > .entry { + width: 234px; + padding: 8px 0 !important; + } +} + +.b-main_search { + padding-right: 8px !important; + padding-left: 8px !important; +} + +.b-main_search .input { + position: relative; + width: auto; + height: 2rem; + padding: 0; + margin: 0; + transition: background .3s; +} + +.b-main_search.hovered .popup { + border: 0; + font-size: .875rem; +} + +.b-main_search ul.popup li { + width: auto; + height: 2rem; + padding: .5rem 1rem; + border: 0; + font-family: inherit; + font-size: .875rem; + line-height: 1rem; +} + +.b-main_search .input input { + width: 100%; + padding: 0 1rem; + font-family: inherit; + font-size: 1rem; + line-height: 2rem; +} + +.b-main_search .input input.ac_loading { + width: 100%; + padding: 0 1rem; +} + +.b-main_search ul.popup { + width: inherit; +} + +/* END of SEARCH */ +/* TOPMENU | SEARCHRESULT */ +.ac_results.menu-suggest, +.completable-block.menu-suggest { + border: 0; + box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.24); +} + +.ac_results, +.completable-block { + font-size: .75rem; +} + +.ac_odd { + background-color: rgba(0, 0, 0, 0.24); +} + +.ac_over { + background-color: rgba(255, 255, 255, 0.24); +} + +.ac_results li { + padding: 0 .5rem; + border: none; + line-height: 2rem; +} + +.b-main_search ul.popup, +.b-main_search.hovered .popup { + margin: 0; +} + +.ac_results.menu-suggest, +.completable-block.menu-suggest { + margin-top: -17px; + margin-left: 6px; +} + +.ac_results .name { + font-size: 14px; +} + +.ac_results .name > strong { + background-color: #ff0; + color: #111; +} + +.ac_results .character-suggest .animes { + line-height: 1.25rem; +} + +.ac_results .character-suggest .animes > div { + margin: 2px 0 0; +} + +.ac_results .character-suggest .avatar { + width: 40px; + height: auto; + max-height: 64px; + margin: 8px 0 0 8px; + clip-path: circle(20px at 20px 20px); +} + +/* END of SEARCHRESULT */ +/* TOPMENU | USERBOX */ +.l-top_menu .menu-userbox { + position: absolute; + top: 0; + right: 0; +} + +.l-top_menu .menu-userbox > .entry { + position: relative; + height: 48px; + padding: 0 !important; + margin: 0 .5rem 0 1rem !important; + cursor: default; +} + +.entry.userbox > .avatar { + display: inline-block; + vertical-align: top; + position: relative; + width: 32px; + height: 32px; + margin: 8px; + border-radius: 100%; +} + +.entry.userbox > .avatar:after { + content: ''; + display: block; + position: absolute; + top: 0; + left: 0; + width: inherit; + height: inherit; + border-radius: 100%; +} + +.entry.userbox > .avatar > img { + height: inherit; +} + +.userbox > a .graphics-arrow-down, +.l-top_menu .menu-search .arrow-container, +.l-top_menu .menu-userbox .arrow-container, +.l-top_menu .menu-search .arrow-container .arrow-down, +.l-top_menu .menu-userbox .arrow-container .arrow-down { + display: none; +} + +@media screen and (max-width: 1024px) { + .userbox img.avatar, + .menu .unread-count { + margin-top: 0; + } +} + +.menu .unread-count { + position: absolute; + top: 0; + right: 0; + width: 1.25rem; + height: auto; + margin: 0; + border-radius: 100%; + line-height: 1.25rem; + z-index: 1; +} + +@media screen and (min-width: 1025px) { + .l-top_menu .menu-userbox { + position: relative; + } +} + +/* END of USERBOX */ +/* TOPMENU | ICON */ +.l-top_menu .menu-mobile .search, +.l-top_menu .menu-mobile .menu, +.l-top_menu .menu-userbox .search, +.l-top_menu .menu-userbox .menu { + width: 40px; + height: 40px; + padding: 8px; + margin: 4px; + margin-left: 4px !important; +} + +.l-top_menu .menu-mobile #sign_in, +.l-top_menu .menu-userbox #sign_in { + width: 40px; + height: 40px; + padding: 8px; + margin: 4px; + margin-left: 4px !important; +} + +@media (min-width: 1025px) { + .l-top_menu .menu-mobile #sign_in, + .l-top_menu .menu-userbox #sign_in { + width: 48px; + height: 48px; + padding: 12px; + margin: 0; + } +} + +/* END of ICON */ +/* ************** */ +/* END of TOPMENU */ +/* ************** */ +/** + * PAGINATION + * + */ +/* Делаем пагинацию более удобной */ +.p-animes_collection-index .pagination, +.p-mangas_collection-index .pagination, +.p-recommendations-index .pagination, +.p-userlist_comparer-show .pagination { + margin: 8px 0; + color: inherit; + font-size: 14px; + line-height: 32px; +} + +/* Добавляем разной ерунды */ +.p-animes_collection-index .pagination > *, +.p-mangas_collection-index .pagination > *, +.p-recommendations-index .pagination > *, +.p-userlist_comparer-show .pagination > * { + vertical-align: top; +} + +.p-animes_collection-index .pagination .link, +.p-mangas_collection-index .pagination .link, +.p-recommendations-index .pagination .link, +.p-userlist_comparer-show .pagination .link { + width: 40px; + height: 40px; + padding: 8px; + margin: -4px 8px; + font-size: 0; +} + +.p-animes_collection-index .pagination .link:first-child, +.p-mangas_collection-index .pagination .link:first-child, +.p-recommendations-index .pagination .link:first-child, +.p-userlist_comparer-show .pagination .link:first-child { + margin-left: 0; +} + +.p-animes_collection-index .pagination .link:last-child, +.p-mangas_collection-index .pagination .link:last-child, +.p-recommendations-index .pagination .link:last-child, +.p-userlist_comparer-show .pagination .link:last-child { + margin-right: 0; +} + +.p-animes_collection-index .pagination .link:hover, +.p-mangas_collection-index .pagination .link:hover, +.p-recommendations-index .pagination .link:hover, +.p-userlist_comparer-show .pagination .link:hover { + text-decoration: none; +} + +.p-animes_collection-index .pagination .link.disabled:hover, +.p-mangas_collection-index .pagination .link.disabled:hover, +.p-recommendations-index .pagination .link.disabled:hover, +.p-userlist_comparer-show .pagination .link.disabled:hover { + background-color: transparent; +} + +.p-animes_collection-index .pagination .link:before, +.p-mangas_collection-index .pagination .link:before, +.p-recommendations-index .pagination .link:before, +.p-userlist_comparer-show .pagination .link:before { + display: block; + width: 24px !important; + font-family: 'Material Icons' !important; + font-size: 24px !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-animes_collection-index .pagination .link.link-prev:before, +.p-mangas_collection-index .pagination .link.link-prev:before, +.p-recommendations-index .pagination .link.link-prev:before, +.p-userlist_comparer-show .pagination .link.link-prev:before { + content: 'chevron_left'; +} + +.p-animes_collection-index .pagination .link.link-next:before, +.p-mangas_collection-index .pagination .link.link-next:before, +.p-recommendations-index .pagination .link.link-next:before, +.p-userlist_comparer-show .pagination .link.link-next:before { + content: 'chevron_right'; +} + +/* ***************** */ +/* END of PAGINATION */ +/* ***************** */ +/** + * SUBHEADER + * Изменение подзаголовков разделов и ссылок в них. + */ +.headline { + padding: 8px 0; + margin: 8px 0; + background: none; + border: 0; + font-size: 24px; + font-weight: 400; + line-height: 32px; + text-transform: capitalize; +} + +.mischeadline, +.c-my_list .title, +.subheadline, +.midheadline, +.b-stats_bar .title, +.profile-content .activity .title, +.lifetime .title { + padding: 16px 0; + margin-bottom: 0; + background-color: transparent; + border: 0; + font-size: .875rem; + line-height: 1rem; + text-transform: uppercase; + overflow: initial; +} + +.p-db_entries-edit_field .subheadline { + overflow: hidden; +} + +.midheadline > a, +.subheadline > a { + vertical-align: top; + margin: -.5rem -1rem; +} + +.midheadline > a, +.subheadline > a, +.b-form .cancel, +.b-shiki_editor footer .unpreview, +.b-shiki_editor footer .preview, +.b-topic-preview > .editor-container .hide { + display: inline-block; + padding: 0 1rem; + background-color: transparent; + border-radius: .125rem; + font-size: .875rem; + line-height: 2rem !important; + text-transform: uppercase; +} + +.headline > a:before, +.midheadline > a:before, +.subheadline > a:before { + right: 0; + left: 0; + text-align: right; + opacity: 0; + pointer-events: auto; +} + +.headline.linkheadline > a, +.linkheadline.midheadline > a, +.linkheadline.subheadline > a { + text-decoration: none; +} + +.subheadline .misc-link { + float: right; +} + +.subheadline-input { + padding: 5px 8px; + margin-top: 8px !important; + border-radius: 2px !important; + font-size: 14px; + line-height: inherit !important; +} + +@media screen and (max-width: 767px) { + .subheadline-input { + padding-bottom: 5px !important; + padding-top: 5px !important; + } +} + +.subheadline-buttons { + right: 0; + margin: 0; +} + +.subheadline-buttons + .subheadline { + padding-right: 3rem; +} + +/* HOVER */ +.headline > a:hover, +.midheadline > a:hover, +.subheadline > a:hover { + text-decoration: none; +} + +.subheadline-buttons .item-edit, +.p-characters .item-edit { + display: inline-block; + width: 40px; + height: 40px; + padding: 8px; + margin: 4px 0; +} + +@media only screen and (min-width: 768px) { + .b-options-floated.r-edit { + margin-right: 48px; + } +} + +/* END of SUBHEADER */ +/** + * CONTEST PAGE + */ +.p-contests .contest-match { + padding: 16px 0; + margin-bottom: 0; +} + +.p-contests .contest-match .current-match .match-members:last-child { + margin-bottom: 0 !important; +} + +.p-contests .contest-match .vs .refrain { + display: inline-block; + padding: 0 16px; + font-size: 14px; + line-height: 32px; + text-transform: uppercase; +} + +.p-contests .contest-match .vs .refrain:hover { + text-decoration: none; +} + +.p-contests .match-day { + position: relative; + margin-bottom: 16px; + text-align: center; +} + +.p-contests .match-day:before { + content: ''; + display: block; + position: absolute; + top: 10px; + right: 0; + left: 0; + height: 1px; +} + +.p-contests .match-day > .date { + position: relative; + display: inline-block; + padding: 0 16px; + margin-bottom: 4px; + text-align: center; + text-transform: uppercase; +} + +.p-contests .match-day > .date .from, +.p-contests .match-day > .date .to { + margin-right: 8px; +} + +.p-contests .match-day > .date .to { + margin-left: 8px; +} + +.p-contests .match-day .match-link { + padding-left: 0; + text-align: left; +} + +.p-contests .match-day .match-link .c-column { + line-height: 32px; +} + +.p-contests .match-day .match-link .voted:before, +.p-contests .match-day .match-link .winner:before, +.p-contests .match-day .match-link .loser:before, +.p-contests .match-day .match-link .created:before, +.p-contests .match-day .match-link .started:before, +.p-contests .match-day .match-link .finished:before { + display: inline-block; + vertical-align: top; + width: 18px; + padding-right: 0; + padding-left: 0; + margin: 7px 0; + margin-right: 14px; + font-family: "Material Icons"; + font-size: 18px; + font-weight: normal !important; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-contests .match-day .match-link .created:before { + color: #9B9B9B; + content: "lock"; + padding-right: 0; +} + +.p-contests .match-day .match-link .started:before { + content: "check_box_outline_blank"; + color: #757575; +} + +.p-contests .match-day .match-link.voted-none .started:before { + color: #9B9B9B; +} + +.p-contests .match-day .match-link.voted-left .started:first-child:before, +.p-contests .match-day .match-link.voted-right .started:last-child:before { + content: "check_box"; +} + +.p-contests .match-day .match-link.voted-left .started:last-child:before, +.p-contests .match-day .match-link.voted-right .started:first-child:before { + content: 'indeterminate_check_box'; +} + +.p-contests .match-day .match-link .winner:before { + content: "thumb_up"; +} + +.p-contests .match-day .match-link .loser:before { + content: "thumb_down"; + padding-right: 0; +} + +.p-contests .match-day .match-link.voted-left .started:first-child:before, +.p-contests .match-day .match-link.voted-right .started:last-child:before, +.p-contests .match-day .match-link .winner:before { + color: #66BB6A; +} + +.p-contests .match-day .match-link.voted-left .started:last-child:before, +.p-contests .match-day .match-link.voted-right .started:first-child:before, +.p-contests .match-day .match-link .loser:before { + color: #EF5350; +} + +.p-contests .match-day .matches-num { + display: inline-block; + width: 56px; + padding-right: 0; + font-size: 16px; +} + +.p-contests-show .cc-round_stats > .c-column:first-child:last-child > .block:last-child { + padding: 4px 0; +} + +.p-contests-show .warning { + margin-top: 0; + margin-bottom: 16px; +} + +.p-contests .rating .member { + height: auto; +} + +.p-contests-users .subheadline a:hover { + background: none; +} + +.p-contests .contest-match .votes-percents { + border-radius: 4px; + font-size: 14px; + line-height: 24px; +} + +.p-contests .contest-match .votes-percents span { + float: left; + position: relative; + white-space: nowrap; + z-index: 1; +} + +.p-contests .contest-match .votes-percents .left-part { + position: relative; + border-radius: inherit; + padding-left: 8px; +} + +.p-contests .contest-match .votes-percents .left-part > span { + color: #212121; +} + +.p-contests .contest-match .votes-percents .right-part { + position: absolute; + top: 0; + right: 0; + padding-right: 8px; +} + +.p-contests .contest-match .votes-percents .right-part span { + float: right; +} + +.p-contests .contest-match .votes-percents .left-part, +.p-contests .contest-match .votes-percents .right-part { + height: auto; +} + +.p-contests .contest-match .votes-percents .right-part:before { + left: -24px; + border-right-width: 24px; + border-top-width: 48px; +} + +.p-contests .contest-match .votes-percents .left-part:hover .right-part:before { + border-right-width: 24px; +} + +.p-contests .contest-match .votes-percents .right-part:before, +.p-contests .contest-match .votes-percents .left-part:hover .right-part:before { + border-right-color: inherit; +} + +.p-contests .results .cc-result .c-rounds .match-day:before { + display: none; +} + +.p-contests .results .cc-result .c-rounds .match-day .match { + padding-bottom: 0; + line-height: 32px; + text-align: left; +} + +.p-contests .results .cc-result .c-rounds .match-link { + display: inline-block; +} + +@media (min-width: 481px) { + .p-contests .contest-match .prev-match:hover, + .p-contests .contest-match .next-match:hover { + background-color: transparent; + } +} + +/* Mobile Ver. */ +@media (max-width: 480px) { + .p-contests .contest-match .prev-match, + .p-contests .contest-match .next-match { + position: absolute; + left: 0; + width: auto; + padding: 8px; + border-radius: 2px; + line-height: 32px; + z-index: 2; + } + .p-contests .contest-match .next-match { + right: 0; + left: auto; + } + .p-contests .contest-match .next-match:before { + margin: 0; + } + .p-contests .contest-match .prev-match:before, + .p-contests .contest-match .next-match:before { + display: block; + font-family: 'Material Icons'; + font-size: 24px; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; + } + .p-contests .contest-match .prev-match:before { + content: 'chevron_left'; + } + .p-contests .contest-match .next-match:before { + content: 'chevron_right'; + } + .p-contests .contest-match .current-match { + clear: both; + } + .p-contests .contest-match .current-match .match-members { + padding-top: 96px; + margin-bottom: 4px; + } + .p-contests .contest-match .current-match .match-member { + position: relative; + width: 48%; + z-index: 2; + } + .p-contests .contest-match .current-match .match-member:first-child { + float: left; + } + .p-contests .contest-match .current-match .match-member:last-child { + float: right; + } + .p-contests .contest-match .vs { + position: absolute; + top: 72px; + width: 100%; + } + .p-contests .contest-match .vs > div:first-child { + display: inline-block; + position: absolute; + top: 112px; + right: 0; + left: 0; + width: 72px; + height: 72px; + margin: auto; + border-radius: 100%; + font-size: 24px; + line-height: 72px; + text-transform: uppercase; + z-index: 6; + } + .p-contests .contest-match .vs .finish { + position: absolute; + top: -64px; + right: 0; + left: 0; + width: 148px; + margin: auto; + font-size: 12px; + line-height: 20px; + } + .p-contests .contest-match .vs .refrain { + position: absolute; + top: -62px; + right: 0; + left: 0; + width: 168px; + margin: auto; + z-index: 7; + } + .p-contests .contest-match .vs .next { + position: absolute; + top: -56px; + right: 0; + left: 0; + width: 168px; + margin: auto; + font-size: 14px; + line-height: 32px; + text-transform: uppercase; + z-index: 5; + } + .p-contests .contest-match .match-losers { + display: block; + padding: 0; + } +} + +@media (max-width: 1024px) { + .p-contests .match-day .match-link .c-column { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + } + .p-contests .match-day .match-link .winner:before, + .p-contests .match-day .match-link .loser:before { + display: none; + } + .p-contests .match-day .matches-num { + width: auto; + padding: 0 4px; + margin-right: 8px; + border-radius: 2px; + color: #FFF; + font-size: 12px; + line-height: 20px; + } + .p-contests .match-day .winner .matches-num { + background-color: #66bb6a; + } + .p-contests .match-day .loser .matches-num { + background-color: #ef5350; + } +} + +/* END of Mobile Ver. */ +/* END of CONTEST PAGE */ +/* ROUNDED IMAGES */ +.b-dialog > .inner header img, +.b-message > .inner header img, +.p-user_rates-index .l-menu .avatar img, +.avatar > img { + border-radius: 100%; +} + +/* END of ROUNDED IMAGES */ +/* TODO: replace */ +.b-catalog_entry.dropped .image-cutter { + filter: grayscale(100%); +} + +/** + * ANIME PAGE + */ +.b-animes-menu .friend-rate { + line-height: 1.5rem; + white-space: nowrap; +} + +.b-animes-menu .site-icon { + margin-top: .25rem; + margin-right: .75rem; +} + +.b-db_entry { + margin-bottom: 8px; +} + +.b-db_entry-note .name-container { + padding: .25rem 0; +} + +.b-db_entry-note .name-container .name { + display: block; + font-size: 1rem; + line-height: 1.25rem; +} + +.b-db_entry-note .name-container .note { + margin-top: 4px; + font-size: .875rem; + line-height: 1rem; +} + +.b-db_entry-note .name-container .note > span { + display: inline-block; + vertical-align: top; +} + +.b-db_entry-note .name-container .b-user_rate { + margin-top: .375rem; +} + +.b-db_entry > .c-about .c-info-left, +.b-db_entry > .c-about .c-info-right, +.b-db_entry > .c-about .c-info-left:last-child, +.b-db_entry > .c-about .c-info-right:last-child { + margin-bottom: 8px !important; +} + +.p-animes .b-db_entry > *:last-child { + clear: left; + padding-top: 0; + margin-left: 0 !important; +} + +.p-people .subheadline.m10 { + width: 100%; +} + +.p-people .m0 { + clear: both; + padding: 0; + margin: 0 !important; +} + +.p-characters .subheadline.m5 { + width: 100%; + overflow: hidden; +} + +.p-characters .subheadline.m5 > a { + display: block; +} + +.p-characters .subheadline.m10 { + width: auto; +} + +.p-characters .subheadline.m10 > a { + display: inline-block; +} + +@media screen and (max-width: 480px) and (orientation: portrait) { + .b-db_entry > .c-image .c-actions > a { + width: auto !important; + } +} + +.b-lang_trigger { + position: absolute; + top: -53px; + right: 0; + width: 40px; + height: 40px; + padding: 10px 0; + margin: 4px; + font-size: 12px; + line-height: 20px; + text-align: center; + text-transform: uppercase; + cursor: pointer; +} + +.b-lang_trigger:before, +.b-lang_trigger:after { + display: none; +} + +.b-lang_trigger span { + border: 0; +} + +.midheadline, +.m10 { + margin-bottom: 0 !important; +} + +.b-user_rate .rate-show .note { + padding: 8px 16px; + font-size: 14px; + line-height: 20px; +} + +.b-user_rate .rate-show .note:before { + content: 'Заметка'; + display: block; + font-size: 10px; +} + +.b-forums .forum .topics { + margin-left: 8px; + margin-top: 0; +} + +/* ADD TO LIST BUTTON */ +.b-add_to_list { + min-width: 0; +} + +.b-add_to_list .trigger, +.b-add_to_list .option { + border: 0; +} + +.b-add_to_list .trigger, +.b-add_to_list .option { + padding: .5rem 1rem .5rem 3rem; + border: 0; + line-height: 1.5rem; +} + +/* thx @bot.AkiKawasaki */ +.b-add_to_list .trigger { + border-radius: .125rem; +} + +.b-add_to_list .option:last-child { + border-radius: 0 0 .125rem .125rem; +} + +.b-add_to_list .trigger + .expanded-options { + margin-top: -.125rem; +} + +.b-add_to_list .plus, +.b-add_to_list .edit, +.b-add_to_list .trigger-arrow { + width: 2.5rem; + height: 2.5rem; + padding: .5rem; + margin: -.5rem -1rem -.5rem 0; + color: inherit !important; +} + +.b-add_to_list .plus, +.b-add_to_list .edit { + position: absolute; + left: 0; + margin-left: 0 !important; + margin-right: .5rem !important; +} + +.b-add_to_list .trigger-arrow { + position: relative; +} + +.b-add_to_list .expanded-options .option .text { + padding-left: 0; +} + +.b-add_to_list.completed ~ .rate-show > .rate-number, +.b-add_to_list.completed ~ .rate-show > .episodes { + height: 1rem; + margin-bottom: 0; + font-size: 0; +} + +/* DENSE ATL_BUTTON */ +.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 { + padding: 0 1rem 0 2.25rem; + line-height: 2rem; +} + +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .plus, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .edit, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger-arrow { + width: 2rem; + height: 2rem; + padding: .4375rem; + margin: 0 -1rem 0 .25rem; +} + +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .plus, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .edit { + margin-right: .25rem !important; +} + +/* END of DENSE ATL_BUTTON */ +/* ATL_BUTTON in NEWS */ +.b-catalog_entry-tooltip .b-add_to_list { + width: auto; +} + +.b-catalog_entry-tooltip .b-add_to_list .trigger { + font-size: .875rem; + line-height: 1.5rem; +} + +.b-catalog_entry-tooltip .b-add_to_list .option { + font-size: .875rem; +} + +.b-catalog_entry-tooltip .b-add_to_list .trigger, +.b-catalog_entry-tooltip .b-add_to_list .add-trigger, +.b-catalog_entry-tooltip .b-add_to_list .remove-trigger { + max-width: 224px; +} + +/* END of ATL_BUTTON in NEWS */ +/* FIX ORIGINAL STYLE */ +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .plus::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .edit::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .trigger-arrow::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .plus::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .edit::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .trigger-arrow::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .plus::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .edit::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .trigger-arrow::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .plus::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .edit::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .trigger-arrow::before { + color: inherit; +} + +/* FIX: ADD_TO_LIST LAYOUT IN NOTES (issue #7) */ +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger { + padding: 0 1rem 0 2rem; +} + +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger + .expanded-options { + margin-top: 0; +} + +/* END of ADD TO LIST BUTTON */ +.b-catalog_entry.planned .image-decor::after, +.b-catalog_entry.watching .image-decor::after, +.b-catalog_entry.completed .image-decor::after, +.b-catalog_entry.rewatching .image-decor::after, +.b-catalog_entry.on_hold .image-decor::after, +.b-catalog_entry.dropped .image-decor::after { + top: auto; + right: .375rem; + bottom: .375rem; + width: 2rem; + height: auto; + border: none; + border-radius: 100%; + font-size: 1.125rem; + line-height: 2rem; + box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.32); + /* TODO: MERGE with ICON_FONT */ + font-family: 'Material Icons'; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-animes_collection-index.x1000 .b-catalog_entry .image-decor::after, +.p-mangas_collection-index.x1000 .b-catalog_entry .image-decor::after, +.p-recommendations-index.x1000 .b-catalog_entry .image-decor::after, +.p-userlist_comparer-show.x1000 .b-catalog_entry .image-decor::after { + width: 32px; + height: auto; + border-radius: 100%; + line-height: 32px; +} + +.b-catalog_entry.planned .image-decor::after { + content: "event"; +} + +.b-catalog_entry.watching .image-decor::after { + content: "play_arrow"; +} + +.b-catalog_entry.rewatching .image-decor::after { + content: "replay"; +} + +.b-catalog_entry.completed .image-decor::after { + content: "done"; +} + +.b-catalog_entry.on_hold .image-decor::after { + content: "schedule"; +} + +.b-catalog_entry.dropped .image-decor::after { + content: "delete"; +} + +.b-db_entry-note .name-container { + margin-left: 64px; + line-height: inherit; +} + +header.head, +.block, +.b-add_to_list, +.b-user_rate .rate-show { + margin-bottom: .5rem; +} + +.l-page > div > header.head { + margin-bottom: 1.5rem; +} + +.p-profiles-edit .l-page > div > header.head, +.p-dialogs .l-page > div > header.head, +.p-messages .l-page > div > header.head { + margin-bottom: 0; +} + +.c-poster img { + display: block; + min-height: 48px; +} + +/* Кнопки управления над постером */ +@media (min-width: 481px) { + .c-poster:hover ~ .c-actions { + opacity: 0; + } + .c-actions { + position: absolute; + bottom: 0; + width: 100%; + padding: 4px 0; + } + .c-actions:before { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + opacity: .8; + } + .c-actions > * { + position: relative; + } +} + +.c-actions > * { + width: 40px !important; + height: 40px !important; + padding: .5rem; +} + +.c-actions > *:not(:last-child) { + margin-right: 8px !important; +} + +.c-actions > *:before { + font-size: 24px !important; + line-height: 1 !important; +} + +.c-actions .fav-remove:hover:before { + color: inherit; +} + +@media screen and (min-width: 1200px) { + .c-poster center { + text-align: left; + } + .p-animes-show .c-image .b-user_rate, + .p-mangas-show .c-image .b-user_rate { + margin: 0; + } +} + +.b-rate { + padding: 6px 0; +} + +.b-rate .text-score { + vertical-align: top; +} + +.b-rate .score-value { + line-height: 36px; +} + +.b-rate .score-notice { + font-size: 10px; + margin-top: -46px; + text-transform: uppercase; +} + +.b-review-topic .b-rate .score-notice { + margin-top: -58px; +} + +.b-user_rate .rate-show .episodes { + margin-bottom: 8px; + font-size: 14px; + line-height: 32px; +} + +.b-user_rate .rate-show .rate-number { + margin-right: 0; +} + +.b-user_rate .rate-show .rate-number .current-episodes, +.b-user_rate .rate-show .rate-number .sep, +.b-user_rate .rate-show .rate-number .total-episodes { + display: inline-block; + vertical-align: top; + line-height: 32px; +} + +.b-user_rate .rate-show .rate-number .item-add { + display: inline-block; + vertical-align: top; + width: 40px; + height: 40px; + padding: 8px; + margin: -4px 0 0 8px; +} + +.b-user_rate .rate-show .rate-number .item-add:before { + width: 24px !important; + font-family: 'Material Icons' !important; + font-size: 24px !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.b-user_rate .rate-show .rate-number .item-add:before { + content: 'add'; +} + +.b-rate .stars:after { + font-size: 36px !important; + font-family: 'Material Icons' !important; + line-height: 1 !important; + font-weight: 400 !important; + text-transform: none; + letter-spacing: -6px; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.b-rate .stars.background:after { + content: 'star_border star_border star_border star_border star_border'; +} + +.b-rate .stars.score-1:after { + content: 'star_half'; +} + +.b-rate .stars.score-2:after { + content: 'star'; +} + +.b-rate .stars.score-3:after { + content: 'star star_half'; +} + +.b-rate .stars.score-4:after { + content: 'star star'; +} + +.b-rate .stars.score-5:after { + content: 'star star star_half'; +} + +.b-rate .stars.score-6:after { + content: 'star star star'; +} + +.b-rate .stars.score-7:after { + content: 'star star star star_half'; +} + +.b-rate .stars.score-8:after { + content: 'star star star star'; +} + +.b-rate .stars.score-9:after { + content: 'star star star star star_half'; +} + +.b-rate .stars.score-10:after { + content: 'star star star star star'; +} + +.watch-online-placeholer { + margin: 2rem auto .5rem; +} + +.b-link_button.watch-online:before, +.b-link_button.upload-video:before, +.b-link_button.create-topic:before { + display: none; +} + +.b-entry-info { + margin: 0; + font-size: .875rem; +} + +.b-entry-info .line { + line-height: 1.5rem; +} + +.b-tag, +.b-entry-info .line .b-tag, +.b-catalog_entry-tooltip .inner .line .value .tag { + padding: 0 8px; + margin: 0 4px 0 0; + border: 0; + font-size: .625rem; + line-height: 20px; + text-transform: uppercase; +} + +.b-tag:hover, +.b-entry-info .line .b-tag:hover, +.b-catalog_entry-tooltip .inner .line .value .tag:hover { + padding: 0 8px; + margin: 0 4px 0 0; +} + +.b-tag { + font-size: .875rem; + line-height: 24px; +} + +.b-catalog_entry-tooltip .inner .line .value .tag, +.b-catalog_entry-tooltip .inner .line .value .tag:hover { + padding: 0 6px; + line-height: 18px; +} + +@media screen and (min-width: 1200px) { + .p-animes_collection-index.x1200 .cc-entries > .c-column { + width: 18.4%; + margin-right: 2%; + border-radius: 2px; + } +} + +/** + * COMMENT + * Изменение всех комментариев, новостей, диалогов, топиков. + */ +.b-comment, +.b-dialog, +.b-message { + position: relative; + padding-top: .75rem !important; + padding-bottom: .75rem; + margin-bottom: 0; + border: 0; +} + +.b-comments { + line-height: inherit; +} + +.b-dialog { + position: relative; +} + +.b-topic { + padding-top: .5rem; +} + +.b-comment > .inner .was_updated { + margin: 0; + color: #9E9E9E; +} + +/* Исправление для предпросмотра комментария во всплывающем окне */ +.tooltip-inner .b-message { + padding-top: 0 !important; + padding-bottom: 0; +} + +/* inset dividers */ +.b-dialog:before, +.b-message:before, +.b-comment:before, +.b-comments .comments-loaded:before { + content: ''; + position: absolute; + bottom: 0; + right: 0; + left: 3.5rem; + height: 1px; +} + +.b-generated_news:before { + left: 0; +} + +.b-comments .comments-loaded .b-comment:last-child { + margin: 0; +} + +.b-dialog:last-child:before, +.b-message:last-child:before, +.b-comment:last-child:before, +.tooltip-inner .b-message:before { + display: none; +} + +.b-comment .body, +.b-message .body, +.b-topic .body, +.b-dialog .body { + padding: 4px 0; + padding-left: 0; + line-height: inherit; + overflow: hidden; +} + +/* Левый отступ комментариев от края экрана */ +.inner > header, +.inner > .body, +.inner > footer, +.b-topic-preview > .b-comments { + padding-left: 3.5rem; +} + +/* Фикс отступа в новостях и новостных топиках */ +.b-topic-preview.mini > .inner > header, +.b-generated_news-topic > .inner > header, +.b-generated_news > .inner > header, +.b-generated_news > .inner > .body { + padding-left: 0; +} + +/* Предпросмотр описания и страниц клуба */ +.edit_club .b-shiki_editor .b-comment .inner .body, +.edit_club_page .b-shiki_editor .b-comment .inner .body { + padding-left: 0; +} + +@media screen and (max-width: 767px) { + .b-topic-preview > .b-comments { + padding-left: 0; + } + .b-topic-preview > .inner > .body, + .b-topic-preview > .inner > footer { + padding-left: 3.5rem; + } +} + +@media screen and (min-width: 767px) { + .b-news-topic > .b-comments { + padding-left: 3.5rem; + } +} + +/* END of Левый отступ комментариев от края экрана */ +.b-comment > .inner header, +.b-dialog > .inner header, +.b-message > .inner header, +.b-topic > .inner header { + margin-bottom: 0; +} + +.b-dialog > .inner header, +.b-message > .inner header { + padding-top: .25rem; + padding-bottom: .25rem; +} + +.b-comment > .inner header > a, +.b-message > .inner header > a, +.b-dialog > .inner header > a, +.b-topic > .inner header > a { + position: absolute; + left: 0; +} + +.b-dialog .body .b-message > .inner header > a { + position: relative; +} + +.b-topic > .inner header img { + width: 2.5rem; + margin: .25rem 1rem 0 0; +} + +.b-comment > .inner header img, +.b-message > .inner header img, +.b-dialog > .inner header img { + width: 2.5rem; + margin: .25rem 1rem 0 0; + border-radius: 100%; +} + +.b-topic > .inner header .name-date, +.b-comment > .inner header .name-date { + padding: .25rem 0; + line-height: 2rem; +} + +.b-topic > .inner header .name-date { + line-height: 20px; +} + +.b-message > .inner header .name-date, +.b-dialog > .inner header .name-date { + line-height: 2rem; +} + +.b-topic .name-date .name, +.b-comment .name-date .name, +.b-dialog .name-date .name { + font-size: 1rem; +} + +.b-message > .inner header .name-date a.name, +.b-topic > .inner header .name-date a.name, +.b-comment > .inner header .name-date a.name, +.b-dialog > .inner header .name-date a.name { + display: block; + margin-right: .5rem; + line-height: 1.25rem; +} + +.b-topic > .inner header .name-date a.name, +.b-topic > .inner header .name-date .about { + display: inline-block; + vertical-align: top; + line-height: inherit; +} + +.b-topic > .inner header .name-date .about { + margin-right: .5rem; +} + +.b-topic > .inner > header .name-date a { + font-size: 16px; +} + +.b-topic > .inner > header .about > span { + display: inline-block; + vertical-align: top; + color: #9E9E9E; + padding: 0 .5rem 0 0; + font-size: .875rem; + line-height: inherit; +} + +.b-topic > .inner > header .about a { + display: inline-block; + vertical-align: top; + font-size: 1rem; + line-height: inherit; +} + +.b-comment > .inner header .name-date a.name:hover { + text-decoration: none; +} + +.b-message > .inner header .name-date .time, +.b-topic > .inner header .name-date .time, +.b-comment > .inner header .name-date .time, +.b-dialog > .inner header .name-date .time { + position: relative; + padding-top: 0; + padding-left: 0; + margin-right: .5rem; + line-height: 1.25rem; +} + +.b-message > .inner header .name-date .time > time, +.b-comment > .inner header .name-date .time > time, +.b-topic > .inner header .name-date .time > time { + display: block; + font-size: .875rem; + line-height: inherit; +} + +.b-topic > .inner header .name-date .time { + font-size: .875rem; + line-height: inherit; +} + +.b-comment > .inner header .name-date .time:hover { + text-decoration: underline; +} + +.b-comment header .hash { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: 0; + opacity: 0; + z-index: 1; +} + +.b-comment .inner .name-date a.name .normal { + vertical-align: top; +} + +@media only screen and (min-width: 1025px) { + .b-topic > .inner header .name-date, + .b-comment > .inner header .name-date { + padding: .25rem 0; + line-height: 1.5rem; + } + .b-comment > .inner header .name-date a.name, + .b-comment > .inner header .name-date .time, + .b-dialog > .inner header .name-date a.name, + .b-dialog > .inner header .name-date .time { + display: inline-block; + vertical-align: top; + line-height: inherit; + } + .b-message > .inner header .name-date .time > time, + .b-comment > .inner header .name-date .time > time { + display: block; + font-size: 13px; + line-height: inherit; + } + .p-dialogs .b-message > .inner header { + padding-top: 0; + padding-bottom: 0; + } + .p-dialogs .b-message > .inner header .name-date { + line-height: 32px; + } + .p-dialogs .b-message > .inner header .name-date a.name, + .p-dialogs .b-message > .inner header .name-date .time { + display: inline-block; + vertical-align: top; + line-height: inherit; + } + .b-comment > .inner header img, + .b-message > .inner header img, + .b-dialog > .inner header img { + margin: 6px 16px 0 0; + } + .b-topic > .inner header .name-date .time { + display: inline-block; + vertical-align: top; + line-height: inherit; + } +} + +.p-messages .b-message > .inner header .name-date a.name, +.p-messages .b-message > .inner header .name-date .time { + display: inline-block !important; + vertical-align: top; + padding-top: 0; + line-height: inherit !important; +} + +@media screen and (max-width: 1024px) { + .b-dialog .time { + display: block !important; + padding-left: 0 !important; + font-size: 14px !important; + line-height: 20px !important; + } + .b-dialog > .inner header .name-date time { + display: block; + line-height: inherit; + } + .b-dialog .b-message > .inner header .name-date .time { + display: inline-block !important; + vertical-align: top; + padding-left: 0 !important; + line-height: inherit !important; + } + .b-dialog .b-message .inner header .name-date .name { + display: inline-block !important; + vertical-align: top; + } +} + +.b-dialog > .inner header .name-date .time, +.b-message > .inner header .name-date .time { + color: #9E9E9E; +} + +.b-dialog .b-message { + position: static; + margin: 0; + padding: 0 !important; + overflow: visible; +} + +.b-dialog .b-message .inner header { + padding: 4px 0; +} + +.b-dialog .b-message .inner header img { + width: 20px; + margin: 0 8px 0 0; +} + +.b-dialog .b-message .inner header .name-date { + line-height: 20px; +} + +.b-dialog .b-message .inner .body { + padding-left: 0 !important; +} + +.yellow-fade { + background: rgba(249, 247, 19, 0.16); + outline-color: rgba(249, 247, 19, 0.16); +} + +.b-replies { + padding: 8px 0 0; +} + +.b-quote { + margin: .5rem 0; + padding: .5rem 1rem; +} + +.b-quote .quoteable { + margin: 0 0 .5rem; + line-height: 20px; +} + +.b-quote .quoteable:before { + float: left; + margin-right: 8px; +} + +.b-quote .b-quote { + margin-left: 0 !important; +} + +.b-topic > .inner header:after { + content: ""; + clear: both; + display: none; +} + +.b-topic .body { + line-height: 20px; +} + +.b-topic-preview > .inner .status-line { + margin-top: -8px; + margin-bottom: 8px; + font-size: 14px; + line-height: 20px; +} + +.b-topic-preview > .inner .status-line .author { + padding: 0; +} + +.b-topic-preview > .inner .status-line .b-link { + padding: 0 8px; +} + +.b-topic-preview > .inner .status-line .additional { + padding-left: .5rem; + margin-left: .5rem; +} + +.b-topic-preview > .inner .status-line .additional .comments, +.b-topic-preview > .inner .status-line .additional .likes { + color: inherit; +} + +.b-topic-preview > .inner .status-line .additional .comments:before, +.b-topic-preview > .inner .status-line .additional .likes:before { + vertical-align: top; + padding-right: 8px; + color: #BDBDBD; +} + +.b-topic-preview > .inner .status-line .additional .comments:before, +.b-topic-preview > .inner .status-line .additional .likes:before { + padding-right: 8px; + font-family: 'Material Icons'; + font-size: 18px; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.b-topic-preview > .inner .status-line .additional .comments:before { + content: "mode_comment"; +} + +.b-topic-preview > .inner .status-line .additional .likes:before { + content: "thumb_up"; +} + +.b-topic-preview > .inner .status-line .additional .b-review_votes { + margin-left: 1rem; +} + +.b-collection-topic .b-review_votes { + display: inline-block; + font-size: inherit; + line-height: inherit; +} + +.b-review-topic .review-votes_count { + font-size: .875rem; +} + +/* Просмотр комментариев во всплывающей подсказке */ +.tooltip .b-comment { + padding-top: 0 !important; + padding-bottom: 0; +} + +.tooltip .b-comment:before { + display: none; +} + +/* Иконки коллекций */ +.b-collection-topic > .inner .status-line .collection-size { + color: inherit; +} + +.b-collection-topic > .inner .status-line .collection-size:before, +.b-review_votes:before { + vertical-align: top; + width: 1.125rem; + padding-right: .5rem; + color: #BDBDBD; + font-size: 1.125rem; +} + +.b-collection-topic > .inner .status-line .collection-size:before { + content: 'collections_bookmark'; +} + +.b-review_votes:before { + content: 'thumbs_up_down'; +} + +.b-review_votes .votes-for { + color: #66BB6A; +} + +.b-review_votes .votes-against { + color: #EF5350; +} + +/* Кнопки голосования в рецензиях и коллекциях */ +.b-topic .footer-vote { + padding: 0; + margin-top: 1rem; + margin-bottom: 1rem; + background: transparent; + border: 0; + color: inherit; + font-size: .875rem; + line-height: inherit; +} + +.b-topic .footer-vote:after { + content: ''; + display: block; + clear: both; +} + +.b-topic .footer-vote .star { + vertical-align: top; + padding: .5rem; + line-height: 0; +} + +.b-topic .footer-vote .star:before { + content: 'thumbs_up_down'; + width: 1.5rem; + padding: 0; + font-size: 1.5rem; +} + +.b-topic .footer-vote .notice { + margin: 0 1.5rem 0 1rem; + line-height: 2.5rem; +} + +.b-topic .footer-vote .vote-group { + float: right; +} + +.b-topic .footer-vote .vote-group .vote { + min-width: 5.5rem; + padding: 0 1rem; + margin: .25rem 0; + background-color: #212121; + border: 0; + border-radius: .125rem; + color: inherit; + font-size: .875rem; + font-weight: 700; + line-height: 2rem; + text-transform: uppercase; + opacity: 1; + transition: background-color .24s ease, color .24s ease; +} + +.b-topic .footer-vote .vote-group .vote:not(:last-child) { + margin-right: .5rem; +} + +.b-topic .footer-vote .vote-group .vote.yes.selected, +.b-topic .footer-vote .vote-group .vote.yes:hover { + background-color: #4CAF50; + background-color: #66BB6A; + color: #FFFFFF; +} + +.b-topic .footer-vote .vote-group .vote.no.selected, +.b-topic .footer-vote .vote-group .vote.no:hover { + background-color: #F44336; + background-color: #EF5350; + color: #FFFFFF; +} + +.b-topic .footer-vote .vote-group .vote.yes:before, +.b-topic .footer-vote .vote-group .vote.no:before { + vertical-align: middle; + width: 1.125rem; + padding: 0; + margin-right: .875rem; + font-size: 1.125rem; +} + +.b-topic .footer-vote .vote-group .vote.yes:before { + content: 'thumb_up'; +} + +.b-topic .footer-vote .vote-group .vote.no:before { + content: 'thumb_down'; +} + +.b-topic .footer-vote .vote-group .separator { + display: none; +} + +/* END of Кнопки голосования в рецензиях и коллекциях */ +/** + * COMMENT DOESN'T SLIDE + * Большие комментарии, топики не должны сдвигаться margin'ами. + * Либо translate3d либо никак. + */ +.b-topic.aside-expanded > .inner, +.b-dialog.aside-expanded > .inner, +.b-message.aside-expanded > .inner, +.b-comment.aside-expanded > .inner, +.b-topic.aside-expanded > .b-comments { + margin-left: 0; +} + +.b-topic.aside-expanded > .inner aside.buttons, +.b-dialog.aside-expanded > .inner aside.buttons, +.b-message.aside-expanded > .inner aside.buttons, +.b-comment.aside-expanded > .inner aside.buttons { + position: absolute; + top: 0; + right: 0; + left: 0; + width: auto; + height: 100%; + margin: 0 -16px; + padding: 8px 16px; + border: 0; + overflow-y: auto; + z-index: 3; +} + +.b-dialog > .inner > aside.buttons > .main-controls > a:after, +.b-dialog > .inner > aside.buttons > .main-controls > span:after, +.b-dialog > .inner > aside.buttons > .delete-controls > span:after, +.b-dialog > .inner > aside.buttons > .moderation-controls > span:after, +.b-message > .inner > aside.buttons > .main-controls > a:after, +.b-message > .inner > aside.buttons > .main-controls > span:after, +.b-message > .inner > aside.buttons > .delete-controls > span:after, +.b-message > .inner > aside.buttons > .moderation-controls > span:after, +.b-comment > .inner > aside.buttons > .main-controls > a:after, +.b-comment > .inner > aside.buttons > .main-controls > span:after, +.b-comment > .inner > aside.buttons > .delete-controls > span:after, +.b-comment > .inner > aside.buttons > .moderation-controls > span:after { + vertical-align: top; + padding-left: 12px !important; + font-size: 16px !important; + line-height: 18px; +} + +/* OPEN DIALOG BY CLICK */ +.b-dialog .to_dialog { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: 0 -16px; + font-size: 0; +} + +.b-dialog:hover .to_dialog { + background-color: rgba(0, 0, 0, 0.05); + z-index: 0; +} + +.b-dialog img, +.b-dialog a, +.b-dialog .buttons, +.b-dialog .b-new_marker { + position: relative; + z-index: 2; +} + +/* END of OPEN DIALOG BY CLICK */ +/** + * BBCode: CODE + * Новый тег отвечающий за оформление программных кодов. + */ +code { + vertical-align: middle; + padding: .5px 4px; + background-color: rgba(32, 32, 32, 0.05); + border-radius: 2px; + font-size: .875rem; +} + +pre { + position: relative; +} + +.b-code { + padding: 1rem; + margin: .5rem 0; + background: #303030; + border-radius: 2px; + font-size: .875rem; +} + +@media (min-width: 960px) { + .b-code:before { + content: attr(data-language); + position: absolute; + top: 1rem; + right: .5rem; + padding: 0 .5rem; + background-color: #747474; + border-radius: 2px; + } + .tooltip-details .b-code:before { + display: none; + } +} + +/* END of CODE */ +/* CODE: SUBLIME 3 MATERIAL THEME'S COLOR */ +.b-code { + background: #263238; +} + +.hljs-selector-tag { + color: #FF5370; +} + +.hljs-selector-id { + color: #FAD430; +} + +.hljs-selector-class { + color: #FFCB6B; +} + +.hljs-selector-pseudo, +.hljs-meta { + color: #C792EA; +} + +.hljs-attribute { + color: #80CBC4; +} + +.hljs-built_in { + color: #89DDFF; +} + +.hljs-number { + color: #F77669; +} + +.hljs-string { + color: #C3E88D; +} + +.hljs-comment { + color: #5C7E8C; +} + +/* END of CODE' THEME */ +/* -------------- */ +/* END of COMMENT */ +/* -------------- */ +/* TOAST */ +#toast-container { + line-height: 1.5rem; +} + +.toast-top-right { + top: auto; + bottom: 0; + right: 0; + left: 0; +} + +#toast-container > div { + width: 100%; + max-width: 25rem; + padding: .875rem 1.5rem; + margin: auto; +} + +.toast-message { + display: inline-block; + vertical-align: top; + line-height: 1.5rem; +} + +#toast-container > .toast-success { + background-color: #323232; + background-image: none !important; +} + +#toast-container > .toast-error { + background-color: #323232; + background-image: none !important; +} + +#toast-container > .toast-error:before { + content: 'error_outline'; + float: left; + display: inline-block; + vertical-align: top; + margin: -4px 1.5rem -4px 0; + font-size: 2rem; + font-family: 'Material Icons'; + line-height: 1; + box-sizing: border-box; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +/* END of TOAST */ +/* CLUB */ +.b-clubs-menu .b-block_list li { + font-size: .875rem; +} + +/* Действия в клубах */ +.b-clubs-menu .club-actions { + margin: 0 0 .5rem 0; +} + +.club-actions .edit-club, +.club-actions .broadcast, +.club-actions .upload, +.club-actions .join, +.club-actions .invite, +.club-actions .leave { + width: auto; + height: auto; + padding: .5rem; + margin: 0 .5rem 0 0; + border-radius: .125rem; + color: #BDBDBD !important; + line-height: 0; +} + +.club-actions .edit-club:hover, +.club-actions .broadcast:hover, +.club-actions .upload:hover, +.club-actions .join:hover, +.club-actions .invite:hover, +.club-actions .leave:hover { + background-color: #424242; + color: #EEEEEE !important; +} + +.club-actions .edit-club:before, +.club-actions .broadcast:before, +.club-actions .upload:before, +.club-actions .join:before, +.club-actions .invite:before, +.club-actions .leave:before { + width: 1.5rem; + font-family: 'Material Icons'; + font-size: 1.5rem; + line-height: 1; +} + +.club-actions .edit-club:before { + content: 'build'; +} + +.club-actions .broadcast:before { + content: 'speaker_notes'; +} + +.club-actions .upload:before { + content: 'attach_file'; +} + +.club-actions .join:before, +.club-actions .invite:before { + content: 'person_add'; +} + +.club-actions .leave:before { + content: 'directions_run'; +} + +@media screen and (max-width: 480px) and (orientation: portrait) { + .club-actions .edit-club, + .club-actions .broadcast, + .club-actions .upload, + .club-actions .join, + .club-actions .invite, + .club-actions .leave { + display: block; + margin: 0; + } + .club-actions .edit-club:after, + .club-actions .broadcast:after, + .club-actions .upload:after, + .club-actions .join:after, + .club-actions .invite:after, + .club-actions .leave:after { + color: #FFFFFF; + padding-left: 1.5rem; + font-size: inherit; + line-height: 1.5; + } +} + +/* Навигация в клубах: "контент" */ +.b-pages { + max-width: 15rem; + padding: 0 1rem; + margin: 0 0 1.5rem 2rem; + border-radius: 2px; +} + +.b-pages .title { + font-size: .875rem; + line-height: 3rem; + text-transform: uppercase; +} + +.b-pages .section { + margin: 0 0 .5rem; +} + +/* Названия страниц клубов */ +.p-club_pages .l-content .subheadline, +.p-club_pages .l-content .subheadline > a { + max-width: 100%; + white-space: normal; +} + +/* CLUB PAGE EDITOR */ +@media screen and (max-width: 767px) { + .edit_club_page .cc-2a > .c-column { + width: 100%; + } + .edit_club_page .cc-2a > .c-column:nth-child(1n+1) { + clear: left; + } +} + +/* FIX: CLUB'S BUTTONS */ +.p-clubs-edit .pages .button { + margin-right: .5rem; +} + +.p-clubs-edit .pages .club_page-layout, +.p-clubs-edit .pages .club_page-actions { + font-size: .875rem; + padding-left: 1rem; +} + +.p-clubs-edit .pages .club_page-actions .b-js-link { + margin-right: .5rem; +} + +.p-club_pages-show .item-edit:before { + content: 'edit'; +} + +/* END of CLUB'S BUTTONS */ +/* ICON | CREATE CLUB */ +.p-clubs-index header.head a.misc { + float: right; + width: 40px; + height: 40px; + padding: 8px; + margin: 4px; + font-size: 0; +} + +.p-clubs-index header.head a.misc:hover { + background-color: #ddd; + text-decoration: none; +} + +.p-clubs-index header.head a.misc:before { + content: 'group_add'; +} + +/* END of CREATE CLUB */ +/* TODO: merge with Material icons */ +.p-club_pages-show .item-edit:before, +.p-clubs-index header.head a.misc:before { + width: 1.5rem !important; + font-family: 'Material Icons' !important; + font-size: 1.5rem !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-club_pages-show .item-edit { + color: #BDBDBD; +} + +.p-club_pages-show .item-edit:hover { + background-color: #424242; + color: #EEEEEE; +} + +@media only screen and (min-width: 1025px) { + .p-club_pages-show .item-edit:active { + background-color: #424242; + color: #EEEEEE; + } +} + +/* END of CLUB */ +/* TODO: replace */ +.p-contests .results .cc-result .c-rounds .label { + font-size: .875rem; +} + +/** + * INDEX + * Изменения главной страницы. + * + */ +.p-dashboards-show .c-my_list { + padding: 0; + background: initial; + border: none; +} + +.p-dashboards-show .c-my_list .title .switch, +.p-dashboards-show .c-my_list .title .link { + float: right; +} + +.p-dashboards-show .cc-news .c-generated_news .b-topic .name-date a { + font-size: 16px !important; +} + +.b-forums { + margin-bottom: .5rem; + line-height: inherit; +} + +@media screen and (max-width: 767px) { + .p-dashboards-show .cc-second { + margin-bottom: .5rem; + } +} + +/* Изменение новостей на главной */ +.p-dashboards-show .cc-news .c-news_topics .b-topic { + padding: 1rem 0 1.5rem; + border-top-width: 1px; +} + +@media screen and (max-width: 767px) { + .p-dashboards-show .cc-news .c-news_topics .b-topic { + margin-bottom: 0; + } +} + +@media only screen and (min-width: 768px) { + .p-dashboards-show .cc-news .c-news_topics .b-topic { + margin-bottom: 0; + } +} + +.p-dashboards-show .cc-news .c-news_topics .b-topic .name-date a { + padding: 0 0 .25rem; + font-size: 22px !important; + font-weight: 400 !important; + line-height: 1.65; + white-space: normal; +} + +.p-dashboards-show .cc-news .c-news_topics .b-topic .b-anime_status_tag { + display: none; +} + +/* КОНЕЦ – Изменение новостей на главной */ +/* Change Forum Button */ +/* NOTE: Цвета настраиваются в общем блоке ЦВЕТА */ +.p-dashboards-show .b-forums > .b-link_button.maxi { + position: relative; + margin-bottom: 0; + background-color: transparent; + font-size: 0; + line-height: 0; + text-align: left; + overflow: visible; +} + +.p-dashboards-show .b-forums > .b-link_button.maxi:after { + display: inline-block; + vertical-align: top; + padding: 0 1rem; + margin: .5rem -1rem; + border-radius: .125rem; + font-size: .875rem; + line-height: 2rem; +} + +.locale-ru.p-dashboards-show .b-forums > .b-link_button.maxi:after { + content: 'Форум'; +} + +.locale-en.p-dashboards-show .b-forums > .b-link_button.maxi:after { + content: 'Forum'; +} + +.p-dashboards-show .b-forums > .b-link_button.maxi:before { + display: block; + font-family: 'Material Icons' !important; + font-size: 18px !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-dashboards-show .b-forums > .b-link_button.maxi:before { + position: absolute; + right: 0; + left: 0; + color: inherit; + line-height: 3rem !important; + text-align: right; +} + +.p-dashboards-show .b-forums > .b-link_button.maxi:before { + content: 'chevron_right'; +} + +/* END of Change Forum Button */ +/* ТЕМЫ ДНЯ */ +.b-hot_topics { + padding: .5rem 1rem; + margin: -.5rem -1rem 0 -1rem; + background-color: initial; + border: 0; +} + +.b-hot_topics .topic { + font-size: .875rem; + line-height: 2rem; + text-align: left; +} + +.b-hot_topics .topic.subject { + font-size: .875rem; + line-height: 2rem; + text-align: left; + text-transform: uppercase; + white-space: nowrap; +} + +.b-hot_topics .topic a { + padding: 0 .75rem; + border-radius: 1rem; +} + +.b-hot_topics .topic a:hover { + text-decoration: none; +} + +.b-hot_topics .topic a .poster { + position: initial; + display: inline-block; + vertical-align: middle; + width: 2rem; + height: 2rem; + margin-left: -.75rem; + margin-right: .5rem; + border-radius: 100%; +} + +@media screen and (max-width: 1024px) { + .b-hot_topics { + padding: 14px 16px; + margin: -16px -16px 0 -16px; + border: 0; + } +} + +@media only screen and (min-width: 1025px) { + .b-hot_topics .topic { + margin-right: .5%; + width: 10.6666%; + } +} + +/** + * FORUM + * СТРАНИЦЫ ФОРУМА + */ +.p-topics .l-menu .b-forums, +.block2, +.contests.block { + margin-bottom: 1.5rem; + line-height: 1.5rem; +} + +.b-forums .forum { + clear: both; + position: relative; + min-height: 1.5rem; + line-height: 1.5rem; + padding: 0 .5rem; + margin: 0 -.5rem; +} + +.b-forums .forum .link-with-input .link { + display: inline-block; + vertical-align: top; + position: absolute; + right: 0; + left: 0; + padding-left: .5rem; +} + +.b-forums .forum input { + position: absolute; + left: 0; + width: 2rem; + height: 1.5rem; + margin-right: .25rem; + border: 0; + opacity: 0; + z-index: 1; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +.b-forums .forum .link-with-input input + .link { + padding-left: 2.25rem; +} + +.b-forums .forum input + .link:before { + content: 'check_box_outline_blank'; + display: block; + position: absolute; + top: 0; + left: 0.375rem; + width: 1.125rem; + margin: 0.1875rem 0; + font-family: 'Material Icons' !important; + font-size: 1.125rem !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.b-forums .forum input:hover + .link:before { + opacity: .9; +} + +.b-forums .forum input:checked + .link:before { + content: 'check_box'; +} + +.b-forums .forum input:disabled + .link:before { + color: #BDBDBD; +} + +.b-forums .forum .topics { + font-size: .75rem; +} + +/* FIX: TOPIC UPDATE ICON (issue #5) */ +.p-topics header h1 a.reload:hover:after { + position: static; +} + +/* END of FORUM */ +/** + * PROFILE + * ПРОФИЛЬ ПОЛЬЗОВАТЕЛЯ + */ +/* Убираем лишние overflow */ +.p-profiles-show .profile-content { + overflow: visible; +} + +/* Настраиваем равномерные отступы */ +.p-profiles .profile-content .cc-2, +.p-profiles .profile-content .about, +.p-profiles .profile-content .cc-2 .c-right .cc-2a { + margin-bottom: 1rem !important; +} + +@media screen and (max-width: 767px) { + .cc-2 > .c-column { + margin-bottom: 1rem; + } + .p-profiles-show .profile-content .activity:last-child { + margin-bottom: 1.25rem !important; + } +} + +/* Полосы аниме/манги */ +.b-stats_bar .bar .first, +.b-stats_bar .bar .second { + color: inherit; +} + +.b-stats_bar.anime .bar { + color: #FAFAFA; +} + +.b-stats_bar.manga .bar { + color: #212121; +} + +.b-stats_bar .bar .third { + color: #FFFFFF; +} + +.b-stats_bar.anime .bar .second { + background-color: rgba(0, 150, 136, 0.72); +} + +.b-stats_bar.manga .bar .second { + background-color: rgba(255, 171, 64, 0.72); +} + +.line:nth-child(even) > .bar-container > .bar { + opacity: 0.64; +} + +/* Столбики активности */ +.bar.vertical { + padding: 0; + border: none; +} + +.bar.vertical .line { + border: none; +} + +.bar.vertical .line .bar-container .value { + font-size: .75rem; + line-height: 1.25rem; +} + +/* User aliases */ +.p-profiles .profile-head .c-brief header h1 { + vertical-align: top; +} + +.p-profiles .profile-head .c-brief header h1.aliases { + cursor: help; +} + +.p-profiles .profile-head .c-brief header h1.aliases:after { + display: inline-block; + vertical-align: top; + width: 2rem; + height: 2rem; + margin: 0; + margin-left: .5rem; + color: inherit; + font-family: 'Material Icons'; + font-size: 1.125rem; + line-height: 2rem; + text-align: center; + cursor: help; + opacity: .5; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-profiles .profile-head .c-brief header h1.aliases:after { + content: 'label'; +} + +.p-profiles header.head .misc { + vertical-align: top; + padding: 0 1rem; + margin: 0; + font-size: .875rem; + line-height: 3rem; +} + +.p-profiles .profile-head .c-brief header .notice { + line-height: 1.25rem; +} + +/* FIX: update 2017-03-19 */ +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar::after { + clear: none; +} + +/* Списки аниме/манги */ +.b-stats_bar .stat_names .stat_name:after { + display: none; +} + +.b-stats_bar .stat_names .stat_name { + padding: 0 1rem 0 0; + font-size: .875rem; + line-height: 2rem; +} + +.b-stats_bar .stat_names .stat_name a { + display: block; + line-height: inherit; +} + +/* Выпадающий список аниме/манги в профиле */ +@media screen and (max-width: 599px) { + .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { + position: relative; + } + .b-stats_bar .stat_names .stat_name { + display: none; + } + .b-stats_bar .stat_names:hover .stat_name { + display: block; + } + .b-stats_bar .stat_names .stat_name, + .b-stats_bar .stat_names .stat_name a { + padding: 0 1rem 0 0; + } + .b-stats_bar .stat_names .stat_name a { + display: block; + margin: 0 -1rem; + } + .b-stats_bar .stat_names .stat_name a:hover { + background-color: rgba(0, 0, 0, 0.24); + text-decoration: none; + } + .b-stats_bar .stat_names { + position: absolute; + top: 0; + min-width: 165px; + border-radius: .125rem; + } + .b-stats_bar .stat_names:hover { + padding: 3rem 0 .5rem; + z-index: 10; + } + .b-stats_bar .stat_names:after { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.32); + z-index: -1; + } + .b-stats_bar .stat_names:before { + content: 'arrow_drop_down'; + display: block; + position: absolute; + top: 0; + right: 0; + width: 2rem; + height: 2rem; + padding: .25rem; + margin: .5rem .25rem; + border-radius: 100%; + font-size: 1.5rem; + font-family: 'Material Icons'; + line-height: 1; + box-sizing: border-box; + pointer-events: auto; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; + } + .b-stats_bar .stat_names .stat_name, + .b-stats_bar .stat_names .stat_name a { + padding: 0 1rem; + } +} + +/* Конец: Выпадающий список аниме/манги в профиле */ +.edit_user_preferences .b-options-floated.about-options { + position: absolute; + right: 0; + margin: 1rem 0; + background: transparent !important; + text-align: right; + z-index: 1; +} + +.edit_user_preferences .about-options .b-input { + margin-bottom: 0 !important; +} + +.edit_user_preferences .about-options .b-input label { + line-height: 1.5rem; +} + +.b-list_switchers > .switcher { + width: 2.5rem; + height: 2.5rem; + padding: .5rem; + margin: .25rem; +} + +.b-list_switchers .switcher.posters { + margin-left: .25rem !important; +} + +.b-list_switchers .switcher.list { + margin-left: .25rem !important; +} + +.p-user_rates-index .l-menu .avatar img { + width: 10rem; + height: 10rem; +} + +.p-user_rates-index .l-content thead tr { + font-size: 13px; + line-height: 2rem; +} + +.p-user_rates-index .list-lines tr td .rate-text { + font-size: .875rem; + line-height: 1.25rem; +} + +.p-user_rates-index .list-lines tr td .new-value input { + height: 1.5rem; + font-size: 1rem; + line-height: 1.5rem; +} + +.p-user_rates-index .list-lines tr.edit-form form { + padding: .25rem 1rem; + margin: .5rem 0; + border-style: solid; + border-width: 1px; +} + +.p-user_rates-index .list-lines tr.edit-form .b-input.text textarea { + font-size: .875rem; +} + +.b-user_rate .rate-edit .b-input.integer input, +.p-user_rates-index .list-lines tr.edit-form .b-input.integer input { + width: 7rem; +} + +.p-profiles-show .b-stats_bar a.title { + padding: .5rem 1rem; + margin: .5rem -1rem; +} + +.p-profiles-show .b-stats_bar a.title:hover { + text-decoration: none !important; +} + +.p-user_rates-index .list-lines tr.edit-form .remove { + width: 2.5rem; + height: 2.5rem; + padding: .5rem; + margin: .25rem; +} + +.p-user_rates-index .list-lines tr.edit-form .remove { + margin: -.25rem 0 0; + border: 0; + font-size: 0; +} + +.p-user_rates-index .list-lines tr.edit-form .remove:before { + width: 1.5rem !important; + font-family: 'Material Icons' !important; + font-size: 1.5rem !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-user_rates-index .list-lines tr.edit-form .remove:before { + content: 'delete'; +} + +/* Комментарий на постере */ +.p-user_rates-index .list-posters .user_rate > .text { + bottom: 4rem; + padding: .25rem .5rem; + background: rgba(0, 0, 0, 0.6); + border-radius: 0 0 .125rem .125rem; +} + +.p-user_rates-index .list-posters .user_rate > .text:before { + display: none; +} + +.p-user_rates-index .list-posters .user_rate.b-ajax:after { + margin-top: -1.5rem; +} + +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { + overflow: visible; +} + +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { + margin-bottom: 0; +} + +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar::after { + clear: none; +} + +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar.manga { + margin-top: 8px; +} + +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a { + font-size: .875rem; + margin-top: 1rem; +} + +.b-stats_bar .bar { + height: auto; +} + +.b-stats_bar .bar .first, +.b-stats_bar .bar .second, +.b-stats_bar .bar .third { + font-size: .75rem; + line-height: 1.25rem; +} + +.p-profiles .profile-head .c-brief .avatar .profile-actions { + margin-top: 1rem; + margin-right: -.75rem; + margin-left: -.75rem; +} + +.profile-actions > a { + display: inline-block; + padding: .5rem; +} + +.profile-actions > *:before { + vertical-align: top; + width: 1.5rem !important; + line-height: 1 !important; + font-size: 1.5rem !important; +} + +.p-profiles .profile-head .c-brief .avatar > img { + display: block; + margin: auto; +} + +@media only screen and (min-width: 768px) { + .p-profiles .profile-head .c-brief .avatar { + margin: .5rem 2rem 3rem 1rem; + } + .p-profiles .profile-head .c-brief .avatar > img { + width: 10rem; + height: 10rem; + } +} + +@media screen and (max-width: 1024px) { + .profile-actions .settings, + .profile-actions .fav-add, + .profile-actions .fav-remove, + .profile-actions .ignore-add, + .profile-actions .ignore-remove, + .profile-actions .ban { + margin-left: .5rem; + } +} + +@media only screen and (min-width: 1025px) { + .profile-actions .settings, + .profile-actions .fav-add, + .profile-actions .fav-remove, + .profile-actions .ignore-add, + .profile-actions .ignore-remove, + .profile-actions .ban { + margin-left: .5rem; + } +} + +/* TODO: replace */ +.b-catalog-entry-embedded .b-catalog_entry { + margin-bottom: 0 !important; +} + +/* TODO: replace */ +.l-page .b-anime_status_tag:before { + vertical-align: text-bottom; + padding: 0 .25rem; + border: 0; + font-size: .625rem; + line-height: 1rem; + text-transform: uppercase; +} + +/* TODO: replace */ +.b-topic { + margin-bottom: .5rem; +} + +/* TODO: replace */ +.m13 { + margin-bottom: 0 !important; +} + +/* USER PROFILE |> HISTORY ENTRY */ +.p-profiles .profile-head .c-history .entry { + position: relative; + padding: .5rem 0; + margin: 0; + border: 0; + overflow: initial; +} + +.p-profiles .profile-head .c-history .entry, +.p-profiles .profile-head .c-history .entry:first-child { + padding-top: .5rem; + margin-top: 0; +} + +.p-profiles .profile-head .c-history .entry:before { + content: ''; + display: block; + position: absolute; + right: -.5rem; + bottom: 0; + left: 3.5rem; + height: 1px; + pointer-events: none; +} + +.p-profiles .profile-head .c-history .entry:last-child:before { + display: none; +} + +/* Полноразмерная ссылка .entry, работает только для .c-history & .l-menu */ +.p-profiles .profile-head .c-history .entry a { + display: block; + padding: .5rem .5rem; + margin: -.5rem; +} + +@media screen and (min-width: 960px) { + .p-profiles .profile-head .c-history .entry a { + padding: .75rem .5rem; + } +} + +.p-profiles .profile-head .c-history .entry a:after { + content: ''; + clear: both; + display: block; +} + +.p-profiles .profile-head .c-history .entry:hover .title { + text-decoration: none; +} + +/* END of FULLENTRY LINK */ +.p-profiles .profile-head .c-history .entry img { + margin: 0 16px 0 0; + max-height: 72px; + max-width: 40px; +} + +/* Страница истории пользователя */ +.p-user_history-index .history-page .history-interval p { + line-height: 1.5rem; + margin-bottom: 0; +} + +.b-user_rate-extended > .midheadline { + overflow: hidden; +} + +.p-user_rates-index .l-content .filter input { + padding: .5rem 1rem; + font-size: .875rem; +} + +/* Страница сравнения списков */ +.p-userlist_comparer .notice span { + padding: 1.5px 4px !important; + border-radius: 2px; +} + +/* Цвета списков */ +.p-userlist_comparer .comparer table .abslt-difr, +.p-userlist_comparer .legend .abslt-difr, +.p-userlist_comparer .notice span:nth-child(6) { + background: rgba(244, 67, 54, 0.5) !important; +} + +.p-userlist_comparer .comparer table .slightly-difr, +.p-userlist_comparer .legend .slightly-difr, +.p-userlist_comparer .notice span:nth-child(4) { + background: rgba(255, 138, 128, 0.5) !important; +} + +.p-userlist_comparer .comparer table .almost-same, +.p-userlist_comparer .legend .almost-same, +.p-userlist_comparer .notice span:nth-child(3) { + background: rgba(185, 246, 202, 0.5) !important; +} + +.p-userlist_comparer .comparer table .exact-same, +.p-userlist_comparer .legend .exact-same, +.p-userlist_comparer .notice span:nth-child(5) { + background: rgba(76, 175, 80, 0.5) !important; +} + +.p-profiles .profile-head .c-info .c-additionals { + margin-top: 8px; + margin-bottom: 8px; +} + +.p-profiles .profile-head .c-info .c-additionals b { + padding-right: 8px; + font-size: 0; +} + +.p-profiles .profile-head .c-info .c-additionals b:after { + font-size: 14px; +} + +.p-profiles.locale-ru .profile-head .c-info .c-additionals b:after { + content: 'Активность на сайте:'; +} + +.p-profiles.locale-en .profile-head .c-info .c-additionals b:after { + content: 'Activity:'; +} + +/* Время за аниме и манга */ +.p-profiles .lifetime .bar, .p-profiles .lifetime .times { + line-height: 0; +} + +.p-profiles-show .lifetime .bar { + height: 1.25rem; +} + +.b-stats_bar.lifetime .bar .first { + background: #009688; + opacity: .72; +} + +.p-profiles-show .lifetime .cuts .cut { + width: 0; + height: 0; + margin: .5rem -.25rem; + background: transparent; + border: .375rem solid transparent; + border-bottom-color: #303030; + z-index: 1; +} + +.p-profiles-show .lifetime .times .time { + color: #9E9E9E; + font-size: .625rem; + line-height: 1.25rem; + text-transform: uppercase; +} + +.p-profiles-show .lifetime .times .time.checked { + color: #009688; +} + +.p-profiles-show .lifetime .times .time.checked:before { + display: none; + color: #009688; + opacity: .72; +} + +/** + * PROFILE HEAD + * Adaptive profile header includes: avatar, history, information, anime/manga bars. + */ +.p-profiles .profile-head { + position: relative; + overflow: visible; +} + +.p-profiles .profile-head { + min-height: 15.5rem; + padding-top: 3rem; + margin-top: -1rem; +} + +.p-profiles .profile-head .c-info { + margin-bottom: .5rem; +} + +.p-profiles .profile-head .c-info { + overflow: visible; +} + +.p-profiles .profile-head .c-history { + margin-bottom: 3rem; +} + +.p-profiles .profile-head .c-history.x3 { + margin-bottom: 2rem; +} + +.p-profiles .profile-head .c-brief { + position: relative; + margin: -3rem -1rem 1rem; + overflow: hidden; +} + +.p-profiles .profile-head .c-brief:before { + content: ''; + display: block; + height: 0; + padding-bottom: 0; +} + +.p-profiles .profile-head .c-brief .avatar > img, +.p-profiles .profile-head .c-history { + display: none; +} + +@media screen and (min-width: 320px) { + .p-profiles .profile-head .c-mobile-actions { + display: none; + } + .p-profiles .profile-head .c-brief:before { + content: ''; + display: block; + height: 0; + padding-bottom: 34%; + } + .p-profiles .profile-head .c-brief .avatar { + float: none; + max-width: 100%; + margin: 0 auto; + margin-top: -17%; + } + .p-profiles .profile-head .c-brief .avatar > img { + display: block; + width: 36%; + max-width: 10rem; + min-width: 5rem; + margin: auto; + } + .p-profiles .profile-head .c-brief .avatar .profile-actions { + display: block; + position: absolute; + width: 100%; + padding: 0 .5rem; + margin: 0 auto; + margin-top: -15%; + text-align: left; + } + .p-profiles .profile-head .c-brief .avatar .profile-actions > a:first-child { + float: right; + margin: 0 .25rem; + } + .profile-actions .fav-add, + .profile-actions .fav-remove { + float: right; + } + .p-profiles .profile-head .c-brief header { + clear: both; + margin: 0; + text-align: center; + } +} + +@media screen and (min-width: 320px) and (max-width: 479px) { + .p-profiles .profile-head .c-brief header .notice { + padding: .5rem 1rem; + } +} + +@media screen and (min-width: 320px) and (max-width: 599px) { + .p-profiles .profile-head .c-brief header { + background-color: inherit !important; + } +} + +@media screen and (min-width: 320px) and (max-width: 959px) { + .p-profiles .profile-head .c-history { + display: block; + position: absolute; + top: 0; + right: 0; + left: 0; + width: auto; + padding: 0 1rem; + margin: 0 -1rem; + background-color: rgba(0, 0, 0, 0.48); + white-space: nowrap; + overflow-x: auto; + z-index: 1; + } + .p-profiles .profile-head .c-history > .subheadline { + display: inline-block; + vertical-align: top; + } + .p-profiles .profile-head .c-history > .subheadline > a { + color: #eee !important; + } + .p-profiles .profile-head .c-history > .subheadline > a:before { + display: none; + } + .p-profiles .profile-head .c-history > .b-block_list { + display: inline-block; + vertical-align: top; + padding: .5rem; + margin-left: .5rem; + } + .p-profiles .profile-head .c-history .entry { + display: inline-block; + vertical-align: top; + min-width: 112px; + height: 2rem; + padding-right: .5rem; + padding-left: .5rem; + margin-left: .5rem; + border-radius: 1rem; + overflow: hidden; + } + .p-profiles .profile-head .c-history .entry:before { + display: none; + } + .p-profiles .profile-head .c-history .entry .image-name { + float: left; + width: 32px; + height: 32px; + margin: -8px 8px -8px -8px; + border-radius: 50%; + font-size: 0; + line-height: 0; + overflow: hidden; + } + .p-profiles .profile-head .c-history .entry span.misc { + display: none; + } +} + +@media screen and (min-width: 320px) and (max-width: 959px) and (min-width: 600px) { + .p-profiles .profile-head .c-history { + padding: .25rem 1rem; + } +} + +@media screen and (max-width: 767px) and (min-width: 481px), screen and (max-width: 767px) and (orientation: landscape) { + .p-profiles .profile-head .c-history .entry:first-child { + display: inline-block; + } +} + +@media screen and (min-width: 360px) { + .profile-actions .settings, + .profile-actions .fav-add, + .profile-actions .fav-remove, + .profile-actions .ignore-add, + .profile-actions .ignore-remove, + .profile-actions .ban { + margin-left: .25rem; + } +} + +@media screen and (min-width: 360px) and (max-width: 599px) { + .p-profiles .profile-head .c-mobile-actions { + display: none; + } + .p-profiles .profile-head .c-brief .avatar .profile-actions { + display: block; + } +} + +@media screen and (min-width: 480px) { + .p-profiles .profile-head .c-brief { + margin-bottom: 0; + overflow: visible; + } + .p-profiles .profile-head .c-brief .avatar { + position: absolute; + } + /* Отступ от аватарки */ + .p-profiles .profile-head .c-brief header { + margin-left: 10rem; + } + /* Отступ от аватарки */ + .p-profiles .profile-head .c-info { + margin-left: 9rem; + } + .p-profiles .profile-head .c-brief .avatar .profile-actions { + position: static; + width: auto; + padding: 0; + margin-top: 1rem; + margin-right: -12px; + margin-left: -12px; + text-align: center; + } + .p-profiles .profile-head .c-brief .avatar .profile-actions > a:first-child { + float: none; + margin: 0; + } + .profile-actions .fav-add, + .profile-actions .fav-remove { + float: none; + } + .p-profiles .profile-head .c-brief:before { + padding-bottom: 48px; + } + .p-profiles .profile-head .c-brief .avatar { + max-width: 160px; + margin: 1rem 1rem 1rem .5rem; + } + .p-profiles .profile-head .c-brief .avatar img { + width: 120px; + } + .p-profiles .profile-head .c-brief header { + clear: none; + padding: 1rem 0 .5rem; + text-align: left; + } +} + +@media screen and (min-width: 600px) { + .p-profiles .profile-head { + background-color: inherit; + } + .p-profiles .profile-head .c-brief { + margin: -3rem -1rem 0; + } + /* Отступ от аватарки */ + .p-profiles .profile-head .c-brief header { + margin-left: 12.5rem; + } + /* Отступ от аватарки */ + .p-profiles .profile-head .c-info { + margin-left: 11.5rem; + } + .p-profiles .profile-head .c-brief:before { + padding-bottom: 56px; + } + .p-profiles .profile-head .c-brief .avatar img { + width: 160px; + } + .p-profiles .profile-head .c-brief .avatar .profile-actions { + display: block; + } +} + +@media screen and (min-width: 768px) { + .p-profiles .profile-head .c-brief { + overflow: visible; + } + /* Отступ от аватарки */ + .p-profiles .profile-head .c-brief header { + margin-left: 13.5rem; + } + /* Отступ от аватарки */ + .p-profiles .profile-head .c-info { + margin-left: 12.5rem; + } +} + +@media screen and (min-width: 960px) { + .p-profiles .profile-head { + padding-top: 0; + margin-top: 0; + } + .p-profiles .profile-head .c-brief { + max-height: 504px; + margin: 0; + overflow: visible; + } + .p-profiles .profile-head .c-brief:before { + padding-bottom: 0; + } + .p-profiles .profile-head .c-brief .avatar { + margin: 1rem 2rem 1rem 0; + } + .p-profiles .profile-head .c-info { + margin-bottom: 1.5rem; + } + /* Отступ от аватарки */ + .p-profiles .profile-head .c-info { + margin-left: 13.5rem; + } + /* Отступ от истории */ + .p-profiles .profile-head .c-info { + margin-right: calc(23% + 3.5rem); + } + .p-profiles .profile-head .c-history { + display: block; + position: relative; + top: 1rem; + margin-left: 3.5rem; + z-index: 1; + } +} + +/* END of PROFILE HEAD */ +/** + * Иконки совместимости для профиля + * MIT License + * Copyright (c) 2016 grin3671 + */ +/* ВАЖНО! */ +/* .p-profiles .profile-head .c-info overflow: visible /* Настройка для варианта №1 */ +/* Исправление видимости */ +/* Спасибо Kana Kuroki и Dewopalaxy */ +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { + position: relative; + overflow: visible; +} + +.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 { + position: relative; + font-size: 0; + line-height: 0; + margin-top: 0; +} + +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:hover { + text-decoration: none; +} + +div.compatibility > a, +div.compatibility > span.link-replacement { + margin: 0 -.25rem; +} + +div.compatibility > span.link-replacement { + cursor: help; +} + +div.compatibility > a:before, +div.compatibility > span.link-replacement > span:first-child:before, +div.compatibility > a > span:first-child:before { + display: block; + width: 2.5rem; + height: 2.5rem; + padding: .5rem; + margin: .25rem; + border-radius: .125rem; + font-size: 1.5rem; + font-family: 'Material Icons'; + line-height: 1; + box-sizing: border-box; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +div.compatibility > a > span:first-child:before { + position: absolute; + top: 0; +} + +div.compatibility > a:hover:before, +div.compatibility > a:hover > span:first-child:before { + text-decoration: none; +} + +/* Настройка иконок совместимости */ +div.compatibility > a:before { + content: 'compare_arrows'; +} + +div.compatibility > span.link-replacement > span:first-child:before, +div.compatibility > a > span:first-child:before { + content: 'people'; +} + +div.compatibility > a > .text.zero:before, +div.compatibility > span.link-replacement > .text.zero:before { + content: 'people_outline'; +} + +/* КОНЕЦ: Настройка иконок совместимости */ +/* Цветные иконки совместимости */ +/* Низкая совместимость */ +div.compatibility > a > .text.weak:before { + background-color: #F9FBE7; + color: #CDDC39; +} + +div.compatibility > a:hover > .text.weak:before, +div.compatibility > span.link-replacement > .text.weak:before { + background-color: #F0F4C3; + color: #C0CA33; +} + +/* Средняя совместимость */ +div.compatibility > a > .text.moderate:before { + background-color: #F1F8E9; + color: #8BC34A; +} + +div.compatibility > a:hover > .text.moderate:before, +div.compatibility > span.link-replacement > .text.moderate:before { + background-color: #DCEDC8; + color: #7CB342; +} + +/* Высокая совместимость */ +div.compatibility > a > .text.high:before { + background-color: #E8F5E9; + color: #4CAF50; +} + +div.compatibility > a:hover > .text.high:before, +div.compatibility > span.link-replacement > .text.high:before { + background-color: #C8E6C9; + color: #43A047; +} + +/* Полная совместимость */ +div.compatibility > a > .text.full:before { + background-color: #E1F5FE; + color: #03A9F4; +} + +div.compatibility > a:hover > .text.full:before, +div.compatibility > span.link-replacement > .text.full:before { + background-color: #B3E5FC; + color: #039BE5; +} + +/* КОНЕЦ: Цветные иконки совместимости */ +/* Недоступные для просмотра данные без фона */ +div.compatibility > span.link-replacement > span:first-child:before, +div.compatibility > span.link-replacement:hover > span:first-child:before { + background-color: transparent !important; +} + +/* Подсказки для совместимости */ +/* По умолчанию: располагаются над иконкой */ +/* Вариант не работает без обложки, универсален только 2 вариант */ +/* Второй вариант: располагаются слева от иконки */ +div.compatibility > a:after, +div.compatibility > a > span:first-child:after, +div.compatibility > span.link-replacement > span:first-child:after { + display: block; + position: absolute; + bottom: 100%; + left: 50%; + padding: 0 .75rem; + margin: 0 0 .5rem; + background-color: #616161; + border-radius: .125rem; + color: #eee; + font-size: .875rem; + line-height: 2rem; + white-space: nowrap; + transform: translateX(-50%); + z-index: 100; + pointer-events: none; + opacity: 0; + transition: .3s; +} + +div.compatibility > a > span:first-child:after, +div.compatibility > span.link-replacement > span:first-child:after { + z-index: 101; +} + +div.compatibility > a:hover:after, +div.compatibility > a:hover > span:first-child:after, +div.compatibility > span.link-replacement:hover > span:first-child:after { + opacity: .9; +} + +/* Второй вариант расположения подсказок */ +div.compatibility > a:after, +div.compatibility > a > span:first-child:after, +div.compatibility > span.link-replacement > span:first-child:after { + bottom: 0; + right: 100%; + left: auto; + margin: 0 .75rem .5rem; + transform: translateX(0.75rem); +} + +div.compatibility > a:hover:after, +div.compatibility > a:hover > span:first-child:after, +div.compatibility > span.link-replacement:hover > span:first-child:after { + transform: translateX(0); +} + +/* КОНЕЦ: Второй вариант расположения подсказок */ +/* Текст подсказок для совместимости */ +.locale-ru div.compatibility > a[href*="similar"]:after { + content: 'Найти похожих пользователей'; +} + +.locale-en div.compatibility > a[href*="similar"]:after { + content: 'Find similar users'; +} + +.locale-ru div.compatibility > a > .text.zero:after, +.locale-ru div.compatibility > span.link-replacement > .text.zero:after { + content: 'Нет совместимости'; +} + +.locale-en div.compatibility > a > .text.zero:after, +.locale-en div.compatibility > span.link-replacement > .text.zero:after { + content: 'No compatibility'; +} + +.locale-ru div.compatibility > a > .text.weak:after, +.locale-ru div.compatibility > span.link-replacement > .text.weak:after { + content: 'Низкая совместимость'; +} + +.locale-en div.compatibility > a > .text.weak:after, +.locale-en div.compatibility > span.link-replacement > .text.weak:after { + content: 'Low compatibility'; +} + +.locale-ru div.compatibility > a > .text.moderate:after, +.locale-ru div.compatibility > span.link-replacement > .text.moderate:after { + content: 'Средняя совместимость'; +} + +.locale-en div.compatibility > a > .text.moderate:after, +.locale-en div.compatibility > span.link-replacement > .text.moderate:after { + content: 'Medium compatibility'; +} + +.locale-ru div.compatibility > a > .text.high:after, +.locale-ru div.compatibility > span.link-replacement > .text.high:after { + content: 'Высокая совместимость'; +} + +.locale-en div.compatibility > a > .text.high:after, +.locale-en div.compatibility > span.link-replacement > .text.high:after { + content: 'High compatibility'; +} + +.locale-ru div.compatibility > a > .text.full:after, +.locale-ru div.compatibility > span.link-replacement > .text.full:after { + content: 'Полная совместимость'; +} + +.locale-en div.compatibility > a > .text.high:after, +.locale-en div.compatibility > span.link-replacement > .text.high:after { + content: 'Full compatibility'; +} + +/* Числовое обозначение совместимости */ +div.compatibility > a > span.rate, +div.compatibility > span.link-replacement > span.rate { + position: absolute; + top: -.125rem; + right: -.5rem; + padding: 0 .25rem; + border-radius: .125rem; + color: #fff; + font-size: .75rem; + line-height: 1rem; +} + +div.compatibility > span.link-replacement > span.rate:before, +div.compatibility > a > span.rate:before { + display: none; +} + +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .rate:after { + content: '%'; + color: inherit; +} + +div.compatibility > span.link-replacement > span.rate:after, +div.compatibility > a > span.rate:after { + display: none; +} + +div.compatibility > a:before { + background-color: transparent; +} + +/* END of Иконки совместимости для профиля */ +/* ICON | EDIT ABOUT ME PROFILE'S BLOCK */ +.p-profiles-show .about .item-edit { + display: inline-block; + width: 2.5rem; + height: 2.5rem; + padding: .5rem; + margin: .25rem 0; +} + +.p-animes .item-edit:before, +.p-mangas .item-edit:before, +.p-profiles-show .about .item-edit:before { + width: 1.5rem !important; + font-family: 'Material Icons' !important; + font-size: 1.5rem !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-animes .item-edit:before, +.p-mangas .item-edit:before, +.p-profiles-show .about .item-edit:before { + content: 'edit'; +} + +/* END of ICON */ +/* CHIP | USER PLATES */ +.b-user16 { + vertical-align: middle; + max-width: 100%; + padding: 0 .5rem; + margin: 0 .5rem 0 0; + background-color: #eee; + border-radius: .5rem; + font-size: .875rem; + font-weight: 400; + line-height: 1rem !important; + text-transform: initial; + text-overflow: ellipsis; + overflow: hidden; +} + +.b-user16:hover { + color: #f2f2f2 !important; + background-color: #747474; +} + +.b-user16:after { + display: none !important; +} + +.b-user16:hover a { + color: #fff !important; + text-decoration: none; +} + +.b-user16 > a > span { + padding: 0; +} + +.b-user16:hover span { + text-decoration: none; +} + +.b-user16 img { + position: static; + display: inline-block; + vertical-align: bottom; + width: 16px !important; + padding: 0; + margin: 0 .375rem 0 -.5rem !important; + margin-top: 0 !important; + border-radius: .5rem; +} + +.b-animes-menu .friend-rate .b-user16 { + display: inline-block; +} + +.b-quote .quoteable a.b-user16 { + padding: 0 .5rem; +} + +.p-anime_videos-index .c-video_stats .uploader .b-user16 { + padding-left: 0.5rem; +} + +.b-log_entry .b-user16, +.b-source .contributors .b-user16, +.b-source .mal .b-user16, +.b-source .source .b-user16 { + margin-right: .5rem; +} + +.b-user16:last-child { + margin-right: 0 !important; +} + +.b-quote .quoteable a, +.status-line > span:first-child { + margin-right: .5rem; +} + +.status-line .b-user16:last-child { + margin-right: .5rem !important; +} + +/* BUG: Лишний пробел в разметке */ +.b-quote .quoteable a.bubbled-processed { + margin-right: 0.25rem !important; +} + +/* BUG: Лишний пробел в разметке */ +.b-quote .quoteable a.bubbled-processed > img { + margin-right: 0.125rem !important; +} + +/* COLOR */ +.b-user16, +.b-user16 a { + color: #212121 !important; +} + +/* END of USER PLATES */ +.b-source .contributors, +.b-source .mal, +.b-source .source { + padding: 0; +} + +.was_updated > div:first-child > span:first-child { + margin-right: 0.5rem; +} + +/* MODERATION LIST */ +.b-log_entry { + position: relative; + padding-right: 2.5rem !important; + font-size: .875rem; +} + +.b-log_entry, +.b-log_entry .spoiler.collapse span:before, +.b-log_entry .spoiler.collapsed:before { + padding: .375rem 0; + line-height: 1.25rem; +} + +.b-log_entry .spoiler.collapse, +.b-log_entry .spoiler.collapsed, +.b-log_entry .spoiler.collapse span, +.b-log_entry .spoiler.collapsed span { + position: absolute; + top: 0; + right: 0; + margin: 0; + border: 0; +} + +.b-log_entry .spoiler.collapse span:before, +.b-log_entry .spoiler.collapsed:before { + display: inline-block; + vertical-align: top; + position: relative; + width: 1.5rem; +} + +.b-ban .moderator { + float: right; + position: static; +} + +.b-abuse_request .remove, +.b-log_entry span, +.b-log_entry .date { + padding-right: .5rem; +} + +.b-ban .abuser, +.b-ban .duration, +.b-log_entry .date, +.b-log_entry > .reason { + vertical-align: top; + font-size: inherit; +} + +.b-log_entry span a { + vertical-align: top; +} + +.b-log_entry > .reason a { + color: inherit; +} + +.b-log_entry .spoiler.collapse, +.b-log_entry .spoiler.collapsed, +.b-log_entry .spoiler.collapse span, +.b-log_entry .spoiler.collapsed span { + font-size: 0; + line-height: 0; +} + +.b-log_entry .spoiler.collapse span:before, +.b-log_entry .spoiler.collapsed:before { + position: absolute; + top: 0; + right: 0; + width: 2rem; + font-family: 'Material Icons'; + font-size: 1.125rem; + font-weight: 400 !important; + text-align: center; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.b-log_entry .spoiler.collapse span:before { + content: 'expand_less'; +} + +.b-log_entry .spoiler.collapsed:before { + content: 'expand_more'; +} + +@media screen and (min-width: 1025px) { + .b-log_entry, + .b-log_entry .spoiler.collapse span:before, + .b-log_entry .spoiler.collapsed:before { + padding: .125rem 0; + line-height: 1.25rem; + } +} + +/* FIX */ +.b-abuse_request .marker { + margin: -5px 8px 0 0 !important; +} + +/* END of MODERATION LIST */ +/** + * MATERIAL ICON + * Замена иконок. + * + * ПРАВИЛА: + * Следующие настройки касаются только иконок. Их цвета, родители и их положение настраивается отдельно. + * Иконки должны располагаться в псевдоэлементе :before + * Иконки используются в двух вариантах: 18px и 24px + * Следовательно родители иконок должны быть высотой 32px или 40px + * + * BUG: + * IE doesn't support Materail Icon's font format [.woff2] + */ +@font-face { + font-family: 'Material Icons'; + font-style: normal; + font-weight: 400; + src: local("Material Icons"), local("MaterialIcons-Regular"), url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.woff) format("woff"), url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.eot) format("eot"), url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.ttf) format("truetype"); +} + +/* Стили Material Icons */ +.b-collection-topic > .inner .status-line .collection-size:before, +.b-review_votes:before, +.b-topic .footer-vote .star:before, +.b-topic .footer-vote .vote-group .vote:before, +.b-image .mobile-edit:before, +.b-image .delete:before, +.b-image.deletable .confirm:before, +.b-image.deletable .cancel:before, +.l-top_menu .menu-items > .entry > a[href*="/forum"]:before, +.p-user_rates-index .list-posters .user_rate .edit-user_rate:before { + font-family: 'Material Icons'; + line-height: 1; + font-weight: normal; + letter-spacing: normal; + text-transform: none; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +/* LARGE ICON */ +.c-actions > *:before, +.profile-actions > *:before, +.l-top_menu .menu-mobile .search:before, +.l-top_menu .menu-mobile .menu:before, +.l-top_menu .menu-mobile #sign_in:before, +.l-top_menu .menu-userbox .search:before, +.l-top_menu .menu-userbox .menu:before, +.l-top_menu .menu-userbox #sign_in:before, +.l-top_menu .to-mobile-forum:before, +.l-top_menu .menu-items .submenu-toggler:before, +.l-top_menu .menu-items .submenu-toggler.active:before, +header.head h1 a.back:before, +header.head h2 a.back:before, +.item-mobile:before, +.editor-controls > span:before, +.b-add_to_list .trigger-arrow:before, +.b-add_to_list.expanded .trigger-arrow:before, +.b-add_to_list.watching .edit:before, +.b-add_to_list.rewatching .edit:before, +.b-add_to_list.on_hold .edit:before, +.b-add_to_list.dropped .edit:before, +.b-add_to_list .plus:before, +.b-add_to_list.completed .edit:before, +.b-add_to_list.planned .edit:before, +.b-comments .comments-collapser:before, +.b-list_switchers > .switcher:before, +.p-characters .item-edit:before, +.p-messages .mass-actions .action > a:before { + width: 24px !important; + font-family: 'Material Icons' !important; + font-size: 24px !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +/* SMALL ICON */ +.l-top_menu .menu-items > .entry.calendar > a:before, +.l-top_menu .menu-items > .entry > .contest:before, +.l-top_menu .menu-items > .entry.info > a:before { + display: block; + width: 18px !important; + font-family: 'Material Icons' !important; + font-size: 18px !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.headline > a:before, +.midheadline > a:before, +.subheadline > a:before { + display: block; + font-family: 'Material Icons' !important; + font-size: 18px !important; + font-weight: 400 !important; + line-height: 32px !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.headline > a:before, +.midheadline > a:before, +.subheadline > a:before { + content: 'chevron_right'; +} + +/* Иконки переключения вида каталога: список/постеры */ +.b-list_switchers .switcher.list:before { + content: 'view_list'; +} + +.b-list_switchers .switcher.lines:before { + content: 'view_headline'; +} + +.b-list_switchers .switcher.posters:before { + content: 'view_module'; +} + +/* Иконки списка аниме/манги пользователя */ +.b-add_to_list .plus:before { + content: "add"; +} + +.b-add_to_list.planned .edit:before { + content: "event"; +} + +.b-add_to_list.watching .edit:before { + content: "play_arrow"; +} + +.b-add_to_list.completed .edit:before { + content: "done"; +} + +.b-add_to_list.rewatching .edit:before { + content: "replay"; +} + +.b-add_to_list.on_hold .edit:before { + content: "query_builder"; +} + +.b-add_to_list.dropped .edit:before { + content: "delete"; +} + +.b-add_to_list .trigger-arrow:before { + content: "arrow_drop_down"; + transition: 240ms; +} + +.b-add_to_list.expanded .trigger-arrow:before { + content: "arrow_drop_down"; + transform: rotate(180deg); +} + +/* Иконки верхнего меню */ +.l-top_menu .menu-items > .entry.calendar > a:before { + content: "today"; +} + +.l-top_menu .menu-items > .entry > .contest:before { + content: "poll"; +} + +.l-top_menu .menu-items > .entry.info > a:before { + content: "info"; +} + +.l-top_menu .menu-userbox #sign_in:before { + content: "exit_to_app"; +} + +.l-top_menu .to-mobile-forum:before { + content: "forum"; +} + +.l-top_menu .menu-items .submenu-toggler:before { + content: 'arrow_drop_down'; +} + +.l-top_menu .menu-items .submenu-toggler.active:before { + content: "arrow_drop_down"; + transform: rotate(180deg); +} + +/* Иконки профиля */ +.profile-actions .mail:before { + content: "mail"; +} + +.profile-actions .talk:before { + content: "message"; +} + +.profile-actions .fav-add:before { + content: "person_add"; +} + +.profile-actions .fav-remove:before { + content: "person"; +} + +.profile-actions .fav-remove:hover:before { + content: "person_outline"; + color: inherit; +} + +.profile-actions .ignore-add:before { + content: "do_not_disturb_on"; +} + +.profile-actions .ignore-remove:before { + content: "do_not_disturb_off"; +} + +.profile-actions .settings:before { + content: "settings"; +} + +.profile-actions .ban:before { + content: "gavel"; +} + +/* Иконки текстового редактора */ +.buttons .editor-bold:before { + content: "format_bold"; +} + +.buttons .editor-italic:before { + content: "format_italic"; +} + +.buttons .editor-underline:before { + content: "format_underlined"; +} + +.buttons .editor-strike:before { + content: "strikethrough_s"; +} + +.buttons .editor-link:before { + content: "insert_link"; +} + +.buttons .editor-image:before { + content: "insert_photo"; +} + +.buttons .editor-quote:before { + content: "format_quote"; +} + +.buttons .editor-spoiler:before { + content: "error_outline"; +} + +.buttons .editor-file:before { + content: "attach_file"; +} + +.buttons .editor-smiley:before { + content: "insert_emoticon"; +} + +/* Иконки под постером аниме/манги/персонажа и т.д. */ +.c-actions .edit:before { + content: "build"; +} + +.c-actions .fav-remove:hover:before, +.c-actions .fav-add:before { + content: "favorite_border"; +} + +.c-actions .fav-add:hover:before, +.c-actions .fav-remove:before { + content: "favorite"; +} + +.c-actions .new_review:before { + content: "rate_review"; +} + +.c-actions .new_comment:before { + content: "chat_bubble"; +} + +/* Специальная иконка открывающая меню комментария/топика и т.д. */ +.item-mobile:before { + content: "more_vert"; +} + +.p-characters .item-edit:before { + content: "edit"; +} + +/* Иконка "закрыть" */ +.b-dialog.aside-expanded > .inner > .item-mobile:before, +.b-message.aside-expanded > .inner > .item-mobile:before, +.b-comment.aside-expanded > .inner > .item-mobile:before { + content: "clear"; +} + +/* Иконка "назад" */ +header.head h1 a.back:before, +header.head h2 a.back:before { + content: "arrow_back"; +} + +/* Иконки в почте пользователя ("Отметить прочитанным" и "Удалить все") */ +.p-messages .mass-actions .action:nth-child(1) > a:before { + content: 'done_all'; +} + +.p-messages .mass-actions .action:nth-child(2) > a:before { + content: 'delete_sweep'; +} + +.p-dialogs header.head, +.p-messages header.head, +.p-profiles-edit header.head { + padding: 16px 16px 8px; + margin: -16px -16px 0; +} + +header.head h1, +header.head h2 { + padding: 8px 0; + line-height: 32px; + color: inherit; +} + +header.head h1 a.back, +header.head h2 a.back { + vertical-align: top; + width: 40px; + height: 40px; + padding: 8px; + margin: -4px 16px -4px -8px; + line-height: initial; +} + +header.head h1 a.back:before, +header.head h2 a.back:before { + position: static; + color: inherit; +} + +header.head h1 a.back:after, +header.head h2 a.back:after { + display: none; +} + +.buttons { + margin-right: 0; +} + +.delete-controls > span, +.moderation-controls > span, +.main-controls > span, +.main-controls > a, +.buttons .item-edit { + width: 220px; + padding: 11px 16px; + margin-right: auto !important; + margin-left: auto !important; + line-height: 18px !important; +} + +@media only screen and (min-width: 1025px) { + .delete-controls > span, + .moderation-controls > span, + .main-controls > span, + .main-controls > a, + .buttons .item-edit { + width: 32px; + height: 32px; + padding: 7px; + margin-left: 8px !important; + border-radius: 2px; + line-height: 18px !important; + } +} + +.item-mobile { + position: relative; + width: 40px; + height: 40px; + padding: 8px; + margin: 4px 0; + margin-left: 8px !important; + border-radius: 100%; + z-index: 4; +} + +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .plus::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .edit::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .trigger-arrow::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .plus::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .edit::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .trigger-arrow::before, +.buttons .item-summary:before, +.buttons .item-ignore:before, +.buttons .item-quote:before, +.buttons .item-reply:before, +.buttons .item-edit:before, +.buttons .item-delete:before, +.buttons .item-moderation:before, +.buttons .item-cancel:before, +.buttons .item-request-reject:before, +.buttons .item-apply:before, +.buttons .item-request-confirm:before, +.buttons .item-delete-confirm:before, +.buttons .item-abuse:before, +.buttons .item-spoiler:before, +.buttons .item-offtopic:before, +.buttons .item-delete-cancel:before, +.buttons .item-moderation-cancel:before { + vertical-align: top; + width: 18px !important; + font-family: 'Material Icons' !important; + font-size: 18px !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.buttons .item-ignore:before { + content: "do_not_disturb_on"; +} + +.buttons .item-quote:before { + content: "format_quote"; +} + +.buttons .item-reply:before { + content: "reply"; +} + +.buttons .item-edit:before { + content: "mode_edit"; +} + +.buttons .item-delete:before { + content: "delete"; +} + +.buttons .item-moderation:before { + content: "flag"; +} + +.buttons .item-cancel:before, +.buttons .item-request-reject:before, +.buttons .item-delete-cancel:before, +.buttons .item-moderation-cancel:before { + content: "clear"; +} + +.buttons .item-spoiler:before { + content: "sms_failed"; +} + +.buttons .item-abuse:before { + content: "pan_tool"; +} + +.buttons .item-offtopic:before { + content: "speaker_notes_off"; +} + +.buttons .item-summary:before { + content: "check_circle"; +} + +.buttons .item-delete-confirm:before { + content: "delete"; +} + +.buttons .item-apply:before, +.buttons .item-request-confirm:before, +.buttons .item-delete-confirm:before { + content: "done"; +} + +.l-top_menu .menu-mobile .menu:before, +.l-top_menu .menu-userbox .menu:before, +.l-top_menu .menu-mobile .search:before, +.l-top_menu .menu-userbox .search:before { + width: 24px !important; + font-family: 'Material Icons' !important; + font-size: 24px !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.l-top_menu .menu-mobile .menu:before, +.l-top_menu .menu-userbox .menu:before { + content: "menu"; +} + +.l-top_menu .menu-mobile .search:before, +.l-top_menu .menu-userbox .search:before { + content: "search"; +} + +.tooltip-inner { + min-height: 56px; + padding: 14px 16px; + border: 0; + overflow: hidden; + box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.24); +} + +.tooltip-arrow { + display: none; +} + +/** + * Simple + * MIT License + * Copyright (c) 2015 Chris Nager + * https://github.com/chrisnager/simple-paper-spinner + */ +.tooltip-details { + min-height: 140px; +} + +.tooltip-details .ajax-loading { + display: inline-block; + position: absolute; + top: 50%; + left: 50%; + width: 1.75em; + height: 1.75em; + min-height: 0; + margin: -.875rem 0 0 -.875rem; + background-image: none; + border-radius: 50%; + box-shadow: inset 0 0 0 0.1875em; + overflow: hidden; + will-change: transform; + -webkit-animation: spin 2666ms linear infinite; + animation: spin 2666ms linear infinite; + -webkit-clip-path: circle(0.875em at center); + clip-path: circle(0.875em at center); +} + +.tooltip-details .ajax-loading:after, +.tooltip-details .ajax-loading:before { + content: ""; + position: absolute; + width: 7em; + height: 1.75em; + background-color: inherit; +} + +.tooltip-details .ajax-loading:after { + -webkit-transform: skewX(-80deg) translate(0.875em, 0.875em); + transform: skewX(-80deg) translate(0.875em, 0.875em); + -webkit-animation: shape-shift-after 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate; + animation: shape-shift-after 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate; +} + +.tooltip-details .ajax-loading:before { + -webkit-transform: skewX(80deg) translate(0.875em, -0.875em); + transform: skewX(80deg) translate(0.875em, -0.875em); + -webkit-animation: shape-shift-before 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate; + animation: shape-shift-before 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate; +} + +@-webkit-keyframes spin { + to { + -webkit-transform: rotate(1080deg); + transform: rotate(1080deg); + } +} + +@keyframes spin { + to { + -webkit-transform: rotate(1080deg); + transform: rotate(1080deg); + } +} + +@-webkit-keyframes shape-shift-before { + to { + -webkit-transform: skewX(-45deg) translate(0.875em, -0.875em); + transform: skewX(-45deg) translate(0.875em, -0.875em); + } +} + +@keyframes shape-shift-before { + to { + -webkit-transform: skewX(-45deg) translate(0.875em, -0.875em); + transform: skewX(-45deg) translate(0.875em, -0.875em); + } +} + +@-webkit-keyframes shape-shift-after { + to { + -webkit-transform: skewX(45deg) translate(0.875em, 0.875em); + transform: skewX(45deg) translate(0.875em, 0.875em); + } +} + +@keyframes shape-shift-after { + to { + -webkit-transform: skewX(45deg) translate(0.875em, 0.875em); + transform: skewX(45deg) translate(0.875em, 0.875em); + } +} + +.b-catalog_entry-tooltip .inner a.name { + font-size: .875rem; +} + +.b-catalog_entry-tooltip .inner .rating { + font-family: inherit; +} + +.b-catalog_entry-tooltip .inner .rating .text { + font-size: .75rem; +} + +/* FIX: Размер изображений в тултипах Избаранного */ +.b-catalog_entry-tooltip .inner .best-works > .c-column { + width: 22%; + margin-right: 4%; +} + +.b-catalog_entry-tooltip .inner .best-works > .c-column:last-child { + margin-right: 0; +} + +/* TEXTEDITOR | SHIKI EDITOR */ +.b-topic > .editor-container { + margin-top: 1rem; +} + +.b-shiki_editor .body .preview { + padding: 0; + margin: 0; + background: transparent; + border: 0; +} + +.editor-controls > span { + width: 40px; + height: 40px; + padding: 8px; + margin: 0 8px 0 0 !important; +} + +/* Расширяем file input */ +.buttons .editor-file { + position: relative; +} + +.buttons .editor-file span, +.buttons .editor-file a { + top: 0; + left: 0; + width: 40px; + height: 40px; + margin: 0 !important; +} + +.buttons .editor-file input { + left: 0; + width: 40px; + height: 40px; + border: 0; + font-size: 40px; +} + +.b-shiki_editor aside.buttons { + margin: 0; + padding: .25rem 0; +} + +.b-shiki_editor aside.markers { + height: auto; + padding: .75rem 0; +} + +.b-shiki_editor .links, +.b-shiki_editor .images, +.b-shiki_editor .quotes, +.b-shiki_editor .email, +.b-shiki_editor .upload { + height: 3rem; + line-height: 2rem; +} + +.b-shiki_editor .hidden-block p { + padding: .5rem !important; +} + +.b-shiki_editor .links .link-value, +.b-shiki_editor .images .link-value, +.b-shiki_editor .quotes .link-value, +.b-shiki_editor .email .link-value, +.b-shiki_editor .upload .link-value { + width: 14rem; + height: 2rem; + padding: 0 1rem; + margin: 0; + border-radius: 2px; + line-height: 2rem; +} + +.b-shiki_editor .links .button.ok, +.b-shiki_editor .images .button.ok, +.b-shiki_editor .quotes .button.ok, +.b-shiki_editor .email .button.ok, +.b-shiki_editor .upload .button.ok { + display: inline-block; + vertical-align: top; + padding: 0 1rem; + margin-right: 0; + margin-left: 1rem; + font-size: .875rem; + line-height: 2rem; + border-radius: 2px; +} + +.b-shiki_editor .images input, +.b-shiki_editor .quotes input, +.b-shiki_editor .email input { + margin-left: 1rem !important; + width: 20rem !important; +} + +.b-shiki_editor .body .editor textarea { + padding: .5rem 1rem; + margin: 0; + border-radius: 2px; + font-size: 1rem; + line-height: 1.25rem; +} + +.b-shiki_editor footer input[type=submit], +.b-shiki_editor footer .unpreview, +.b-shiki_editor footer .preview { + vertical-align: top; + margin-right: 8px; +} + +.b-shiki_editor footer .preview { + margin-right: 0; +} + +.b-shiki_editor.previewed footer .unpreview { + border: 0; + font-size: 0; +} + +.b-shiki_editor.previewed footer .unpreview:after { + content: 'Назад'; + vertical-align: top; + font-size: 14px; +} + +.b-shiki_editor footer .cancel { + border: 0; +} + +.b-shiki_editor footer .cancel:hover { + color: #3F51B5; +} + +/* FIX: COMMENT PREVIEW WIDTH */ +.b-shiki_editor aside.markers { + position: absolute; + right: 0; + top: 0; + z-index: 2; +} + +.b-shiki_editor.previewed .body .preview .b-comment { + padding: 0 !important; +} + +.b-shiki_editor footer { + margin-top: 1rem; +} + +.about-bb_codes { + font-size: 0 !important; + padding: 0 1rem; + margin-top: 0 !important; + border-radius: .125rem; + line-height: 2rem !important; +} + +.about-bb_codes:before { + content: "help"; + display: inline-block; + vertical-align: top; + font-family: 'Material Icons' !important; + font-size: 24px !important; + line-height: 32px !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +@media only screen and (min-width: 768px) { + .about-bb_codes:before { + font-family: inherit !important; + font-size: 14px !important; + text-transform: uppercase; + } + .locale-ru .about-bb_codes:before { + content: 'Справка'; + } + .locale-en .about-bb_codes:before { + content: 'Help'; + } +} + +/* END of SHIKI_EDITOR */ +/* END of TEXTEDITOR */ +.b-abuse_marker, +.b-broadcast_marker, +.b-new_marker, +.b-offtopic_marker, +.b-summary_marker { + width: auto !important; + margin: 0 !important; + margin-top: 1px !important; + margin-left: 8px !important; +} + +.b-spoiler_marker { + width: auto; +} + +.b-abuse_marker:before, +.b-broadcast_marker:before, +.b-new_marker:before, +.b-offtopic_marker:before, +.b-spoiler_marker:before, +.b-summary_marker:before { + position: static !important; + width: auto !important; + padding: 0 4px !important; + margin-top: 8px; + border: 0 !important; + border-radius: 2px; + font-size: 10px !important; + line-height: 16px !important; + text-transform: capitalize; +} + +.b-shiki_editor .b-summary_marker, +.b-shiki_editor .b-summary_marker:before, +.b-shiki_editor .b-offtopic_marker, +.b-shiki_editor .b-offtopic_marker:before { + vertical-align: top; + padding: 0 8px !important; + margin: 0 !important; + font-size: 12px !important; + line-height: 24px !important; +} + +.b-shiki_editor .b-summary_marker, +.b-shiki_editor .b-offtopic_marker { + padding: 0 !important; + margin-left: 8px !important; +} + +/* END of SHIKI_EDITOR */ +/* FLOATED OPTIONS */ +.b-options-floated { + margin-top: 16px; + font-size: 14px; + line-height: 16px; +} + +@media screen and (min-width: 768px) { + .b-options-floated.before-buttons-2 { + padding-right: 112px; + } +} + +.p-profiles-edit .b-options-floated, +.p-dialogs .b-options-floated, +.p-messages .b-options-floated { + position: static; + margin: 0 -16px 8px; + padding: 0; + text-align: left; + white-space: nowrap; + overflow: hidden; + overflow-x: auto; +} + +.p-profiles-edit .b-options-floated > a, +.p-dialogs .b-options-floated > a, +.p-messages .b-options-floated > a { + display: inline-block; + width: auto; + min-width: 88px; + height: 48px; + padding: 0 12px; + font-size: 14px; + line-height: 48px; + text-align: center; + text-transform: uppercase; +} + +.p-profiles-edit .b-options-floated > a { + width: auto; +} + +.p-profiles-edit .b-options-floated > a:hover, +.p-dialogs .b-options-floated > a:hover, +.p-messages .b-options-floated > a:hover { + text-decoration: none; +} + +@media screen and (min-width: 481px) { + .p-profiles-edit .b-options-floated > a, + .p-dialogs .b-options-floated > a, + .p-messages .b-options-floated > a { + width: auto; + } +} + +.b-options-floated a span.brackets, +.b-options-floated .link span.brackets { + display: inline-block; + vertical-align: text-top; + min-width: 20px; + height: 16px; + padding: 0 4px; + border-radius: 4px; + color: #212121; + font-size: 10px; + line-height: 16px; + text-align: center; +} + +.b-options-floated a:after, +.b-options-floated .link:after { + padding: 0 .375rem; + color: #9E9E9E; +} + +.p-profiles-edit .b-options-floated > a:after, +.p-dialogs .b-options-floated > a:after, +.p-messages .b-options-floated > a:after, +.b-options-floated a span.brackets:before, +.b-options-floated a span.brackets:after, +.b-options-floated .link span.brackets:before, +.b-options-floated .link span.brackets:after { + display: none; +} + +@media screen and (min-width: 481px) { + .p-dialogs header.head, + .p-messages header.head, + .p-profiles-edit header.head { + padding: 0; + margin: 0; + background-color: transparent; + } + .p-profiles-edit .b-options-floated, + .p-dialogs .b-options-floated, + .p-messages .b-options-floated { + position: initial; + margin: 0 -16px 8px; + padding: 0; + background-color: transparent; + text-align: right; + } +} + +/* END of FLOATED OPTIONS */ +/* USER'S MAIL ICONS – READ ALL & DELETE ALL */ +.p-messages .mass-actions { + position: absolute; + top: 56px; + right: 0; + margin: 0 -.5rem; +} + +.p-messages .mass-actions .action:after { + display: none; +} + +.p-messages .mass-actions > .action > a { + width: 40px; + height: 40px; + padding: 8px; + margin: 4px; + border: 0; + border-radius: 2px; + font-size: 0; + line-height: 1; +} + +/* END of USER'S MAIL ICONS */ +/* DB ENTRY NOTES */ +/* TODO: MERGE WITH .c-history .entry */ +.b-db_entry-note { + position: relative; + padding: 8px 0; + margin: 0; + border: 0; +} + +.b-db_entry-note:first-child { + padding-top: 8px; +} + +.b-db_entry-note:before { + content: ''; + position: absolute; + right: -16px; + bottom: 0; + left: 56px; + height: 1px; +} + +.b-db_entry-note:last-child:before { + display: none; +} + +/* FIX */ +.b-db_entry-note:before { + right: 0; + left: 64px; +} + +.p-db_entries-related .b-db_entry-note { + padding: 16px 0; +} + +.p-db_entries-related .b-db_entry-note:first-child { + padding-top: 16px; +} + +/* END of DB ENTRY NOTES*/ +/* MENU ENTRY REVIEW & CLUBS */ +/* TODO: MERGE WITH .c-history .entry */ +/* TODO: where [.calendar .entry]? */ +.p-topics .l-menu .calendar .entry, +.p-topics .l-menu .reviews .entry, +.p-topics .l-menu .clubs .entry { + position: relative; + padding: 8px 0; + margin: 0; + border: 0; + overflow: initial; +} + +.p-topics .l-menu .calendar .entry:first-child, +.p-topics .l-menu .reviews .entry:first-child, +.p-topics .l-menu .clubs .entry:first-child { + padding-top: 8px; + margin-top: 0; +} + +.p-topics .l-menu .calendar .entry:before, +.p-topics .l-menu .reviews .entry:before, +.p-topics .l-menu .clubs .entry:before { + content: ''; + position: absolute; + right: -8px; + bottom: 0; + left: 56px; + height: 1px; + pointer-events: none; +} + +.p-topics .l-menu .calendar .entry:last-child:before, +.p-topics .l-menu .reviews .entry:last-child:before, +.p-topics .l-menu .clubs .entry:last-child:before { + display: none; +} + +/* Полноразмерная ссылка .entry, работает только для .l-menu */ +.p-topics .l-menu .calendar .entry a, +.p-topics .l-menu .reviews .entry a, +.p-topics .l-menu .clubs .entry a { + display: block; + padding: 8px; + margin: -8px; +} + +.p-topics .l-menu .calendar .entry a:after, +.p-topics .l-menu .reviews .entry a:after, +.p-topics .l-menu .clubs .entry a:after { + content: ''; + clear: both; + display: block; +} + +.p-topics .l-menu .calendar .entry:hover .title, +.p-topics .l-menu .reviews .entry:hover .title, +.p-topics .l-menu .clubs .entry:hover .title { + text-decoration: none; +} + +/* ADDITIONS */ +.p-topics .l-menu .reviews .entry img { + min-width: 40px; + max-height: 64px; + margin: 2px 16px 2px 0; + border-radius: 2px; +} + +.p-topics .l-menu .clubs .entry img { + width: 40px; + min-width: 40px; + height: 40px; + margin: 2px 16px 2px 0; + border-radius: 2px; +} + +/* END of MENU ENTRY REVIEW & CLUBS */ +/* SIDEMENU LINKS */ +.p-topics .l-menu .sticky-topics .topic, +.p-dashboards-show .contests .contest, +.p-topics .l-menu .contests .contest { + padding: 8px; + margin: 0 -8px; + border: 0; +} + +.p-topics .l-menu .sticky-topics .topic:first-child, +.p-dashboards-show .contests .contest:first-child, +.p-topics .l-menu .contests .contest:first-child { + padding-top: 8px; + margin-top: 0; +} + +.p-topics .l-menu .sticky-topics .topic .title, +.p-dashboards-show .contests .contest .title, +.p-topics .l-menu .contests .contest .title { + line-height: 20px; +} + +.p-topics .l-menu .sticky-topics .topic:hover .title, +.p-dashboards-show .contests .contest:hover .title, +.p-topics .l-menu .contests .contest:hover .title { + text-decoration: none; +} + +.p-topics .l-menu .sticky-topics .topic .title:after, +.p-dashboards-show .contests .contest .title:after, +.p-topics .l-menu .contests .contest .title:after { + display: none; +} + +.p-topics .l-menu .sticky-topics .topic .notice, +.p-dashboards-show .contests .contest .notice, +.p-topics .l-menu .contests .contest .notice { + margin-top: 2px; + line-height: 18px; +} + +/* END of SIDEMENU LINKS */ +/* Стилизованные кнопки на страницах поиска аниме и манги */ +.p-user_rates .mylist-block + .block > .b-list, +.b-collection-filters > .block:first-child > .b-list, +.b-collection-filters > .block:first-child > .b-list { + margin-left: 0 !important; +} + +.p-user_rates .mylist-block + .block > .b-list > li, +.b-collection-filters > .block:first-child > .b-list > li, +.b-collection-filters > .block:first-child > .b-list > li { + position: relative; + margin-bottom: .5rem; + border-radius: .125rem; + font-size: .875rem; + line-height: 2rem; + text-align: center; + text-transform: uppercase; + list-style: none; +} + +.p-user_rates .mylist-block + .block > .b-list > li:before, +.p-user_rates .mylist-block + .block > .b-list > li:after, +.b-collection-filters > .block:first-child > .b-list > li:before, +.b-collection-filters > .block:first-child > .b-list > li:before, +.b-collection-filters > .block:first-child > .b-list > li:after, +.b-collection-filters > .block:first-child > .b-list > li:after { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: inherit; + opacity: 0; + z-index: 0; + transition: opacity .3s; +} + +.p-user_rates .mylist-block + .block > .b-list > li:before, +.b-collection-filters > .block:first-child > .b-list > li:before, +.b-collection-filters > .block:first-child > .b-list > li:before { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.56); +} + +.p-user_rates .mylist-block + .block > .b-list > li:after, +.b-collection-filters > .block:first-child > .b-list > li:after, +.b-collection-filters > .block:first-child > .b-list > li:after { + background-color: rgba(0, 0, 0, 0.12); +} + +.p-user_rates .mylist-block + .block > .b-list > li:hover:before, +.p-user_rates .mylist-block + .block > .b-list > li:hover:after, +.b-collection-filters > .block:first-child > .b-list > li:hover:before, +.b-collection-filters > .block:first-child > .b-list > li:hover:before, +.b-collection-filters > .block:first-child > .b-list > li:hover:after, +.b-collection-filters > .block:first-child > .b-list > li:hover:after { + opacity: 1; +} + +.p-user_rates .mylist-block + .block > .b-list > li > a, +.b-collection-filters > .block:first-child > .b-list > li > a, +.b-collection-filters > .block:first-child > .b-list > li > a { + position: relative; + display: block; + color: #fff !important; + z-index: 1; +} + +.p-user_rates .mylist-block + .block > .b-list > li > a:hover, +.b-collection-filters > .block:first-child > .b-list > li > a:hover, +.b-collection-filters > .block:first-child > .b-list > li > a:hover { + color: #fff !important; + text-decoration: none; +} + +/* END of Стилизованные кнопки на страницах поиска аниме и манги */ +/** + * Фильтры на страницах поиска + */ +/* Настройка пунктов */ +.b-collection-filters .block-list li, +.b-collection-filters .b-block_list li { + position: relative; + padding: 0 .5rem; + margin: 0 -.5rem; + font-size: .875rem; + line-height: 2rem; +} + +/* Отступ для подпунктов */ +.b-collection-filters .block-list li.sub, +.b-collection-filters .b-block_list li.sub { + padding-left: 2.5rem; +} + +/* Скрываем чекбокс, располагаем над псевдоэлементом */ +.b-collection-filters .block-list li > input, +.b-collection-filters .b-block_list li > input { + position: absolute; + left: .3125rem; + width: 2rem; + height: 2rem; + border: 0; + opacity: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +/* Псевдоэлемент с иконкой чекбокса */ +.b-collection-filters .block-list li:before, +.b-collection-filters .b-block_list li:before { + display: inline-block; + vertical-align: top; + width: 1.125rem; + margin: .4375rem .875rem .4375rem 0; + font-family: 'Material Icons'; + font-size: 1.125rem; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +/* Фильтры на страницах поиска – ПОДСКАЗКИ */ +/* Положение подсказки */ +.b-collection-filters .block-list .b-question, +.b-collection-filters .b-block_list .b-question { + display: inline-block !important; + vertical-align: top; + position: absolute; + right: .3125rem; +} + +/* Иконка подсказки */ +.b-collection-filters .block-list .b-question:before, +.b-collection-filters .b-block_list .b-question:before { + display: block; + width: 1.125rem; + height: auto; + margin: .4375rem; + background-color: transparent; + font-family: 'Material Icons'; + font-size: 1.125rem; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +/* Фильтры на страницах поиска – ПЕРЕКЛЮЧАТЕЛИ */ +/* Положение переключателя */ +.b-collection-filters .filter { + top: 0; +} + +.b-collection-filters .block-list .filter, +.b-collection-filters .b-block_list .filter { + float: right; + position: relative; + right: auto; + margin: 0 0 0 .5rem; +} + +/* Положение переключателя с иконками подсказок */ +.b-collection-filters .block-list.ratings .filter, +.b-collection-filters .block-list.genres .filter, +.b-collection-filters .block-list li.sub .filter, +.b-collection-filters .b-block_list.ratings .filter, +.b-collection-filters .b-block_list.genres .filter, +.b-collection-filters .b-block_list li.sub .filter { + margin-right: 2rem; +} + +/* Сбрасываем стандартные стили */ +.b-collection-filters .block-list .filter:before, +.b-collection-filters .b-block_list .filter:before { + display: block; + width: auto; + font-family: inherit; + font-size: .75rem; + line-height: inherit; + text-transform: lowercase; +} + +/* Добавляем понятные текстовые обозначения */ +.locale-ru .b-collection-filters .b-block_list .filter.item-add:before { + content: 'Исключить'; +} + +.locale-en .b-collection-filters .b-block_list .filter.item-add:before { + content: 'Exclude'; +} + +.locale-ru .b-collection-filters .b-block_list .filter.item-minus:before { + content: 'Добавить'; +} + +.locale-en .b-collection-filters .b-block_list .filter.item-minus:before { + content: 'Include'; +} + +/* Настройка иконок */ +.b-collection-filters .block-list li:before { + content: 'check_box_outline_blank'; +} + +.b-collection-filters .block-list li.selected:before { + content: 'check_box'; +} + +.b-collection-filters .block-list.orders li:before { + content: 'radio_button_unchecked'; +} + +.b-collection-filters .block-list.orders li.selected:before { + content: 'radio_button_checked'; +} + +.b-collection-filters .block-list .b-question:before { + content: 'help_outline'; +} + +.b-collection-filters .b-block_list li:before { + content: 'check_box_outline_blank'; +} + +.b-collection-filters .b-block_list li.selected:before { + content: 'check_box'; +} + +.b-collection-filters .b-block_list.orders li:before { + content: 'radio_button_unchecked'; +} + +.b-collection-filters .b-block_list.orders li.selected:before { + content: 'radio_button_checked'; +} + +.b-collection-filters .b-block_list .b-question:before { + content: 'help_outline'; +} + +/* Фильтры на страницах поиска – Размер для ПК */ +@media (min-width: 1025px) { + .b-collection-filters .block-list li { + line-height: 1.5rem; + } + .b-collection-filters .block-list li:before { + margin: .1875rem .875rem .1875rem 0; + } + .b-collection-filters .block-list .b-question:before { + margin: .1875rem; + } + .b-collection-filters .block-list li > input { + width: 1.5rem; + height: 1.5rem; + } + /* new class */ + .b-collection-filters .b-block_list li { + line-height: 1.5rem; + } + .b-collection-filters .b-block_list li:before { + margin: .1875rem .875rem .1875rem 0; + } + .b-collection-filters .b-block_list .b-question:before { + margin: .1875rem; + } + .b-collection-filters .b-block_list li > input { + width: 1.5rem; + height: 1.5rem; + } +} + +/* END of Фильтры на страницах поиска */ +/* "Мой список" в фильтрах поиска */ +/* Меняем название на более доступное */ +.block.mylist-block > .subheadline { + font-size: 0; + line-height: 0; +} + +.block.mylist-block > .subheadline:before { + font-size: .875rem; + line-height: 1rem; +} + +.locale-ru .block.mylist-block > .subheadline:before { + content: 'Мой список'; +} + +.locale-en .block.mylist-block > .subheadline:before { + content: 'My List'; +} + +/* Кнопка переключателя */ +.b-collection-filters .block > .filter.item-sign { + height: 2.5rem; + padding: .5rem; + margin-top: .25rem; + border-radius: .125rem; +} + +.b-collection-filters .block > .filter.item-sign:before { + width: 1.5rem; + font-family: 'Material Icons'; + font-size: 1.5rem; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +/* Настройка иконки переключателя */ +.b-collection-filters .block > .filter.item-sign:before { + content: 'playlist_add_check'; +} + +/* Прозрачный фон переключателя */ +@media (min-width: 1025px) { + .b-collection-filters .block > .filter.item-sign { + background-color: transparent; + } +} + +/* END of "Мой список" в фильтрах поиска */ +/* Страница видео */ +.b-video_player .cc-player_controls .episode-num input { + margin: .75rem .25rem; +} + +.b-video_player .cc-player_controls a.c-control:hover { + text-decoration: none; +} + +.b-video_player .cc-player_controls .cc-navigation > .c-control > span, +.b-video_player .cc-player_controls .cc-navigation > .c-control > b { + display: inline-block; + vertical-align: top; + margin: .25rem auto; + line-height: 2.5rem; +} + +.b-video_player .cc-player_controls .cc-navigation > .c-control > b { + margin-left: .5rem; +} + +@media screen and (max-width: 480px) and (orientation: portrait) { + .b-video_player .cc-player_controls .cc-navigation > .c-control > span, + .b-video_player .cc-player_controls .cc-navigation > .c-control > b { + display: none; + } +} + +.b-video_player .cc-player_controls .label, +.b-video_player .cc-player_controls .episode-title .video-link { + font-size: .75rem; +} + +.b-video_player .cc-player_controls .episode-title .video-link a { + display: block; + line-height: inherit; + border: 0; +} + +.b-video_player .cc-player_controls .cc-options > .c-video_stats { + margin: .25rem auto; +} + +.p-anime_videos-index .c-videos .video-variant-switcher, +.p-anime_videos-index .c-video_stats { + font-size: .875rem; +} + +.p-anime_videos-index .c-videos .video-variant-switcher:hover { + border: 0; +} + +.b-video_player .cc-player_controls .c-control:hover { + text-decoration: none; +} + +/* Подзаголовки на странице видео */ +.p-anime_videos-index .same-videos .title, +.p-anime_videos-index .c-anime_video_episodes .title, +.p-anime_videos-index .c-videos .title { + padding: 1rem 0; + margin: 0; + font-size: .875rem; + font-weight: 700; + line-height: 1rem; + text-transform: uppercase; +} + +/* Переключатели в варинатах видео */ +.p-anime_videos-index .c-videos .video-variant-switcher { + float: right; + margin: 0; + border: 0; + line-height: 1rem; + text-transform: capitalize; +} + +.p-anime_videos-index .c-videos .video-variant-switcher:not(:first-child):after { + content: '/'; + padding: 0 .375rem; + font-weight: normal; +} + +.b-video_variant.active a { + border: 0; +} + +/* Иконки */ +.b-video_player .cc-player_controls .c-control .icon { + width: 2.5rem !important; + height: 2.5rem; + padding: .5rem; + margin: .25rem auto !important; + border-radius: 2px; +} + +.b-video_player .cc-player_controls .c-control .icon:before { + width: 1.5rem; + font-family: 'Material Icons'; + font-size: 1.5rem !important; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.b-video_player .cc-player_controls .create-user_rate .icon:before { + content: 'add'; +} + +.b-video_player .cc-player_controls .increment-user_rate .icon:before { + content: 'done'; +} + +.b-video_player .cc-player_controls .next .icon:before { + content: 'skip_next'; +} + +.b-video_player .cc-player_controls .prev .icon:before { + content: 'skip_previous'; +} + +.b-video_player .cc-player_controls .report .icon:before { + content: 'flag'; +} + +.b-video_player .cc-player_controls .show-options .icon:before { + content: 'settings'; +} + +.b-video_player .cc-player_controls .upload .icon:before { + content: 'cloud_upload'; +} + +.b-video_player .cc-player_controls .edit .icon:before { + content: 'build'; +} + +/* END of Страница видео */ +/* END of ОСНОВНОЙ ФАЙЛ */ + + + + + + + + + + +/* TENTATIVE CODE | USERLIST */ +.ajax > .b-user.detailed { + display: inline-block; + vertical-align: top; + position: relative; + width: 48%; + height: auto; + min-height: 261px; + padding: 8px; + margin-right: 4%; + margin-bottom: 4%; + background-color: #424242; + border: 0; + border-radius: 2px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16); +} + +.ajax > .b-user.detailed:nth-child(2n+2) { + margin-right: 0; +} + +@media (min-width: 540px) { + .ajax > .b-user.detailed { + width: 32%; + margin-right: 2%; + margin-bottom: 2%; + } + .ajax > .b-user.detailed:nth-child(2n+2) { + margin-right: 2%; + } + .ajax > .b-user.detailed:nth-child(3n+3) { + margin-right: 0; + } +} + +@media (min-width: 768px) { + .ajax > .b-user.detailed { + width: 23.5%; + margin-right: 2%; + margin-bottom: 2%; + } + .ajax > .b-user.detailed:nth-child(2n+2) { + margin-right: 2%; + } + .ajax > .b-user.detailed:nth-child(3n+3) { + margin-right: 2%; + } + .ajax > .b-user.detailed:nth-child(4n+4) { + margin-right: 0; + } +} + +@media (min-width: 960px) { + .ajax > .b-user.detailed { + width: 18.4%; + margin-right: 2%; + margin-bottom: 2%; + } + .ajax > .b-user.detailed:nth-child(2n+2) { + margin-right: 2%; + } + .ajax > .b-user.detailed:nth-child(3n+3) { + margin-right: 2%; + } + .ajax > .b-user.detailed:nth-child(4n+4) { + margin-right: 2%; + } + .ajax > .b-user.detailed:nth-child(5n+5) { + margin-right: 0; + } +} + +@media (min-width: 1200px) { + .p-users.x1200 .ajax > .b-user.detailed { + width: 15%; + margin-right: 2%; + margin-bottom: 2%; + } + .p-users.x1200 .ajax > .b-user.detailed:nth-child(2n+2) { + margin-right: 2%; + } + .p-users.x1200 .ajax > .b-user.detailed:nth-child(3n+3) { + margin-right: 2%; + } + .p-users.x1200 .ajax > .b-user.detailed:nth-child(4n+4) { + margin-right: 2%; + } + .p-users.x1200 .ajax > .b-user.detailed:nth-child(5n+5) { + margin-right: 2%; + } + .p-users.x1200 .ajax > .b-user.detailed:nth-child(6n+6) { + margin-right: 0; + } +} + +.ajax > .b-user.detailed:before { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.16); + opacity: 0; + transition: .3s all; +} + +.ajax > .b-user.detailed:hover:before { + opacity: 1; +} + +.ajax > .b-user.detailed .info, +.ajax > .b-user.detailed .history { + clear: both; + float: none; + width: 100%; + margin: 0; +} + +.ajax > .b-user.detailed .info .image-name { + display: block; + padding: 16px 0; + margin: auto; + text-align: center; +} + +.ajax > .b-user.detailed .info .image-name .name { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 97px 0 0; + line-height: 32px; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} + +.ajax > .b-user.detailed .info .image-name .image { + clear: both; + float: none; + display: block; + padding: 0; + margin: auto auto 24px; + border-radius: 100%; +} + +.ajax > .b-user.detailed .info .last-online { + color: #9B9B9B; + text-align: center; +} + +.ajax > .b-user.detailed .history { + padding-top: 8px; + margin-top: 0; + font-size: 12px; + line-height: 20px; +} + +/* TENTATIVE CODE | END */ + + + +/* TENTATIVE CODE | INDEX PAGE LAYOUT */ +.p-dashboards-show .cc-second .cc-inner { + display: none; +} + +/* FIX: index landscape layout (issue: #9) */ +@media screen and (max-width: 767px) and (orientation: landscape) { + .p-dashboards-show .cc-second .c-forum { + width: 100%; + } + .p-dashboards-show .cc-second .c-forum .b-forums, + .p-dashboards-show .cc-second .c-forum .contests { + float: left; + width: 48%; + } + .p-dashboards-show .cc-second .c-forum .b-forums { + margin-right: 4%; + } +} + +@media only screen and (min-width: 768px) { + .p-dashboards-show .cc-second { + float: right; + width: 30.33333%; + } + .p-dashboards-show .cc-second > .cc-inner { + display: block; + float: none; + width: 100%; + margin: 0; + } + .p-dashboards-show .cc-second > .c-forum { + float: none; + width: 100%; + } + .p-dashboards-show .cc-second > .cc-inner > .c-content, + .p-dashboards-show .cc-second > .cc-inner > .c-my_list { + float: none; + width: 100%; + padding: 0; + } + .p-dashboards-show .cc-second { + margin-bottom: 0; + } + .p-dashboards-show .cc-second .c-forum > .b-forums, + .p-dashboards-show .cc-second .c-forum > .block:last-child { + margin-bottom: 1.5rem; + } + /* Настройки для экранов больше 768 */ + .p-dashboards-show .cc-second .cc-inner { + display: none; + } + .p-dashboards-show .cc-second .cc-inner > .c-content { + /* display: none /* Скрываем блоки: Быстрые ссылки Аниме/Манга */ + } + .p-dashboards-show .cc-second .cc-inner > .c-my_list { + /* display: none /* Скрываем блоки: Мой лист */ + } + .p-dashboards-show .cc-second .cc-inner > .b-forums { + /* display: none /* Скрываем блоки: Темы форума */ + } +} + +/* TENTATIVE CODE | END */ + + + +/* TENTATIVE CODE | RIGHT SIDEBAR */ +@media (max-width: 1024px) { + .l-menu { + position: fixed !important; + top: 0; + right: 0; + width: 25rem !important; + max-width: calc(100% - 3.5rem); + height: 100%; + background-color: #424242; + z-index: 100; + padding: 4.5rem 1rem 1.5rem; + box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.24); + overflow-y: auto; + transform: translateX(100%); + transition: .25s ease; + } + .l-page.menu-expanded .l-menu { + transform: translateX(0); + } + .menu-slide-outer .l-content { + margin-left: 0 !important; + } +} + +/* TENTATIVE CODE | END */ + + + +/* TENTATIVE CODE | PROFILE CONTENT */ +.p-profiles .lifetime { + margin-bottom: 0; + min-height: 0; +} + +.p-profiles .lifetime .bar, +.p-profiles .lifetime .times, +.p-profiles .profile-content .activity .title { + display: none; +} + +.p-profiles .lifetime .title > .label { + font-size: 0; + line-height: 0; +} + +.p-profiles .lifetime .title > .label:before { + display: block; + font-size: 0.875rem; + line-height: 1rem; +} + +.p-profiles.locale-ru .lifetime .title > .label:before { + content: 'Активность'; +} + +.p-profiles.locale-en .lifetime .title > .label:before { + content: 'Time spent'; +} + +.p-profiles .lifetime .title .value { + height: 16px; + margin-top: 0; + line-height: 16px; +} + +.p-profiles .profile-content .cc-2 .c-right .cc-2a { + margin-bottom: 16px !important; +} + +@media (min-width: 768px) { + .p-profiles .profile-content .graph { + height: 155px; + } + .p-profiles .profile-content .cc-2 > .c-column { + width: 100%; + margin-bottom: 1rem; + } + .p-profiles .profile-content .cc-2 .activity { + padding-bottom: 1rem; + } +} + +@media (min-width: 960px) { + .p-profiles .profile-content .cc-2 { + position: relative; + } + .p-profiles .profile-content .cc-2 .c-left { + width: 77%; + min-height: 220px; + padding-right: 3.5rem; + margin-bottom: 1.5rem; + } + .p-profiles .profile-content .cc-2 .c-right .cc-2a { + position: absolute; + top: 0; + right: 0; + width: 23%; + margin-top: -244px; + } + .p-profiles .profile-content .cc-2 .c-right .cc-2a > .c-column { + clear: both; + width: 100%; + margin: 0; + } +} + +/* TENTATIVE CODE | END */ + + + + + + + + + + +/* МОИ НАСТРОЙКИ */ +/* Фон страницы */ +body { + background-image: none; +} + +/** + * Рамка по бокам страницы + * Используйте цвет фона центральной области, чтобы визуально расширить её. + * Эта настройка будет полезна при использовании фоновой картинки + * - с легкой прозрачностью (.85 и более) + * - без прозрачности + */ +.l-page:before { + outline-color: transparent; +} + +/* Цвета меню */ +.l-top_menu:before { + background-color: #333333; +} + +@media only screen and (min-width: 1025px) { + .l-top_menu .submenu, .b-main_search ul.popup { + background: #2d2d2d; + } +} \ No newline at end of file diff --git a/beta/theme-light-cover.css b/beta/theme-light-cover.css index d658efc..74f588e 100644 --- a/beta/theme-light-cover.css +++ b/beta/theme-light-cover.css @@ -1,8465 +1,9829 @@ -/** - * Shikimori.org – CSS Theme - * MIT License - * Copyright (c) 2016 grin3671 - */ - - -/** - * РУКОВОДСТВО: КАК НАСТРОИТЬ СТИЛЬ - * - * Настроить картинку обложки можно в настройках внизу стиля. - * Чтобы быстро переместиться в конец настроек нажмите клавишу [End]. - * - * Чтобы обложка отображалась в вашем профиле, замените все "2727" на ваш ID. - * Узнать ваш ID можно скачав аватарку: цифры в названии файла – ваш ID. - * Чтобы быстро найти все "2727" в стиле используйте комбинацию [Ctrl] + [F]. - * - * Подробности: - * https://github.com/grin3671/shiki-theme - */ - - -/* Кнопка сохранения стиля всегда на виду */ -#submit_style { - position: fixed; - bottom: 0; - right: 0; - margin: 5rem; - z-index: 1000; -} -/* Настройки вверху, CSS внизу */ -.b-edit_styles { - display: flex; - flex-direction: column-reverse; -} -/* Широкое полотно стиля */ -.b-edit_styles > .c-column { - width: 100%; - margin: 0; -} -/* Настройка текста */ -.style_css textarea { - font-family: monospace; - font-size: 1rem; - line-height: 1.5 !important; - white-space: nowrap; -} - - - - - - - - - - -/* НАСТРОЙКА ЦВЕТОВ */ -/* Цвет текста ссылки по умолчанию */ -a { - color: #2196F3; -} - -/* Цвет ссылки при наведении */ -a:hover { - color: #FF4081; -} - -/* Цвет ссылки при нажатии */ -@media only screen and (min-width: 1025px) { - a:active { - color: #ff1402; - } -} -.b-abuse_request .ban-form .cancel, -.b-ban .abuser, -.b-bb_codes-examples .example a, -.b-bb_codes-examples .result a, -.b-bracket-actions > div, -.b-bracket-actions > span, -.b-catalog_entry-tooltip .inner a.name, -.b-catalog_entry-tooltip .inner .line .value a, -.b-catalog_entry-tooltip .inner .line.works .value a, -.b-catalog_entry .cover .title, -.b-club .name, -.b-comment > .inner header .name-date a.name, -.b-comments .comments-collapser, -.b-cosplay-topic > .inner .cosplay-info .line .value a, -.b-cosplay_gallery h3 a, -.b-db_entry-note .name-container .name, -.b-db_entry > .c-about .additional-links .line-container > .link, -.b-db_entry > .c-about .additional-links .line-container > a, -.b-dialog > .inner header .name-date a.name, -.b-entry-info .line a, -.b-feedback-inner .about a, -.b-form .variants .variant a, -.b-form .cancel, -.b-forums .forum .link-with-input .link, -.b-forums .reload, -.b-header_filters .filter-line a, -.b-height_shortener .expand, -.b-js-action, -.b-js-link, -.b-lang_trigger span, -.b-link, -.b-log_entry a, -.b-log_entry .link, -.b-log_entry .moderation a, -.b-log_entry .spoiler.collapsed, -.b-log_entry .spoiler.collapse, -.b-log_entry .spoiler.collapse span, -.b-log_entry .spoiler.collapsed span, -.b-mention, -.b-message > .inner header .name-date a.name, -.b-nothing_here a, -.b-options-floated a, -.b-options-floated .link, -.b-options-floated .action, -.b-options-floated.mobile-desktop a, -.b-person .name, -.b-shiki_editor footer .unpreview, -.b-shiki_editor footer .unpreview:not(.link), -.b-shiki_editor footer .cancel, -.b-shiki_editor footer .hide, -.b-shiki_editor footer .about-bb_codes, -.b-source .contributors .val a, -.b-source .mal .val a, -.b-source .source .val a, -.b-spoiler .content .before, -.b-spoiler .content .after, -.b-spoiler label, -.b-stats_bar a.title, -.b-table a, -.b-topic > .inner header .name-date a.name, -.b-topic .footer-vote .vote-group .vote, -.b-user.named_avatar .name, -.b-user.detailed .info .image-name, -.b-user.detailed .history .line a .event, -.b-user16, -header.head h1 a.back, -header.head h2 a.back, -header.head a.misc, -header.head a.edit, -.headline > a, -.midheadline > a, -.subheadline > a, -.subheadline .misc-link, -.b-video_player .cc-player_controls a.c-control, -.b-video_player .cc-player_controls .episode-title .video-link a, -.b-video_variant a, -.b-animes-menu .menu-topics-block .history-entry-tooltip a, -.p-animes-files .l-content a, -.p-mangas-files .l-content a, -div.history .block-list li .tooltip-inner a, -div.history .b-block_list li .tooltip-inner a, -.p-animes_collection-index .pagination .link, -.p-mangas_collection-index .pagination .link, -.p-recommendations-index .pagination .link, -.p-userlist_comparer-show .pagination .link, -.p-contests .contest-match .vs .next, -.p-contests .contest-match .vs .refrain, -.p-contests-edit .grid, -.p-contests .match-day .match-link a, -.p-contests .rating .member a, -.p-contests .results a, -.p-contests .suggestion > a, -.p-contests .variant > a, -.b-contests-menu .results, -.b-contests-menu .grid a, -.p-contests-grid .round .match a, -.p-contests-index .contest a, -.p-dashboards .c-my_list .list-type > .title .link, -.p-dashboards .c-my_list .history > .title .link, -.p-dashboards .c-my_list .list-type > .title .switch, -.p-dashboards .c-my_list .history > .title .switch, -.p-dashboards .user_list .list-type > .title .link, -.p-dashboards .user_list .history > .title .link, -.p-dashboards .user_list .list-type > .title .switch, -.p-dashboards .user_list .history > .title .switch, -.p-dashboards-show .midheadline .b-link, -.p-dashboards-show .c-content .options .option, -.p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name, -.p-profiles .profile-head .c-brief header .notice a, -.p-profiles .profile-head .c-mobile-actions a, -.p-profiles .profile-head .c-mobile-actions span, -.p-profiles .profile-head .c-info .c-additionals div a, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a, -.p-profiles-edit .account .change-password a, -.p-profiles-edit .misc .profile-action a, -.p-profiles-edit .misc .profile-action .link, -.p-profiles-edit .misc .nickname-changes a, -.p-profiles-edit .misc .nickname-changes .link, -.p-profiles-edit .list .profile-action a, -.p-profiles-edit .list .profile-action .link, -.p-profiles-edit .list .nickname-changes a, -.p-profiles-edit .list .nickname-changes .link, -.p-profiles-edit .list #import_form .link, -.p-profiles-show .about a, -.p-studios .studio .name, -.p-translations .animes a, -.p-user_history-index .history-page .history-interval p a, -.p-user_rates-index .list-lines tr .name a, -.p-userlist_comparer .comparer table .name a, -.b-log_entry .comment-block ins, -.p-statistics-index .forum-nav .sections a.selected, -.p-anime_videos-index .c-videos .video-variant-switcher, -.p-user_rates-index .stat-categories .category { - color: #2196F3; - border-bottom-color: rgba(33, 150, 243, 0.3); -} - -@media screen and (max-width: 480px) and (orientation: portrait) { - .b-options-floated.mobile-phone_portrait a { - color: #2196F3; - } -} -@media screen and (max-width: 767px) { - .b-options-floated.mobile-phone a { - color: #2196F3; - } -} -@media screen and (max-width: 1024px) { - .b-options-floated.mobile-tablet a { - color: #2196F3; - } -} -.b-abuse_request .ban-form .cancel:hover, -.b-ban .abuser:hover, -.b-bb_codes-examples .example a:hover, -.b-bb_codes-examples .result a:hover, -.b-bracket-actions > div:hover, -.b-bracket-actions > span:hover, -.b-catalog_entry-tooltip .inner a.name:hover, -.b-catalog_entry-tooltip .inner .line .value a:hover, -.b-catalog_entry-tooltip .inner .line.works .value a:hover, -.b-catalog_entry .cover .title:hover, -.b-club .name:hover, -.b-comment > .inner header .name-date a.name:hover, -.b-comments .comments-collapser:hover, -.b-cosplay-topic > .inner .cosplay-info .line .value a:hover, -.b-cosplay_gallery h3 a:hover, -.b-db_entry-note .name-container .name:hover, -.b-db_entry > .c-about .additional-links .line-container > .link:hover, -.b-db_entry > .c-about .additional-links .line-container > a:hover, -.b-dialog > .inner header .name-date a.name:hover, -.b-entry-info .line a:hover, -.b-feedback-inner .about a:hover, -.b-form .variants .variant a:hover, -.b-form .cancel:hover, -.b-forums .forum .link-with-input .link:hover, -.b-forums .reload:hover, -.b-header_filters .filter-line a:hover, -.b-height_shortener .expand:hover, -.b-js-action:hover, -.b-js-link:hover, -.b-lang_trigger span:hover, -.b-link:hover, -.b-log_entry a:hover, -.b-log_entry .link:hover, -.b-log_entry .moderation a:hover, -.b-log_entry .spoiler.collapsed:hover, -.b-log_entry .spoiler.collapse:hover, -.b-log_entry .spoiler.collapse span:hover, -.b-log_entry .spoiler.collapsed span:hover, -.b-mention:hover, -.b-message > .inner header .name-date a.name:hover, -.b-nothing_here a:hover, -.b-options-floated a:hover, -.b-options-floated .link:hover, -.b-options-floated .action:hover, -.b-options-floated.mobile-desktop a:hover, -.b-person .name:hover, -.b-shiki_editor footer .unpreview:hover, -.b-shiki_editor footer .unpreview:not(.link):hover, -.b-shiki_editor footer .cancel:hover, -.b-shiki_editor footer .hide:hover, -.b-shiki_editor footer .about-bb_codes:hover, -.b-source .contributors .val a:hover, -.b-source .mal .val a:hover, -.b-source .source .val a:hover, -.b-spoiler label:hover, -.b-spoiler .content:hover .before, -.b-spoiler .content:hover .after, -.b-stats_bar a.title:hover, -.b-table a:hover, -.b-topic > .inner header .name-date a.name:hover, -.b-topic .footer-vote .vote-group .vote:hover, -.b-user.named_avatar .name:hover, -.b-user.detailed .info .image-name:hover, -.b-user.detailed .history .line a .event:hover, -.b-user16:hover, -header.head h1 a.back:hover, -header.head h2 a.back:hover, -header.head a.misc:hover, -header.head a.edit:hover, -.headline > a:hover, -.midheadline > a:hover, -.subheadline > a:hover, -.subheadline .misc-link:hover, -.b-video_player .cc-player_controls a.c-control:hover, -.b-video_player .cc-player_controls .episode-title .video-link a:hover, -.b-video_variant a:hover, -.b-animes-menu .menu-topics-block .history-entry-tooltip a:hover, -.p-animes-files .l-content a:hover, -.p-mangas-files .l-content a:hover, -div.history .block-list li .tooltip-inner a:hover, -div.history .b-block_list li .tooltip-inner a:hover, -.p-animes_collection-index .pagination .link:hover, -.p-mangas_collection-index .pagination .link:hover, -.p-recommendations-index .pagination .link:hover, -.p-userlist_comparer-show .pagination .link:hover, -.p-contests .contest-match .vs .next:hover, -.p-contests .contest-match .vs .refrain:hover, -.p-contests-edit .grid:hover, -.p-contests .match-day .match-link a:hover, -.p-contests .rating .member a:hover, -.p-contests .results a:hover, -.p-contests .suggestion > a:hover, -.p-contests .variant > a:hover, -.b-contests-menu .results:hover, -.b-contests-menu .grid a:hover, -.p-contests-grid .round .match a:hover, -.p-contests-index .contest a:hover, -.p-dashboards .c-my_list .list-type > .title .link:hover, -.p-dashboards .c-my_list .history > .title .link:hover, -.p-dashboards .c-my_list .list-type > .title .switch:hover, -.p-dashboards .c-my_list .history > .title .switch:hover, -.p-dashboards .user_list .list-type > .title .link:hover, -.p-dashboards .user_list .history > .title .link:hover, -.p-dashboards .user_list .list-type > .title .switch:hover, -.p-dashboards .user_list .history > .title .switch:hover, -.p-dashboards-show .midheadline .b-link:hover, -.p-dashboards-show .c-content .options .option:hover, -.p-dashboards-show .c-content .options .option.selected, -.p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name:hover, -.p-profiles .profile-head .c-brief header .notice a:hover, -.p-profiles .profile-head .c-mobile-actions a:hover, -.p-profiles .profile-head .c-mobile-actions span:hover, -.p-profiles .profile-head .c-info .c-additionals div a:hover, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:hover, -.p-profiles-edit .account .change-password a:hover, -.p-profiles-edit .misc .profile-action a:hover, -.p-profiles-edit .misc .profile-action .link:hover, -.p-profiles-edit .misc .nickname-changes a:hover, -.p-profiles-edit .misc .nickname-changes .link:hover, -.p-profiles-edit .list .profile-action a:hover, -.p-profiles-edit .list .profile-action .link:hover, -.p-profiles-edit .list .nickname-changes a:hover, -.p-profiles-edit .list .nickname-changes .link:hover, -.p-profiles-edit .list #import_form .link:hover, -.p-profiles-show .about a:hover, -.p-studios .studio .name:hover, -.p-translations .animes a:hover, -.p-user_history-index .history-page .history-interval p a:hover, -.p-user_rates-index .list-lines tr .name a:hover, -.p-userlist_comparer .comparer table .name a:hover, -.p-statistics-index .forum-nav .sections a:hover, -.block-list-alt a:hover, -.b-block_list-alt a:hover, -.b-catalog_entry .cover:hover, -.b-catalog_entry .cover:hover .title, -.b-comment > .inner .was_updated:hover, -.b-comment header .hash:hover, -.b-dialog > .inner .was_updated:hover, -.b-message > .inner .was_updated:hover, -.b-options-floated .selected, -.b-options-floated .selected.always-active:hover, -.b-show_more:hover, -.b-show_more-more .hide-more:hover, -.b-stats_bar .stat_names .stat_name a:hover, -.b-topic > .inner .was_updated:hover, -.headline > a:hover:before, -.midheadline > a:hover:before, -.subheadline > a:hover:before, -.headline.linkheadline > a:hover, -.linkheadline.midheadline > a:hover, -.linkheadline.subheadline > a:hover, -.headline.linkheadline > a:hover:before, -.linkheadline.midheadline > a:hover:before, -.linkheadline.subheadline > a:hover:before, -.tooltip-inner .close:hover, -.p-animes-franchise .sticky-tooltip .close:hover, -.p-mangas-franchise .sticky-tooltip .close:hover, -.p-contests .contest-match .prev-match:hover, -.p-contests .contest-match .next-match:hover, -.p-contests .match-day .match-link.voted-none > .c-column a:hover, -.p-contests .match-day .match-link.voted-left > .c-column:last-child a:hover, -.p-contests .match-day .match-link.voted-right > .c-column:first-child a:hover, -.p-contests .match-day .match-link .c-column.loser a:hover, -.p-contests .match-day .match-link .c-column.created a:hover, -.p-contests-grid .round .match .date a:hover, -.p-dashboards-show .contests .contest:hover .title, -.p-dashboards-show .contests .contest:hover .title:after, -.p-dashboards-show .contests .contest .title:hover, -.p-dashboards-show .contests .contest .title:hover:after, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.zero:hover, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.weak:hover, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.moderate:hover, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.high:hover, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.full:hover, -.p-topics .l-menu .sticky-topics .topic:hover .title, -.p-topics .l-menu .sticky-topics .topic:hover .title:after, -.p-topics .l-menu .sticky-topics .topic .title:hover, -.p-topics .l-menu .sticky-topics .topic .title:hover:after, -.p-topics .l-menu .contests .contest:hover .title, -.p-topics .l-menu .contests .contest:hover .title:after, -.p-topics .l-menu .contests .contest .title:hover, -.p-topics .l-menu .contests .contest .title:hover:after, -.p-topics header h1 a.reload:hover, -.p-user_rates-index .l-content .order-control:hover, -.p-user_rates-index .list-lines tr td .anime-status:hover, -.p-user_rates-index .list-lines tr td .anime-remove:hover, -.p-user_rates-index .list-lines tr td .anime-remove.selected, -.p-anime_videos-index .c-videos .video-variant-switcher:hover, -.p-user_rates-index .stat-categories .category:hover { - color: #FF4081; - border-bottom-color: rgba(255, 64, 129, 0.3); -} - -@media screen and (max-width: 480px) and (orientation: portrait) { - .b-options-floated.mobile-phone_portrait a:hover { - color: #FF4081; - } -} -@media screen and (max-width: 767px) { - .b-options-floated.mobile-phone a:hover { - color: #FF4081; - } -} -@media screen and (max-width: 1024px) { - .b-options-floated.mobile-tablet a:hover { - color: #FF4081; - } -} -.b-header_filters .filter-line a:active, -.b-person .name:active, -.b-source .contributors .val a:active, -.b-source .mal .val a:active, -.b-source .source .val a:active, -.b-animes-menu .menu-topics-block .history-entry-tooltip a:active, -.p-animes-files .l-content a:active, -.p-mangas-files .l-content a:active, -div.history .block-list li .tooltip-inner a:active, -div.history .b-block_list li .tooltip-inner a:active, -.p-dashboards-show .midheadline .b-link:active, -.p-dashboards-show .c-content .options .option:active, -.p-profiles .profile-head .c-brief header .notice a:active, -.p-profiles .profile-head .c-mobile-actions a:active, -.p-profiles .profile-head .c-mobile-actions span:active, -.p-profiles .profile-head .c-info .c-additionals div a:active, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:active, -.block-list-alt a:active, -.b-block_list-alt a:active, -.b-options-floated .selected:hover, -.b-show_more:active, -.b-show_more-more .hide-more:active, -.headline > a:active:before, -.midheadline > a:active:before, -.subheadline > a:active:before, -.p-dashboards-show .contests .contest:active .title, -.p-dashboards-show .contests .contest:active .title:after, -.p-dashboards-show .contests .contest .title:active, -.p-dashboards-show .contests .contest .title:active:after, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.zero:active, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.weak:active, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.moderate:active, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.high:active, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.full:active, -.p-topics .l-menu .sticky-topics .topic:active .title, -.p-topics .l-menu .sticky-topics .topic:active .title:after, -.p-topics .l-menu .sticky-topics .topic .title:active, -.p-topics .l-menu .sticky-topics .topic .title:active:after, -.p-topics .l-menu .contests .contest:active .title, -.p-topics .l-menu .contests .contest:active .title:after, -.p-topics .l-menu .contests .contest .title:active, -.p-topics .l-menu .contests .contest .title:active:after, -.p-user_rates-index .stat-categories .category:active { - color: #ff1402; -} - -@media only screen and (min-width: 1025px) { - .b-abuse_request .ban-form .cancel:active, - .b-ban .abuser:active, - .b-bb_codes-examples .example a:active, - .b-bb_codes-examples .result a:active, - .b-bracket-actions > div:active, - .b-bracket-actions > span:active, - .b-catalog_entry-tooltip .inner a.name:active, - .b-catalog_entry-tooltip .inner .line .value a:active, - .b-catalog_entry-tooltip .inner .line.works .value a:active, - .b-catalog_entry .cover .title:active, - .b-club .name:active, - .b-comment > .inner header .name-date a.name:active, - .b-comments .comments-collapser:active, - .b-cosplay-topic > .inner .cosplay-info .line .value a:active, - .b-cosplay_gallery h3 a:active, - .b-db_entry-note .name-container .name:active, - .b-db_entry > .c-about .additional-links .line-container > .link:active, - .b-db_entry > .c-about .additional-links .line-container > a:active, - .b-dialog > .inner header .name-date a.name:active, - .b-entry-info .line a:active, - .b-feedback-inner .about a:active, - .b-form .variants .variant a:active, - .b-form .cancel:active, - .b-forums .forum .link-with-input .link:active, - .b-forums .reload:active, - .b-header_filters .filter-line a:active, - .b-height_shortener .expand:active, - .b-js-action:active, - .b-js-link:active, - .b-lang_trigger span:active, - .b-link:active, - .b-log_entry a:active, - .b-log_entry .link:active, - .b-log_entry .moderation a:active, - .b-log_entry .spoiler.collapsed:active, - .b-log_entry .spoiler.collapse:active, - .b-log_entry .spoiler.collapse span:active, - .b-log_entry .spoiler.collapsed span:active, - .b-mention:active, - .b-message > .inner header .name-date a.name:active, - .b-nothing_here a:active, - .b-options-floated a:active, - .b-options-floated .link:active, - .b-options-floated .action:active, - .b-options-floated.mobile-desktop a:active, - .b-shiki_editor footer .unpreview:active, - .b-shiki_editor footer .unpreview:not(.link):active, - .b-shiki_editor footer .cancel:active, - .b-shiki_editor footer .hide:active, - .b-shiki_editor footer .about-bb_codes:active, - .b-spoiler label:active, - .b-stats_bar a.title:active, - .b-table a:active, - .b-topic > .inner header .name-date a.name:active, - .b-topic .footer-vote .vote-group .vote:active, - .b-user.named_avatar .name:active, - .b-user.detailed .info .image-name:active, - .b-user.detailed .history .line a .event:active, - .b-user16:active, - header.head h1 a.back:active, - header.head h2 a.back:active, - header.head a.misc:active, - header.head a.edit:active, - .headline > a:active, - .midheadline > a:active, - .subheadline > a:active, - .subheadline .misc-link:active, - .b-video_player .cc-player_controls a.c-control:active, - .b-video_player .cc-player_controls .episode-title .video-link a:active, - .b-video_variant a:active, - .p-animes_collection-index .pagination .link:active, - .p-mangas_collection-index .pagination .link:active, - .p-recommendations-index .pagination .link:active, - .p-userlist_comparer-show .pagination .link:active, - .p-contests .contest-match .vs .next:active, - .p-contests .contest-match .vs .refrain:active, - .p-contests-edit .grid:active, - .p-contests .match-day .match-link a:active, - .p-contests .rating .member a:active, - .p-contests .results a:active, - .p-contests .suggestion > a:active, - .p-contests .variant > a:active, - .b-contests-menu .results:active, - .b-contests-menu .grid a:active, - .p-contests-grid .round .match a:active, - .p-contests-index .contest a:active, - .p-dashboards .c-my_list .list-type > .title .link:active, - .p-dashboards .c-my_list .history > .title .link:active, - .p-dashboards .c-my_list .list-type > .title .switch:active, - .p-dashboards .c-my_list .history > .title .switch:active, - .p-dashboards .user_list .list-type > .title .link:active, - .p-dashboards .user_list .history > .title .link:active, - .p-dashboards .user_list .list-type > .title .switch:active, - .p-dashboards .user_list .history > .title .switch:active, - .p-dashboards-show .midheadline .b-link:active, - .p-dashboards-show .c-content .options .option:active, - .p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name:active, - .p-profiles .profile-head .c-brief header .notice a:active, - .p-profiles .profile-head .c-mobile-actions a:active, - .p-profiles .profile-head .c-mobile-actions span:active, - .p-profiles .profile-head .c-info .c-additionals div a:active, - .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:active, - .p-profiles-edit .account .change-password a:active, - .p-profiles-edit .misc .profile-action a:active, - .p-profiles-edit .misc .profile-action .link:active, - .p-profiles-edit .misc .nickname-changes a:active, - .p-profiles-edit .misc .nickname-changes .link:active, - .p-profiles-edit .list .profile-action a:active, - .p-profiles-edit .list .profile-action .link:active, - .p-profiles-edit .list .nickname-changes a:active, - .p-profiles-edit .list .nickname-changes .link:active, - .p-profiles-edit .list #import_form .link:active, - .p-profiles-show .about a:active, - .p-studios .studio .name:active, - .p-translations .animes a:active, - .p-user_history-index .history-page .history-interval p a:active, - .p-user_rates-index .list-lines tr .name a:active, - .p-userlist_comparer .comparer table .name a:active, - .p-statistics-index .forum-nav .sections a:active, - .b-catalog_entry .cover:active, - .b-comment > .inner .was_updated:active, - .b-comment header .hash:active, - .b-dialog > .inner .was_updated:active, - .b-message > .inner .was_updated:active, - .b-options-floated .selected.always-active:active, - .b-stats_bar .stat_names .stat_name a:active, - .b-topic > .inner .was_updated:active, - .headline.linkheadline > a:active, - .linkheadline.midheadline > a:active, - .linkheadline.subheadline > a:active, - .headline.linkheadline > a:active:before, - .linkheadline.midheadline > a:active:before, - .linkheadline.subheadline > a:active:before, - .tooltip-inner .close:active, - .p-animes-franchise .sticky-tooltip .close:active, - .p-mangas-franchise .sticky-tooltip .close:active, - .p-contests .contest-match .prev-match:active, - .p-contests .contest-match .next-match:active, - .p-contests .match-day .match-link.voted-none > .c-column a:active, - .p-contests .match-day .match-link.voted-left > .c-column:last-child a:active, - .p-contests .match-day .match-link.voted-right > .c-column:first-child a:active, - .p-contests .match-day .match-link .c-column.loser a:active, - .p-contests .match-day .match-link .c-column.created a:active, - .p-contests-grid .round .match .date a:active, - .p-topics header h1 a.reload:active, - .p-user_rates-index .l-content .order-control:active, - .p-user_rates-index .list-lines tr td .anime-status:active, - .p-user_rates-index .list-lines tr td .anime-remove:active, - .b-bracket-details:active, - .b-form a.remove:active, - .p-anime_videos-index .c-videos .video-variant-switcher:active, - .p-anime_videos-index .c-videos .video-variant-switcher.active { - color: #ff1402; - border-bottom-color: rgba(255, 20, 2, 0.3); - } -} -@media only screen and (max-width: 480px) and (orientation: portrait) and (min-width: 1025px) { - .b-options-floated.mobile-phone_portrait a:active { - color: #ff1402; - } -} -@media only screen and (max-width: 767px) and (min-width: 1025px) { - .b-options-floated.mobile-phone a:active { - color: #ff1402; - } -} -@media only screen and (max-width: 1024px) and (min-width: 1025px) { - .b-options-floated.mobile-tablet a:active { - color: #ff1402; - } -} -body { - background-color: #FAFAFA; -} - -.l-page, -.c-actions:before, -.p-contests .contest-match .vs > div:first-child, -.p-contests .match-day > .date, -.p-animes_collection-index .l-content.ajax_request::before, -.p-mangas_collection-index .l-content.ajax_request::before, -.p-recommendations-index .l-content.ajax_request::before, -.p-userlist_comparer-show .l-content.ajax_request::before, -.b-ajax:before { - background: #FAFAFA; -} - -.l-page:before { - outline-color: #FAFAFA; -} - -@media screen and (max-width: 960px) { - .p-profiles .profile-head .c-brief header { - background-color: #FAFAFA; - } -} -@media screen and (max-width: 1024px) { - body { - background-color: #FAFAFA !important; - } -} -.b-height_shortener .shade { - background-image: linear-gradient(to bottom, transparent, #FAFAFA); -} - -.b-topic.aside-expanded > .inner aside.buttons, -.b-dialog.aside-expanded > .inner aside.buttons, -.b-message.aside-expanded > .inner aside.buttons, -.b-comment.aside-expanded > .inner aside.buttons { - background-color: rgba(250, 250, 250, 0.9); -} - -/* BLACK GREY WHITE */ -body, -header.head h1, -header.head h2, -.ac_results, -.tooltip-inner, -.b-input input, -.b-input textarea, -.b-shiki_editor .body .editor textarea, -.b-shiki_editor .links .link-value, -.b-shiki_editor .images .link-value, -.b-shiki_editor .quotes .link-value, -.b-shiki_editor .email .link-value, -.b-shiki_editor .upload .link-value, -.p-user_rates-index .list-lines tr td .new-value input, -.p-user_rates-index .l-content .filter input, -.subheadline-input, -.b-catalog_entry-tooltip .inner a.name, -.b-catalog_entry .cover .title, -.b-catalog_entry-tooltip .inner .line .value a, -.b-clubs-menu .block-list li:hover, -.b-clubs-menu .block-list li:hover a, -.b-clubs-menu .block-list li a:hover, -.b-clubs-menu .b-block_list li:hover, -.b-clubs-menu .b-block_list li:hover a, -.b-clubs-menu .b-block_list li a:hover, -.b-db_entry > .c-image .c-actions > a:after, -.b-db_entry-note .name-container .name, -.b-dialog > .inner header .name-date a.name, -.b-entry-info .line .b-tag, -.b-forums .forum .link-with-input .link, -.b-height_shortener .expand, -.b-hot_topics .topic.subject, -.b-hot_topics .topic a:hover, -.b-message > .inner header .name-date a.name, -.b-modal .subheadline, -.b-link_button, -.b-link_button:hover, -.b-link_button:active, -.block-list li:hover, -.block-list-alt li:hover, -.b-block_list li:hover, -.b-block_list-alt li:hover, -.b-pages .b-link, -.b-show_more:hover, -.b-show_more-more .hide-more:hover, -.b-stats_bar .stat_names .stat_name a, -.b-video_player .cc-player_controls .episode-title, -.b-video_variant .episode-num, -.b-video_variant .video-author, -.b-video_variant .video-id, -.headline, -.b-catalog_entry-tooltip .inner .line .value .tag:hover, -.b-entry-info .line .b-tag:hover, -.b-tag:hover, -.p-contests .match-day .match-link.voted-none > .c-column a, -.p-contests .match-day .match-link.voted-left > .c-column:last-child a, -.p-contests .match-day .match-link.voted-right > .c-column:first-child a, -.p-contests .match-day .match-link .c-column.loser a, -.p-contests .match-day .match-link .c-column.created a, -.p-dashboards-show .contests .contest .title, -.p-dialogs .b-options-floated > a.selected, -.p-moderations-missing_videos .missing-video > .info span, -.p-messages .b-options-floated > a.selected, -.p-profiles-edit .b-options-floated > a.selected, -.p-profiles .profile-head .c-history .entry .title, -.p-topics .l-menu .calendar .entry a, -.p-topics .l-menu .clubs .entry a, -.p-topics .l-menu .contests .contest .title, -.p-topics .l-menu .reviews .entry a, -.p-topics .l-menu .sticky-topics .topic .title, -.p-user_rates-index .l-content .order-control, -.p-user_rates-index .l-content .order-control:hover { - color: #212121 !important; -} - -/* Цвет основного текста в области при наведении */ -.b-clubs-menu .b-link:hover, -.b-clubs-menu .actions li:hover, -.b-clubs-menu .actions .upload label:hover, -.b-clubs-menu .actions .invite span:hover, -.b-clubs-menu .actions .join a:hover, -.b-clubs-menu .actions .leave a:hover, -.b-hot_topics .topic a, -.b-forums .forum:hover .link-with-input .link, -.b-image .marker, -.b-video .marker, -.b-video .name, -.p-dashboards-show .contests .contest:hover .title, -.p-profiles .profile-head .c-history .entry:hover .title, -.p-topics .l-menu .calendar .entry:hover a, -.p-topics .l-menu .clubs .entry:hover a, -.p-topics .l-menu .contests .contest:hover .title, -.p-topics .l-menu .reviews .entry:hover a, -.p-topics .l-menu .sticky-topics .topic:hover .title { - color: #212121 !important; -} - -@media (max-width: 1024px) { - .l-top_menu .menu-items > .entry > a, - .l-top_menu .menu-items > .entry > .submenu > a, - .l-top_menu .inner .sign_out { - color: #212121 !important; - } -} -h3, -header.head .notice, -.bar.horizontal .line .x_label, -.bar.vertical .line .x_label, -.b-entry-info .line .b-tag, -.b-catalog_entry-tooltip .inner .line .key, -.b-catalog_entry-tooltip .inner .line .value .tag, -.b-catalog_entry-tooltip .inner .rating, -.b-collection-filters .block > .filter.item-sign:hover, -.b-height_shortener:hover .expand, -.b-lang_trigger:hover span, -.b-lang_trigger span:hover, -.b-show_more, -.b-show_more-more .hide-more, -.b-stats_bar .stat_names:hover:before, -.b-tag, -.block-list li, -.block-list-alt li, -.block-list li a, -.block-list-alt li a, -.b-block_list li, -.b-block_list li a, -div.compatibility > a:hover:before, -div.compatibility > a:hover > span:first-child:before, -.item-add:hover, -.l-footer .copyright, -.p-characters .item-edit:hover, -.p-characters .item-edit:active, -.p-contests .match-day > .date .from, -.p-contests .match-day > .date .to, -.p-profiles-edit .b-options-floated > a, -.p-dialogs .b-options-floated > a, -.p-messages .b-options-floated > a, -.p-user_rates-index .list-lines tr td .episodes_total, -.p-user_rates-index .list-lines tr td .rate-text { - color: #424242; -} - -header.head h1 > a.back:hover, -header.head h2 > a.back:hover, -header.head h1 > a.back:active, -header.head h2 > a.back:active, -.b-video_player .cc-player_controls .c-control:hover .icon, -.p-animes_collection-index .pagination .link:hover, -.p-mangas_collection-index .pagination .link:hover, -.p-recommendations-index .pagination .link:hover, -.p-userlist_comparer-show .pagination .link:hover, -.b-clubs-menu .block-list li, -.b-clubs-menu .block-list li a, -.b-clubs-menu .b-block_list li, -.b-clubs-menu .b-block_list li a, -.b-list_switchers > .switcher:hover, -.c-actions > *:hover, -.editor-controls > span:hover, -.profile-actions > a:hover, -.p-animes .item-edit:hover, -.p-contests .contest-match .prev-match:hover, -.p-contests .contest-match .next-match:hover, -.p-mangas .item-edit:hover, -.p-profiles-show .about .item-edit:hover, -.p-messages .mass-actions .action > a:hover, -.p-topics header h1 a.reload, -.delete-controls > span, -.delete-controls > span:hover, -.main-controls > span, -.main-controls > span:hover, -.main-controls > a, -.main-controls > a:hover, -.buttons .item-edit, -.buttons .item-edit:hover, -.moderation-controls > span, -.moderation-controls > span:hover { - color: #424242 !important; -} - -.midheadline, -.subheadline, -.b-animes-menu .menu-topics-block .date, -.b-breadcrumbs, -.b-breadcrumbs a.b-link, -.b-catalog_entry .cover .misc span, -.b-catalog_entry-tooltip .inner .rating .text, -.b-club .info .number, -.b-comment-info, -.b-comment .inner .name-date a.name .normal, -.b-collection-filters .block > .filter.item-sign, -.b-db_entry-note .name-container .note, -.b-entry-info .line .key, -.b-forums .forum .link-with-input input + .link, -.b-forums .forum .topics, -.b-lang_trigger span, -.b-log_entry .id-label, -.b-log_entry .state.auto_accepted, -.b-options-floated.count, -.b-pages .title, -.b-quote .quoteable:before, -.b-replies:before, -.b-stats_bar .title, -.b-stats_bar .stat_names:before, -.b-source .contributors .key, -.b-source .mal .key, -.b-source .source .key, -.b-topic-preview > .inner .status-line .about, -.b-topic-preview > .inner .status-line .from, -.b-collection-filters .block-list li:before, -.b-collection-filters .block-list .b-question:before, -.b-collection-filters .b-block_list li:before, -.b-collection-filters .b-block_list .b-question:before, -div.compatibility > a:before, -div.compatibility > span.link-replacement > span:first-child:before, -div.compatibility > a > span:first-child:before, -.item-add, -.item-mobile, -.item-mobile:hover, -.item-mobile:active, -.l-footer:before, -.l-footer .links a, -.l-top_menu .menu-items .submenu-toggler, -.p-animes_collection-index .pagination .link, -.p-mangas_collection-index .pagination .link, -.p-recommendations-index .pagination .link, -.p-userlist_comparer-show .pagination .link, -.p-characters .item-edit, -.p-contests .contest-match .vs, -.p-contests .contest-match .vs .help, -.p-contests .contest-match .vs .next, -.p-contests .contest-match .vs .finish, -.p-contests .contest-match .vs .refrain, -.p-contests .contest-match .vs .refrained, -.p-contests .match-day .matches-num, -.p-dashboards-show .contests .contest .notice, -.p-db_entries-edit .b-list .field, -.p-profiles .profile-head .c-info .c-additionals b, -.p-topics .l-menu .sticky-topics .topic .notice, -.b-user.detailed .info .last-online, -.b-video_variant .episode-hostings, -.b-video_variant .video-hosting, -.b-video_variant .video-language, -.p-anime_videos-index .c-video_stats .views_count { - color: #757575; -} - -header.head h1 a.back, -header.head h2 a.back, -.about-bb_codes:before, -.b-db_entry > .c-about .additional-links .key, -.b-list_switchers > .switcher, -.b-user_rate .rate-show .note, -.c-actions > *, -.editor-controls > span, -.profile-actions > a, -.p-animes .item-edit, -.p-animes_collection-index .pagination .link, -.p-clubs-index header.head a.misc, -.p-contests .contest-match .prev-match, -.p-contests .contest-match .next-match, -.p-mangas .item-edit, -.p-mangas_collection-index .pagination .link, -.p-messages .mass-actions > .action > a, -.p-profiles .profile-head .c-history .entry .misc, -.p-profiles-show .about .item-edit, -.p-profiles-show .lifetime .title > .label:before, -.p-profiles-show .profile-content .activity .title, -.p-recommendations-index .pagination .link, -.p-topics .l-menu .calendar .entry .misc, -.p-topics .l-menu .reviews .entry .misc, -.p-topics .l-menu .clubs .entry .misc, -.p-userlist_comparer-show .pagination .link, -.p-user_rates-index .list-lines tr.edit-form .remove, -.p-user_rates-index .list-lines tr.edit-form .remove:hover, -.p-user_history-index .history-page .history-interval p .date { - color: #757575 !important; -} - -@media only screen and (min-width: 1025px) { - .delete-controls > span, - .moderation-controls > span, - .main-controls > span, - .main-controls > a, - .buttons .item-edit { - color: #757575 !important; - } -} -.b-user.detailed .history .line .date, -.b-video_variant .episode-hostings:before, -.b-video_variant .episode-hostings:after, -.b-video_variant .video-hosting:before, -.b-video_variant .video-hosting:after, -.b-video_variant .video-language:before, -.b-video_variant .video-language:after, -.b-video_variant .video-kind.english:before { - color: #9E9E9E; -} - -.b-video_player .cc-player_controls .c-control .icon, -.p-animes_collection-index .pagination .link.disabled, -.p-mangas_collection-index .pagination .link.disabled, -.p-recommendations-index .pagination .link.disabled, -.p-userlist_comparer-show .pagination .link.disabled, -.p-animes_collection-index .pagination .link.disabled:hover, -.p-mangas_collection-index .pagination .link.disabled:hover, -.p-recommendations-index .pagination .link.disabled:hover, -.p-userlist_comparer-show .pagination .link.disabled:hover, -.p-profiles .profile-head .c-history .entry .misc.date, -.p-topics .l-menu .calendar .entry .misc.date, -.p-topics .l-menu .reviews .entry .misc.date, -.p-topics .l-menu .clubs .entry .misc.date { - color: #9E9E9E !important; -} - -/* PRIMARY COLOR */ -input[type=submit], -.button, -.b-button, -.b-contests-menu .results, -.b-form input[type=submit], -.b-link_button.dark, -.btn-primary, -.b-shiki_editor .links .button.ok, -.b-shiki_editor .images .button.ok, -.b-shiki_editor .quotes .button.ok, -.b-shiki_editor .email .button.ok, -.b-shiki_editor .upload .button.ok, -.p-contests .contest-match .votes-percents .right-part, -.p-contests .contest-match .votes-percents .left-part:hover .right-part, -.p-user_rates .mylist-block + .block > .b-list > li, -.anime-params-controls > .block:first-child > .b-list > li, -.manga-params-controls > .block:first-child > .b-list > li, -.b-stats_bar.anime .bar .first, -.b-stats_bar.anime .bar .second, -.line:nth-child(odd) > .bar-container > .bar, -.line:nth-child(odd) > .bar-container > .bar:hover, -.line:nth-child(even) > .bar-container > .bar, -.line:nth-child(even) > .bar-container > .bar:hover { - background-color: #2196F3; -} - -.p-contests .contest-match .votes-percents .right-part, -.p-contests .contest-match .votes-percents .left-part:hover .right-part, -.b-main_search .input:after { - border-color: #2196F3; -} - -.subheadline > a:hover, -.midheadline > a:hover, -.edit-page a.cancel:hover, -.b-form .cancel:hover, -.b-shiki_editor footer .unpreview:hover, -.b-shiki_editor footer .preview:hover, -.b-topic-preview > .editor-container .hide:hover, -.p-contests .contest-match .vs .refrain:hover, -.p-dashboards-show .b-forums > .b-link_button.maxi:hover:after, -.p-profiles-show .b-stats_bar a.title:hover { - background-color: rgba(33, 150, 243, 0.12); -} - -input[type=submit]:hover, -.button:hover, -.b-button:hover, -.b-contests-menu .results:hover, -.b-form input[type=submit]:hover, -.b-link_button.dark:hover { - background-color: #1E88E5; -} - -.b-contests-menu .results, -.b-link_button.dark, -.btn-submit { - color: #FFFFFF !important; -} - -.b-rate .stars.score, -.b-forums .forum input:checked + .link:before, -.b-collection-filters .block-list .filter, -.b-collection-filters .block-list li.selected:before, -.b-collection-filters .b-block_list .filter, -.b-collection-filters .b-block_list li.selected:before, -.p-contests .contest-match .vs .refrain, -.p-contests .contest-match .vs .refrain:hover, -.p-contests .contest-match .vs .refrain:active, -.tooltip-details .ajax-loading { - color: #2196F3; -} - -.headline > a, -.headline > a:hover, -.headline.linkheadline > a, -.midheadline > a, -.midheadline > a:hover, -.midheadline.linkheadline > a, -.subheadline > a, -.subheadline > a:hover, -.subheadline.linkheadline > a, -.edit-page a.cancel, -.p-dashboards-show .b-forums > .b-link_button.maxi:after, -.b-form .cancel, -.b-shiki_editor footer .unpreview, -.b-shiki_editor footer .unpreview:not(.link):hover, -.b-shiki_editor footer .preview, -.b-stats_bar a.title, -.b-topic-preview > .editor-container .hide { - color: #2196F3 !important; -} - -/* END of PRIMARY COLOR */ -/* ACCENT COLOR */ -.menu .unread-count, -.menu:hover .unread-count, -.menu .contest, -.menu:hover .contest, -.p-contests .contest-match .votes-percents .left-part, -.p-contests .contest-match .votes-percents .left-part:hover, -.b-options-floated a span.brackets, -.b-options-floated .link span.brackets, -.b-stats_bar.manga .bar .first, -.b-stats_bar.manga .bar .second, -div.compatibility > a > span.rate, -div.compatibility > span.link-replacement > span.rate { - background-color: #FF4081; -} - -.menu .unread-count:hover, -.menu .contest:hover { - background: #FF4081 !important; -} - -.p-profiles-show .b-stats_bar.manga a.title:hover { - background-color: rgba(255, 64, 129, 0.12); -} - -.p-profiles-edit .b-options-floated > a.selected, -.p-dialogs .b-options-floated > a.selected, -.p-messages .b-options-floated > a.selected { - border-bottom: 2px solid #FF4081; -} - -.menu .unread-count, -.menu:hover .unread-count, -.menu .contest, -.menu:hover .contest { - color: #FFFFFF !important; -} - -.b-rate .stars.hover, -.c-actions .fav-add:hover:before, -.c-actions .fav-remove:before, -.profile-actions .fav-remove:before { - color: #FF4081; -} - -.b-list_switchers > .switcher.selected, -.editor-controls > span.selected, -.p-profiles-show .b-stats_bar.manga a.title { - color: #FF4081 !important; -} - -/* END of ACCENT COLOR */ -/* BACKGROUND COLOR */ -.ac_results, -.b-image .marker, -.b-modal > .inner, -.b-video .marker, -.b-video .name, -.l-top_menu .menu-items, -.tooltip-inner, -.tooltip-details .ajax-loading { - background: #FFFFFF; -} - -@media screen and (max-width: 599px) { - .b-stats_bar .stat_names:hover { - background-color: #FFFFFF; - } -} -.b-link_button, -.b-comments .comments-loader, -.b-comments .comments-hider, -.b-comments .comments-expander, -.b-comments .messages-postloader, -.b-comments .faye-loader, -.b-forum .faye-loader, -.p-animes-show .other-names.click-loader, -.p-mangas-show .other-names.click-loader, -.collapsed { - background-color: #EEEEEE; - border-color: #E0E0E0; -} - -.b-link_button:hover, -.b-comments .comments-loader:hover, -.b-comments .comments-hider:hover, -.b-comments .comments-expander:hover, -.b-comments .messages-postloader:hover, -.b-comments .faye-loader:hover, -.b-forum .faye-loader:hover, -.p-animes-show .other-names.click-loader:hover, -.p-mangas-show .other-names.click-loader:hover, -.collapsed:hover { - background-color: #E0E0E0; - border-color: #DDDDDD; -} - -.b-link_button:active, -.b-comments .comments-loader:active, -.b-comments .comments-hider:active, -.b-comments .comments-expander:active, -.b-comments .messages-postloader:active, -.b-comments .faye-loader:active, -.b-forum .faye-loader:active, -.p-animes-show .other-names.click-loader:active, -.p-mangas-show .other-names.click-loader:active, -.collapsed:active { - background-color: #DDDDDD; - border-color: #DDDDDD; -} - -.b-quote, .b-quote .b-quote .b-quote { - background: #F5F5F5; -} - -.b-quote .b-quote, .b-quote .b-quote .b-quote .b-quote { - background: #EEEEEE; -} - -.b-user_rate .rate-show .note, -.p-topics-new .topic_video, -.p-topics-edit .topic_video, -.p-topics-create .topic_video, -.p-topics-update .topic_video, -.p-user_rates-index .list-lines tr.edit-form form { - background: #EEEEEE; -} - -select, -.b-editable_grid tbody tr:nth-child(odd) td, -.b-input input, -.b-input textarea, -.b-pages, -.b-shiki_editor .body .editor textarea, -.b-shiki_editor .links .link-value, -.b-shiki_editor .images .link-value, -.b-shiki_editor .quotes .link-value, -.b-shiki_editor .email .link-value, -.b-shiki_editor .upload .link-value, -div.compatibility > a:before, -div.compatibility > span.link-replacement > span:first-child:before, -div.compatibility > a > span:first-child:before, -.l-page .menu-toggler .toggler, -.p-contests .match-day .match-link:hover, -.p-contests .match-day .match-link.active, -.p-user_rates-index .list-groups .summary.posters, -.p-user_rates-index .list-lines tr td .new-value input, -.p-user_rates-index .l-content .filter input, -.subheadline-input { - background: #F5F5F5; -} - -.editor textarea.b-comment, -.editor textarea.b-message { - background: #F5F5F5 !important; -} - -/* Области наведения */ -.b-collection-filters .block > .filter.item-sign, -.b-lang_trigger, -.b-tag, -.block-list li:hover, -.block-list-alt li:hover, -.block-list li.selected, -.block-list-alt li.selected, -.b-block_list li:hover, -.b-block_list li.selected, -.b-entry-info .line .b-tag, -.b-catalog_entry-tooltip .inner .line .value .tag, -.b-hot_topics .topic a, -.b-forums .forum:hover, -.b-show_more:hover, -.b-show_more-more .hide-more:hover, -.b-stats_bar .stat_names:hover:before, -.history-interval p:hover, -.p-profiles .profile-head .c-history .entry:hover a, -.p-topics .l-menu .sticky-topics .topic:hover, -.p-dashboards-show .contests .contest:hover, -.p-topics .l-menu .calendar .entry:hover a, -.p-topics .l-menu .clubs .entry:hover a, -.p-topics .l-menu .contests .contest:hover, -.p-topics .l-menu .reviews .entry:hover a, -.p-user_rates-index .list-lines .selectable:hover, -.p-user_rates-index .l-content .order-control:hover, -.p-animes_collection-index .pagination .link:hover, -.p-mangas_collection-index .pagination .link:hover, -.p-recommendations-index .pagination .link:hover, -.p-userlist_comparer-show .pagination .link:hover { - background-color: #EEEEEE; -} - -.block-list li:active, -.block-list-alt li:active, -.b-block_list li:active, -.p-contests .match-day .match-link:active { - background-color: #EEEEEE !important; -} - -.p-dialogs header.head, -.p-messages header.head, -.p-profiles-edit header.head, -.p-profiles-edit .b-options-floated, -.p-dialogs .b-options-floated, -.p-messages .b-options-floated, -.b-hot_topics .topic a:hover { - background-color: #E0E0E0; -} - -.p-userlist_comparer .comparer table .selectable:hover { - background-color: #E0E0E0 !important; -} - -/* Кнопки при наведении */ -div.compatibility > a:hover:before, -div.compatibility > a:hover > span:first-child:before, -.b-video_player .cc-player_controls .c-control:hover .icon, -.p-animes_collection-index .pagination .link:hover, -.p-mangas_collection-index .pagination .link:hover, -.p-recommendations-index .pagination .link:hover, -.p-userlist_comparer-show .pagination .link:hover, -.b-collection-filters .block > .filter.item-sign:hover, -.b-lang_trigger:hover, -.b-list_switchers > .switcher:hover, -.b-tag:hover, -.b-entry-info .line .b-tag:hover, -.b-catalog_entry-tooltip .inner .line .value .tag:hover, -.b-user_rate .rate-show .rate-number .item-add:hover, -.p-animes .item-edit:hover, -.p-characters .item-edit:hover, -.p-contests .contest-match .prev-match:hover, -.p-contests .contest-match .next-match:hover, -.p-mangas .item-edit:hover, -.p-profiles-show .about .item-edit:hover, -.p-messages .mass-actions .action > a:hover, -.p-user_rates-index .list-lines tr.edit-form .remove:hover, -.delete-controls > span:hover, -.moderation-controls > span:hover, -.main-controls > span:hover, -.main-controls > a:hover, -.buttons .item-edit:hover, -.editor-controls > span:hover, -.c-actions > *:hover, -.about-bb_codes:hover, -.profile-actions > *:hover, -.item-mobile:hover, -.item-mobile:active, -header.head h1 > a.back:hover, -header.head h2 > a.back:hover { - background-color: #E0E0E0; -} - -/* ЦВЕТ ГРАНИЦ ЭЛЕМЕНТОВ */ -hr, -.b-db_entry-note:before, -.b-dialog:before, -.b-message:before, -.b-comment:before, -.b-comments .comments-loaded:before, -.p-contests .match-day:before, -.p-profiles .profile-head .c-history .entry:before, -.p-topics .l-menu .calendar .entry:before, -.p-topics .l-menu .reviews .entry:before, -.p-topics .l-menu .clubs .entry:before { - background-color: #DDDDDD; -} - -h3, -select, -.b-input input, -.b-input textarea, -.b-pages, -.b-topic, -.b-shiki_editor .body .editor textarea, -.b-shiki_editor .links .link-value, -.b-shiki_editor .images .link-value, -.b-shiki_editor .quotes .link-value, -.b-shiki_editor .email .link-value, -.b-shiki_editor .upload .link-value, -.b-quote, -.l-page .menu-toggler .toggler, -.p-topics-new .topic_video, -.p-topics-edit .topic_video, -.p-topics-create .topic_video, -.p-topics-update .topic_video, -.p-user_rates-index .list-groups .summary.posters, -.p-user_rates-index .list-lines tr.edit-form form, -.p-user_rates-index .list-lines tr td .new-value input, -.p-user_rates-index .l-content .filter input, -.subheadline-input { - border-color: #DDDDDD; -} - -/* ОСОБЫЕ ЦВЕТА */ -.b-entry-info .line .b-tag:active, -.b-catalog_entry-tooltip .inner .line .value .tag:active { - background-color: #DDDDDD; -} - -.b-rate .stars.background { - color: #DDDDDD; -} - -.b-stats_bar .bar .third { - background: #DDDDDD; -} -/* END of НАСТРОЙКА ЦВЕТОВ */ - - - - - - - - - - -/* FONT COLLECTION */ - -body, input, select, button, textarea { font-family: 'Arial', sans-serif; } - -.b-show_more, -.b-show_more-more .hide-more, -.l-footer:before, -.b-sponsors_block_3:before, -.l-top_menu .inner .logo:before, -.b-user_rate .rate-show .note:before, -.button, -.buttons, -.b-contests-menu .results, -.b-link_button, -input[type=submit], -.p-animes_collection-index .pagination, -.p-mangas_collection-index .pagination, -.p-recommendations-index .pagination, -.p-userlist_comparer-show .pagination, -.mischeadline, -.c-my_list .title, -.subheadline, -.midheadline, -.b-stats_bar .title, -.profile-content .activity .title, -.lifetime .title, -.midheadline > a, -.subheadline > a, -.b-form .cancel, -.b-shiki_editor footer .unpreview, -.b-shiki_editor footer .preview, -.p-contests .contest-match .vs .refrain, -.p-contests .contest-match .votes-percents, -.p-contests .contest-match .vs > div:first-child, -.p-contests .contest-match .vs .next, -.b-lang_trigger, -.b-topic>.inner>header .about a, -.b-topic-preview>.inner .status-line .b-link, -.b-hot_topics .topic.subject, -div.compatibility > a > span.rate, -div.compatibility > span.link-replacement > span.rate, -.b-abuse_marker:before, -.b-broadcast_marker:before, -.b-new_marker:before, -.b-offtopic_marker:before, -.b-summary_marker:before, -.b-options-floated, -.p-profiles-edit .b-options-floated > a, -.p-dialogs .b-options-floated > a, -.p-messages .b-options-floated > a, -.b-options-floated a span.brackets, -.b-options-floated .link span.brackets, -.p-user_rates .mylist-block + .block > .b-list > li, -.anime-params-controls > .block:first-child > .b-list > li, -.manga-params-controls > .block:first-child > .b-list > li, -.b-collection-filters .block-list .filter, -.b-collection-filters .b-block_list .filter, -.edit-page a.cancel, -.b-topic-preview > .editor-container .hide { - font-weight: 700; -} -.b-topic .name-date .name, -.b-comment .name-date .name, -.b-dialog .name-date .name, -text, -.highcharts-tooltip text tspan:last-child { - font-weight: 700 !important; -} -@media only screen and (min-width: 768px) { - .about-bb_codes:before { - font-weight: 700 !important; - } -} -@media screen and (min-width: 1025px) { - .b-entry-info .line .value { - font-weight: 400 !important; - } -} -/* END of FONT COLLECTION */ - - - - - - - - - - -/* ОСНОВНОЙ ФАЙЛ */ -header.head h1, -header.head h2, -input { - font-family: inherit; -} - -.buttons, -.ac_results .name, -.b-animes-menu .total-rates, -.b-comment > .inner header .name-date a.name, -.b-comments .comments-expander, -.b-comments .comments-expander:hover, -.b-comments .comments-hider, -.b-comments .comments-hider:hover, -.b-comments .comments-loader, -.b-comments .comments-loader:hover, -.b-comments .faye-loader, -.b-comments .faye-loader:hover, -.b-comments .messages-postloader, -.b-comments .messages-postloader:hover, -.b-entry-info .line .value, -.b-forum .faye-loader, -.b-forum .faye-loader:hover, -.b-header_filters .filter-line .title, -.b-header_filters .filter-line a.current, -.b-mention s, -.b-options-floated .selected.always-active, -.b-quote, -.b-rate .score-notice, -.b-rate .text-score, -.b-table th, -.b-topic > .inner header .name-date a.name, -.b-user.detailed .history .line .event, -.collapsed, -.completable-block .name, -.l-page .menu-toggler .toggler:after, -.p-anime_videos-index .c-anime_video_episodes .title, -.p-anime_videos-index .c-videos .title, -.p-anime_videos-index .same-videos .title, -.p-statistics-index .forum-nav .sections a, -.p-user_rates-index .list-groups .summary.lines, -.p-userlist_comparer .comparer table .name a { - color: inherit; -} - -.b-comments .comments-expander:active, -.b-comments .comments-hider:active, -.b-comments .comments-loader:active, -.b-forum .faye-loader:active, -.block-list li.selected, -.block-list-alt li.selected, -.b-block_list li.selected, -.p-animes-show .other-names.click-loader, -.p-mangas-show .other-names.click-loader { - color: inherit !important; -} - -@media screen and (max-width:767px) { - .b-options-floated.mobile-phone a.selected { - color: inherit; - } -} - - - -/* MAIN BLOCKS */ -body { - position: relative; - min-height: 100%; - font-size: 16px; - font-weight: 400; - line-height: 1.25; - overflow-x: hidden; -} - -.l-page { - min-height: 100%; - padding-top: 4.5rem; - padding-right: 1rem; - padding-bottom: 4.5rem; - padding-left: 1rem; - background-color: inherit; -} - -.l-footer { - position: absolute; - right: 0; - bottom: 0; - left: 0; - width: 100%; - max-width: inherit; /* thx @NedStar */ - padding: 0 1rem; - margin: auto; -} - -.l-page:before { - content: ''; - display: block; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - width: auto; - background: none; - outline-width: 1rem; - outline-style: solid; - z-index: -1; -} - -.l-footer:before { - content: 'Theme by grin3671'; - display: block; - float: left; - position: static; - left: auto; - bottom: auto; - width: auto; - height: auto; - background: none; - font-size: .6875rem; -} - -.l-page:after, -.l-footer:after { - display: none; -} - -.l-footer .links { - padding: .25rem 0; - font: inherit; - font-size: .75rem; - line-height: 1rem; - text-align: center; -} - -.l-footer .links a:last-child { - margin: 0; -} -/* END of MAIN BLOCKS */ - - -/* ВЫСОТА СТРОКИ */ -.cc-2a > .c-column, -.block, -.b-db_entry, -.p-animes .b-db_entry > *:last-child { - line-height: inherit; -} - -@media only screen and (min-width: 768px) { - .cc-2 > .c-column { - line-height: inherit; - } -} - -/* ЗАКРУГЛЕНИЕ */ - -.b-comments .comments-loader, -.b-comments .comments-hider, -.b-comments .comments-expander, -.b-comments .messages-postloader, -.b-forum .faye-loader, -.collapsed, -.tipsy-inner, -.button, -.b-contests-menu .results, -.b-link_button, -input[type=submit], -.btn, -.b-comments-notifier, -.p-animes_collection-index .pagination .link, -.p-mangas_collection-index .pagination .link, -.p-recommendations-index .pagination .link, -.p-userlist_comparer-show .pagination .link, -.subheadline-buttons .item-edit, -.p-characters .item-edit, -.p-contests .contest-match .vs .refrain, -.b-catalog_entry .image-cutter, -.b-main_search .input, -.b-lang_trigger, -.b-user_rate .rate-show .note, -.c-poster img, -.c-actions > *, -.b-user_rate .rate-show .rate-number .item-add, -.p-animes-show .watch-online, -.p-animes-show .upload-video, -.p-mangas-show .watch-online, -.p-mangas-show .upload-video, -.b-tag, -.b-entry-info .line .b-tag, -.b-catalog_entry-tooltip .inner .line .value .tag, -.b-topic >.inner header img, -.b-quote, -.p-clubs-index header.head a.misc, -.b-list_switchers > .switcher, -.p-user_rates-index .l-content .filter input, -.p-user_rates-index .list-lines tr td .new-value input, -.p-user_rates-index .list-lines tr.edit-form form, -.p-user_rates-index .list-lines tr.edit-form .remove, -.p-profiles-show .b-stats_bar a.title, -.b-stats_bar .bar, -.profile-actions > a, -:root .b-anime_status_tag:before, -.p-profiles .profile-head .c-history .entry img, -.p-profiles-show .about .item-edit, -header.head h1 a.back, -header.head h2 a.back, -.edit-page a.cancel, -.editor-controls > span, -.tooltip-inner, -.b-topic-preview > .editor-container .hide { - border-radius: 2px; -} - - -/* LAYOUT */ -@media screen and (max-width: 480px) and (orientation: portrait) { - .l-page .menu-slide-outer .menu-slide-inner { - width: 100%; - } - .menu-slide-outer.x199 .l-content, - .menu-slide-outer.x240 .l-content { - float: none; - width: 100%; - margin: 0; - } -} - -@media screen and (min-width: 481px) and (max-width: 767px), - screen and (max-width: 767px) and (orientation: landscape) { - .l-page .menu-slide-outer .menu-slide-inner { - width: 100%; - } - .menu-slide-outer.x199 .l-content, - .menu-slide-outer.x240 .l-content { - float: none; - width: 100%; - margin-right: 0; - } -} - -@media screen and (min-width: 768px) and (max-width: 1024px) { - .l-page.menu-expanded .x240 .l-content { - margin-left: 0; - } -} - -@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { - .l-page .menu-slide-outer.x240.ipad-expanded .menu-slide-inner { - width: 100%; - } - .menu-slide-outer.x199 .l-content, - .menu-slide-outer.x240 .l-content { - float: none; - width: 100%; - margin-right: 0; - } - - .menu-slide-outer.x199 .l-menu, - .menu-slide-outer.x240 .l-menu { - - } -} - -@media screen and (max-width: 1024px) { - .l-page .menu-slide-outer { - overflow: visible; - } -} - -/* ОБЩИЕ КЛАССЫ */ -.p0, .m0, .m1, .m2, .m3, .m4, .m5, .m6, .m7, .m8, .m10, .m12, .m13, .m15, .m20, .m25, .m30, .m40, .m50 { - margin-bottom: .5rem !important; -} - -h3 { - font-size: 1rem; - line-height: 1.5; - margin-bottom: .5rem; -} - -hr { - margin: .5rem 0; - background-image: none; -} - -.ajax-loading.vk-like { - min-height: 1.5rem; -} -.b-ajax:before { - opacity: .75; -} - -/* Списки */ -.b-list { - margin: .5rem 0 .5rem 2rem; -} -.b-list li { - margin: 0; - line-height: 1.5; - list-style-type: disc; - list-style-image: none; -} -.b-list li + li { - margin: 1rem 0 0 0; -} -.b-list .b-list li + li { - margin: 0; -} - -/* TODO: Убрать -.b-image, -.b-video { - display: inline-block; - vertical-align: top; - margin: .5rem .5rem 0 0; -} -.b-image:last-child, -.b-video:last-child { - margin: .5rem 0 0 0; -} -.b-image > img { - display: block; -} -.solid .b-image { - margin: 0; -} -.b-image .normalized_width { - display: initial; -} -.b-shiki_wall .b-video { - margin-top: 0; -} -*/ - -.b-height_shortener { - position: relative; - padding-left: 0; - cursor: s-resize; -} - -.b-comment .b-height_shortener, -.b-dialog .b-height_shortener, -.p-clubs .b-height_shortener { - padding-left: 3.5rem; -} - -.buttons .cancel { - vertical-align: top; - margin-right: .5rem; - border: 0; -} - -.b-form .cancel { - margin-left: 0; -} - -.b-form .cancel:hover { - text-decoration: none; -} - -.b-review-topic .b-height_shortener { - padding-left: 0; - cursor: default; -} - -.b-height_shortener .shade { - right: 0; - left: 0; - width: auto; - height: 2.5rem; - margin-top: -2.5rem; -} - -.b-height_shortener .expand { - font-size: .875rem; -} - -.b-comment.b-comment-info { - font-size: .875rem; - text-align: left; - line-height: 1.5rem; -} -.b-comment.b-comment-info > span { - margin-right: .5rem; -} - -.b-comments .comments-loader, -.b-comments .comments-hider, -.b-comments .comments-expander, -.b-comments .messages-postloader, -.b-forum .faye-loader, -.collapsed { - padding: .4375rem 2.5rem; - margin: 0; - margin-bottom: .5rem; - line-height: 1.5rem; -} - -.b-forum .faye-loader { - padding: .4375rem .5rem; -} - -.b-comments .comments-collapser { - width: 2.5rem; - padding: .5rem; - margin: 0; - border: 0; - font-size: 0; - line-height: 0; -} - -.b-comments .comments-collapser:before { - content: 'expand_less'; - display: block; -} - -.b-modal>.inner { - padding: 16px 24px; -} -.b-modal .subheadline { - font-size: 20px; - font-weight: 400; - text-transform: none; -} - -.b-show_more, -.b-show_more-more .hide-more { - display: inline-block; - padding: 0 .5rem; - margin: .25rem 0; - border-radius: .625rem; - font-size: .875rem; -} - -.b-source { - margin-top: .5rem; - margin-bottom: 1rem; -} - -.b-sponsors_block_3 { - min-height: 16rem; - padding: 1rem; - background-color: #f7f3db; -} -.b-sponsors_block_3:before { - content: 'Реклама:'; - display: block; - margin-bottom: .5rem; - color: #ab9f59; - font-size: .75rem; - line-height: 1rem; -} - -.b-spoiler label { - font-size: inherit; - letter-spacing: initial; -} -.b-spoiler .content .before, -.b-spoiler .content .after { - font-size: inherit; - letter-spacing: initial; -} - -.b-nothing_here { - margin-left: 0; - font-size: .875rem; - line-height: 2.5rem; -} - -header.head h1, -header.head h2 { - font-family: inherit; -} -header.head .notice { - margin: .5rem 0; - font-size: .875rem; - line-height: 1.25rem; -} -header.head h1 ~ .notice, -header.head h2 ~ .notice { - margin-top: -.5rem; -} - -.b-breadcrumbs > span:after { content: '»'; } - -.tipsy { - padding: .875rem; - font-size: .875rem; - opacity: .9 !important; - pointer-events: none; -} -.tipsy-arrow { - display: none; -} -.tipsy-inner { - padding: .375rem 1rem; - background-color: #616161; - color: #eee; - text-align: left; - box-shadow: none; -} - - -input { - font-family: inherit; - font-size: inherit; -} - -/* Кнопки */ -.button, -.b-button, -.b-form input[type=submit], -.b-topic-preview > .editor-container .hide, -.edit-page a.cancel { - display: inline-block; -} - -input[type=submit], -.button, -.b-button, -.b-form input[type=submit], -.b-contests-menu .results, -.b-link_button, -.b-shiki_editor .links .b-button.ok, -.b-shiki_editor .images .b-button.ok, -.b-shiki_editor .quotes .b-button.ok, -.b-shiki_editor .email .b-button.ok, -.b-shiki_editor .upload .b-button.ok, -.edit-page a.cancel { - padding: 0 1rem; - margin-right: .5rem; - font-size: .875rem; - line-height: 2rem !important; - text-align: center; - text-decoration: none !important; - text-transform: uppercase; -} - -input[type=submit]:last-child, -.b-button:last-child, -.b-form input[type=submit]:last-child { - margin-right: 0; -} - -input[type=submit]:hover { - box-shadow: 0 2px 4px 2px rgba(0,0,0,.24); -} - -.b-shiki_editor .links .b-button.ok, -.b-shiki_editor .images .b-button.ok, -.b-shiki_editor .quotes .b-button.ok, -.b-shiki_editor .email .b-button.ok, -.b-shiki_editor .upload .b-button.ok { - margin-left: 1rem; -} - -.edit-page a.cancel, -.b-topic-preview > .editor-container .hide { - background-color: transparent; -} - -.b-topic-preview > .editor-container .hide { - vertical-align: top; - border: 0; -} - -.b-topic { - overflow: visible; -} - -.b-topic > .inner { - overflow: visible; -} - -.b-topic-preview > .inner > footer { - overflow: hidden; -} - -/* Формы */ -.b-form { - overflow: visible; -} - -.b-form:after { - content: ''; - display: block; - clear: both; -} - -.b-input input, -.b-input textarea { - padding: .3125rem 1rem; - line-height: 1.25rem; -} - -.b-input textarea { - padding: .4375rem 1rem; -} - -.b-input input[disabled] { - background: transparent; - border-width: 0; - border-bottom-width: .125rem; - padding: .375rem 0 .25rem; - color: #9E9E9E !important; -} - -select { - max-width: 100%; - height: 2rem; - padding: 2px .5rem; - font-size: .875rem; - line-height: 2rem; -} - -.b-input .hint { - font-size: .75rem; - line-height: 1.25rem; -} - -.b-input label { - line-height: 1.5; -} - -.buttons { - font-family: inherit; - font-size: inherit; -} - -.b-form .buttons { - margin-top: .5rem; -} - -.btn { - line-height: 2rem; -} - -.b-contests-menu .results { - float: none; - display: block; - margin: .5rem 0; -} - -.b-link_button { - margin-bottom: .5rem; -} - -.b-link_button.maxi { - padding: 0; - font-size: 1rem; - line-height: 2.5rem; -} - -.b-contests-menu .results, -.b-forums > .b-link_button.maxi, -.b-link_button.create-topic { margin-right: 0; } - -.l-page .menu-toggler { top: 64px; z-index: 9; } -.p-user_rates-index .l-page .menu-toggler { top: -96px; } - - - -.history-interval, -.mischeadline, -.b-input, -.prgrph, -.spoiler-prgrph, -.review-votes_count { - margin-bottom: .5rem !important; -} - -.block { - line-height: 1.25rem; -} -.text { - margin-left: 0 !important; -} - -.tooltip-inner .close { - background: transparent; - color: inherit; -} - -.b-breadcrumbs { - margin: 0; - line-height: 1rem; -} - -.block-list li, -.block-list-alt li { - line-height: 1.5rem; - margin: 2px -.5rem; - padding: 0 .5rem; -} - -.b-block_list li { - padding: 0 .5rem; - margin: 0 -.5rem; - font-family: inherit; - line-height: 1.5rem; -} - -.b-comments-notifier { - top: 0 !important; - width: 2rem; - height: 2rem; - margin-top: 4rem; - line-height: 2rem; -} - -.b-user.named_avatar .name {margin: auto;} - - -/* FIX: BACKFACE VISIBILITY */ -.anime-params-controls > .block:first-child > .b-list > li:after, -.anime-params-controls > .block:first-child > .b-list > li:before, -.manga-params-controls > .block:first-child > .b-list > li:after, -.manga-params-controls > .block:first-child > .b-list > li:before, -.p-user_rates .mylist-block + .block > .b-list > li:after, -.p-user_rates .mylist-block + .block > .b-list > li:before { - -webkit-backface-visibility: hidden; - -moz-backface-visibility; - backface-visibility: hidden; -} - - - -/** - * TOPMENU - * Изменение верхнего меню сайта. - * Меню закреплено и увеличено. - */ - -/* НАСТРОЙКА ЦВЕТОВ МЕНЮ */ -/* ОСНОВНОЕ МЕНЮ */ -/* Фон меню */ -.l-top_menu:before { background-color: #212121; } -/* Цвет текста в меню */ -.l-top_menu { color: #FAFAFA; } -/* Цвет текста пунктов меню при наведении */ -/* Цвет текста активных пунктов меню */ - /* По умолчанию: цвет текста наследуется от меню */ -.l-top_menu .menu-items>.entry.selected, -.l-top_menu .menu-items>.entry>a:active { - color: inherit !important; -} -/* Цвет текста пунктов меню при наведении */ -/* По умолчанию: цвет текста наследуется от меню */ -.l-top_menu .menu-items>.entry:hover { - color: inherit; -} -/* ВЫПАДАЮЩЕЕ МЕНЮ */ -@media only screen and (min-width: 1025px) { - /* Цвет фона выпадающего меню при наведении */ - .l-top_menu .submenu, - .b-main_search ul.popup { background: #424242; } - - /* Цвет пунктов выпадающего меню при щелчке */ - /* Цвет активных пунктов выпадающего меню */ - /* По умолчанию: затемненный цвет фона выпадающего меню */ - .l-top_menu .submenu>.entry:active, - .l-top_menu .submenu>.entry.active, - .b-main_search .popup li:active, - .b-main_search .popup li.active { background-color: rgba(0, 0, 0, .24); } - - /* Цвет пунктов выпадающего меню при наведении */ - /* По умолчанию: осветленный цвет фона выпадающего меню */ - .l-top_menu .submenu>.entry:hover, - .b-main_search .popup li:hover { background-color: rgba(255, 255, 255, .24); } - - /* Цвет текста выпадающих меню */ - /* По умолчанию: цвет текста наследуется от меню */ - .l-top_menu .menu-search>.entry, - .l-top_menu .menu-userbox>.entry, - .l-top_menu .submenu { color: inherit; } - - /* Цвет текста выпадающих меню при щелчке */ - /* Цвет текста активных пунктов выпадающего меню */ - /* По умолчанию: цвет текста наследуется от выпадающего меню */ - .l-top_menu .submenu>.entry:active, - .l-top_menu .submenu>.entry.active, - .b-main_search .popup li:active, - .b-main_search .popup li.active { color: inherit; } - - /* Цвет текста выпадающих меню при наведении */ - /* По умолчанию: цвет текста наследуется от выпадающего меню */ - .l-top_menu .submenu>.entry:hover, - .b-main_search .popup li:hover { color: inherit; } - - - /* ЦВЕТА ПОИСКА */ - /* Фон строки поиска */ - .b-main_search .input { background: rgba(242,242,242,.32); } - /* Набираемый текст в строке поиска */ - .b-main_search .input input { color: #fff; } - /* Вспомогательный текст в строке поиска */ - .b-main_search input::-webkit-input-placeholder { color: #ddd; } - .b-main_search input:-moz-placeholder { color: #ddd; } - .b-main_search input::-moz-placeholder { color: #ddd; } - .b-main_search input:-ms-input-placeholder { color: #ddd; } -} - -/* ЦВЕТ ИКОНОК в меню (для мобильной версии) */ -/* По умолчанию: цвет текста наследуется от меню */ -.l-top_menu .to-mobile-forum, -.l-top_menu .menu-mobile .search, -.l-top_menu .menu-mobile .menu, -.l-top_menu .menu-mobile #sign_in, -.l-top_menu .menu-userbox .search, -.l-top_menu .menu-userbox .menu, -.l-top_menu .menu-userbox #sign_in { - color: inherit; -} -/* END of Настройка цветов в меню */ - - -/* NOTE: Что это за элемент? */ -.to-top-fix { - height: 0; - background: none; - border: 0; -} - -.l-top_menu:before { - content: ''; - position: absolute; - top: 0; right: 0; bottom: 0; left: 0; - opacity: 1; - transition: .3s; -} -.l-top_menu { - position: fixed; - top: 0; - right: 0; - left: 0; - width: 100%; - max-width: 100%; - height: auto; - margin: auto; - background-color: transparent; - background-image: none; - border: none; - box-shadow: 0 2px 8px 2px rgba(0,0,0,.24); - overflow: visible; -} - -/* Высота меню на мобильном телефоне в портретном режиме */ -/* Если вы меняете высоту меню, необходимо изменить верхний отступ страницы: */ -/* .l-page { padding-top: 64px; } цифра равна высоте меню + 16px */ -/* Скопируйте правило и вставьте его в блоке МОИ НАСТРОЙКИ в конце файла. */ -.l-top_menu { - padding: 4px 0; /* padding: 0; для наименьшего размера меню (48px) */ -} -/* NOTE: Максимальное разрешение SONY Xperia Z Ultra: 960x540px */ -@media screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape) { - .l-top_menu { - padding: 0; - } - .l-page { - padding-top: 64px; - } -} -/* На планшетах и далее, высота меню равна 56px */ -@media screen and (min-width: 961px) and (orientation: landscape) { - .l-top_menu { - padding: 4px 0; - } -} - -/* MENUTOP > LOGO */ -.l-top_menu .inner > a:first-child { - display: inline-block; - vertical-align: top; - margin: 0 0 0 32px; - color: inherit !important; -} -.l-top_menu .inner .logo { - float: none; - position: static; - width: auto; - height: auto; - padding: .8125rem 1rem; - margin: 0; - background: none; -} -.l-top_menu .inner .logo:before { - content: 'Главная'; - display: block; - color: inherit; - font-size: 16px; - line-height: 22px; -} -@media only screen and (min-width: 320px) { - .l-top_menu .inner .logo:before { - content: 'Shikimori'; - font-size: 20px; - text-transform: uppercase; - } -} -@media only screen and (min-width: 480px) { - .l-top_menu .inner .logo:before { - content: 'Shikimori'; - font-size: 20px; - text-transform: uppercase; - } -} - -.l-top_menu .to-mobile-forum { - display: inline-block; - vertical-align: top; - position: static; - left: 138px; - width: 40px; - height: 40px; - padding: 8px; - margin: 4px !important; -} -.l-top_menu .to-mobile-forum:before { - width: 1.5rem; - line-height: 1.5rem; - text-align: center; - font-size: 24px; -} -.l-top_menu .mobile-menu-toggler, -.l-top_menu .mobile-search-toggler { - position: absolute; - top: 0; - z-index: 10; /* TODO: убрать, потестить */ -} -.l-top_menu .mobile-menu-toggler { left: 0; } -.l-top_menu .mobile-search-toggler { right: 56px; } - -/* Перерисовываем меню сайта под Material */ -.l-top_menu .mobile-menu-toggler.active { - position: fixed; - top: 0; - left: 0; - width: 100% !important; - height: 100% !important; - margin: 0 !important; - background-color: #000; - z-index: 12; - opacity: .48; -} -.l-top_menu .menu-items { - position: absolute; - top: 0; - width: calc(100% - 56px); - max-width: 320px; - height: calc(100vh + 16px); - padding: 8px 0; - margin: -8px 0; - overflow-y: auto; - z-index: 13; -} -/* EXPERIMENTAL > ANIMATED MOBILE MENU */ -.l-top_menu .menu-items { - display: block; - transform: translate(-100%, 0); - transition: 240ms ease-out; -} -.l-top_menu .menu-items.active { - transform: translate(0, 0); -} -/* END of EXPERIMENTAL */ - -@media only screen and (min-width: 320px) { - .l-top_menu .inner > a:first-child { - margin: 0 0 0 40px; - } -} -@media only screen and (min-width: 360px) { - .l-top_menu .inner > a:first-child { - margin: 0 0 0 48px; - } -} -@media only screen and (min-width: 1025px) { - .l-top_menu .inner > a:first-child { - margin: 0; - } -} -@media only screen and (min-width: 1025px) { - .l-top_menu .to-mobile-forum { - display: none; - } - .l-top_menu .menu-items { - display: inline-block; - vertical-align: top; - position: static; - width: auto; - max-width: 100%; - height: auto; - padding: 0; - margin: 0; - margin-left: 0; - background-color: initial; - color: inherit; - overflow: initial; - overflow-y: visible; - transform: translate(0, 0); - } - - .l-top_menu .menu-items > .entry:active { - background-color: inherit; - } - - .l-top_menu .menu-items > .entry:active, - .l-top_menu .submenu > .entry:active, - .l-top_menu .menu-items > .entry > a { - color: inherit !important; - } - - .l-top_menu .menu-items > .entry > .submenu { - margin-top: 4px; - margin-left: 0; - } - - .l-top_menu .submenu.right { - right: 0px; - margin-top: 4px; - } - - .b-main_search ul.popup, - .b-main_search.hovered .popup { - margin: 0; - margin-top: 12px; - } - - .l-top_menu .submenu > .entry, - .b-main_search .popup li { - color: inherit; - } - - .b-main_search.hovered .popup { - height: 272px; - } - - .l-top_menu .menu-items>.entry.calendar>a, - .l-top_menu .menu-items>.entry.info>a { - padding: 0.9375rem; - } - - .l-top_menu .menu-items>.entry.calendar>a:before, - .l-top_menu .menu-items>.entry.info>a:before { - display: block !important; - } - - .l-top_menu .menu-items>.entry.calendar>a:after, - .l-top_menu .menu-items>.entry.info>a:after { - display: none; - } -} - -.l-top_menu .menu-items>.entry { - float: none; - display: block; - padding: 0; - border: 0; - line-height: inherit; -} -@media (min-width: 1025px) { - .l-top_menu .menu-items>.entry { - display: inline-block; - vertical-align: top; - } -} -.l-top_menu .menu-items>.entry.selected, -.l-top_menu .menu-items>.entry:hover { - background-color: transparent; -} -.l-top_menu .menu-items>.entry>a, -.l-top_menu .menu-items>.entry.sign_out { - padding: 1rem; - margin: 0; - font-size: inherit; - line-height: 1rem; -} - -.l-top_menu .menu-items>.entry>a.contest { - width: 48px; - height: 48px; - padding: 12px !important; - background: inherit; -} -.l-top_menu .menu-items>.entry>a.contest:before { - width: 24px !important; - font-size: 24px !important; - color: #444; -} -@media only screen and (min-width: 1025px) { - .l-top_menu .menu-items>.entry>a.contest { - width: 40px; - height: 40px; - padding: 11px !important; - margin: 4px; - background: transparent; - border-radius: 2px; - } - .l-top_menu .menu-items>.entry>a.contest:before { - position: static; - width: 18px !important; - margin: 0; - color: inherit; - font-size: 18px !important; - } -} - -/* Текст вместо иконок в верхнем меню */ -.l-top_menu .menu-items>.entry.calendar>a, -.l-top_menu .menu-items>.entry.info>a { - padding: 1rem; - margin: 0; - line-height: 1rem; -} -.l-top_menu .menu-items>.entry.calendar>a:before, -.l-top_menu .menu-items>.entry.info>a:before { - display: none !important; -} -.l-top_menu .menu-items>.entry.calendar>a:after { - content: 'Календарь онгоингов'; -} -.l-top_menu .menu-items>.entry.info>a:after { - content: 'Информация'; -} -@media only screen and (min-width: 1025px) { - .l-top_menu .menu-items>.entry.calendar>a, - .l-top_menu .menu-items>.entry.info>a { - padding: 0.9375rem; - } - - .l-top_menu .menu-items>.entry.calendar>a:before, - .l-top_menu .menu-items>.entry.info>a:before { - display: block !important; - } - - .l-top_menu .menu-items>.entry.calendar>a:after, - .l-top_menu .menu-items>.entry.info>a:after { - display: none; - } -} -/* END of Текст вместо иконок в верхнем меню */ - -.l-top_menu .submenu, -.b-main_search ul.popup { - min-width: 112px; - border: 0; -} -.b-main_search .popup li { transition: 0s; } -.l-top_menu .submenu>.entry { - height: 2rem; - padding: .5rem 1rem; - background-color: transparent; - border: 0; - font-size: .875rem; - line-height: 1rem; -} -.l-top_menu .submenu>.entry:first-child, -.b-main_search ul.popup li:first-child { - margin-top: .5rem; -} -.l-top_menu .submenu>.entry:last-child, -.b-main_search ul.popup li:last-child { - margin-bottom: .5rem; -} - -.l-top_menu .menu-items .submenu-toggler { - right: 0; - width: 48px; - height: 48px; - padding: .75rem; - margin: 0; - z-index: 10; -} -.l-top_menu .menu-items .submenu-toggler:before { - width: 24px; - line-height: 24px; -} - -@media screen and (min-width: 1025px) { -.l-top_menu .menu-items .submenu-toggler, -.l-top_menu .inner .sign_out { display: none; } - - .l-top_menu .menu-items>.entry { - color: inherit; /* #FAFAFA */ - } -} - -@media screen and (max-width: 1024px) { - .l-top_menu .submenu { - padding-left: 32px; - } -} - - -/* TOPMENU | SEARCH */ -.l-top_menu .menu-search { - padding: 8px 0; -} -@media screen and (min-width: 1025px) { - .l-top_menu .menu-search { - padding: 0; - } - .l-top_menu .menu-search>.entry { - width: 234px; - padding: 8px 0 !important; - } -} - -.b-main_search { - padding-right: 8px !important; - padding-left: 8px !important; -} -.b-main_search .input { - position: relative; - width: auto; - height: 2rem; - padding: 0; - margin: 0; - transition: background .3s; -} -.b-main_search.hovered .popup { - border: 0; - font-size: .875rem; -} -.b-main_search ul.popup li { - width: auto; - height: 2rem; - padding: .5rem 1rem; - border: 0; - font-family: inherit; - font-size: .875rem; - line-height: 20px; -} -.b-main_search .input input { - width: 100%; - padding: 0 1rem; - font-family: inherit; - font-size: 1rem; - line-height: 2rem; -} -.b-main_search .input input.ac_loading { - width: 100%; - padding: 0 1rem; -} -.b-main_search ul.popup { - width: inherit; -} -/* END of SEARCH */ - - - -/* TOPMENU | SEARCHRESULT */ -.ac_results.menu-suggest, -.completable-block.menu-suggest { - border: 0; - box-shadow: 0 2px 8px 2px rgba(0,0,0,.24); -} -.ac_results, -.completable-block { - font-size: .75rem; -} - -.ac_odd { - background-color: rgba(0,0,0,.24); -} -.ac_over { - background-color: rgba(255,255,255,.24); -} - -.ac_results li { - padding: 0 .5rem; - border: none; - line-height: 2rem; -} -.b-main_search ul.popup, -.b-main_search.hovered .popup { - margin: 0; -} -.ac_results.menu-suggest, -.completable-block.menu-suggest { - margin-top: -17px; - margin-left: 6px; -} - -.ac_results .name { font-size: 14px; } -.ac_results .name > strong { - background-color: #ff0; - color: #111; -} -.ac_results .character-suggest .animes { line-height: 1.25rem; } -.ac_results .character-suggest .animes > div { margin: 2px 0 0; } -.ac_results .character-suggest .avatar { - width: 40px; - height: auto; - max-height: 64px; - margin: 8px 0 0 8px; - clip-path: circle(20px at 20px 20px); -} -/* END of SEARCHRESULT */ - - - -/* TOPMENU | USERBOX */ -.l-top_menu .menu-userbox { - position: absolute; - top: 0; - right: 0; -} - -.l-top_menu .menu-userbox>.entry { - position: relative; - height: 48px; - padding: 0 !important; - margin: 0 .5rem 0 1rem !important; - cursor: default; -} -.entry.userbox > .avatar { - display: inline-block; - vertical-align: top; - position: relative; - width: 32px; - height: 32px; - margin: 8px; - border-radius: 100%; -} -.entry.userbox > .avatar:after { - content: ''; - display: block; - position: absolute; - top: 0; left: 0; - width: inherit; - height: inherit; - border-radius: 100%; -} -.entry.userbox > .avatar > img { height: inherit; } - -.userbox > a .graphics-arrow-down, -.l-top_menu .menu-search .arrow-container, -.l-top_menu .menu-userbox .arrow-container, -.l-top_menu .menu-search .arrow-container .arrow-down, -.l-top_menu .menu-userbox .arrow-container .arrow-down { - display: none; -} - -@media screen and (max-width: 1024px) { - .userbox img.avatar, - .menu .unread-count { margin-top: 0; } -} - -.menu .unread-count { - position: absolute; - top: -8px; - right: -8px; - width: 22px; - height: 22px; - margin: 4px; - border-radius: 100%; - line-height: 22px; -} - -@media screen and (min-width: 1025px) { - .l-top_menu .menu-userbox { - position: relative; - } -} -/* END of USERBOX */ - -/* TOPMENU | ICON */ -.l-top_menu .menu-mobile .search, -.l-top_menu .menu-mobile .menu, -.l-top_menu .menu-userbox .search, -.l-top_menu .menu-userbox .menu { - width: 40px; - height: 40px; - padding: 8px; - margin: 4px; - margin-left: 4px !important; -} -.l-top_menu .menu-mobile #sign_in, -.l-top_menu .menu-userbox #sign_in { - width: 40px; - height: 40px; - padding: 8px; - margin: 4px; - margin-left: 4px !important; -} -@media (min-width: 1025px) { - .l-top_menu .menu-mobile #sign_in, - .l-top_menu .menu-userbox #sign_in { - width: 48px; - height: 48px; - padding: 12px; - margin: 0; - } -} -/* END of ICON */ - -/* ************** */ -/* END of TOPMENU */ -/* ************** */ - - - -/** - * PAGINATION - * - */ -/* Делаем пагинацию более удобной */ -.p-animes_collection-index .pagination, -.p-mangas_collection-index .pagination, -.p-recommendations-index .pagination, -.p-userlist_comparer-show .pagination { - margin: 8px 0; - color: inherit; - font-size: 14px; - line-height: 32px; -} -/* Добавляем разной ерунды */ -.p-animes_collection-index .pagination > *, -.p-mangas_collection-index .pagination > *, -.p-recommendations-index .pagination > *, -.p-userlist_comparer-show .pagination > * { - vertical-align: top; -} -.p-animes_collection-index .pagination .link, -.p-mangas_collection-index .pagination .link, -.p-recommendations-index .pagination .link, -.p-userlist_comparer-show .pagination .link { - width: 40px; - height: 40px; - padding: 8px; - margin: -4px 8px; - font-size: 0; -} -.p-animes_collection-index .pagination .link:first-child, -.p-mangas_collection-index .pagination .link:first-child, -.p-recommendations-index .pagination .link:first-child, -.p-userlist_comparer-show .pagination .link:first-child { - margin-left: 0; -} -.p-animes_collection-index .pagination .link:last-child, -.p-mangas_collection-index .pagination .link:last-child, -.p-recommendations-index .pagination .link:last-child, -.p-userlist_comparer-show .pagination .link:last-child { - margin-right: 0; -} -.p-animes_collection-index .pagination .link:hover, -.p-mangas_collection-index .pagination .link:hover, -.p-recommendations-index .pagination .link:hover, -.p-userlist_comparer-show .pagination .link:hover { - text-decoration: none; -} -.p-animes_collection-index .pagination .link.disabled:hover, -.p-mangas_collection-index .pagination .link.disabled:hover, -.p-recommendations-index .pagination .link.disabled:hover, -.p-userlist_comparer-show .pagination .link.disabled:hover { - background-color: transparent; -} -.p-animes_collection-index .pagination .link:before, -.p-mangas_collection-index .pagination .link:before, -.p-recommendations-index .pagination .link:before, -.p-userlist_comparer-show .pagination .link:before { - display: block; - width: 24px !important; - font-family: 'Material Icons' !important; - font-size: 24px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.p-animes_collection-index .pagination .link.link-prev:before, -.p-mangas_collection-index .pagination .link.link-prev:before, -.p-recommendations-index .pagination .link.link-prev:before, -.p-userlist_comparer-show .pagination .link.link-prev:before { - content: 'chevron_left'; -} -.p-animes_collection-index .pagination .link.link-next:before, -.p-mangas_collection-index .pagination .link.link-next:before, -.p-recommendations-index .pagination .link.link-next:before, -.p-userlist_comparer-show .pagination .link.link-next:before { - content: 'chevron_right'; -} - - - - - - - -/** - * SUBHEADER - * Изменение подзаголовков разделов и ссылок в них. - */ - -.headline { - padding: 8px 0; - margin: 8px 0; - background: none; - border: 0; - font-size: 24px; - font-weight: 400; - line-height: 32px; - text-transform: capitalize; -} - -.mischeadline, -.c-my_list .title, -.subheadline, -.midheadline, -.b-stats_bar .title, -.profile-content .activity .title, -.lifetime .title { - padding: 16px 0; - margin-bottom: 0; - background-color: transparent; - border: 0; - font-size: .875rem; - line-height: 1rem; - text-transform: uppercase; - overflow: initial; -} -.midheadline > a, -.subheadline > a { - vertical-align: top; - margin: -.5rem -1rem; -} -.midheadline > a, -.subheadline > a, -.b-form .cancel, -.b-shiki_editor footer .unpreview, -.b-shiki_editor footer .preview, -.b-topic-preview > .editor-container .hide { - display: inline-block; - padding: 0 1rem; - background-color: transparent; - border-radius: .125rem; - font-size: .875rem; - line-height: 2rem !important; - text-transform: uppercase; -} -.headline>a:before, -.midheadline > a:before, -.subheadline > a:before { - right: 0; - left: 0; - text-align: right; - opacity: 0; -} -.headline.linkheadline > a, -.linkheadline.midheadline > a, -.linkheadline.subheadline > a { - text-decoration: none; -} - - -.subheadline .misc-link { - float: right; -} -.subheadline-input { - padding: 5px 8px; - margin-top: 8px !important; - border-radius: 2px !important; - font-size: 14px; - line-height: inherit !important; -} -.subheadline-buttons { - right: 0; - margin: 0; -} -/* HOVER */ -.headline > a:hover, -.midheadline > a:hover, -.subheadline > a:hover { - text-decoration: none; -} -.subheadline-buttons .item-edit, -.p-characters .item-edit { - display: inline-block; - width: 40px; - height: 40px; - padding: 8px; - margin: 4px 0; -} -@media only screen and (min-width: 768px) { - .b-options-floated.r-edit { margin-right: 48px; } -} -/* END of SUBHEADER */ - -/**/ - - - - -/** - * CONTEST PAGE - */ - -.p-contests .contest-match { - padding: 16px 0; - margin-bottom: 0; -} -.p-contests .contest-match .current-match .match-members:last-child { - margin-bottom: 0 !important; -} -.p-contests .contest-match .vs .refrain { - display: inline-block; - padding: 0 16px; - font-size: 14px; - line-height: 32px; - text-transform: uppercase; -} -.p-contests .contest-match .vs .refrain:hover { - text-decoration: none; -} -.p-contests .match-day { - position: relative; - margin-bottom: 16px; - text-align: center; -} -.p-contests .match-day:before { - content: ''; - display: block; - position: absolute; - top: 10px; - right: 0; - left: 0; - height: 1px; -} -.p-contests .match-day>.date { - position: relative; - display: inline-block; - padding: 0 16px; - margin-bottom: 4px; - text-align: center; - text-transform: uppercase; -} -.p-contests .match-day>.date .from, -.p-contests .match-day>.date .to { - margin-right: 8px; -} -.p-contests .match-day>.date .to { - margin-left: 8px; -} -.p-contests .match-day .match-link { - padding-left: 0; - text-align: left; -} -.p-contests .match-day .match-link .c-column { - line-height: 32px; -} - -.p-contests .match-day .match-link .voted:before, -.p-contests .match-day .match-link .winner:before, -.p-contests .match-day .match-link .loser:before, -.p-contests .match-day .match-link .created:before, -.p-contests .match-day .match-link .started:before, -.p-contests .match-day .match-link .finished:before { - display: inline-block; - vertical-align: top; - width: 18px; - padding-right: 0; - padding-left: 0; - margin: 7px 0; - margin-right: 14px; - font-family: "Material Icons"; - font-size: 18px; - font-weight: normal !important; - line-height: 1; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.p-contests .match-day .match-link .created:before { - color: #9B9B9B; - content: "lock"; - padding-right: 0; -} -.p-contests .match-day .match-link .started:before { - content: "check_box_outline_blank"; - color: #757575; -} -.p-contests .match-day .match-link.voted-none .started:before { - color: #9B9B9B; -} -.p-contests .match-day .match-link.voted-left .started:first-child:before, -.p-contests .match-day .match-link.voted-right .started:last-child:before { - content: "check_box"; -} -.p-contests .match-day .match-link.voted-left .started:last-child:before, -.p-contests .match-day .match-link.voted-right .started:first-child:before { - content: 'indeterminate_check_box'; -} -.p-contests .match-day .match-link .winner:before { - content: "thumb_up"; -} -.p-contests .match-day .match-link .loser:before { - content: "thumb_down"; - padding-right: 0; -} -.p-contests .match-day .match-link.voted-left .started:first-child:before, -.p-contests .match-day .match-link.voted-right .started:last-child:before, -.p-contests .match-day .match-link .winner:before { - color: #66BB6A; /* Зеленый цвет */ -} -.p-contests .match-day .match-link.voted-left .started:last-child:before, -.p-contests .match-day .match-link.voted-right .started:first-child:before, -.p-contests .match-day .match-link .loser:before { - color: #EF5350; /* Красный цвет */ -} - -.p-contests .match-day .matches-num { - display: inline-block; - width: 56px; - padding-right: 0; - font-size: 16px; -} - -.p-contests-show .cc-round_stats>.c-column:first-child:last-child>.block:last-child { - padding: 4px 0; -} -.p-contests-show .warning { - margin-top: 0; - margin-bottom: 16px; -} - -.p-contests .rating .member { - height: auto; -} -.p-contests-users .subheadline a:hover { - background: none; -} - - -.p-contests .contest-match .votes-percents { - border-radius: 4px; - font-size: 14px; - line-height: 24px; -} -.p-contests .contest-match .votes-percents span { - float: left; - position: relative; - white-space: nowrap; - z-index: 1; -} -.p-contests .contest-match .votes-percents .left-part { - position: relative; - border-radius: inherit; - padding-left: 8px; -} -.p-contests .contest-match .votes-percents .right-part { - position: absolute; - top: 0; - right: 0; - padding-right: 8px; -} -.p-contests .contest-match .votes-percents .right-part span { - float: right; -} -.p-contests .contest-match .votes-percents .left-part, -.p-contests .contest-match .votes-percents .right-part { - height: auto; -} -.p-contests .contest-match .votes-percents .right-part:before { - left: -24px; - border-right-width: 24px; - border-top-width: 48px; -} -.p-contests .contest-match .votes-percents .left-part:hover .right-part:before { - border-right-width: 24px; -} -.p-contests .contest-match .votes-percents .right-part:before, -.p-contests .contest-match .votes-percents .left-part:hover .right-part:before { - border-right-color: inherit; -} - -.p-contests .results .cc-result .c-rounds .match-day:before { display: none; } -.p-contests .results .cc-result .c-rounds .match-day .match { - padding-bottom: 0; - line-height: 32px; - text-align: left; -} -.p-contests .results .cc-result .c-rounds .match-link { - display: inline-block; -} - -@media (min-width: 481px) { - .p-contests .contest-match .prev-match:hover, - .p-contests .contest-match .next-match:hover { - background-color: transparent; - } -} - -/* Mobile Ver. */ -@media (max-width: 480px) { - .p-contests .contest-match .prev-match, - .p-contests .contest-match .next-match { - position: absolute; - left: 0; - width: auto; - padding: 8px; - border-radius: 2px; - line-height: 32px; - z-index: 2; - } - .p-contests .contest-match .next-match { - right: 0; - left: auto; - } - .p-contests .contest-match .next-match:before { - margin: 0; - } - .p-contests .contest-match .prev-match:before, - .p-contests .contest-match .next-match:before { - display: block; - font-family: 'Material Icons'; - font-size: 24px; - line-height: 1; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - } - .p-contests .contest-match .prev-match:before { content: 'chevron_left'; } - .p-contests .contest-match .next-match:before { content: 'chevron_right'; } - .p-contests .contest-match .current-match { - clear: both; - } - .p-contests .contest-match .current-match .match-members { - padding-top: 96px; - margin-bottom: 4px; - } - .p-contests .contest-match .current-match .match-member { - position: relative; - width: 48%; - z-index: 2; - } - .p-contests .contest-match .current-match .match-member:first-child { float: left; } - .p-contests .contest-match .current-match .match-member:last-child { float: right; } - .p-contests .contest-match .vs { - position: absolute; - top: 72px; - width: 100%; - } - .p-contests .contest-match .vs > div:first-child { - display: inline-block; - position: absolute; - top: 112px; - right: 0; - left: 0; - width: 72px; - height: 72px; - margin: auto; - border-radius: 100%; - font-size: 24px; - line-height: 72px; - text-transform: uppercase; - z-index: 6; - } - .p-contests .contest-match .vs .finish { - position: absolute; - top: -64px; - right: 0; - left: 0; - width: 148px; - margin: auto; - font-size: 12px; - line-height: 20px; - } - .p-contests .contest-match .vs .refrain { - position: absolute; - top: -62px; - right: 0; - left: 0; - width: 168px; - margin: auto; - z-index: 7; - } - .p-contests .contest-match .vs .next { - position: absolute; - top: -56px; - right: 0; - left: 0; - width: 168px; - margin: auto; - font-size: 14px; - line-height: 32px; - text-transform: uppercase; - z-index: 5; - } - .p-contests .contest-match .match-losers { - display: block; - padding: 0; - } -} -@media (max-width: 1024px) { - .p-contests .match-day .match-link .c-column { - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - } - .p-contests .match-day .match-link .winner:before, - .p-contests .match-day .match-link .loser:before { display: none; } - .p-contests .match-day .matches-num { - width: auto; - padding: 0 4px; - margin-right: 8px; - border-radius: 2px; - color: #FFF; - font-size: 12px; - line-height: 20px; - } - .p-contests .match-day .winner .matches-num { background-color: #66bb6a; } - .p-contests .match-day .loser .matches-num { background-color: #ef5350; } -} -/* END of Mobile Ver. */ -/* END of CONTEST PAGE */ - - -/* ROUNDED IMAGES */ -.b-dialog>.inner header img, -.b-message>.inner header img, -.p-user_rates-index .l-menu .avatar img, -.avatar > img { - border-radius: 100%; -} -/* END of ROUNDED IMAGES */ - - - -.b-catalog_entry.dropped .image-cutter { - filter: grayscale(100%); -} - - - - - -/** - * ANIME PAGE - */ - -.b-animes-menu .friend-rate { - line-height: 1.5rem; - white-space: nowrap; /* thx @NedStar */ -} - -.b-db_entry { - margin-bottom: 8px; -} - - -.b-db_entry-note {} -.b-db_entry-note .name-container { - padding: .25rem 0; -} -.b-db_entry-note .name-container .name { - display: block; - font-size: 1rem; - line-height: 1.25rem; -} -.b-db_entry-note .name-container .note { - margin-top: 4px; - font-size: .875rem; - line-height: 1rem; -} -.b-db_entry-note .name-container .note > span { - display: inline-block; /* thx @NedStar */ - vertical-align: top; -} -.b-db_entry-note .name-container .b-user_rate { - margin-top: .375rem; -} - -.b-db_entry>.c-about .c-info-left, -.b-db_entry>.c-about .c-info-right, -.b-db_entry>.c-about .c-info-left:last-child, -.b-db_entry>.c-about .c-info-right:last-child { - margin-bottom: 8px !important; -} - - -.p-animes .b-db_entry>*:last-child { - clear: left; - padding-top: 0; - margin-left: 0 !important; -} -.p-people .subheadline.m10 { - width: 100%; -} -.p-people .m0 { - clear: both; - padding: 0; - margin: 0 !important; -} - -.p-characters .subheadline.m5 { width: 100%; overflow: hidden; } -.p-characters .subheadline.m5 > a { display: block; } -.p-characters .subheadline.m10 { width: auto; } -.p-characters .subheadline.m10 > a { display: inline-block; } - - -@media screen and (max-width: 480px) and (orientation: portrait) { - .b-db_entry > .c-image .c-actions > a { - width: auto !important; - } -} - -.b-lang_trigger { - position: absolute; - top: -53px; - right: 0; - width: 40px; - height: 40px; - padding: 10px 0; - margin: 4px; - font-size: 12px; - line-height: 20px; - text-align: center; - text-transform: uppercase; - cursor: pointer; /* eventListener повешен на этот элемент */ -} -.b-lang_trigger:before, -.b-lang_trigger:after { - display: none; -} -.b-lang_trigger span { - border: 0; -} - -.midheadline, -.m10 { - margin-bottom: 0 !important; -} - -.b-user_rate .rate-show .note { - padding: 8px 16px; - font-size: 14px; - line-height: 20px; -} -.b-user_rate .rate-show .note:before { - content: 'Заметка'; - display: block; - font-size: 10px; -} - -.b-forums .forum .topics { - margin-left: 8px; - margin-top: 0; -} - - - -/* ADD TO LIST BUTTON */ -.b-add_to_list { - min-width: 0; -} -.b-add_to_list .trigger, -.b-add_to_list .option { - border: 0; -} -.b-add_to_list .trigger, -.b-add_to_list .option { - padding: .5rem 1rem .5rem 3rem; - border: 0; - line-height: 1.5rem; -} - -/* thx @bot.AkiKawasaki */ -.b-add_to_list .trigger { border-radius: .125rem; } -.b-add_to_list .option:last-child { border-radius: 0 0 .125rem .125rem; } -.b-add_to_list .trigger + .expanded-options { margin-top: -.125rem; } - -.b-add_to_list .plus, -.b-add_to_list .edit, -.b-add_to_list .trigger-arrow { - width: 2.5rem; - height: 2.5rem; - padding: .5rem; - margin: -.5rem -1rem -.5rem 0; - color: inherit !important; -} -.b-add_to_list .plus, -.b-add_to_list .edit { - position: absolute; - left: 0; - margin-left: 0 !important; - margin-right: .5rem !important; -} -.b-add_to_list .trigger-arrow { - position: relative; -} -.b-add_to_list .expanded-options .option .text { - padding-left: 0; -} -.b-add_to_list.completed ~ .rate-show > .rate-number, -.b-add_to_list.completed ~ .rate-show > .episodes { - height: 1rem; - margin-bottom: 0; - font-size: 0; -} -/* DENSE ATL_BUTTON */ -.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 { - padding: 0 1rem 0 2.25rem; - line-height: 2rem; -} -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .plus, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .edit, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger-arrow { - width: 2rem; - height: 2rem; - padding: .4375rem; - margin: 0 -1rem 0 .25rem; -} -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .plus, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .edit { - margin-right: .25rem !important; -} -/* END of DENSE ATL_BUTTON */ -/* ATL_BUTTON in NEWS */ -.b-catalog_entry-tooltip .b-add_to_list { - width: auto; -} -.b-catalog_entry-tooltip .b-add_to_list .trigger { - font-size: .875rem; - line-height: 1.5rem; -} -.b-catalog_entry-tooltip .b-add_to_list .option { - font-size: .875rem; -} -.b-catalog_entry-tooltip .b-add_to_list .trigger, -.b-catalog_entry-tooltip .b-add_to_list .add-trigger, -.b-catalog_entry-tooltip .b-add_to_list .remove-trigger { - max-width: 224px; -} -/* END of ATL_BUTTON in NEWS */ -/* FIX ORIGINAL STYLE */ -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .plus::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .edit::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .trigger-arrow::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .plus::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .edit::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .trigger-arrow::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .plus::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .edit::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .trigger-arrow::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .plus::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .edit::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .trigger-arrow::before { - color: inherit; -} -/* FIX: ADD_TO_LIST LAYOUT IN NOTES (issue #7) */ -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger { - padding: 0 1rem 0 2rem; -} -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger + .expanded-options { - margin-top: 0; -} -/* END of ADD TO LIST BUTTON */ - - - -.b-catalog_entry.planned .image-decor::after, -.b-catalog_entry.watching .image-decor::after, -.b-catalog_entry.completed .image-decor::after, -.b-catalog_entry.rewatching .image-decor::after, -.b-catalog_entry.on_hold .image-decor::after, -.b-catalog_entry.dropped .image-decor::after { - top: auto; - right: 6px; - bottom: -8px; - width: 32px; - height: auto; - border: none; - border-radius: 100%; - line-height: 32px; - box-shadow: 0 1px 4px 0 rgba(0,0,0,.32); - - /* TODO: MERGE with ICON_FONT */ - font-family: 'Material Icons'; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.p-animes_collection-index.x1000 .b-catalog_entry .image-decor::after, -.p-mangas_collection-index.x1000 .b-catalog_entry .image-decor::after, -.p-recommendations-index.x1000 .b-catalog_entry .image-decor::after, -.p-userlist_comparer-show.x1000 .b-catalog_entry .image-decor::after { - width: 32px; - height: auto; - border-radius: 100%; - line-height: 32px; -} - -.b-catalog_entry.planned .image-decor::after { - content: "event"; -} -.b-catalog_entry.watching .image-decor::after { - content: "play_arrow"; -} -.b-catalog_entry.rewatching .image-decor::after { - content: "replay"; -} -.b-catalog_entry.completed .image-decor::after { - content: "done"; -} -.b-catalog_entry.on_hold .image-decor::after { - content: "schedule"; -} -.b-catalog_entry.dropped .image-decor::after { - content: "delete"; -} - - - -.b-db_entry-note .name-container { - margin-left: 64px; - line-height: inherit; -} - -header.head, -.block, -.b-add_to_list, -.b-user_rate .rate-show { - margin-bottom: .5rem; -} -.l-page > div > header.head { - margin-bottom: 1.5rem; -} - -.p-profiles-edit .l-page > div > header.head, -.p-dialogs .l-page > div > header.head, -.p-messages .l-page > div > header.head { - margin-bottom: 0; -} - - -.c-poster img { - display: block; - min-height: 48px; -} - -/* Кнопки управления над постером */ -@media (min-width: 481px) { -.c-poster:hover ~ .c-actions { - opacity: 0; -} -.c-actions { - position: absolute; - bottom: 0; - width: 100%; - padding: 4px 0; -} -.c-actions:before { - content: ''; - position: absolute; - top: 0; right: 0; bottom: 0; left: 0; - opacity: .8; -} -.c-actions > * { position: relative; } -} - - -.c-actions > * { - width: 40px !important; - height: 40px !important; - padding: .5rem; -} -.c-actions > *:not(:last-child) { - margin-right: 8px !important; -} -.c-actions > *:before { - font-size: 24px !important; - line-height: 1 !important; -} -.c-actions .fav-remove:hover:before { - color: inherit; -} - -@media screen and (min-width: 1200px) { - .c-poster center { - text-align: left; - } - .p-animes-show .c-image .b-user_rate, - .p-mangas-show .c-image .b-user_rate { - margin: 0; - } -} - -.b-rate { - padding: 6px 0; -} -.b-rate .text-score { - vertical-align: top; -} -.b-rate .score-value { - line-height: 36px; -} -.b-rate .score-notice { - font-size: 10px; - margin-top: -46px; - text-transform: uppercase; -} -.b-review-topic .b-rate .score-notice { - margin-top: -58px; -} -.b-user_rate .rate-show .episodes { - margin-bottom: 8px; - font-size: 14px; - line-height: 32px; -} -.b-user_rate .rate-show .rate-number { - margin-right: 0; -} -.b-user_rate .rate-show .rate-number .current-episodes, -.b-user_rate .rate-show .rate-number .sep, -.b-user_rate .rate-show .rate-number .total-episodes { - display: inline-block; - vertical-align: top; - line-height: 32px; -} -.b-user_rate .rate-show .rate-number .item-add { - display: inline-block; - vertical-align: top; - width: 40px; - height: 40px; - padding: 8px; - margin: -4px 0 0 8px; -} -.b-user_rate .rate-show .rate-number .item-add:before { - width: 24px !important; - font-family: 'Material Icons' !important; - font-size: 24px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.b-user_rate .rate-show .rate-number .item-add:before { - content: 'add'; -} -.b-rate .stars:after { - font-size: 36px !important; - font-family: 'Material Icons' !important; - line-height: 1 !important; - font-weight: 400 !important; - - text-transform: none; - letter-spacing: -6px; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.b-rate .stars.background:after { -} -.b-rate .stars.background:after { - content: 'star_border star_border star_border star_border star_border'; -} -.b-rate .stars.score-1:after { content: 'star_half'; } -.b-rate .stars.score-2:after { content: 'star'; } -.b-rate .stars.score-3:after { content: 'star star_half'; } -.b-rate .stars.score-4:after { content: 'star star'; } -.b-rate .stars.score-5:after { content: 'star star star_half'; } -.b-rate .stars.score-6:after { content: 'star star star'; } -.b-rate .stars.score-7:after { content: 'star star star star_half'; } -.b-rate .stars.score-8:after { content: 'star star star star'; } -.b-rate .stars.score-9:after { content: 'star star star star star_half'; } -.b-rate .stars.score-10:after { content: 'star star star star star'; } - -.watch-online-placeholer { - margin: 2rem auto .5rem; -} -.b-link_button.watch-online:before, -.b-link_button.upload-video:before, -.b-link_button.create-topic:before { - display: none; -} - -.b-catalog_entry .cover .title { - padding: .5rem 0 0; - margin-top: 0; - font-size: .875rem; - line-height: 1.375rem; -} -.b-catalog_entry .cover .misc { - padding: 0 0 .5rem; -} -.b-entry-info { - margin: 0; - font-size: .875rem; -} -.b-entry-info .line { - line-height: 1.5rem; -} -.b-tag, -.b-entry-info .line .b-tag, -.b-catalog_entry-tooltip .inner .line .value .tag { - padding: 0 8px; - margin: 0 4px 0 0; - border: 0; - font-size: .625rem; - line-height: 20px; - text-transform: uppercase; -} -.b-tag:hover, -.b-entry-info .line .b-tag:hover, -.b-catalog_entry-tooltip .inner .line .value .tag:hover { - padding: 0 8px; - margin: 0 4px 0 0; -} -.b-tag { - font-size: .875rem; - line-height: 24px; -} -.b-catalog_entry-tooltip .inner .line .value .tag, -.b-catalog_entry-tooltip .inner .line .value .tag:hover { - padding: 0 6px; - line-height: 18px; -} - -@media screen and (min-width: 1200px) { - .p-animes_collection-index.x1200 .cc-entries>.c-column { - width: 18.4%; - margin-right: 2%; - border-radius: 2px; - } -} - - - -/** - * COMMENT - * Изменение всех комментариев, новостей, диалогов, топиков. - */ - -.b-comment, -.b-dialog, -.b-message { - position: relative; - padding-top: .75rem !important; - padding-bottom: .75rem; - margin-bottom: 0; - border: 0; -} - -.b-comments, -.b-comment { - overflow: visible; -} - -.b-comments { - line-height: inherit; -} - -.b-dialog { - position: relative; -} - -.b-topic { - padding-top: .5rem; -} -/* Исправление для предпросмотра комментария во всплывающем окне */ -.tooltip-inner .b-message { - padding-top: 0 !important; - padding-bottom: 0; -} - -/* inset dividers */ -.b-dialog:before, -.b-message:before, -.b-comment:before, -.b-comments .comments-loaded:before { - content: ''; - position: absolute; - bottom: 0; - right: 0; - left: 56px; - height: 1px; -} - -.b-generated_news:before { - left: 0; -} - -.b-comments .comments-loaded .b-comment:last-child { - margin: 0; -} - -.b-dialog:last-child:before, -.b-message:last-child:before, -.b-comment:last-child:before, -.tooltip-inner .b-message:before { - display: none; -} - -.b-comment .body, -.b-message .body, -.b-topic .body, -.b-dialog .body { - padding: 4px 0; - padding-left: 0 !important; - line-height: 20px; - overflow: hidden; /* FIX: OVERFLOW: HIDDEN TOPIC BODY (issue #8) */ -} - -.b-generated_news .body { - padding-left: 0 !important; -} - -.b-comment .inner, -.b-dialog .inner, -.b-message .inner, -.b-topic .inner { - overflow: hidden; - overflow-x: visible; -} - -.b-comment > .inner, -.b-dialog > .inner, -.b-message > .inner, -.b-topic > .inner, -.b-topic-preview > .b-comments { - padding-left: 3.5rem; -} - -.block > .previewed .b-comment > .inner, -.b-dialog .body .b-message > .inner, -.b-generated_news > .inner, -.b-generated_news-topic > .inner, -.b-review-topic.b-topic-preview > .inner, -.b-topic-preview > .inner > .body, -.b-topic-preview > .inner > footer, -.p-dashboards-show .cc-news .c-news_topics .b-topic > .inner, -.p-dashboards-show .cc-news .c-generated_news .b-topic > .inner { - padding-left: 0; -} - -.b-comment > .inner header, -.b-dialog > .inner header, -.b-message > .inner header, -.b-topic > .inner header { - margin-bottom: 0; -} - -.b-dialog > .inner header, -.b-message > .inner header { - padding: .25rem 0; -} - -.b-comment > .inner header > a, -.b-message > .inner header > a, -.b-dialog > .inner header > a, -.b-topic > .inner header > a { - position: absolute; - left: 0; -} - -.b-dialog .body .b-message > .inner header > a { - position: relative; -} - -.b-topic >.inner header img { - width: 2.5rem; - margin: .25rem 1rem 0 0; -} -.b-comment > .inner header img, -.b-message>.inner header img, -.b-dialog>.inner header img { - width: 2.5rem; - margin: .25rem 1rem 0 0; - border-radius: 100%; -} -.b-topic > .inner header .name-date, -.b-comment > .inner header .name-date { - padding: .25rem 0; - line-height: 2rem; -} -.b-topic > .inner header .name-date { line-height: 20px; } -.b-message>.inner header .name-date, -.b-dialog>.inner header .name-date { - line-height: 2rem; -} -.b-topic .name-date .name, -.b-comment .name-date .name, -.b-dialog .name-date .name { - font-size: 1rem; -} -.b-message>.inner header .name-date a.name, -.b-topic>.inner header .name-date a.name, -.b-comment>.inner header .name-date a.name, -.b-dialog>.inner header .name-date a.name { - display: block; - margin-right: .5rem; - line-height: 1.25rem; -} -.b-topic>.inner header .name-date a.name, -.b-topic>.inner header .name-date .about { - display: inline-block; - vertical-align: top; - line-height: inherit; -} -.b-topic>.inner header .name-date .about { - margin-right: .5rem; -} -.b-topic>.inner>header .name-date a { font-size: 16px; } -.b-topic>.inner>header .about>span { - display: inline-block; - vertical-align: top; - color: #9E9E9E; - padding: 0 .5rem 0 0; - font-size: .875rem; - line-height: inherit; -} -.b-topic>.inner>header .about a { - display: inline-block; - vertical-align: top; - font-size: 1rem; - line-height: inherit; -} -.b-comment>.inner header .name-date a.name:hover { text-decoration: none; } -.b-message>.inner header .name-date .time, -.b-topic>.inner header .name-date .time, -.b-comment>.inner header .name-date .time, -.b-dialog>.inner header .name-date .time { - position: relative; - padding-top: 0; - padding-left: 0; - margin-right: .5rem; - line-height: 1.25rem; -} -.b-message>.inner header .name-date .time > time, -.b-comment>.inner header .name-date .time > time, -.b-topic>.inner header .name-date .time > time { - display: block; - font-size: .875rem; - line-height: inherit; -} -.b-topic>.inner header .name-date .time { - font-size: .875rem; - line-height: inherit; -} -.b-comment>.inner header .name-date .time:hover { - text-decoration: underline; -} -.b-comment header .hash { - position: absolute; - top: 0; right: 0; bottom: 0; left: 0; - margin: 0; /* Сброс стандартного стиля */ - opacity: 0; - z-index: 1; -} -.b-comment .inner .name-date a.name .normal { vertical-align: top; } -@media only screen and (min-width: 1025px) { - .b-topic > .inner header .name-date, - .b-comment > .inner header .name-date { - padding: .25rem 0; - line-height: 1.5rem; - } - .b-comment>.inner header .name-date a.name, - .b-comment>.inner header .name-date .time, - .b-dialog>.inner header .name-date a.name, - .b-dialog>.inner header .name-date .time { - display: inline-block; - vertical-align: top; - line-height: inherit; - } - .b-message>.inner header .name-date .time > time, - .b-comment>.inner header .name-date .time > time { - display: block; - font-size: 13px; - line-height: inherit; - } - - .p-dialogs .b-message>.inner header { padding: 0; } - .p-dialogs .b-message>.inner header .name-date { line-height: 32px; } - .p-dialogs .b-message>.inner header .name-date a.name, - .p-dialogs .b-message>.inner header .name-date .time { - display: inline-block; - vertical-align: top; - line-height: inherit; - } - - .b-comment > .inner header img, - .b-message>.inner header img, - .b-dialog>.inner header img { - margin: 6px 16px 0 0; - } - - - .b-topic>.inner header .name-date .time { - display: inline-block; - vertical-align: top; - line-height: inherit; - } -} - - -.p-messages .b-message>.inner header .name-date a.name, -.p-messages .b-message>.inner header .name-date .time { - display: inline-block !important; - vertical-align: top; - padding-top: 0; - line-height: inherit !important; -} - -@media screen and (max-width: 1024px) { - .b-dialog .time { - display: block !important; - padding-left: 0 !important; - font-size: 14px !important; - line-height: 20px !important; - } - .b-dialog>.inner header .name-date time { - display: block; - line-height: inherit; - } - .b-dialog .b-message>.inner header .name-date .time { - display: inline-block !important; - vertical-align: top; - padding-left: 0 !important; - line-height: inherit !important; - } - .b-dialog .b-message .inner header .name-date .name { - display: inline-block !important; - vertical-align: top; - } -} - -.b-dialog>.inner header .name-date .time, -.b-message>.inner header .name-date .time { color: #9E9E9E; } - -.b-dialog .b-message { - position: static; - margin: 0; - padding: 0 !important; - overflow: visible; -} -.b-dialog .b-message .inner header { - padding: 4px 0; -} -.b-dialog .b-message .inner header img { - width: 20px; - margin: 0 8px 0 0; -} -.b-dialog .b-message .inner header .name-date { - line-height: 20px; -} -.b-dialog .b-message .inner .body { - padding-left: 0 !important; -} - -.yellow-fade { - background: rgba(249, 247, 19, 0.16); - outline-color: rgba(249, 247, 19, 0.16); -} - -.b-replies { - padding: 8px 0 0; -} -.b-quote { - margin: .5rem 0; - padding: .5rem 1rem; -} -.b-quote .quoteable { - margin: 0 0 .5rem; - line-height: 20px; -} -.b-quote .quoteable:before { - float: left; - margin-right: 8px; -} -.b-quote .b-quote { - margin-left: 0 !important; -} - - -.b-topic>.inner header:after { - content: ''; /* TODO: check this. thx @NedStar */ - clear: both; - display: none; -} -.b-topic .body { - line-height: 20px; -} - -.b-topic-preview > .inner .status-line { - margin-top: -8px; - margin-bottom: 8px; - font-size: 14px; - line-height: 20px; -} -.b-topic-preview>.inner .status-line .author { - padding: 0; -} -.b-topic-preview>.inner .status-line .b-link { - padding: 0 8px; -} -.b-topic-preview>.inner .status-line .additional .comments, -.b-topic-preview>.inner .status-line .additional .likes { - color: inherit; -} -.b-topic-preview>.inner .status-line .additional .comments:before, -.b-topic-preview>.inner .status-line .additional .likes:before { - vertical-align: top; - padding-right: 8px; -} - -.b-topic-preview>.inner .status-line .additional .comments:before, -.b-topic-preview>.inner .status-line .additional .likes:before { - padding-right: 8px; - font-family: 'Material Icons'; - font-size: 18px; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.b-topic-preview>.inner .status-line .additional .comments:before { - content: "mode_comment"; -} -.b-topic-preview>.inner .status-line .additional .likes:before { - content: "thumb_up"; -} - - - -/* Просмотр комментариев во всплывающей подсказке */ -.tooltip .b-comment { - padding-top: 0 !important; - padding-bottom: 0; -} -.tooltip .b-comment:before { - display: none; -} - -/** - * COMMENT DOESN'T SLIDE - * Большие комментарии, топики не должны сдвигаться margin'ами. - * Либо translate3d либо никак. - */ -.b-topic.aside-expanded > .inner, -.b-dialog.aside-expanded > .inner, -.b-message.aside-expanded > .inner, -.b-comment.aside-expanded > .inner, -.b-topic.aside-expanded > .b-comments { - margin-left: 0; -} -.b-topic.aside-expanded > .inner aside.buttons, -.b-dialog.aside-expanded > .inner aside.buttons, -.b-message.aside-expanded > .inner aside.buttons, -.b-comment.aside-expanded > .inner aside.buttons { - position: absolute; - top: 0; - right: 0; - left: 0; - width: auto; - height: 100%; - margin: 0 -16px; - padding: 8px 16px; - border: 0; - overflow-y: auto; - z-index: 3; -} - -.b-dialog > .inner > aside.buttons > .main-controls > a:after, -.b-dialog > .inner > aside.buttons > .main-controls > span:after, -.b-dialog > .inner > aside.buttons > .delete-controls > span:after, -.b-dialog > .inner > aside.buttons > .moderation-controls > span:after, -.b-message > .inner > aside.buttons > .main-controls > a:after, -.b-message > .inner > aside.buttons > .main-controls > span:after, -.b-message > .inner > aside.buttons > .delete-controls > span:after, -.b-message > .inner > aside.buttons > .moderation-controls > span:after, -.b-comment > .inner > aside.buttons > .main-controls > a:after, -.b-comment > .inner > aside.buttons > .main-controls > span:after, -.b-comment > .inner > aside.buttons > .delete-controls > span:after, -.b-comment > .inner > aside.buttons > .moderation-controls > span:after{ - vertical-align: top; - padding-left: 12px !important; - font-size: 16px !important; - line-height: 18px; -} - - -/* OPEN DIALOG BY CLICK */ -.b-dialog .to_dialog { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - margin: 0 -16px; - font-size: 0; -} - -.b-dialog:hover .to_dialog { - background-color: rgba(0, 0, 0, .05); - z-index: 0; -} - -.b-dialog img, -.b-dialog a, -.b-dialog .buttons { - position: relative; - z-index: 2; -} -/* END of OPEN DIALOG BY CLICK */ - - -/** - * BBCode: CODE - * Новый тег отвечающий за оформление программных кодов. - */ - -code { - vertical-align: top; - padding: 1.5px 4px; - background-color: rgba(32,32,32,0.05); - border-radius: 2px; - font-size: .875rem; -} - -pre { - position: relative; -} - -.b-code { - padding: 1rem; - margin: .5rem 0; - background: #303030; - border-radius: 2px; - font-size: .875rem; -} - -@media (min-width: 960px) { - .b-code:before { - content: attr(data-language); - position: absolute; - top: 1rem; - right: .5rem; - padding: 0 .5rem; - background-color: #747474; - border-radius: 2px; - } - - .tooltip-details .b-code:before { - display: none; - } -} -/* END of CODE */ - -/* CODE: SUBLIME 3 MATERIAL THEME'S COLOR */ -.b-code { background: #263238; } -.hljs-selector-tag { color: #FF5370; } -.hljs-selector-id { color: #FAD430; } -.hljs-selector-class { color: #FFCB6B; } -.hljs-selector-pseudo, -.hljs-meta { color: #C792EA; } -.hljs-attribute { color: #80CBC4; } -.hljs-built_in { color: #89DDFF; } -.hljs-number { color: #F77669; } -.hljs-string { color: #C3E88D; } -.hljs-comment { color: #5C7E8C; } -/* END of CODE' THEME */ - -/* -------------- */ -/* END of COMMENT */ -/* -------------- */ - - -/* TOAST */ -#toast-container { - line-height: 1.5rem; -} -.toast-top-right { - top: auto; - bottom: 0; - right: 0; - left: 0; -} -#toast-container>div { - width: 100%; - max-width: 25rem; - padding: .875rem 1.5rem; - margin: auto; -} -.toast-message { - display: inline-block; - vertical-align: top; - line-height: 1.5rem; -} -#toast-container>.toast-success { - background-color: #323232; - background-image: none !important; -} -#toast-container>.toast-error { - background-color: #323232; - background-image: none !important; -} -#toast-container>.toast-error:before { - content: 'error_outline'; - float: left; - display: inline-block; - vertical-align: top; - margin: -4px 1.5rem -4px 0; - font-size: 2rem; - font-family: 'Material Icons'; - line-height: 1; - box-sizing: border-box; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -/* END of TOAST */ - - - - - - -/* CLUB */ -.b-clubs-menu .b-block_list li { - font-size: .875rem; -} -.b-clubs-menu > .actions > .block-list > li, -.b-clubs-menu > .actions > .b-block_list > li { - padding: 0 12px; - margin: 0 -8px; - line-height: 32px; -} -.b-clubs-menu > .actions > .block-list > li:before, -.b-clubs-menu > .actions > .b-block_list > li:before { - margin: 7px 12px 0 0; -} -.b-clubs-menu > .actions > .block-list > li:before, -.b-clubs-menu > .actions > .b-block_list > li:before { - width: 18px !important; - font-family: 'Material Icons' !important; - font-size: 18px !important; - line-height: 1 !important; - text-align: center; - font-weight: 400 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.b-clubs-menu .actions .upload { - position: relative; -} -.b-clubs-menu .actions .upload input { - top: 0; - left: 0; - height: 32px; - margin: 0; - border: 0; - cursor: pointer; -} - -.b-clubs-menu .actions .upload label, -.b-clubs-menu .actions .invite span, -.b-clubs-menu .actions .join a, -.b-clubs-menu .actions .leave a { - border: 0; -} - -.b-clubs-menu .actions .edit-entry:hover a, -.b-clubs-menu .actions .broadcast:hover a, -.b-clubs-menu .actions .upload:hover label, -.b-clubs-menu .actions .invite:hover span, -.b-clubs-menu .actions .join:hover a, -.b-clubs-menu .actions .leave:hover a { - text-decoration: underline; -} - -.b-clubs-menu .actions .upload label:hover, -.b-clubs-menu .actions .invite span:hover, -.b-clubs-menu .actions .join a:hover, -.b-clubs-menu .actions .leave a:hover { - text-decoration: underline !important; -} - -.actions .edit-entry:before { - content: 'build'; -} -.actions .broadcast:before { - content: 'speaker_notes'; -} -.actions .upload:before { - content: 'insert_photo'; -} -.actions .join:before, -.actions .invite:before { - content: 'person_add'; -} -.actions .leave:before { - content: 'directions_run'; -} - - - -/* Навигация в клубах: "контент" */ -.b-pages { - max-width: 15rem; - padding: 0 1rem; - margin: 0 0 1.5rem 2rem; - border-radius: 2px; -} -.b-pages .title { - font-size: .875rem; - line-height: 3rem; - text-transform: uppercase; -} -.b-pages .section { - margin: 0 0 .5rem; -} - - - -/* CLUB PAGE EDITOR */ -@media screen and (max-width: 767px) { - .edit_club_page .cc-2a > .c-column { - width: 100%; - } - .edit_club_page .cc-2a > .c-column:nth-child(1n+1) { - clear: left; - } -} -/* END of CLUB PAGE EDITOR */ - - - -/* FIX: CLUB'S BUTTONS */ -.p-clubs-edit .pages .button { - margin-right: .5rem; -} -.p-clubs-edit .pages .club_page-layout, -.p-clubs-edit .pages .club_page-actions { - font-size: .875rem; - padding-left: 1rem; -} -.p-clubs-edit .pages .club_page-actions .b-js-link { - margin-right: .5rem; -} -.p-club_pages-show .item-edit:before { - content: 'edit'; -} -/* END of CLUB'S BUTTONS */ - - - -/* ICON | CREATE CLUB */ -.p-clubs-index header.head a.misc { - float: right; - width: 40px; - height: 40px; - padding: 8px; - margin: 4px; - font-size: 0; -} -.p-clubs-index header.head a.misc:hover { - background-color: #ddd; - text-decoration: none; -} -.p-clubs-index header.head a.misc:before { - content: 'group_add'; -} -/* END of CREATE CLUB */ - - -/* TODO: merge with Material icons */ -.p-club_pages-show .item-edit:before, -.p-clubs-index header.head a.misc:before { - width: 1.5rem !important; - font-family: 'Material Icons' !important; - font-size: 1.5rem !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -/* END of CLUB */ - - - -.p-contests .results .cc-result .c-rounds .label { - font-size: .875rem; -} - - - -/** - * INDEX - * Изменения главной страницы. - * - */ - -.p-dashboards-show .c-my_list { - padding: 0; - background: initial; - border: none; -} -.p-dashboards-show .c-my_list .title .switch, -.p-dashboards-show .c-my_list .title .link { - float: right; -} - -.p-dashboards-show .cc-news .c-generated_news .b-topic .name-date a { - font-size: 16px !important; -} - -/* Изменение новостей на главной */ -.p-dashboards-show .cc-news .c-news_topics .b-topic { - padding: 1rem 0 1.5rem; - border-top-width: 1px; -} -@media screen and (max-width: 767px) { -.p-dashboards-show .cc-news .c-news_topics .b-topic { margin-bottom: 0; } -} -@media only screen and (min-width: 768px) { -.p-dashboards-show .cc-news .c-news_topics .b-topic { margin-bottom: 0; } -} -.p-dashboards-show .cc-news .c-news_topics .b-topic .name-date a { - padding: 0 0 .25rem; - font-size: 22px !important; - font-weight: 400 !important; - line-height: 1.65; - white-space: normal; -} -.p-dashboards-show .cc-news .c-news_topics .b-topic .b-anime_status_tag { display: none; } -/* КОНЕЦ – Изменение новостей на главной */ - - - -/* Change Forum Button */ -/* NOTE: Цвета настраиваются в общем блоке ЦВЕТА */ -.p-dashboards-show .b-forums > .b-link_button.maxi { - position: relative; - margin-bottom: 0; - background-color: transparent; - font-size: 0; - line-height: 0; - text-align: left; - overflow: visible; -} -.p-dashboards-show .b-forums > .b-link_button.maxi:after { - content: 'Форум'; - display: inline-block; - vertical-align: top; - padding: 0 1rem; - margin: .5rem -1rem; - border-radius: .125rem; - font-size: .875rem; - line-height: 2rem; -} -.p-dashboards-show .b-forums > .b-link_button.maxi:before { - display: block; - font-family: 'Material Icons' !important; - font-size: 18px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.p-dashboards-show .b-forums > .b-link_button.maxi:before { - position: absolute; - right: 0; - left: 0; - color: inherit; - line-height: 3rem !important; - text-align: right; -} -.p-dashboards-show .b-forums > .b-link_button.maxi:before { - content: 'chevron_right'; -} -/* END of Change Forum Button */ - -/* ТЕМЫ ДНЯ */ -.b-hot_topics { - padding: .5rem 1rem; - margin: -.5rem -1rem 0 -1rem; - background-color: initial; - border: 0; -} -.b-hot_topics .topic { - font-size: .875rem; - line-height: 2rem; - text-align: left; -} -.b-hot_topics .topic.subject { - font-size: .875rem; - line-height: 2rem; - text-align: left; - text-transform: uppercase; - white-space: nowrap; -} -.b-hot_topics .topic a { - padding: 0 .75rem; - border-radius: 1rem; -} -.b-hot_topics .topic a:hover { - text-decoration: none; -} -.b-hot_topics .topic a .poster { - position: initial; - display: inline-block; - vertical-align: middle; - width: 2rem; - height: 2rem; - margin-left: -.75rem; - margin-right: .5rem; - border-radius: 100%; -} -@media screen and (max-width: 1024px) { - .b-hot_topics { - padding: 14px 16px; - margin: -16px -16px 0 -16px; - border: 0; - } - .b-hot_topics .topic a .poster { - display:none; - } -} -@media only screen and (min-width: 1025px) { - .b-hot_topics .topic { - margin-right: .5%; - width: 10.6666%; - } -} - - - - -/** - * FORUM - * СТРАНИЦЫ ФОРУМА - */ - -.p-topics .l-menu .b-forums, -.block2, -.contests.block { - margin-bottom: 1.5rem; - line-height: 1.5rem; -} -.b-forums .forum { - clear: both; - position: relative; - min-height: 1.5rem; - line-height: 1.5rem; - padding: 0 .5rem; - margin: 0 -.5rem; -} -.b-forums .forum .link-with-input .link { - display: inline-block; - vertical-align: top; - position: absolute; - right: 0; - left: 0; - padding-left: .5rem; -} -.b-forums .forum input { - position: absolute; - left: 0; - width: 2rem; - height: 1.5rem; - margin-right: .25rem; - border: 0; - opacity: 0; - z-index: 1; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} -.b-forums .forum .link-with-input input + .link { - padding-left: 2.25rem; -} -.b-forums .forum input + .link:before { - content: 'check_box_outline_blank'; - display: block; - position: absolute; - top: 0; - left: 0.375rem; - width: 1.125rem; - margin: 0.1875rem 0; - - font-family: 'Material Icons' !important; - font-size: 1.125rem !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.b-forums .forum input:hover + .link:before { - opacity: .9; -} -.b-forums .forum input:checked + .link:before { - content: 'check_box'; -} -.b-forums .forum input:disabled + .link:before { color: #BDBDBD; } -.b-forums .forum .topics { - font-size: .75rem; -} - -/* FIX: TOPIC UPDATE ICON (issue #5) */ -.p-topics header h1 a.reload:hover:after { - position: static; -} - -/* END of FORUM */ - - - - -/** - * PROFILE - * ПРОФИЛЬ ПОЛЬЗОВАТЕЛЯ - */ - -/* Убираем лишние overflow */ -.p-profiles-show .profile-content { overflow: visible; } - -/* Настраиваем равномерные отступы */ -.p-profiles .profile-content .cc-2, -.p-profiles .profile-content .about, -.p-profiles .profile-content .cc-2 .c-right .cc-2a { margin-bottom: 1rem !important; } -@media screen and (max-width: 767px) { - .cc-2>.c-column { margin-bottom: 1rem; } - .p-profiles-show .profile-content .activity:last-child { margin-bottom: 1.25rem !important; } -} - - -/* Полосы аниме/манги */ -.b-stats_bar.anime .bar .second, -.b-stats_bar.manga .bar .second, -.line:nth-child(even) > .bar-container > .bar { - opacity: 0.64; -} - -/* Столбики активности */ -.bar.vertical { padding: 0; } -.bar.vertical { border: none; } -.bar.vertical .line { border: none; } -.bar.vertical .line .bar-container .value { - font-size: .75rem; - line-height: 1.25rem; -} - - - - -.p-profiles .profile-head .c-brief header h1 { - vertical-align: top; -} -.p-profiles .profile-head .c-brief header h1.aliases { - cursor: help; -} -.p-profiles .profile-head .c-brief header h1.aliases:after { - display: inline-block; - vertical-align: top; - width: 2rem; - height: 2rem; - margin: 0; - margin-left: .5rem; - color: inherit; - font-family: 'Material Icons'; - font-size: 1.125rem; - line-height: 2rem; - text-align: center; - cursor: help; - opacity: .5; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.p-profiles .profile-head .c-brief header h1.aliases:after { - content: 'label'; -} - -.p-profiles header.head .misc { - vertical-align: top; - padding: 0 1rem; - margin: 0; - font-size: .875rem; - line-height: 3rem; -} - -.p-profiles .profile-head .c-brief header .notice { - line-height: 1.25rem; -} - -/* FIX: update 2017-03-19 */ -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar::after { - clear: none; -} - -/* Списки аниме/манги */ -.b-stats_bar .stat_names .stat_name:after { display: none; } -.b-stats_bar .stat_names .stat_name { - padding: 0 1rem 0 0; - font-size: .875rem; - line-height: 2rem; -} -.b-stats_bar .stat_names .stat_name a { - display: block; - line-height: inherit; -} - -/* Выпадающий список аниме/манги в профиле */ -@media screen and (max-width: 599px) { - .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { position: relative; } - .b-stats_bar .stat_names .stat_name { display: none; } - .b-stats_bar .stat_names:hover .stat_name { display: block; } - .b-stats_bar .stat_names .stat_name, - .b-stats_bar .stat_names .stat_name a { padding: 0 1rem 0 0; } - .b-stats_bar .stat_names .stat_name a { - display: block; - margin: 0 -1rem; - } - .b-stats_bar .stat_names .stat_name a:hover { - background-color: rgba(0,0,0,.24); - text-decoration: none; - } - .b-stats_bar .stat_names { - position: absolute; - top: 0; - min-width: 165px; - border-radius: .125rem; - } - .b-stats_bar .stat_names:hover { - padding: 3rem 0 .5rem; - z-index: 10; - } - .b-stats_bar .stat_names:after { - content: ''; - position: absolute; - top: 0; right: 0; bottom: 0; left: 0; - box-shadow: 0 2px 3px 0 rgba(0,0,0,.32); - z-index: -1; - } - .b-stats_bar .stat_names:before { - content: 'arrow_drop_down'; - display: block; - position: absolute; - top: 0; - right: 0; - width: 2rem; - height: 2rem; - padding: .25rem; - margin: .5rem .25rem; - border-radius: 100%; - font-size: 1.5rem; - font-family: 'Material Icons'; - line-height: 1; - box-sizing: border-box; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - } - .b-stats_bar .stat_names .stat_name, - .b-stats_bar .stat_names .stat_name a { - padding: 0 1rem; - } -} -/* Конец: Выпадающий список аниме/манги в профиле */ - - -.edit_user_preferences .b-options-floated.about-options { - position: absolute; - right: 0; - margin: 1rem 0; - background: transparent !important; - text-align: right; - z-index: 1; -} -.edit_user_preferences .about-options .b-input { margin-bottom: 0 !important; } -.edit_user_preferences .about-options .b-input label { line-height: 1rem; } - - -.b-list_switchers > .switcher { - width: 2.5rem; - height: 2.5rem; - padding: .5rem; - margin: .25rem; -} -.b-list_switchers .switcher.posters { - margin-left: .25rem !important; -} -.b-list_switchers .switcher.list { - margin-left: .25rem !important; -} - - -.p-user_rates-index .l-menu .avatar img { - width: 10rem; - height: 10rem; -} -.p-user_rates-index .l-content thead tr { - font-size: 13px; - line-height: 2rem; -} - -.p-user_rates-index .list-lines tr td .rate-text { - font-size: .875rem; - line-height: 1.25rem; -} - -.p-user_rates-index .list-lines tr td .new-value input { - height: 1.5rem; - font-size: 1rem; - line-height: 1.5rem; -} - -.p-user_rates-index .list-lines tr.edit-form form { - padding: .25rem 1rem; - margin: .5rem 0; - border-style: solid; - border-width: 1px; -} - -.p-user_rates-index .list-lines tr.edit-form .b-input.text textarea { - font-size: .875rem; -} - -.b-user_rate .rate-edit .b-input.integer input, -.p-user_rates-index .list-lines tr.edit-form .b-input.integer input { - width: 7rem; -} - -.p-profiles-show .b-stats_bar a.title { - padding: .5rem 1rem; - margin: .5rem -1rem; -} -.p-profiles-show .b-stats_bar a.title:hover { - text-decoration: none !important; -} - -.p-user_rates-index .list-lines tr.edit-form .remove { - width: 2.5rem; - height: 2.5rem; - padding: .5rem; - margin: .25rem; -} -.p-user_rates-index .list-lines tr.edit-form .remove { - margin: -.25rem 0 0; - border: 0; - font-size: 0; -} -.p-user_rates-index .list-lines tr.edit-form .remove:before { - width: 1.5rem !important; - font-family: 'Material Icons' !important; - font-size: 1.5rem !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.p-user_rates-index .list-lines tr.edit-form .remove:before { - content: 'delete'; -} - -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { - overflow: visible; -} - -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { - margin-bottom: 0; -} - -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar::after { - clear: none; -} - -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar.manga { - margin-top: 8px; -} - -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a { - font-size: .875rem; - margin-top: 1rem; -} -.b-stats_bar .bar { - height: auto; -} -.b-stats_bar .bar .first, -.b-stats_bar .bar .second, -.b-stats_bar .bar .third { - font-size: .75rem; - line-height: 1.25rem; -} -.p-profiles .profile-head .c-brief .avatar .profile-actions { - margin-top: 1rem; - margin-right: -.75rem; - margin-left: -.75rem; -} -.profile-actions > a { - display: inline-block; - padding: .5rem; -} -.profile-actions > *:before { - vertical-align: top; - width: 1.5rem !important; - line-height: 1 !important; - font-size: 1.5rem !important; -} -.p-profiles .profile-head .c-brief .avatar > img { - display: block; - margin: auto; -} - - -@media only screen and (min-width: 768px) { - .p-profiles .profile-head .c-brief .avatar { - margin: .5rem 2rem 3rem 1rem; - } - .p-profiles .profile-head .c-brief .avatar > img { - width: 10rem; - height: 10rem; - } -} -@media screen and (max-width: 1024px) { - .profile-actions .settings, - .profile-actions .fav-add, - .profile-actions .fav-remove, - .profile-actions .ignore-add, - .profile-actions .ignore-remove, - .profile-actions .ban { - margin-left: .5rem; - } -} -@media only screen and (min-width: 1025px) { - .profile-actions .settings, - .profile-actions .fav-add, - .profile-actions .fav-remove, - .profile-actions .ignore-add, - .profile-actions .ignore-remove, - .profile-actions .ban { - margin-left: .5rem; - } -} - -.b-catalog-entry-embedded .b-catalog_entry { - margin-bottom: 0 !important; -} - -:root .b-anime_status_tag:before { - vertical-align: text-bottom; - padding: 0 .25rem; - border: 0; - font-size: .625rem; - line-height: 1rem; - text-transform: uppercase; -} - -.b-topic { - margin-bottom: .5rem; -} -.m13 { - margin-bottom: 0 !important; -} - -/* USER PROFILE |> HISTORY ENTRY */ -.p-profiles .profile-head .c-history .entry { - position: relative; - padding: .5rem 0; - margin: 0; - border: 0; - overflow: initial; -} -.p-profiles .profile-head .c-history .entry, -.p-profiles .profile-head .c-history .entry:first-child { - padding-top: .5rem; - margin-top: 0; -} -.p-profiles .profile-head .c-history .entry:before { - content: ''; - display: block; - position: absolute; - right: -.5rem; - bottom: 0; - left: 3.5rem; - height: 1px; - pointer-events: none; -} -.p-profiles .profile-head .c-history .entry:last-child:before { - display: none; -} - -/* Полноразмерная ссылка .entry, работает только для .c-history & .l-menu */ -.p-profiles .profile-head .c-history .entry a { - display: block; - padding: .5rem .5rem; - margin: -.5rem; -} -@media screen and (min-width: 960px) { - .p-profiles .profile-head .c-history .entry a { padding: .75rem .5rem; } -} -.p-profiles .profile-head .c-history .entry a:after { - content: ''; - clear: both; - display: block; -} -.p-profiles .profile-head .c-history .entry:hover .title { - text-decoration: none; -} -/* END of FULLENTRY LINK */ - -.p-profiles .profile-head .c-history .entry img { - margin: 0 16px 0 0; - max-height: 72px; - max-width: 40px; -} - -.p-user_rates-index .l-content .filter input { - padding: .5rem 1rem; - font-size: .875rem; -} - - -/* Страница сравнения списков */ -.p-userlist_comparer .notice span { - padding: 1.5px 4px !important; - border-radius: 2px; -} - -/* Цвета списков */ -.p-userlist_comparer .comparer table .abslt-difr, -.p-userlist_comparer .legend .abslt-difr, -.p-userlist_comparer .notice span:nth-child(6) { - background: rgba(244, 67, 54, .5) !important; -} -.p-userlist_comparer .comparer table .slightly-difr, -.p-userlist_comparer .legend .slightly-difr, -.p-userlist_comparer .notice span:nth-child(4) { - background: rgba(255, 138, 128, .5) !important; -} -.p-userlist_comparer .comparer table .almost-same, -.p-userlist_comparer .legend .almost-same, -.p-userlist_comparer .notice span:nth-child(3) { - background: rgba(185, 246, 202, .5) !important; -} -.p-userlist_comparer .comparer table .exact-same, -.p-userlist_comparer .legend .exact-same, -.p-userlist_comparer .notice span:nth-child(5) { - background: rgba(76, 175, 80, .5) !important; -} - - - -.p-profiles .profile-head .c-info .c-additionals { - margin-top: 8px; - margin-bottom: 8px; -} -.p-profiles .profile-head .c-info .c-additionals b { - padding-right: 8px; - font-size: 0; -} -.p-profiles .profile-head .c-info .c-additionals b:after { - font-size: 14px; -} -.p-profiles.locale-ru .profile-head .c-info .c-additionals b:after { - content: 'Активность на сайте:'; -} -.p-profiles.locale-en .profile-head .c-info .c-additionals b:after { - content: 'Activity:'; -} - - - - -/** - * PROFILE HEAD - * Adaptive profile header includes: avatar, history, information, anime/manga bars. - */ -.p-profiles .profile-head { - position: relative; - overflow: visible; -} -.p-profiles .profile-head { - min-height: 15.5rem; - padding-top: 3rem; - margin-top: -1rem; -} -.p-profiles .profile-head .c-info { - margin-bottom: .5rem; -} -.p-profiles .profile-head .c-info { - overflow: visible; -} -.p-profiles .profile-head .c-history { - margin-bottom: 3rem; -} -.p-profiles .profile-head .c-history.x3 { - margin-bottom: 2rem; -} -.p-profiles .profile-head .c-brief { - position: relative; - margin: -3rem -1rem 1rem; - overflow: hidden; -} -.p-profiles .profile-head .c-brief:before { - content: ''; - display: block; - height: 0; - padding-bottom: 0; -} -.p-profiles .profile-head .c-brief .avatar > img, -.p-profiles .profile-head .c-history { - display: none; -} -@media screen and (min-width: 320px) { - .p-profiles .profile-head .c-mobile-actions { - display: none; - } - .p-profiles .profile-head .c-brief:before { - content: ''; - display: block; - height: 0; - padding-bottom: 34%; - } - .p-profiles .profile-head .c-brief .avatar { - float: none; - max-width: 100%; - margin: 0 auto; - margin-top: -17%; - } - .p-profiles .profile-head .c-brief .avatar > img { - display: block; - width: 36%; - max-width: 10rem; - min-width: 5rem; - margin: auto; - } - .p-profiles .profile-head .c-brief .avatar .profile-actions { - display: block; - position: absolute; - width: 100%; - padding: 0 .5rem; - margin: 0 auto; - margin-top: -15%; - text-align: left; - } - .p-profiles .profile-head .c-brief .avatar .profile-actions > a:first-child { - float: right; - margin: 0 .25rem; - } - .profile-actions .fav-add, - .profile-actions .fav-remove { - float: right; - } - .p-profiles .profile-head .c-brief header { - clear: both; - margin: 0; - text-align: center; - } -} -@media screen and (min-width: 320px) and (max-width: 479px) { - .p-profiles .profile-head .c-brief header .notice { - padding: .5rem 1rem; - } -} -@media screen and (min-width: 320px) and (max-width: 599px) { - .p-profiles .profile-head .c-brief header { - background-color: inherit !important; - } -} -@media screen and (min-width: 320px) and (max-width: 959px) { - .p-profiles .profile-head .c-history { - display: block; - position: absolute; - top: 0; - right: 0; - left: 0; - width: auto; - padding: 0 1rem; - margin: 0 -1rem; - background-color: rgba(0, 0, 0, .48); - white-space: nowrap; - overflow-x: auto; - z-index: 1; - } - .p-profiles .profile-head .c-history > .subheadline { - display: inline-block; - vertical-align: top; - } - .p-profiles .profile-head .c-history > .subheadline > a { - color: #eee !important; - } - .p-profiles .profile-head .c-history > .subheadline > a:before { - display: none; - } - .p-profiles .profile-head .c-history > .b-block_list { - display: inline-block; - vertical-align: top; - padding: .5rem; - margin-left: .5rem; - } - .p-profiles .profile-head .c-history .entry { - display: inline-block; - vertical-align: top; - min-width: 112px; - height: 2rem; - padding-right: .5rem; - padding-left: .5rem; - margin-left: .5rem; - border-radius: 1rem; - overflow: hidden; - } - .p-profiles .profile-head .c-history .entry:before { - display: none; - } - .p-profiles .profile-head .c-history .entry .image-name { - float: left; - width: 32px; - height: 32px; - margin: -8px 8px -8px -8px; - border-radius: 50%; - font-size: 0; - line-height: 0; - overflow: hidden; - } - .p-profiles .profile-head .c-history .entry span.misc { - display: none; - } - @media screen and (min-width: 600px) { - .p-profiles .profile-head .c-history { - padding: .25rem 1rem; - } - } -} -@media screen and (max-width: 767px) and (min-width: 481px), - screen and (max-width: 767px) and (orientation: landscape) { - .p-profiles .profile-head .c-history .entry:first-child { - display: inline-block; - } -} -@media screen and (min-width: 360px) { - .profile-actions .settings, - .profile-actions .fav-add, - .profile-actions .fav-remove, - .profile-actions .ignore-add, - .profile-actions .ignore-remove, - .profile-actions .ban { - margin-left: .25rem; - } -} -@media screen and (min-width: 360px) and (max-width: 599px) { - .p-profiles .profile-head .c-mobile-actions { - display: none; - } - .p-profiles .profile-head .c-brief .avatar .profile-actions { - display: block; - } -} -@media screen and (min-width: 480px) { - .p-profiles .profile-head .c-brief { - margin-bottom: 0; - overflow: visible; - } - .p-profiles .profile-head .c-brief .avatar { - position: absolute; - } - /* Отступ от аватарки */ - .p-profiles .profile-head .c-brief header { - margin-left: 10rem; - } - /* Отступ от аватарки */ - .p-profiles .profile-head .c-info { - margin-left: 9rem; - } - .p-profiles .profile-head .c-brief .avatar .profile-actions { - position: static; - width: auto; - padding: 0; - margin-top: 1rem; - margin-right: -12px; - margin-left: -12px; - text-align: center; - } - .p-profiles .profile-head .c-brief .avatar .profile-actions > a:first-child { - float: none; - margin: 0; - } - .profile-actions .fav-add, - .profile-actions .fav-remove { - float: none; - } - .p-profiles .profile-head .c-brief:before { - padding-bottom: 48px; - } - .p-profiles .profile-head .c-brief .avatar { - max-width: 160px; - margin: 1rem 1rem 1rem .5rem; - } - .p-profiles .profile-head .c-brief .avatar img { - width: 120px; - } - .p-profiles .profile-head .c-brief header { - clear: none; - padding: 1rem 0 .5rem; - text-align: left; - } -} -@media screen and (min-width: 600px) { - .p-profiles .profile-head { - background-color: inherit; - } - .p-profiles .profile-head .c-brief { - margin: -3rem -1rem 0; - } - /* Отступ от аватарки */ - .p-profiles .profile-head .c-brief header { - margin-left: 12.5rem; - } - /* Отступ от аватарки */ - .p-profiles .profile-head .c-info { - margin-left: 11.5rem; - } - .p-profiles .profile-head .c-brief:before { - padding-bottom: 56px; - } - .p-profiles .profile-head .c-brief .avatar img { - width: 160px; - } - .p-profiles .profile-head .c-brief .avatar .profile-actions { - display: block; - } -} -@media screen and (min-width: 768px) { - .p-profiles .profile-head .c-brief { - overflow: visible; - } - /* Отступ от аватарки */ - .p-profiles .profile-head .c-brief header { - margin-left: 13.5rem; - } - /* Отступ от аватарки */ - .p-profiles .profile-head .c-info { - margin-left: 12.5rem; - } -} -@media screen and (min-width: 960px) { - .p-profiles .profile-head { - padding-top: 0; - margin-top: 0; - } - .p-profiles .profile-head .c-brief { - max-height: 504px; - margin: 0; - overflow: visible; - } - .p-profiles .profile-head .c-brief:before { - padding-bottom: 0; - } - .p-profiles .profile-head .c-brief .avatar { - margin: 1rem 2rem 1rem 0; - } - .p-profiles .profile-head .c-info { - margin-bottom: 1.5rem; - } - /* Отступ от аватарки */ - .p-profiles .profile-head .c-info { - margin-left: 13.5rem; - } - /* Отступ от истории */ - .p-profiles .profile-head .c-info { - margin-right: calc(23% + 3.5rem); - } - .p-profiles .profile-head .c-history { - display: block; - position: relative; - top: 1rem; - margin-left: 3.5rem; - z-index: 1; - } -} -/* END of PROFILE HEAD */ - - - -/** - * Иконки совместимости для профиля - * MIT License - * Copyright (c) 2016 grin3671 - */ - -/* ВАЖНО! */ -/* .p-profiles .profile-head .c-info { overflow: visible; } /* Настройка для варианта №1 */ - -/* Исправление видимости */ -/* Спасибо Kana Kuroki и Dewopalaxy */ -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { - position: relative; - overflow: visible; -} - -.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 { - position: relative; - font-size: 0; - line-height: 0; - margin-top: 0; -} -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:hover { - text-decoration: none; -} -div.compatibility > a, -div.compatibility > span.link-replacement { - margin: 0 -.25rem; -} -div.compatibility > span.link-replacement { - cursor: help; -} -div.compatibility > a:before, -div.compatibility > span.link-replacement > span:first-child:before, -div.compatibility > a > span:first-child:before { - display: block; - width: 2.5rem; - height: 2.5rem; - padding: .5rem; - margin: .25rem; - border-radius: .125rem; - font-size: 1.5rem; - font-family: 'Material Icons'; - line-height: 1; - box-sizing: border-box; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -div.compatibility > a > span:first-child:before { - position: absolute; - top: 0; -} -div.compatibility > a:hover:before, -div.compatibility > a:hover > span:first-child:before { - text-decoration: none; -} - -/* Настройка иконок совместимости */ -div.compatibility > a:before { - content: 'compare_arrows'; -} -div.compatibility > span.link-replacement > span:first-child:before, -div.compatibility > a > span:first-child:before { - content: 'people'; -} -div.compatibility > a > .text.zero:before, -div.compatibility > span.link-replacement > .text.zero:before { - content: 'people_outline'; -} -/* КОНЕЦ: Настройка иконок совместимости */ - -/* Цветные иконки совместимости */ -/* Низкая совместимость */ -div.compatibility > a > .text.weak:before { - background-color: #F9FBE7; - color: #CDDC39; -} -div.compatibility > a:hover > .text.weak:before, -div.compatibility > span.link-replacement > .text.weak:before { - background-color: #F0F4C3; - color: #C0CA33; -} -/* Средняя совместимость */ -div.compatibility > a > .text.moderate:before { - background-color: #F1F8E9; - color: #8BC34A; -} -div.compatibility > a:hover > .text.moderate:before, -div.compatibility > span.link-replacement > .text.moderate:before { - background-color: #DCEDC8; - color: #7CB342; -} -/* Высокая совместимость */ -div.compatibility > a > .text.high:before { - background-color: #E8F5E9; - color: #4CAF50; -} -div.compatibility > a:hover > .text.high:before, -div.compatibility > span.link-replacement > .text.high:before { - background-color: #C8E6C9; - color: #43A047; -} -/* Полная совместимость */ -div.compatibility > a > .text.full:before { - background-color: #E1F5FE; - color: #03A9F4; -} -div.compatibility > a:hover > .text.full:before, -div.compatibility > span.link-replacement > .text.full:before { - background-color: #B3E5FC; - color: #039BE5; -} -/* КОНЕЦ: Цветные иконки совместимости */ - -/* Недоступные для просмотра данные без фона */ -div.compatibility > span.link-replacement > span:first-child:before, -div.compatibility > span.link-replacement:hover > span:first-child:before { - background-color: transparent !important; -} -/* Подсказки для совместимости */ -/* По умолчанию: располагаются над иконкой */ -/* Вариант не работает без обложки, универсален только 2 вариант */ -/* Второй вариант: располагаются слева от иконки */ -div.compatibility > a:after, -div.compatibility > a > span:first-child:after, -div.compatibility > span.link-replacement > span:first-child:after { - display: block; - position: absolute; - bottom: 100%; - left: 50%; - padding: 0 .75rem; - margin: 0 0 .5rem; - background-color: #616161; - border-radius: .125rem; - color: #eee; - font-size: .875rem;; - line-height: 2rem; - white-space: nowrap; - transform: translateX(-50%); - z-index: 100; - pointer-events: none; - opacity: 0; - transition: .3s; -} -div.compatibility > a > span:first-child:after, -div.compatibility > span.link-replacement > span:first-child:after { - z-index: 101; -} -div.compatibility > a:hover:after, -div.compatibility > a:hover > span:first-child:after, -div.compatibility > span.link-replacement:hover > span:first-child:after { - opacity: .9; -} - -/* Второй вариант расположения подсказок */ -div.compatibility > a:after, -div.compatibility > a > span:first-child:after, -div.compatibility > span.link-replacement > span:first-child:after { - bottom: 0; - right: 100%; - left: auto; - margin: 0 .75rem .5rem; - transform: translateX(.75rem); -} -div.compatibility > a:hover:after, -div.compatibility > a:hover > span:first-child:after, -div.compatibility > span.link-replacement:hover > span:first-child:after { - transform: translateX(0); -} -/* КОНЕЦ: Второй вариант расположения подсказок */ - -/* Текст подсказок для совместимости */ -div.compatibility > a[href*=similar]:after { - content: 'Найти похожих пользователей'; -} -div.compatibility > a > .text.zero:after, -div.compatibility > span.link-replacement > .text.zero:after { - content: 'Нет совместимости'; -} -div.compatibility > a > .text.weak:after, -div.compatibility > span.link-replacement > .text.weak:after { - content: 'Низкая совместимость'; -} -div.compatibility > a > .text.moderate:after, -div.compatibility > span.link-replacement > .text.moderate:after { - content: 'Средняя совместимость'; -} -div.compatibility > a > .text.high:after, -div.compatibility > span.link-replacement > .text.high:after { - content: 'Высокая совместимость'; -} -div.compatibility > a > .text.full:after, -div.compatibility > span.link-replacement > .text.full:after { - content: 'Полная совместимость'; -} -/* Числовое обозначение совместимости */ -div.compatibility > a > span.rate, -div.compatibility > span.link-replacement > span.rate { - position: absolute; - top: -.125rem; - right: -.5rem; - padding: 0 .25rem; - border-radius: .125rem; - color: #fff; - font-size: .75rem; - line-height: 1rem; -} -div.compatibility > span.link-replacement > span.rate:before, -div.compatibility > a > span.rate:before { display: none; } -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .rate:after { content: '%'; color: inherit; } -div.compatibility > span.link-replacement > span.rate:after, -div.compatibility > a > span.rate:after { display: none; } - -div.compatibility > a:before { background-color: transparent; } -/* END of Иконки совместимости для профиля */ - - - - - - -/* ICON | EDIT ABOUT ME PROFILE'S BLOCK */ -.p-profiles-show .about .item-edit { - display: inline-block; - width: 2.5rem; - height: 2.5rem; - padding: .5rem; - margin: .25rem 0; -} -.p-animes .item-edit:before, -.p-mangas .item-edit:before, -.p-profiles-show .about .item-edit:before { - width: 1.5rem !important; - font-family: 'Material Icons' !important; - font-size: 1.5rem !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.p-animes .item-edit:before, -.p-mangas .item-edit:before, -.p-profiles-show .about .item-edit:before { - content: 'edit'; -} -/* END of ICON */ - - - - -/* CHIP | USER PLATES */ -.b-user16 { - vertical-align: middle; - max-width: 100%; - padding: 0 .5rem; - margin: 0 .5rem 0 0; - background-color: #eee; - border-radius: .5rem; - font-size: .875rem; - font-weight: 400; - line-height: 1rem !important; - text-transform: initial; - text-overflow: ellipsis; - overflow: hidden; -} -.b-user16:hover { - color: #f2f2f2 !important; - background-color: #747474; -} -.b-user16:after { - display: none !important; -} -.b-user16:hover a { - color: #fff !important; - text-decoration: none; -} -.b-user16 > a > span { - padding: 0; -} -.b-user16:hover span { - text-decoration: none; -} -.b-user16 img { - position: static; - display: inline-block; - vertical-align: bottom; - width: 16px !important; - padding: 0; - margin: 0 .375rem 0 -.5rem !important; - margin-top: 0 !important; - border-radius: .5rem; -} -.b-animes-menu .friend-rate .b-user16 { - display: inline-block; -} -.b-quote .quoteable a.b-user16 { - padding: 0 .5rem; -} -.p-anime_videos-index .c-video_stats .uploader .b-user16 { - padding-left: .5rem; /* thx @Dewopalaxy */ -} -.b-log_entry .b-user16, -.b-source .contributors .b-user16, -.b-source .mal .b-user16, -.b-source .source .b-user16 { - margin-right: .5rem; -} -.b-user16:last-child { - margin-right: 0 !important; -} -.b-quote .quoteable a, -.status-line > span:first-child { - margin-right: .5rem; -} -.status-line .b-user16:last-child { - margin-right: .5rem !important; -} -/* BUG: Лишний пробел в разметке */ -.b-quote .quoteable a.bubbled-processed { - margin-right: .25rem !important; /* thx @Dewopalaxy */ -} -/* BUG: Лишний пробел в разметке */ -.b-quote .quoteable a.bubbled-processed > img { - margin-right: .125rem !important; /* thx @Dewopalaxy */ -} -/* COLOR */ -.b-user16, -.b-user16 a { - color: #212121 !important; -} -/* END of USER PLATES */ - - -.b-source .contributors, -.b-source .mal, -.b-source .source { - padding: 0; -} -.was_updated > div:first-child > span:first-child { - margin-right: .5rem; /* thx @Dewopalaxy */ -} - - - -/* MODERATION LIST */ -.b-log_entry { - position: relative; - padding-right: 2.5rem !important; - font-size: .875rem; -} -.b-log_entry, -.b-log_entry .spoiler.collapse span:before, -.b-log_entry .spoiler.collapsed:before { - padding: .375rem 0; - line-height: 1.25rem; -} -.b-ban .moderator { - float: right; - position: static; -} -.b-abuse_request .remove, -.b-log_entry span, -.b-log_entry .date { - padding-right: .5rem; -} -.b-ban .abuser, -.b-ban .duration, -.b-log_entry .date, -.b-log_entry>.reason { - vertical-align: top; - font-size: inherit; -} -.b-log_entry span a { vertical-align: top; } -.b-log_entry>.reason a { color: inherit; } -.b-log_entry .spoiler.collapse, -.b-log_entry .spoiler.collapsed, -.b-log_entry .spoiler.collapse span, -.b-log_entry .spoiler.collapsed span { - font-size: 0; - line-height: 0; -} -.b-log_entry .spoiler.collapse span:before, -.b-log_entry .spoiler.collapsed:before { - position: absolute; - top: 0; right: 0; - width: 2rem; - font-family: 'Material Icons'; - font-size: 1.125rem; - font-weight: 400 !important; - text-align: center; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.b-log_entry .spoiler.collapse span:before { content: 'expand_less'; } -.b-log_entry .spoiler.collapsed:before { content: 'expand_more'; } -@media screen and (min-width: 1025px) { - .b-log_entry, - .b-log_entry .spoiler.collapse span:before, - .b-log_entry .spoiler.collapsed:before { - padding: .125rem 0; - line-height: 1.25rem; - } -} -/* FIX */ -.b-abuse_request .marker { - margin: -5px 8px 0 0 !important; /* thx @Dewopalaxy */ -} -/* END of MODERATION LIST */ - - - - -/** - * MATERIAL ICON - * Замена иконок. - * - * ПРАВИЛА: - * Следующие настройки касаются только иконок. Их цвета, родители и их положение настраивается отдельно. - * Иконки должны располагаться в псевдоэлементе :before - * Иконки используются в двух вариантах: 18px и 24px - * Следовательно родители иконок должны быть высотой 32px или 40px - * - * BUG: - * IE doesn't support Materail Icon's font format [.woff2] - */ - -@font-face { - font-family: 'Material Icons'; - font-style: normal; - font-weight: 400; - src: local('Material Icons'), - local('MaterialIcons-Regular'), - url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.woff2) format('woff2'), - url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.woff) format('woff'), - url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.eot) format('eot'), - url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.ttf) format('truetype'); -} - -/* LARGE ICON */ -.c-actions > *:before, -.profile-actions > *:before, -.l-top_menu .menu-mobile .search:before, -.l-top_menu .menu-mobile .menu:before, -.l-top_menu .menu-mobile #sign_in:before, -.l-top_menu .menu-userbox .search:before, -.l-top_menu .menu-userbox .menu:before, -.l-top_menu .menu-userbox #sign_in:before, -.l-top_menu .to-mobile-forum:before, -.l-top_menu .menu-items .submenu-toggler:before, -.l-top_menu .menu-items .submenu-toggler.active:before, -header.head h1 a.back:before, -header.head h2 a.back:before, -.item-mobile:before, -.editor-controls > span:before, -.b-add_to_list .trigger-arrow:before, -.b-add_to_list.expanded .trigger-arrow:before, -.b-add_to_list.watching .edit:before, -.b-add_to_list.rewatching .edit:before, -.b-add_to_list.on_hold .edit:before, -.b-add_to_list.dropped .edit:before, -.b-add_to_list .plus:before, -.b-add_to_list.completed .edit:before, -.b-add_to_list.planned .edit:before, -.b-comments .comments-collapser:before, -.b-list_switchers > .switcher:before, -.p-characters .item-edit:before, -.p-messages .mass-actions .action > a:before { - width: 24px !important; - font-family: 'Material Icons' !important; - font-size: 24px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -/* SMALL ICON */ -.l-top_menu .menu-items>.entry.calendar>a:before, -.l-top_menu .menu-items>.entry>.contest:before, -.l-top_menu .menu-items>.entry.info>a:before { - display: block; - width: 18px !important; - font-family: 'Material Icons' !important; - font-size: 18px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.headline>a:before, -.midheadline > a:before, -.subheadline > a:before { - display: block; - font-family: 'Material Icons' !important; - font-size: 18px !important; - font-weight: 400 !important; - line-height: 32px !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.headline>a:before, -.midheadline > a:before, -.subheadline > a:before { - content: 'chevron_right'; -} - - - -/* Иконки переключения вида каталога: список/постеры */ -.b-list_switchers .switcher.list:before { - content: 'view_list'; -} -.b-list_switchers .switcher.lines:before { - content: 'view_headline'; -} -.b-list_switchers .switcher.posters:before { - content: 'view_module'; -} -/* Иконки списка аниме/манги пользователя */ -.b-add_to_list .plus:before { - content: "add"; -} -.b-add_to_list.planned .edit:before { - content: "event"; -} -.b-add_to_list.watching .edit:before { - content: "play_arrow"; -} -.b-add_to_list.completed .edit:before { - content: "done"; -} -.b-add_to_list.rewatching .edit:before { - content: "replay"; -} -.b-add_to_list.on_hold .edit:before { - content: "query_builder"; -} -.b-add_to_list.dropped .edit:before { - content: "delete"; -} -.b-add_to_list .trigger-arrow:before { - content: "arrow_drop_down"; - transition: 240ms; -} -.b-add_to_list.expanded .trigger-arrow:before { - content: "arrow_drop_down"; - transform: rotate(180deg); -} -/* Иконки верхнего меню */ -.l-top_menu .menu-items>.entry.calendar>a:before { - content: "today"; -} -.l-top_menu .menu-items>.entry>.contest:before { - content: "poll"; -} -.l-top_menu .menu-items>.entry.info>a:before { - content: "info"; -} -.l-top_menu .menu-userbox #sign_in:before { - content: "exit_to_app"; -} -.l-top_menu .to-mobile-forum:before { - content: "forum"; -} -.l-top_menu .menu-items .submenu-toggler:before { - content: 'arrow_drop_down' -} -.l-top_menu .menu-items .submenu-toggler.active:before { - content: "arrow_drop_down"; - transform: rotate(180deg); -} -/* Иконки профиля */ -.profile-actions .mail:before { - content: "mail"; -} -.profile-actions .talk:before { - content: "message"; -} -.profile-actions .fav-add:before { - content: "person_add"; -} -.profile-actions .fav-remove:before { - content: "person"; -} -.profile-actions .fav-remove:hover:before { - content: "person_outline"; - color: inherit; -} -.profile-actions .ignore-add:before { - content: "do_not_disturb_on"; -} -.profile-actions .ignore-remove:before { - content: "do_not_disturb_off"; -} -.profile-actions .settings:before { - content: "settings"; -} -.profile-actions .ban:before { - content: "gavel"; -} -/* Иконки текстового редактора */ -.buttons .editor-bold:before { - content: "format_bold"; -} -.buttons .editor-italic:before { - content: "format_italic"; -} -.buttons .editor-underline:before { - content: "format_underlined"; -} -.buttons .editor-strike:before { - content: "strikethrough_s"; -} -.buttons .editor-link:before { - content: "insert_link"; -} -.buttons .editor-image:before { - content: "insert_photo"; -} -.buttons .editor-quote:before { - content: "format_quote"; -} -.buttons .editor-spoiler:before { - content: "error_outline"; -} -.buttons .editor-file:before { - content: "attach_file"; -} -.buttons .editor-smiley:before { - content: "insert_emoticon"; -} -/* Иконки под постером аниме/манги/персонажа и т.д. */ -.c-actions .edit:before { - content: "build"; -} -.c-actions .fav-remove:hover:before, -.c-actions .fav-add:before { - content: "favorite_border"; -} -.c-actions .fav-add:hover:before, -.c-actions .fav-remove:before { - content: "favorite"; -} -.c-actions .new_review:before { - content: "rate_review"; -} -.c-actions .new_comment:before { - content: "chat_bubble"; -} -/* Специальная иконка открывающая меню комментария/топика и т.д. */ -.item-mobile:before { - content: "more_vert"; -} - -.p-characters .item-edit:before { - content: "edit"; -} -/* Иконка "закрыть" */ -.b-dialog.aside-expanded > .inner > .item-mobile:before, -.b-message.aside-expanded > .inner > .item-mobile:before, -.b-comment.aside-expanded > .inner > .item-mobile:before { - content: "clear"; -} -/* Иконка "назад" */ -header.head h1 a.back:before, -header.head h2 a.back:before { - content: "arrow_back"; -} -/* Иконки в почте пользователя ("Отметить прочитанным" и "Удалить все") */ -.p-messages .mass-actions .action:nth-child(1) > a:before { - content: 'done_all'; -} -.p-messages .mass-actions .action:nth-child(2) > a:before { - content: 'delete_sweep'; -} - - - -.p-dialogs header.head, -.p-messages header.head, -.p-profiles-edit header.head { - padding: 16px 16px 8px; - margin: -16px -16px 0; -} - -header.head h1, -header.head h2 { - padding: 8px 0; - line-height: 32px; - color: inherit; -} -header.head h1 a.back, -header.head h2 a.back { - vertical-align: top; - width: 40px; - height: 40px; - padding: 8px; - margin: -4px 16px -4px -8px; - line-height: initial; -} -header.head h1 a.back:before, -header.head h2 a.back:before { - position: static; - color: inherit; -} -header.head h1 a.back:after, -header.head h2 a.back:after { - display: none; -} - - - - -.buttons { - margin-right: 0; -} -.delete-controls > span, -.moderation-controls > span, -.main-controls > span, -.main-controls > a, -.buttons .item-edit { - width: 220px; - padding: 11px 16px; - margin-right: auto !important; - margin-left: auto !important; - line-height: 18px !important; -} - -@media only screen and (min-width: 1025px) { - .delete-controls > span, - .moderation-controls > span, - .main-controls > span, - .main-controls > a, - .buttons .item-edit { - width: 32px; - height: 32px; - padding: 7px; - margin-left: 8px !important; - border-radius: 2px; - line-height: 18px !important; - } -} - -.item-mobile { - position: relative; - width: 40px; - height: 40px; - padding: 8px; - margin: 4px 0; - margin-left: 8px !important; - border-radius: 100%; - z-index: 4; -} - -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .plus::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .edit::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .trigger-arrow::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .plus::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .edit::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .trigger-arrow::before, -.buttons .item-summary:before, -.buttons .item-ignore:before, -.buttons .item-quote:before, -.buttons .item-reply:before, -.buttons .item-edit:before, -.buttons .item-delete:before, -.buttons .item-moderation:before, -.buttons .item-cancel:before, -.buttons .item-request-reject:before, -.buttons .item-apply:before, -.buttons .item-request-confirm:before, -.buttons .item-delete-confirm:before, -.buttons .item-abuse:before, -.buttons .item-spoiler:before, -.buttons .item-offtopic:before, -.buttons .item-delete-cancel:before, -.buttons .item-moderation-cancel:before { - vertical-align: top; - width: 18px !important; - font-family: 'Material Icons' !important; - font-size: 18px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.buttons .item-ignore:before { - content: "do_not_disturb_on"; -} -.buttons .item-quote:before { - content: "format_quote"; -} -.buttons .item-reply:before { - content: "reply"; -} -.buttons .item-edit:before { - content: "mode_edit"; -} -.buttons .item-delete:before { - content: "delete"; -} -.buttons .item-moderation:before { - content: "flag"; -} -.buttons .item-cancel:before, -.buttons .item-request-reject:before, -.buttons .item-delete-cancel:before, -.buttons .item-moderation-cancel:before { - content: "clear"; -} -.buttons .item-spoiler:before { - content: "sms_failed"; -} -.buttons .item-abuse:before { - content: "pan_tool"; -} -.buttons .item-offtopic:before { - content: "speaker_notes_off"; -} -.buttons .item-summary:before { - content: "check_circle"; -} -.buttons .item-delete-confirm:before { - content: "delete"; -} -.buttons .item-apply:before, -.buttons .item-request-confirm:before, -.buttons .item-delete-confirm:before { - content: "done"; -} - - - -.l-top_menu .menu-mobile .menu:before, -.l-top_menu .menu-userbox .menu:before, -.l-top_menu .menu-mobile .search:before, -.l-top_menu .menu-userbox .search:before { - width: 24px !important; - font-family: 'Material Icons' !important; - font-size: 24px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.l-top_menu .menu-mobile .menu:before, -.l-top_menu .menu-userbox .menu:before { - content: "menu"; -} -.l-top_menu .menu-mobile .search:before, -.l-top_menu .menu-userbox .search:before { - content: "search"; -} - - - - - -.tooltip-inner { - min-height: 56px; - padding: 14px 16px; - border: 0; - overflow: hidden; - box-shadow: 0 4px 10px 2px rgba(0,0,0,0.24); -} -.tooltip-arrow { - display: none; -} - -/** - * Simple - * MIT License - * Copyright (c) 2015 Chris Nager - * https://github.com/chrisnager/simple-paper-spinner - */ -.tooltip-details { - min-height: 140px; -} -.tooltip-details .ajax-loading { - display: inline-block; - position: absolute; - top: 50%; - left: 50%; - width: 1.75em; - height: 1.75em; - min-height: 0; - margin: -.875rem 0 0 -.875rem; - background-image: none; - border-radius: 50%; - box-shadow: inset 0 0 0 0.1875em; - overflow: hidden; - will-change: transform; - -webkit-animation: spin 2666ms linear infinite; - animation: spin 2666ms linear infinite; - -webkit-clip-path: circle(.875em at center); - clip-path: circle(.875em at center); -} - -.tooltip-details .ajax-loading:after, -.tooltip-details .ajax-loading:before { - content: ""; - position: absolute; - width: 7em; - height: 1.75em; - background-color: inherit; -} - -.tooltip-details .ajax-loading:after { - -webkit-transform: skewX(-80deg) translate(.875em, .875em); - transform: skewX(-80deg) translate(.875em, .875em); - -webkit-animation: shape-shift-after 1066.4ms cubic-bezier(.4, 0, .2, 1) infinite alternate; - animation: shape-shift-after 1066.4ms cubic-bezier(.4, 0, .2, 1) infinite alternate; -} - -.tooltip-details .ajax-loading:before { - -webkit-transform: skewX(80deg) translate(.875em, -.875em); - transform: skewX(80deg) translate(.875em, -.875em); - -webkit-animation: shape-shift-before 1066.4ms cubic-bezier(.4, 0, .2, 1) infinite alternate; - animation: shape-shift-before 1066.4ms cubic-bezier(.4, 0, .2, 1) infinite alternate; -} - -@-webkit-keyframes spin { - to { - -webkit-transform: rotate(1080deg); - transform: rotate(1080deg); - } -} - -@keyframes spin { - to { - -webkit-transform: rotate(1080deg); - transform: rotate(1080deg); - } -} - -@-webkit-keyframes shape-shift-before { - to { - -webkit-transform: skewX(-45deg) translate(.875em, -.875em); - transform: skewX(-45deg) translate(.875em, -.875em); - } -} - -@keyframes shape-shift-before { - to { - -webkit-transform: skewX(-45deg) translate(.875em, -.875em); - transform: skewX(-45deg) translate(.875em, -.875em); - } -} - -@-webkit-keyframes shape-shift-after { - to { - -webkit-transform: skewX(45deg) translate(.875em, .875em); - transform: skewX(45deg) translate(.875em, .875em); - } -} - -@keyframes shape-shift-after { - to { - -webkit-transform: skewX(45deg) translate(.875em, .875em); - transform: skewX(45deg) translate(.875em, .875em); - } -} - -.b-catalog_entry-tooltip .inner a.name { - font-size: .875rem; -} -.b-catalog_entry-tooltip .inner .line .key { -} - -/* FIX: Размер изображений в тултипах Избаранного */ -.b-catalog_entry-tooltip .inner .best-works > .c-column { - width: 22%; - margin-right: 4%; -} -.b-catalog_entry-tooltip .inner .best-works > .c-column:last-child { margin-right: 0; } - - - -/* TEXTEDITOR | SHIKI EDITOR */ - -.b-topic>.editor-container { - margin-top: 1rem; -} - -.b-shiki_editor .body { - padding: 0 !important; -} -.b-shiki_editor .body .preview { - padding: 0; - margin: 0; - background: transparent; - border: 0; -} -.b-shiki_editor .body > .preview .body { - padding-left: 0 !important; -} - -.editor-controls > span { - width: 40px; - height: 40px; - padding: 8px; - margin: 0 8px 0 0 !important; -} - -/* Расширяем file input */ -.buttons .editor-file { - position: relative; -} -.buttons .editor-file span, -.buttons .editor-file a { - top: 0; - left: 0; - width: 40px; - height: 40px; - margin: 0 !important; -} -.buttons .editor-file input { - left: 0; - width: 40px; - height: 40px; - border: 0; - font-size: 40px; -} -.b-shiki_editor aside.buttons { - margin: 0; - padding: .25rem 0; -} -.b-shiki_editor aside.markers { - height: auto; - padding: .75rem 0; -} - -.b-shiki_editor .links, -.b-shiki_editor .images, -.b-shiki_editor .quotes, -.b-shiki_editor .email, -.b-shiki_editor .upload { - height: 3rem; - line-height: 2rem; -} -.b-shiki_editor .hidden-block p { - padding: .5rem !important; -} -.b-shiki_editor .links .link-value, -.b-shiki_editor .images .link-value, -.b-shiki_editor .quotes .link-value, -.b-shiki_editor .email .link-value, -.b-shiki_editor .upload .link-value { - width: 14rem; - height: 2rem; - padding: 0 1rem; - margin: 0; - border-radius: 2px; - line-height: 2rem; -} -.b-shiki_editor .links .button.ok, -.b-shiki_editor .images .button.ok, -.b-shiki_editor .quotes .button.ok, -.b-shiki_editor .email .button.ok, -.b-shiki_editor .upload .button.ok { - display: inline-block; - vertical-align: top; - padding: 0 1rem; - margin-right: 0; - margin-left: 1rem; - font-size: .875rem; - line-height: 2rem; - border-radius: 2px; -} - -.b-shiki_editor .images input, -.b-shiki_editor .quotes input, -.b-shiki_editor .email input { - margin-left: 1rem !important; - width: 20rem !important; -} - - -.b-shiki_editor .body .editor textarea { - padding: .5rem 1rem; - margin: 0; - border-radius: 2px; - font-size: 1rem; - line-height: 1.25rem; -} -.b-shiki_editor footer input[type=submit], -.b-shiki_editor footer .unpreview, -.b-shiki_editor footer .preview { - vertical-align: top; - margin-right: 8px; -} - -.b-shiki_editor footer .preview { - margin-right: 0; -} - -.b-shiki_editor.previewed footer .unpreview { - border: 0; - font-size: 0; -} -.b-shiki_editor.previewed footer .unpreview:after { - content: 'Назад'; - vertical-align: top; - font-size: 14px; -} -.b-shiki_editor footer .cancel { - border: 0; -} -.b-shiki_editor footer .cancel:hover { - color: #3F51B5; -} - - -/* FIX: COMMENT PREVIEW WIDTH */ -.b-shiki_editor aside.markers { - position: absolute; - right: 0; - top: 0; - z-index: 2; -} -.b-shiki_editor.previewed .body .preview .b-comment { - padding: 0 !important; -} -.b-shiki_editor footer { - margin-top: 1rem; -} - - -.about-bb_codes { - font-size: 0 !important; - padding: 0 1rem; - margin-top: 0 !important; - border-radius: .125rem; - line-height: 2rem !important; -} -.about-bb_codes:before { - content: 'help'; /* NOT 'help_outline' (!) see updated guideline (2016-12) */ - display: inline-block; - vertical-align: top; - font-family: 'Material Icons' !important; - font-size: 24px !important; - line-height: 32px !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -@media only screen and (min-width: 768px) { - .about-bb_codes:before { - font-family: inherit !important; - font-size: 14px !important; - text-transform: uppercase; - } - .locale-ru .about-bb_codes:before { - content: 'Справка'; - } - .locale-en .about-bb_codes:before { - content: 'Help'; - } -} -/* END of SHIKI_EDITOR */ -/* END of TEXTEDITOR */ - -.b-abuse_marker, -.b-broadcast_marker, -.b-new_marker, -.b-offtopic_marker, -.b-summary_marker { - width: auto !important; - margin: 0 !important; - margin-top: 1px !important; - margin-left: 8px !important; -} - -.b-spoiler_marker { - width: auto; -} - -.b-abuse_marker:before, -.b-broadcast_marker:before, -.b-new_marker:before, -.b-offtopic_marker:before, -.b-spoiler_marker:before, -.b-summary_marker:before { - position: static !important; - width: auto !important; - padding: 0 4px !important; - margin-top: 8px; - border: 0 !important; - border-radius: 2px; - font-size: 10px !important; - line-height: 16px !important; - text-transform: capitalize; -} - -.b-shiki_editor .b-summary_marker, -.b-shiki_editor .b-summary_marker:before, -.b-shiki_editor .b-offtopic_marker, -.b-shiki_editor .b-offtopic_marker:before { - vertical-align: top; - padding: 0 8px !important; - margin: 0 !important; - font-size: 12px !important; - line-height: 24px !important; -} - -.b-shiki_editor .b-summary_marker, -.b-shiki_editor .b-offtopic_marker { - padding: 0 !important; - margin-left: 8px !important; -} -/* END of SHIKI_EDITOR */ - - - - - -/* FLOATED OPTIONS */ -.b-options-floated { - margin-top: 16px; - font-size: 14px; - line-height: 16px; -} - -@media screen and (min-width: 768px) { - .b-options-floated.before-buttons-2 { - padding-right: 112px; - } -} - -.p-profiles-edit .b-options-floated, -.p-dialogs .b-options-floated, -.p-messages .b-options-floated { - position: static; - margin: 0 -16px 8px; - padding: 0; - text-align: left; - white-space: nowrap; - overflow: hidden; - overflow-x: auto; -} - -.p-profiles-edit .b-options-floated > a, -.p-dialogs .b-options-floated > a, -.p-messages .b-options-floated > a { - display: inline-block; - width: auto; - min-width: 88px; - height: 48px; - padding: 0 12px; - font-size: 14px; - line-height: 48px; - text-align: center; - text-transform: uppercase; -} - -.p-profiles-edit .b-options-floated > a { - width: auto; -} - -.p-profiles-edit .b-options-floated > a:hover, -.p-dialogs .b-options-floated > a:hover, -.p-messages .b-options-floated > a:hover { - text-decoration: none; -} - - -@media screen and (min-width: 481px) { - .p-profiles-edit .b-options-floated > a, - .p-dialogs .b-options-floated > a, - .p-messages .b-options-floated > a { - width: auto; - } -} - -.b-options-floated a span.brackets, -.b-options-floated .link span.brackets { - display: inline-block; - vertical-align: text-top; - min-width: 20px; - height: 16px; - padding: 0 4px; - border-radius: 4px; - color: #fff; - font-size: 10px; - line-height: 16px; - text-align: center; -} - -.p-profiles-edit .b-options-floated > a:after, -.p-dialogs .b-options-floated > a:after, -.p-messages .b-options-floated > a:after, -.b-options-floated a span.brackets:before, -.b-options-floated a span.brackets:after, -.b-options-floated .link span.brackets:before, -.b-options-floated .link span.brackets:after { - display: none; -} - -@media screen and (min-width: 481px) { - .p-dialogs header.head, - .p-messages header.head, - .p-profiles-edit header.head { - padding: 0; - margin: 0; - background-color: transparent; - } - - .p-profiles-edit .b-options-floated, - .p-dialogs .b-options-floated, - .p-messages .b-options-floated { - position: initial; - margin: 0 -16px 8px; - padding: 0; - background-color: transparent; - text-align: right; - } -} -/* END of FLOATED OPTIONS */ - - - - -/* USER'S MAIL ICONS – READ ALL & DELETE ALL */ -.p-messages .mass-actions { - position: absolute; - top: 56px; - right: 0; - margin: 0 -.5rem; -} -.p-messages .mass-actions .action:after { - display: none; -} -.p-messages .mass-actions > .action > a { - width: 40px; - height: 40px; - padding: 8px; - margin: 4px; - border: 0; - border-radius: 2px; - font-size: 0; - line-height: 1; -} -/* END of USER'S MAIL ICONS */ - - - - -/* DB ENTRY NOTES */ -/* TODO: MERGE WITH .c-history .entry */ -.b-db_entry-note { - position: relative; - padding: 8px 0; - margin: 0; - border: 0; -} - -.b-db_entry-note:first-child { - padding-top: 8px; -} - -.b-db_entry-note:before { - content: ''; - position: absolute; - right: -16px; - bottom: 0; - left: 56px; - height: 1px; -} - -.b-db_entry-note:last-child:before { - display: none; -} - -/* FIX */ -.b-db_entry-note:before { - right: 0; - left: 64px; -} - -.p-db_entries-related .b-db_entry-note { - padding: 16px 0; -} - -.p-db_entries-related .b-db_entry-note:first-child { - padding-top: 16px; -} -/* END of DB ENTRY NOTES*/ - - - - -/* MENU ENTRY REVIEW & CLUBS */ -/* TODO: MERGE WITH .c-history .entry */ -/* TODO: where [.calendar .entry]? */ -.p-topics .l-menu .calendar .entry, -.p-topics .l-menu .reviews .entry, -.p-topics .l-menu .clubs .entry { - position: relative; - padding: 8px 0; - margin: 0; - border: 0; - overflow: initial; -} - -.p-topics .l-menu .calendar .entry:first-child, -.p-topics .l-menu .reviews .entry:first-child, -.p-topics .l-menu .clubs .entry:first-child { - padding-top: 8px; - margin-top: 0; -} - -.p-topics .l-menu .calendar .entry:before, -.p-topics .l-menu .reviews .entry:before, -.p-topics .l-menu .clubs .entry:before { - content: ''; - position: absolute; - right: -8px; - bottom: 0; - left: 56px; - height: 1px; - pointer-events: none; -} - -.p-topics .l-menu .calendar .entry:last-child:before, -.p-topics .l-menu .reviews .entry:last-child:before, -.p-topics .l-menu .clubs .entry:last-child:before { - display: none; -} - -/* Полноразмерная ссылка .entry, работает только для .l-menu */ -.p-topics .l-menu .calendar .entry a, -.p-topics .l-menu .reviews .entry a, -.p-topics .l-menu .clubs .entry a { - display: block; - padding: 8px; - margin: -8px; -} - -.p-topics .l-menu .calendar .entry a:after, -.p-topics .l-menu .reviews .entry a:after, -.p-topics .l-menu .clubs .entry a:after { - content: ''; - clear: both; - display: block; -} - -.p-topics .l-menu .calendar .entry:hover .title, -.p-topics .l-menu .reviews .entry:hover .title, -.p-topics .l-menu .clubs .entry:hover .title { - text-decoration: none; -} - -/* ADDITIONS */ -.p-topics .l-menu .reviews .entry img { - min-width: 40px; - max-height: 64px; - margin: 2px 16px 2px 0; - border-radius: 2px; -} - -.p-topics .l-menu .clubs .entry img { - width: 40px; - min-width: 40px; - height: 40px; - margin: 2px 16px 2px 0; - border-radius: 2px; -} -/* END of MENU ENTRY REVIEW & CLUBS */ - - - - -/* SIDEMENU LINKS */ -.p-topics .l-menu .sticky-topics .topic, -.p-dashboards-show .contests .contest, -.p-topics .l-menu .contests .contest { - padding: 8px; - margin: 0 -8px; - border: 0; -} - -.p-topics .l-menu .sticky-topics .topic:first-child, -.p-dashboards-show .contests .contest:first-child, -.p-topics .l-menu .contests .contest:first-child { - padding-top: 8px; - margin-top: 0; -} - -.p-topics .l-menu .sticky-topics .topic .title, -.p-dashboards-show .contests .contest .title, -.p-topics .l-menu .contests .contest .title { - line-height: 20px; -} - -.p-topics .l-menu .sticky-topics .topic:hover .title, -.p-dashboards-show .contests .contest:hover .title, -.p-topics .l-menu .contests .contest:hover .title { - text-decoration: none; -} - -.p-topics .l-menu .sticky-topics .topic .title:after, -.p-dashboards-show .contests .contest .title:after, -.p-topics .l-menu .contests .contest .title:after { - display: none; -} - -.p-topics .l-menu .sticky-topics .topic .notice, -.p-dashboards-show .contests .contest .notice, -.p-topics .l-menu .contests .contest .notice { - margin-top: 2px; - line-height: 18px; -} -/* END of SIDEMENU LINKS */ - - - -/* Стилизованные кнопки на страницах поиска аниме и манги */ -.p-user_rates .mylist-block + .block > .b-list, -.anime-params-controls > .block:first-child > .b-list, -.manga-params-controls > .block:first-child > .b-list { - margin-left: 0 !important; -} -.p-user_rates .mylist-block + .block > .b-list > li, -.anime-params-controls > .block:first-child > .b-list > li, -.manga-params-controls > .block:first-child > .b-list > li { - position: relative; - margin-bottom: .5rem; - border-radius: .125rem; - font-size: .875rem; - line-height: 2rem; - text-align: center; - text-transform: uppercase; - list-style: none; -} -.p-user_rates .mylist-block + .block > .b-list > li:before, -.p-user_rates .mylist-block + .block > .b-list > li:after, -.anime-params-controls > .block:first-child > .b-list > li:before, -.manga-params-controls > .block:first-child > .b-list > li:before, -.anime-params-controls > .block:first-child > .b-list > li:after, -.manga-params-controls > .block:first-child > .b-list > li:after { - content: ''; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - border-radius: inherit; - opacity: 0; - z-index: 0; - transition: opacity .3s; -} -.p-user_rates .mylist-block + .block > .b-list > li:before, -.anime-params-controls > .block:first-child > .b-list > li:before, -.manga-params-controls > .block:first-child > .b-list > li:before { - box-shadow: 0 1px 3px rgba(0,0,0,.56); -} -.p-user_rates .mylist-block + .block > .b-list > li:after, -.anime-params-controls > .block:first-child > .b-list > li:after, -.manga-params-controls > .block:first-child > .b-list > li:after { - background-color: rgba(0,0,0,.12); -} -.p-user_rates .mylist-block + .block > .b-list > li:hover:before, -.p-user_rates .mylist-block + .block > .b-list > li:hover:after, -.anime-params-controls > .block:first-child > .b-list > li:hover:before, -.manga-params-controls > .block:first-child > .b-list > li:hover:before, -.anime-params-controls > .block:first-child > .b-list > li:hover:after, -.manga-params-controls > .block:first-child > .b-list > li:hover:after { - opacity: 1; -} -.p-user_rates .mylist-block + .block > .b-list > li > a, -.anime-params-controls > .block:first-child > .b-list > li > a, -.manga-params-controls > .block:first-child > .b-list > li > a { - position: relative; - display: block; - color: #fff !important; - z-index: 1; -} -.p-user_rates .mylist-block + .block > .b-list > li > a:hover, -.anime-params-controls > .block:first-child > .b-list > li > a:hover, -.manga-params-controls > .block:first-child > .b-list > li > a:hover { - color: #fff !important; - text-decoration: none; -} -/* END of Стилизованные кнопки на страницах поиска аниме и манги */ - - - - - -/** - * Фильтры на страницах поиска - */ - -/* Настройка пунктов */ -.b-collection-filters .block-list li, -.b-collection-filters .b-block_list li { - position: relative; - padding: 0 .5rem; - margin: 0 -.5rem; - font-size: .875rem; - line-height: 2rem; -} - -/* Скрываем чекбокс, располагаем над псевдоэлементом */ -.b-collection-filters .block-list li > input, -.b-collection-filters .b-block_list li > input { - position: absolute; - left: .3125rem; - width: 2rem; - height: 2rem; - border: 0; - opacity: 0; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} - -/* Псевдоэлемент с иконкой чекбокса */ -.b-collection-filters .block-list li:before, -.b-collection-filters .b-block_list li:before { - display: inline-block; - vertical-align: top; - width: 1.125rem; - margin: .4375rem .875rem .4375rem 0; - font-family: 'Material Icons'; - font-size: 1.125rem; - line-height: 1; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -/* Фильтры на страницах поиска – ПОДСКАЗКИ */ -/* Положение подсказки */ -.b-collection-filters .block-list .b-question, -.b-collection-filters .b-block_list .b-question { - display: inline-block !important; - vertical-align: top; - position: absolute; - right: .3125rem; -} - -/* Иконка подсказки */ -.b-collection-filters .block-list .b-question:before, -.b-collection-filters .b-block_list .b-question:before { - display: block; - width: 1.125rem; - height: auto; - margin: .4375rem; - background-color: transparent; - font-family: 'Material Icons'; - font-size: 1.125rem; - line-height: 1; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -/* Фильтры на страницах поиска – ПЕРЕКЛЮЧАТЕЛИ */ -/* Положение переключателя */ -.b-collection-filters .filter { - top: 0; -} -.b-collection-filters .block-list .filter, -.b-collection-filters .b-block_list .filter { - float: right; - position: relative; - right: auto; - margin: 0 0 0 .5rem; -} - -/* Положение переключателя с иконками подсказок */ -.b-collection-filters .block-list.ratings .filter, -.b-collection-filters .block-list.genres .filter, -.b-collection-filters .block-list li.sub .filter, -.b-collection-filters .b-block_list.ratings .filter, -.b-collection-filters .b-block_list.genres .filter, -.b-collection-filters .b-block_list li.sub .filter { - margin-right: 2rem; -} - -/* Сбрасываем стандартные стили */ -.b-collection-filters .block-list .filter:before, -.b-collection-filters .b-block_list .filter:before { - display: block; - width: auto; - font-family: inherit; - font-size: .75rem; - line-height: inherit; - text-transform: lowercase; -} - -/* Добавляем понятные текстовые обозначения */ -.b-collection-filters .block-list .filter.item-add:before { content: 'Исключить'; } -.b-collection-filters .block-list .filter.item-minus:before { content: 'Добавить'; } -.b-collection-filters .b-block_list .filter.item-add:before { content: 'Исключить'; } -.b-collection-filters .b-block_list .filter.item-minus:before { content: 'Добавить'; } - -/* Настройка иконок */ -.b-collection-filters .block-list li:before { content: 'check_box_outline_blank'; } -.b-collection-filters .block-list li.selected:before { content: 'check_box'; } -.b-collection-filters .block-list.orders li:before { content: 'radio_button_unchecked'; } -.b-collection-filters .block-list.orders li.selected:before { content: 'radio_button_checked'; } -.b-collection-filters .block-list .b-question:before { content: 'help_outline'; } -.b-collection-filters .b-block_list li:before { content: 'check_box_outline_blank'; } -.b-collection-filters .b-block_list li.selected:before { content: 'check_box'; } -.b-collection-filters .b-block_list.orders li:before { content: 'radio_button_unchecked'; } -.b-collection-filters .b-block_list.orders li.selected:before { content: 'radio_button_checked'; } -.b-collection-filters .b-block_list .b-question:before { content: 'help_outline'; } - -/* Фильтры на страницах поиска – Размер для ПК */ -@media (min-width: 1025px) { - .b-collection-filters .block-list li { - line-height: 1.5rem; - } - .b-collection-filters .block-list li:before { - margin: .1875rem .875rem .1875rem 0; - } - .b-collection-filters .block-list .b-question:before { - margin: .1875rem; - } - .b-collection-filters .block-list li > input { - width: 1.5rem; - height: 1.5rem; - } - /* new class */ - .b-collection-filters .b-block_list li { - line-height: 1.5rem; - } - .b-collection-filters .b-block_list li:before { - margin: .1875rem .875rem .1875rem 0; - } - .b-collection-filters .b-block_list .b-question:before { - margin: .1875rem; - } - .b-collection-filters .b-block_list li > input { - width: 1.5rem; - height: 1.5rem; - } -} -/* END of Фильтры на страницах поиска */ - - - -/* "Мой список" в фильтрах поиска */ -/* Меняем название на более доступное */ -.block.mylist-block > .subheadline { - font-size: 0; - line-height: 0; -} -.block.mylist-block > .subheadline:before { - content: 'Мой список'; - font-size: .875rem; - line-height: 1rem; -} -/* Кнопка переключателя */ -.b-collection-filters .block > .filter.item-sign { - height: 2.5rem; - padding: .5rem; - margin-top: .25rem; - border-radius: .125rem; -} -.b-collection-filters .block > .filter.item-sign:before { - width: 1.5rem; - font-family: 'Material Icons'; - font-size: 1.5rem; - line-height: 1; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -/* Настройка иконки переключателя */ -.b-collection-filters .block > .filter.item-sign:before { - content: 'playlist_add_check'; -} -/* Прозрачный фон переключателя */ -@media (min-width: 1025px) { - .b-collection-filters .block > .filter.item-sign { - background-color: transparent; - } -} -/* END of "Мой список" в фильтрах поиска */ - - - -/* Страница видео */ -.b-video_player .cc-player_controls a.c-control:hover { - text-decoration: none; -} -.b-video_player .cc-player_controls .cc-navigation > .c-control > span, -.b-video_player .cc-player_controls .cc-navigation > .c-control > b { - display: inline-block; - vertical-align: top; - margin: .25rem auto; - line-height: 2.5rem; -} -.b-video_player .cc-player_controls .cc-navigation > .c-control > b { - margin-left: .5rem; -} - -@media screen and (max-width: 480px) and (orientation: portrait) { - .b-video_player .cc-player_controls .cc-navigation > .c-control > span { - display: none; - } - .b-video_player .cc-player_controls .cc-navigation > .c-control > b { - margin-left: 0; - } -} - -.b-video_player .cc-player_controls .label, -.b-video_player .cc-player_controls .episode-title .video-link { - font-size: .75rem; -} -.b-video_player .cc-player_controls .episode-title .video-link a { - display: block; - line-height: inherit; - border: 0; -} -.b-video_player .cc-player_controls .cc-options > .c-video_stats { - margin: .25rem auto; -} -.p-anime_videos-index .c-videos .video-variant-switcher, -.p-anime_videos-index .c-video_stats { - font-size: .875rem; -} -.p-anime_videos-index .c-videos .video-variant-switcher:hover { - border: 0; -} - -/* Иконки */ -.b-video_player .cc-player_controls .c-control .icon { - width: 2.5rem !important; - height: 2.5rem; - padding: .5rem; - margin: .25rem auto !important; - border-radius: 2px; -} -.b-video_player .cc-player_controls .c-control .icon:before { - width: 1.5rem; - font-family: 'Material Icons'; - font-size: 1.5rem !important; - line-height: 1; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.b-video_player .cc-player_controls .create-user_rate .icon:before { - content: 'add'; -} -.b-video_player .cc-player_controls .increment-user_rate .icon:before { - content: 'done'; -} -.b-video_player .cc-player_controls .next .icon:before { - content: 'skip_next'; -} -.b-video_player .cc-player_controls .prev .icon:before { - content: 'skip_previous'; -} -.b-video_player .cc-player_controls .report .icon:before { - content: 'flag'; -} -.b-video_player .cc-player_controls .show-options .icon:before { - content: 'settings'; -} -.b-video_player .cc-player_controls .upload .icon:before { - content: 'cloud_upload'; -} -.b-video_player .cc-player_controls .edit .icon:before { - content: 'build'; -} -/* END of Страница видео */ -/* END of ОСНОВНОЙ ФАЙЛ */ - - - - - - - - - - -/** - * PROFILE COVER - */ -@media screen and (min-width: 320px) { - .p-profiles .profile-head[data-user-id = "2727"] .c-brief { - background-color: #FFF; /* COLOR */ - box-shadow: 0 2px 8px 2px rgba(0, 0, 0, .24); - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief:before { - content: ''; - display: block; - height: 0; - padding-bottom: 56.25%; - background-repeat: no-repeat; - background-size: cover; - } -} -@media screen and (min-width: 480px) { - .p-profiles .profile-head .c-brief { - min-height: 16rem; - } - .p-profiles .profile-head .c-brief { - margin-bottom: 1rem; - } - .p-profiles .profile-head .c-info { - margin-left: 0; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief .avatar { - position: absolute; - top: auto; - right: auto; - bottom: 0; - left: 0; - max-width: 148px; - margin: 1.5rem 1rem; - z-index: 2; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief .avatar img { - width: 120px; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief header { - position: absolute; - top: auto; - right: 0; - bottom: 0; - left: 0; - min-height: 112px; - padding: 1rem 1.5rem 1rem calc(4rem + 148px); - margin: 0; - z-index: 1; - } -} -@media screen and (min-width: 600px) { - .p-profiles .profile-head .c-brief { - min-height: 19rem; - } - .p-profiles .profile-head .c-info { - margin-left: 0; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief { - max-height: 380px; - padding-bottom: 112px; - margin: -3rem -1rem 1rem; - background-color: inherit; - box-shadow: none; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief:before { - height: 268px; - max-height: inherit; - padding-bottom: 0; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief .avatar { - max-width: 160px; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief .avatar img { - width: 160px; - box-shadow: 0 2px 8px 1px rgba(0, 0, 0, .16); - } -} -@media (min-width: 768px) { - .p-profiles .profile-head .c-info { - margin-left: 0; - } -} - -@media screen and (min-width: 960px) { - .p-profiles .profile-head .c-brief { - min-height: 0; - } - .p-profiles .profile-head .c-info { - margin-left: 13.5rem; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief { - max-height: 520px; - margin: -4.5rem -2rem 0; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief:before { - height: 408px; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief header { - padding: 1rem calc(23% + 4.5rem) 1rem calc(4.5rem + 160px); - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief .avatar { - margin: 1.5rem 2rem; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-info { - width: 77%; - padding-right: 2.5rem; - padding-left: 1rem; - margin-left: -1rem; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-history { - float: none; - position: absolute; - right: 0; - top: 520px; - width: 23%; - padding: .5rem 0; - margin: 0; - margin-top: -112px; - z-index: 3; - } -} -/* END of PROFILE COVER */ - - - -/* Полупрозрачное меню в профиле */ -@media (min-width: 960px) { - .p-profiles .profile-head .c-info .c-additionals b:after { - font-size: 12px; - font-weight: 400; - } - .p-profiles-show:not(.p-dialogs-show) .l-top_menu { - background-color: transparent; - background-image: linear-gradient(rgba(51, 51, 51, .64), rgba(51, 51, 51, 0)); - box-shadow: none; - transition: .3s; - } - .p-profiles-show:not(.p-dialogs-show) .l-top_menu:before { - content: ''; - position: absolute; - top: 0; right: 0; bottom: 0; left: 0; - opacity: 0; - transition: .3s; - } - .p-profiles-show:not(.p-dialogs-show) .l-top_menu:hover:before { - opacity: 1; - } - .p-profiles-show.x1000:not(.p-dialogs-show) .l-top_menu { - max-width: calc(1000px + 2rem); - } - .p-profiles-show.x1200:not(.p-dialogs-show) .l-top_menu { - max-width: calc(1200px + 2rem); - } -} -/* END of Полупрозрачное меню в профиле */ - - - - - - - - - - -/* TENTATIVE CODE | USERLIST */ -.ajax > .b-user.detailed { - display: inline-block; - vertical-align: top; - position: relative; - width: 48%; - height: auto; - min-height: 261px; - padding: 8px; - margin-right: 4%; - margin-bottom: 4%; - background-color: #fff; - border: 0; - border-radius: 2px; - box-shadow: 0 1px 2px 0 rgba(0,0,0,.16); -} - -.ajax > .b-user.detailed:nth-child(2n+2) { - margin-right: 0; -} - -@media (min-width: 540px) { - .ajax > .b-user.detailed { - width: 32%; - margin-right: 2%; - margin-bottom: 2%; - } - - .ajax > .b-user.detailed:nth-child(2n+2) { - margin-right: 2%; - } - - .ajax > .b-user.detailed:nth-child(3n+3) { - margin-right: 0; - } -} - -@media (min-width: 768px) { - .ajax > .b-user.detailed { - width: 23.5%; - margin-right: 2%; - margin-bottom: 2%; - } - - .ajax > .b-user.detailed:nth-child(2n+2) { - margin-right: 2%; - } - - .ajax > .b-user.detailed:nth-child(3n+3) { - margin-right: 2%; - } - - .ajax > .b-user.detailed:nth-child(4n+4) { - margin-right: 0; - } -} - -@media (min-width: 960px) { - .ajax > .b-user.detailed { - width: 18.4%; - margin-right: 2%; - margin-bottom: 2%; - } - - .ajax > .b-user.detailed:nth-child(2n+2) { - margin-right: 2%; - } - - .ajax > .b-user.detailed:nth-child(3n+3) { - margin-right: 2%; - } - - .ajax > .b-user.detailed:nth-child(4n+4) { - margin-right: 2%; - } - - .ajax > .b-user.detailed:nth-child(5n+5) { - margin-right: 0; - } -} - -@media (min-width: 1200px) { - .p-users.x1200 .ajax > .b-user.detailed { - width: 15%; - margin-right: 2%; - margin-bottom: 2%; - } - - .p-users.x1200 .ajax > .b-user.detailed:nth-child(2n+2) { - margin-right: 2%; - } - - .p-users.x1200 .ajax > .b-user.detailed:nth-child(3n+3) { - margin-right: 2%; - } - - .p-users.x1200 .ajax > .b-user.detailed:nth-child(4n+4) { - margin-right: 2%; - } - - .p-users.x1200 .ajax > .b-user.detailed:nth-child(5n+5) { - margin-right: 2%; - } - - .p-users.x1200 .ajax > .b-user.detailed:nth-child(6n+6) { - margin-right: 0; - } -} - -.ajax > .b-user.detailed:before { - content: ''; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - box-shadow: 0 2px 8px 1px rgba(0,0,0,.16); - opacity: 0; - transition: .3s all; -} - -.ajax > .b-user.detailed:hover:before { - opacity: 1; -} - -.ajax > .b-user.detailed .info, -.ajax > .b-user.detailed .history { - clear: both; - float: none; - width: 100%; - margin: 0; -} - -.ajax > .b-user.detailed .info .image-name { - display: block; - padding: 16px 0; - margin: auto; - text-align: center; -} - -.ajax > .b-user.detailed .info .image-name .name { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - padding: 97px 0 0; - line-height: 32px; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; -} - -.ajax > .b-user.detailed .info .image-name .image { - clear: both; - float: none; - display: block; - padding: 0; - margin: auto auto 24px; - border-radius: 100%; -} - -.ajax > .b-user.detailed .info .last-online { - color: #9B9B9B; - text-align: center; -} - -.ajax > .b-user.detailed .history { - padding-top: 8px; - margin-top: 0; - font-size: 12px; - line-height: 20px; -} -/* TENTATIVE CODE | END */ - - - -/* TENTATIVE CODE | INDEX PAGE LAYOUT */ -.p-dashboards-show .cc-second .cc-inner { - display: none; -} - -/* FIX: index landscape layout (issue: #9) */ -@media screen and (max-width: 767px) and (orientation: landscape) { - .p-dashboards-show .cc-second .c-forum { - width: 100%; - } - .p-dashboards-show .cc-second .c-forum .b-forums, - .p-dashboards-show .cc-second .c-forum .contests - { - float: left; - width: 48%; - } - .p-dashboards-show .cc-second .c-forum .b-forums { - margin-right: 4%; - } -} - -@media only screen and (min-width: 768px) { - .p-dashboards-show .cc-second { - float: right; - width: 30.33333%; - } - .p-dashboards-show .cc-second > .cc-inner { - display: block; - float: none; - width: 100%; - margin: 0; - } - .p-dashboards-show .cc-second > .c-forum { - float: none; - width: 100%; - } - .p-dashboards-show .cc-second > .cc-inner > .c-content, - .p-dashboards-show .cc-second > .cc-inner > .c-my_list { - float: none; - width: 100%; - padding: 0; - } - .p-dashboards-show .cc-second { - margin-bottom: 0; - } - .p-dashboards-show .cc-second .c-forum > .b-forums, - .p-dashboards-show .cc-second .c-forum > .block:last-child { - margin-bottom: 1.5rem; - } - /* Настройки для экранов больше 768 */ - .p-dashboards-show .cc-second .cc-inner { - display: none; /* Скрываем блоки: Мой лист и Быстрые ссылки Аниме/Манга */ - } - .p-dashboards-show .cc-second .cc-inner > .c-content { - /* display: none; /* Скрываем блоки: Быстрые ссылки Аниме/Манга */ - } - .p-dashboards-show .cc-second .cc-inner > .c-my_list { - /* display: none; /* Скрываем блоки: Мой лист */ - } - .p-dashboards-show .cc-second .cc-inner >.b-forums { - /* display: none; /* Скрываем блоки: Темы форума */ - } -} -/* TENTATIVE CODE | END */ - - - -/* TENTATIVE CODE | RIGHT SIDEBAR */ -@media (max-width: 1024px) { - .l-menu { - position: fixed !important; - top: 0; - right: 0; - width: 25rem !important; - max-width: calc(100% - 3.5rem); - height: 100%; - background-color: #FFFFFF; /* #FFFFFF / #424242 */ - z-index: 100; - padding: 4.5rem 1rem 1.5rem; - box-shadow: 0 2px 3px 1px rgba(0, 0, 0, .24); - overflow-y: auto; - transform: translateX(100%); - transition: .25s ease; - } - .l-page.menu-expanded .l-menu { - transform: translateX(0); - } - .menu-slide-outer .l-content { - margin-left: 0 !important; - } -} -/* TENTATIVE CODE | END */ - - - -/* TENTATIVE CODE | PROFILE CONTENT */ -.p-profiles .lifetime { - margin-bottom: 0; - min-height: 0; -} -.p-profiles .lifetime .bar, -.p-profiles .lifetime .times, -.p-profiles .profile-content .activity .title { - display: none; -} -.p-profiles .lifetime .title > .label { - font-size: 0; - line-height: 0; -} -.p-profiles .lifetime .title > .label:before { - display: block; - font-size: 0.875rem; - line-height: 1rem; -} -.p-profiles.locale-ru .lifetime .title > .label:before { - content: 'Активность'; -} -.p-profiles.locale-en .lifetime .title > .label:before { - content: 'Time spent'; -} -.p-profiles .lifetime .title .value { - height: 16px; - margin-top: 0; - line-height: 16px; -} -.p-profiles .profile-content .cc-2 .c-right .cc-2a { - margin-bottom: 16px !important; -} -@media (min-width: 768px) { - .p-profiles .profile-content .graph { - height: 155px; - } - .p-profiles .profile-content .cc-2 > .c-column { - width: 100%; - margin-bottom: 1rem; - } - .p-profiles .profile-content .cc-2 .activity { - padding-bottom: 1rem; - } -} -@media (min-width: 960px) { - .p-profiles .profile-content .cc-2 { - position: relative; - } - .p-profiles .profile-content .cc-2 .c-left { - width: 77%; - min-height: 220px; - padding-right: 3.5rem; - margin-bottom: 1.5rem; - } - .p-profiles .profile-content .cc-2 .c-right .cc-2a { - position: absolute; - top: 0; - right: 0; - width: 23%; - margin-top: -244px; - } - .p-profiles .profile-content .cc-2 .c-right .cc-2a > .c-column { - clear: both; - width: 100%; - margin: 0; - } -} -/* TENTATIVE CODE | END */ - - - - - - - - - - -/* МОИ НАСТРОЙКИ */ - -/* Фон страницы */ -body { - background-image: none; -} - - -/** - * Рамка по бокам страницы - * Используйте цвет фона центральной области, чтобы визуально расширить её. - * Эта настройка будет полезна при использовании фоновой картинки - * - с легкой прозрачностью (.85 и более) - * - без прозрачности - */ -.l-page:before { - outline-color: transparent; -} - - -/* Моя обложка в профиле */ -.p-profiles .profile-head[data-user-id = "2727"] .c-brief:before { - /* background-image: url(https://i.imgur.com/bd8W6VB.jpg); /* Пример */ - background-image: url(); /* Моя обложка */ - background-position: center; -} +/** + * Shikimori.org – CSS Theme + * MIT License + * Copyright (c) 2016 grin3671 + */ + + + +/** + * РУКОВОДСТВО: КАК НАСТРОИТЬ СТИЛЬ + * + * Настроить картинку обложки можно в настройках внизу стиля. + * Чтобы быстро переместиться в конец настроек нажмите клавишу [End]. + * + * Чтобы обложка отображалась в вашем профиле, замените все "2727" на ваш ID. + * Узнать ваш ID можно скачав аватарку: цифры в названии файла – ваш ID. + * Чтобы быстро найти все "2727" в стиле используйте комбинацию [Ctrl] + [F]. + * + * Подробности: + * https://github.com/grin3671/shiki-theme + */ + + + +/* SPECIAL CODE */ +/* Кнопка сохранения стиля всегда на виду */ +#submit_style { + position: fixed; + bottom: 0; + right: 0; + margin: 5rem; + z-index: 1000; +} + +/* Настройки вверху, CSS внизу */ +.b-edit_styles { + display: flex; + flex-direction: column-reverse; +} + +/* Широкое полотно стиля */ +.b-edit_styles > .c-column { + width: 100%; + margin: 0; +} + +/* Настройка текста */ +.style_css textarea { + font-family: monospace; + font-size: 1rem; + line-height: 1.5 !important; + white-space: nowrap; + overflow-x: auto !important; +} + +/* SPECIAL CODE | END */ + + + + + + + + + + +/* FONT COLLECTION */ +body, input, select, button, textarea { + font-family: 'Arial', sans-serif; +} + +.b-show_more, +.b-show_more-more .hide-more, +.l-footer:before, +.b-sponsors_block_3:before, +.l-top_menu .inner .logo:before, +.b-user_rate .rate-show .note:before, +.button, +.buttons, +.b-contests-menu .results, +.b-link_button, +input[type=submit], +.p-animes_collection-index .pagination, +.p-mangas_collection-index .pagination, +.p-recommendations-index .pagination, +.p-userlist_comparer-show .pagination, +.mischeadline, +.c-my_list .title, +.subheadline, +.midheadline, +.b-stats_bar .title, +.profile-content .activity .title, +.lifetime .title, +.midheadline > a, +.subheadline > a, +.b-form .cancel, +.b-shiki_editor footer .unpreview, +.b-shiki_editor footer .preview, +.p-contests .contest-match .vs .refrain, +.p-contests .contest-match .votes-percents, +.p-contests .contest-match .vs > div:first-child, +.p-contests .contest-match .vs .next, +.b-lang_trigger, +.b-topic > .inner > header .about a, +.b-topic-preview > .inner .status-line .b-link, +.b-hot_topics .topic.subject, +div.compatibility > a > span.rate, +div.compatibility > span.link-replacement > span.rate, +.b-abuse_marker:before, +.b-broadcast_marker:before, +.b-new_marker:before, +.b-offtopic_marker:before, +.b-summary_marker:before, +.b-options-floated, +.p-profiles-edit .b-options-floated > a, +.p-dialogs .b-options-floated > a, +.p-messages .b-options-floated > a, +.b-options-floated a span.brackets, +.b-options-floated .link span.brackets, +.p-user_rates .mylist-block + .block > .b-list > li, +.b-collection-filters > .block:first-child > .b-list > li, +.b-collection-filters > .block:first-child > .b-list > li, +.b-collection-filters .block-list .filter, +.b-collection-filters .b-block_list .filter, +.edit-page a.cancel, +.b-topic-preview > .editor-container .hide, +.b-button, +.p-clubs-edit .pages .b-button, +.p-profiles-show .lifetime .times .time.checked, +.p-anime_videos-index .c-videos .video-variant-switcher { + font-weight: 700; +} + +.b-topic .name-date .name, +.b-comment .name-date .name, +.b-dialog .name-date .name, +text, +.highcharts-tooltip text tspan:last-child { + font-weight: 700 !important; +} + +@media only screen and (min-width: 768px) { + .about-bb_codes:before { + font-weight: 700 !important; + } +} + +@media screen and (min-width: 1025px) { + .b-entry-info .line .value { + font-weight: 400 !important; + } +} + +/* END of FONT COLLECTION */ + + + + + + + + + + +/* НАСТРОЙКА ЦВЕТОВ */ +/* Цвет текста ссылки по умолчанию */ +a { + color: #009688; +} + +/* Цвет ссылки при наведении */ +a:hover { + color: #FFAB40; +} + +/* Цвет ссылки при нажатии */ +@media only screen and (min-width: 1025px) { + a:active { + color: #FF9100; + } +} + +.b-abuse_request .ban-form .cancel, +.b-ban .abuser, +.b-bb_codes-examples .example a, +.b-bb_codes-examples .result a, +.b-bracket-actions > div, +.b-bracket-actions > span, +.b-catalog_entry-tooltip .inner a.name, +.b-catalog_entry-tooltip .inner .line .value a, +.b-catalog_entry-tooltip .inner .line.works .value a, +.b-catalog_entry .cover .title, +.b-club .name, +.b-comment > .inner header .name-date a.name, +.b-comments .comments-collapser, +.b-cosplay-topic > .inner .cosplay-info .line .value a, +.b-cosplay_gallery h3 a, +.b-db_entry-note .name-container .name, +.b-db_entry > .c-about .additional-links .line-container > .link, +.b-db_entry > .c-about .additional-links .line-container > a, +.b-dialog > .inner header .name-date a.name, +.b-entry-info .line a, +.b-feedback-inner .about a, +.b-form .variants .variant a, +.b-form .cancel, +.b-forums .forum .link-with-input .link, +.b-forums .reload, +.b-header_filters .filter-line a, +.b-height_shortener .expand, +.b-js-action, +.b-js-link, +.b-lang_trigger span, +.b-link, +.b-log_entry a, +.b-log_entry .link, +.b-log_entry .moderation a, +.b-log_entry .spoiler.collapsed, +.b-log_entry .spoiler.collapse, +.b-log_entry .spoiler.collapse span, +.b-log_entry .spoiler.collapsed span, +.b-mention, +.b-message > .inner header .name-date a.name, +.b-nothing_here a, +.b-options-floated a, +.b-options-floated .link, +.b-options-floated .action, +.b-options-floated.mobile-desktop a, +.b-person .name, +.b-shiki_editor footer .unpreview, +.b-shiki_editor footer .unpreview:not(.link), +.b-shiki_editor footer .cancel, +.b-shiki_editor footer .hide, +.b-shiki_editor footer .about-bb_codes, +.b-source .contributors .val a, +.b-source .mal .val a, +.b-source .source .val a, +.b-spoiler .content .before, +.b-spoiler .content .after, +.b-spoiler label, +.b-stats_bar a.title, +.b-table a, +.b-topic > .inner header .name-date a.name, +.b-topic .footer-vote .vote-group .vote, +.b-user.named_avatar .name, +.b-user.detailed .info .image-name, +.b-user.detailed .history .line a .event, +.b-user16, +header.head h1 a.back, +header.head h2 a.back, +header.head a.misc, +header.head a.edit, +.headline > a, +.midheadline > a, +.subheadline > a, +.subheadline .misc-link, +.b-video_player .cc-player_controls a.c-control, +.b-video_player .cc-player_controls .episode-title .video-link a, +.b-video_variant a, +.b-animes-menu .menu-topics-block .history-entry-tooltip a, +.p-animes-files .l-content a, +.p-mangas-files .l-content a, +div.history .block-list li .tooltip-inner a, +div.history .b-block_list li .tooltip-inner a, +.p-animes_collection-index .pagination .link, +.p-mangas_collection-index .pagination .link, +.p-recommendations-index .pagination .link, +.p-userlist_comparer-show .pagination .link, +.p-contests .contest-match .vs .next, +.p-contests .contest-match .vs .refrain, +.p-contests-edit .grid, +.p-contests .match-day .match-link a, +.p-contests .rating .member a, +.p-contests .results a, +.p-contests .suggestion > a, +.p-contests .variant > a, +.b-contests-menu .results, +.b-contests-menu .grid a, +.p-contests-grid .round .match a, +.p-contests-index .contest a, +.p-dashboards .c-my_list .list-type > .title .link, +.p-dashboards .c-my_list .history > .title .link, +.p-dashboards .c-my_list .list-type > .title .switch, +.p-dashboards .c-my_list .history > .title .switch, +.p-dashboards .user_list .list-type > .title .link, +.p-dashboards .user_list .history > .title .link, +.p-dashboards .user_list .list-type > .title .switch, +.p-dashboards .user_list .history > .title .switch, +.p-dashboards-show .midheadline .b-link, +.p-dashboards-show .c-content .options .option, +.p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name, +.p-profiles .profile-head .c-brief header .notice a, +.p-profiles .profile-head .c-mobile-actions a, +.p-profiles .profile-head .c-mobile-actions span, +.p-profiles .profile-head .c-info .c-additionals div a, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a, +.p-profiles-edit .account .change-password a, +.p-profiles-edit .misc .profile-action a, +.p-profiles-edit .misc .profile-action .link, +.p-profiles-edit .misc .nickname-changes a, +.p-profiles-edit .misc .nickname-changes .link, +.p-profiles-edit .list .profile-action a, +.p-profiles-edit .list .profile-action .link, +.p-profiles-edit .list .nickname-changes a, +.p-profiles-edit .list .nickname-changes .link, +.p-profiles-edit .list #import_form .link, +.p-profiles-show .about a, +.p-studios .studio .name, +.p-translations .animes a, +.p-user_history-index .history-page .history-interval p a, +.p-user_rates-index .list-lines tr .name a, +.p-userlist_comparer .comparer table .name a, +.b-log_entry .comment-block ins, +.p-statistics-index .forum-nav .sections a.selected, +.p-anime_videos-index .c-videos .video-variant-switcher, +.p-user_rates-index .stat-categories .category, +.b-video_player .cc-player_controls .episode-num .video-link a, +.b-video_player .cc-player_controls .c-control { + color: #009688; + border-bottom-color: rgba(0, 150, 136, 0.3); +} + +@media screen and (max-width: 480px) and (orientation: portrait) { + .b-options-floated.mobile-phone_portrait a { + color: #009688; + } +} + +@media screen and (max-width: 767px) { + .b-options-floated.mobile-phone a { + color: #009688; + } +} + +@media screen and (max-width: 1024px) { + .b-options-floated.mobile-tablet a { + color: #009688; + } +} + +.b-abuse_request .ban-form .cancel:hover, +.b-ban .abuser:hover, +.b-bb_codes-examples .example a:hover, +.b-bb_codes-examples .result a:hover, +.b-bracket-actions > div:hover, +.b-bracket-actions > span:hover, +.b-catalog_entry-tooltip .inner a.name:hover, +.b-catalog_entry-tooltip .inner .line .value a:hover, +.b-catalog_entry-tooltip .inner .line.works .value a:hover, +.b-catalog_entry .cover .title:hover, +.b-club .name:hover, +.b-comment > .inner header .name-date a.name:hover, +.b-comments .comments-collapser:hover, +.b-cosplay-topic > .inner .cosplay-info .line .value a:hover, +.b-cosplay_gallery h3 a:hover, +.b-db_entry-note .name-container .name:hover, +.b-db_entry > .c-about .additional-links .line-container > .link:hover, +.b-db_entry > .c-about .additional-links .line-container > a:hover, +.b-dialog > .inner header .name-date a.name:hover, +.b-entry-info .line a:hover, +.b-feedback-inner .about a:hover, +.b-form .variants .variant a:hover, +.b-form .cancel:hover, +.b-forums .forum .link-with-input .link:hover, +.b-forums .reload:hover, +.b-header_filters .filter-line a:hover, +.b-height_shortener .expand:hover, +.b-js-action:hover, +.b-js-link:hover, +.b-lang_trigger span:hover, +.b-link:hover, +.b-log_entry a:hover, +.b-log_entry .link:hover, +.b-log_entry .moderation a:hover, +.b-log_entry .spoiler.collapsed:hover, +.b-log_entry .spoiler.collapse:hover, +.b-log_entry .spoiler.collapse span:hover, +.b-log_entry .spoiler.collapsed span:hover, +.b-mention:hover, +.b-message > .inner header .name-date a.name:hover, +.b-nothing_here a:hover, +.b-options-floated a:hover, +.b-options-floated .link:hover, +.b-options-floated .action:hover, +.b-options-floated.mobile-desktop a:hover, +.b-person .name:hover, +.b-shiki_editor footer .unpreview:hover, +.b-shiki_editor footer .unpreview:not(.link):hover, +.b-shiki_editor footer .cancel:hover, +.b-shiki_editor footer .hide:hover, +.b-shiki_editor footer .about-bb_codes:hover, +.b-source .contributors .val a:hover, +.b-source .mal .val a:hover, +.b-source .source .val a:hover, +.b-spoiler label:hover, +.b-spoiler .content:hover .before, +.b-spoiler .content:hover .after, +.b-stats_bar a.title:hover, +.b-table a:hover, +.b-topic > .inner header .name-date a.name:hover, +.b-topic .footer-vote .vote-group .vote:hover, +.b-user.named_avatar .name:hover, +.b-user.detailed .info .image-name:hover, +.b-user.detailed .history .line a .event:hover, +.b-user16:hover, +header.head h1 a.back:hover, +header.head h2 a.back:hover, +header.head a.misc:hover, +header.head a.edit:hover, +.headline > a:hover, +.midheadline > a:hover, +.subheadline > a:hover, +.subheadline .misc-link:hover, +.b-video_player .cc-player_controls a.c-control:hover, +.b-video_player .cc-player_controls .episode-title .video-link a:hover, +.b-video_variant a:hover, +.b-animes-menu .menu-topics-block .history-entry-tooltip a:hover, +.p-animes-files .l-content a:hover, +.p-mangas-files .l-content a:hover, +div.history .block-list li .tooltip-inner a:hover, +div.history .b-block_list li .tooltip-inner a:hover, +.p-animes_collection-index .pagination .link:hover, +.p-mangas_collection-index .pagination .link:hover, +.p-recommendations-index .pagination .link:hover, +.p-userlist_comparer-show .pagination .link:hover, +.p-contests .contest-match .vs .next:hover, +.p-contests .contest-match .vs .refrain:hover, +.p-contests-edit .grid:hover, +.p-contests .match-day .match-link a:hover, +.p-contests .rating .member a:hover, +.p-contests .results a:hover, +.p-contests .suggestion > a:hover, +.p-contests .variant > a:hover, +.b-contests-menu .results:hover, +.b-contests-menu .grid a:hover, +.p-contests-grid .round .match a:hover, +.p-contests-index .contest a:hover, +.p-dashboards .c-my_list .list-type > .title .link:hover, +.p-dashboards .c-my_list .history > .title .link:hover, +.p-dashboards .c-my_list .list-type > .title .switch:hover, +.p-dashboards .c-my_list .history > .title .switch:hover, +.p-dashboards .user_list .list-type > .title .link:hover, +.p-dashboards .user_list .history > .title .link:hover, +.p-dashboards .user_list .list-type > .title .switch:hover, +.p-dashboards .user_list .history > .title .switch:hover, +.p-dashboards-show .midheadline .b-link:hover, +.p-dashboards-show .c-content .options .option:hover, +.p-dashboards-show .c-content .options .option.selected, +.p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name:hover, +.p-profiles .profile-head .c-brief header .notice a:hover, +.p-profiles .profile-head .c-mobile-actions a:hover, +.p-profiles .profile-head .c-mobile-actions span:hover, +.p-profiles .profile-head .c-info .c-additionals div a:hover, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:hover, +.p-profiles-edit .account .change-password a:hover, +.p-profiles-edit .misc .profile-action a:hover, +.p-profiles-edit .misc .profile-action .link:hover, +.p-profiles-edit .misc .nickname-changes a:hover, +.p-profiles-edit .misc .nickname-changes .link:hover, +.p-profiles-edit .list .profile-action a:hover, +.p-profiles-edit .list .profile-action .link:hover, +.p-profiles-edit .list .nickname-changes a:hover, +.p-profiles-edit .list .nickname-changes .link:hover, +.p-profiles-edit .list #import_form .link:hover, +.p-profiles-show .about a:hover, +.p-studios .studio .name:hover, +.p-translations .animes a:hover, +.p-user_history-index .history-page .history-interval p a:hover, +.p-user_rates-index .list-lines tr .name a:hover, +.p-userlist_comparer .comparer table .name a:hover, +.p-statistics-index .forum-nav .sections a:hover, +.block-list-alt a:hover, +.b-block_list-alt a:hover, +.b-catalog_entry .cover:hover, +.b-catalog_entry .cover:hover .title, +.b-comment > .inner .was_updated:hover, +.b-comment header .hash:hover, +.b-dialog > .inner .was_updated:hover, +.b-message > .inner .was_updated:hover, +.b-options-floated .selected, +.b-options-floated .selected.always-active:hover, +.b-show_more:hover, +.b-show_more-more .hide-more:hover, +.b-stats_bar .stat_names .stat_name a:hover, +.b-topic > .inner .was_updated:hover, +.headline > a:hover:before, +.midheadline > a:hover:before, +.subheadline > a:hover:before, +.headline.linkheadline > a:hover, +.linkheadline.midheadline > a:hover, +.linkheadline.subheadline > a:hover, +.headline.linkheadline > a:hover:before, +.linkheadline.midheadline > a:hover:before, +.linkheadline.subheadline > a:hover:before, +.tooltip-inner .close:hover, +.p-animes-franchise .sticky-tooltip .close:hover, +.p-mangas-franchise .sticky-tooltip .close:hover, +.p-contests .contest-match .prev-match:hover, +.p-contests .contest-match .next-match:hover, +.p-contests .match-day .match-link.voted-none > .c-column a:hover, +.p-contests .match-day .match-link.voted-left > .c-column:last-child a:hover, +.p-contests .match-day .match-link.voted-right > .c-column:first-child a:hover, +.p-contests .match-day .match-link .c-column.loser a:hover, +.p-contests .match-day .match-link .c-column.created a:hover, +.p-contests-grid .round .match .date a:hover, +.p-dashboards-show .contests .contest:hover .title, +.p-dashboards-show .contests .contest:hover .title:after, +.p-dashboards-show .contests .contest .title:hover, +.p-dashboards-show .contests .contest .title:hover:after, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.zero:hover, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.weak:hover, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.moderate:hover, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.high:hover, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.full:hover, +.p-topics .l-menu .sticky-topics .topic:hover .title, +.p-topics .l-menu .sticky-topics .topic:hover .title:after, +.p-topics .l-menu .sticky-topics .topic .title:hover, +.p-topics .l-menu .sticky-topics .topic .title:hover:after, +.p-topics .l-menu .contests .contest:hover .title, +.p-topics .l-menu .contests .contest:hover .title:after, +.p-topics .l-menu .contests .contest .title:hover, +.p-topics .l-menu .contests .contest .title:hover:after, +.p-topics header h1 a.reload:hover, +.p-user_rates-index .l-content .order-control:hover, +.p-user_rates-index .list-lines tr td .anime-status:hover, +.p-user_rates-index .list-lines tr td .anime-remove:hover, +.p-user_rates-index .list-lines tr td .anime-remove.selected, +.p-anime_videos-index .c-videos .video-variant-switcher:hover, +.p-user_rates-index .stat-categories .category:hover, +.b-options-floated.mobile-desktop a.selected, +.p-user_rates-index .stat-categories .category.active, +.p-anime_videos-index .c-videos .video-variant-switcher.active, +.b-video_player .cc-player_controls .episode-num .video-link a:hover, +.b-video_player .cc-player_controls .c-control:hover, +.b-video_variant.active a, +.b-video_player .cc-player_controls .c-control.selected { + color: #FFAB40; + border-bottom-color: rgba(255, 171, 64, 0.3); +} + +@media screen and (max-width: 480px) and (orientation: portrait) { + .b-options-floated.mobile-phone_portrait a:hover { + color: #FFAB40; + } +} + +@media screen and (max-width: 767px) { + .b-options-floated.mobile-phone a:hover { + color: #FFAB40; + } +} + +@media screen and (max-width: 1024px) { + .b-options-floated.mobile-tablet a:hover { + color: #FFAB40; + } +} + +.b-header_filters .filter-line a:active, +.b-person .name:active, +.b-source .contributors .val a:active, +.b-source .mal .val a:active, +.b-source .source .val a:active, +.b-animes-menu .menu-topics-block .history-entry-tooltip a:active, +.p-animes-files .l-content a:active, +.p-mangas-files .l-content a:active, +div.history .block-list li .tooltip-inner a:active, +div.history .b-block_list li .tooltip-inner a:active, +.p-dashboards-show .midheadline .b-link:active, +.p-dashboards-show .c-content .options .option:active, +.p-profiles .profile-head .c-brief header .notice a:active, +.p-profiles .profile-head .c-mobile-actions a:active, +.p-profiles .profile-head .c-mobile-actions span:active, +.p-profiles .profile-head .c-info .c-additionals div a:active, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:active, +.block-list-alt a:active, +.b-block_list-alt a:active, +.b-options-floated .selected:hover, +.b-show_more:active, +.b-show_more-more .hide-more:active, +.headline > a:active:before, +.midheadline > a:active:before, +.subheadline > a:active:before, +.p-dashboards-show .contests .contest:active .title, +.p-dashboards-show .contests .contest:active .title:after, +.p-dashboards-show .contests .contest .title:active, +.p-dashboards-show .contests .contest .title:active:after, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.zero:active, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.weak:active, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.moderate:active, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.high:active, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.full:active, +.p-topics .l-menu .sticky-topics .topic:active .title, +.p-topics .l-menu .sticky-topics .topic:active .title:after, +.p-topics .l-menu .sticky-topics .topic .title:active, +.p-topics .l-menu .sticky-topics .topic .title:active:after, +.p-topics .l-menu .contests .contest:active .title, +.p-topics .l-menu .contests .contest:active .title:after, +.p-topics .l-menu .contests .contest .title:active, +.p-topics .l-menu .contests .contest .title:active:after, +.p-user_rates-index .stat-categories .category:active, +.b-options-floated.mobile-desktop a.selected:hover, +.p-user_rates-index .stat-categories .category.active:hover, +.p-anime_videos-index .c-videos .video-variant-switcher.active:hover, +.b-video_player .cc-player_controls .c-control.selected:hover { + color: #FF9100; +} + +@media only screen and (min-width: 1025px) { + .b-abuse_request .ban-form .cancel:active, + .b-ban .abuser:active, + .b-bb_codes-examples .example a:active, + .b-bb_codes-examples .result a:active, + .b-bracket-actions > div:active, + .b-bracket-actions > span:active, + .b-catalog_entry-tooltip .inner a.name:active, + .b-catalog_entry-tooltip .inner .line .value a:active, + .b-catalog_entry-tooltip .inner .line.works .value a:active, + .b-catalog_entry .cover .title:active, + .b-club .name:active, + .b-comment > .inner header .name-date a.name:active, + .b-comments .comments-collapser:active, + .b-cosplay-topic > .inner .cosplay-info .line .value a:active, + .b-cosplay_gallery h3 a:active, + .b-db_entry-note .name-container .name:active, + .b-db_entry > .c-about .additional-links .line-container > .link:active, + .b-db_entry > .c-about .additional-links .line-container > a:active, + .b-dialog > .inner header .name-date a.name:active, + .b-entry-info .line a:active, + .b-feedback-inner .about a:active, + .b-form .variants .variant a:active, + .b-form .cancel:active, + .b-forums .forum .link-with-input .link:active, + .b-forums .reload:active, + .b-header_filters .filter-line a:active, + .b-height_shortener .expand:active, + .b-js-action:active, + .b-js-link:active, + .b-lang_trigger span:active, + .b-link:active, + .b-log_entry a:active, + .b-log_entry .link:active, + .b-log_entry .moderation a:active, + .b-log_entry .spoiler.collapsed:active, + .b-log_entry .spoiler.collapse:active, + .b-log_entry .spoiler.collapse span:active, + .b-log_entry .spoiler.collapsed span:active, + .b-mention:active, + .b-message > .inner header .name-date a.name:active, + .b-nothing_here a:active, + .b-options-floated a:active, + .b-options-floated .link:active, + .b-options-floated .action:active, + .b-options-floated.mobile-desktop a:active, + .b-shiki_editor footer .unpreview:active, + .b-shiki_editor footer .unpreview:not(.link):active, + .b-shiki_editor footer .cancel:active, + .b-shiki_editor footer .hide:active, + .b-shiki_editor footer .about-bb_codes:active, + .b-spoiler label:active, + .b-stats_bar a.title:active, + .b-table a:active, + .b-topic > .inner header .name-date a.name:active, + .b-topic .footer-vote .vote-group .vote:active, + .b-user.named_avatar .name:active, + .b-user.detailed .info .image-name:active, + .b-user.detailed .history .line a .event:active, + .b-user16:active, + header.head h1 a.back:active, + header.head h2 a.back:active, + header.head a.misc:active, + header.head a.edit:active, + .headline > a:active, + .midheadline > a:active, + .subheadline > a:active, + .subheadline .misc-link:active, + .b-video_player .cc-player_controls a.c-control:active, + .b-video_player .cc-player_controls .episode-title .video-link a:active, + .b-video_variant a:active, + .p-animes_collection-index .pagination .link:active, + .p-mangas_collection-index .pagination .link:active, + .p-recommendations-index .pagination .link:active, + .p-userlist_comparer-show .pagination .link:active, + .p-contests .contest-match .vs .next:active, + .p-contests .contest-match .vs .refrain:active, + .p-contests-edit .grid:active, + .p-contests .match-day .match-link a:active, + .p-contests .rating .member a:active, + .p-contests .results a:active, + .p-contests .suggestion > a:active, + .p-contests .variant > a:active, + .b-contests-menu .results:active, + .b-contests-menu .grid a:active, + .p-contests-grid .round .match a:active, + .p-contests-index .contest a:active, + .p-dashboards .c-my_list .list-type > .title .link:active, + .p-dashboards .c-my_list .history > .title .link:active, + .p-dashboards .c-my_list .list-type > .title .switch:active, + .p-dashboards .c-my_list .history > .title .switch:active, + .p-dashboards .user_list .list-type > .title .link:active, + .p-dashboards .user_list .history > .title .link:active, + .p-dashboards .user_list .list-type > .title .switch:active, + .p-dashboards .user_list .history > .title .switch:active, + .p-dashboards-show .midheadline .b-link:active, + .p-dashboards-show .c-content .options .option:active, + .p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name:active, + .p-profiles .profile-head .c-brief header .notice a:active, + .p-profiles .profile-head .c-mobile-actions a:active, + .p-profiles .profile-head .c-mobile-actions span:active, + .p-profiles .profile-head .c-info .c-additionals div a:active, + .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:active, + .p-profiles-edit .account .change-password a:active, + .p-profiles-edit .misc .profile-action a:active, + .p-profiles-edit .misc .profile-action .link:active, + .p-profiles-edit .misc .nickname-changes a:active, + .p-profiles-edit .misc .nickname-changes .link:active, + .p-profiles-edit .list .profile-action a:active, + .p-profiles-edit .list .profile-action .link:active, + .p-profiles-edit .list .nickname-changes a:active, + .p-profiles-edit .list .nickname-changes .link:active, + .p-profiles-edit .list #import_form .link:active, + .p-profiles-show .about a:active, + .p-studios .studio .name:active, + .p-translations .animes a:active, + .p-user_history-index .history-page .history-interval p a:active, + .p-user_rates-index .list-lines tr .name a:active, + .p-userlist_comparer .comparer table .name a:active, + .p-statistics-index .forum-nav .sections a:active, + .b-catalog_entry .cover:active, + .b-comment > .inner .was_updated:active, + .b-comment header .hash:active, + .b-dialog > .inner .was_updated:active, + .b-message > .inner .was_updated:active, + .b-options-floated .selected.always-active:active, + .b-stats_bar .stat_names .stat_name a:active, + .b-topic > .inner .was_updated:active, + .headline.linkheadline > a:active, + .linkheadline.midheadline > a:active, + .linkheadline.subheadline > a:active, + .headline.linkheadline > a:active:before, + .linkheadline.midheadline > a:active:before, + .linkheadline.subheadline > a:active:before, + .tooltip-inner .close:active, + .p-animes-franchise .sticky-tooltip .close:active, + .p-mangas-franchise .sticky-tooltip .close:active, + .p-contests .contest-match .prev-match:active, + .p-contests .contest-match .next-match:active, + .p-contests .match-day .match-link.voted-none > .c-column a:active, + .p-contests .match-day .match-link.voted-left > .c-column:last-child a:active, + .p-contests .match-day .match-link.voted-right > .c-column:first-child a:active, + .p-contests .match-day .match-link .c-column.loser a:active, + .p-contests .match-day .match-link .c-column.created a:active, + .p-contests-grid .round .match .date a:active, + .p-topics header h1 a.reload:active, + .p-user_rates-index .l-content .order-control:active, + .p-user_rates-index .list-lines tr td .anime-status:active, + .p-user_rates-index .list-lines tr td .anime-remove:active, + .b-bracket-details:active, + .b-form a.remove:active, + .p-anime_videos-index .c-videos .video-variant-switcher:active, + .p-anime_videos-index .c-videos .video-variant-switcher.active, + .b-video_player .cc-player_controls .episode-num .video-link a:active, + .b-video_player .cc-player_controls .c-control:active { + color: #FF9100; + border-bottom-color: rgba(255, 145, 0, 0.3); + } +} + +@media only screen and (max-width: 480px) and (orientation: portrait) and (min-width: 1025px) { + .b-options-floated.mobile-phone_portrait a:active { + color: #FF9100; + } +} + +@media only screen and (max-width: 767px) and (min-width: 1025px) { + .b-options-floated.mobile-phone a:active { + color: #FF9100; + } +} + +@media only screen and (max-width: 1024px) and (min-width: 1025px) { + .b-options-floated.mobile-tablet a:active { + color: #FF9100; + } +} + +body { + background-color: #FAFAFA; +} + +.l-page, +.c-actions:before, +.p-contests .contest-match .vs > div:first-child, +.p-contests .match-day > .date, +.p-animes_collection-index .l-content.ajax_request::before, +.p-mangas_collection-index .l-content.ajax_request::before, +.p-recommendations-index .l-content.ajax_request::before, +.p-userlist_comparer-show .l-content.ajax_request::before, +.b-ajax:before { + background: #FAFAFA; +} + +.l-page:before { + outline-color: #FAFAFA; +} + +@media screen and (max-width: 960px) { + .p-profiles .profile-head .c-brief header { + background-color: #FAFAFA; + } +} + +@media screen and (max-width: 1024px) { + body { + background-color: #FAFAFA !important; + } +} + +.b-height_shortener .shade { + background-image: linear-gradient(to bottom, transparent, #FAFAFA); +} + +.b-topic.aside-expanded > .inner aside.buttons, +.b-dialog.aside-expanded > .inner aside.buttons, +.b-message.aside-expanded > .inner aside.buttons, +.b-comment.aside-expanded > .inner aside.buttons { + background-color: rgba(250, 250, 250, 0.9); +} + +/* BLACK GREY WHITE */ +body, +header.head h1, +header.head h2, +.ac_results, +.tooltip-inner, +.b-input input, +.b-input textarea, +.b-shiki_editor .body .editor textarea, +.b-shiki_editor .links .link-value, +.b-shiki_editor .images .link-value, +.b-shiki_editor .quotes .link-value, +.b-shiki_editor .email .link-value, +.b-shiki_editor .upload .link-value, +.p-user_rates-index .list-lines tr td .new-value input, +.p-user_rates-index .l-content .filter input, +.subheadline-input, +.b-catalog_entry-tooltip .inner a.name, +.b-catalog_entry .cover .title, +.b-catalog_entry-tooltip .inner .line .value a, +.b-clubs-menu .block-list li:hover, +.b-clubs-menu .block-list li:hover a, +.b-clubs-menu .block-list li a:hover, +.b-clubs-menu .b-block_list li:hover, +.b-clubs-menu .b-block_list li:hover a, +.b-clubs-menu .b-block_list li a:hover, +.b-db_entry > .c-image .c-actions > a:after, +.b-db_entry-note .name-container .name, +.b-dialog > .inner header .name-date a.name, +.b-entry-info .line .b-tag, +.b-forums .forum .link-with-input .link, +.b-height_shortener .expand, +.b-hot_topics .topic.subject, +.b-hot_topics .topic a:hover, +.b-message > .inner header .name-date a.name, +.b-modal .subheadline, +.b-link_button, +.b-link_button:hover, +.b-link_button:active, +.block-list li:hover, +.block-list-alt li:hover, +.b-block_list li:hover, +.b-block_list-alt li:hover, +.b-pages .b-link, +.b-show_more:hover, +.b-show_more-more .hide-more:hover, +.b-stats_bar .stat_names .stat_name a, +.b-video_player .cc-player_controls .episode-title, +.b-video_variant .episode-num, +.b-video_variant .video-author, +.b-video_variant .video-id, +.headline, +.b-catalog_entry-tooltip .inner .line .value .tag:hover, +.b-entry-info .line .b-tag:hover, +.b-tag:hover, +.p-contests .match-day .match-link.voted-none > .c-column a, +.p-contests .match-day .match-link.voted-left > .c-column:last-child a, +.p-contests .match-day .match-link.voted-right > .c-column:first-child a, +.p-contests .match-day .match-link .c-column.loser a, +.p-contests .match-day .match-link .c-column.created a, +.p-dashboards-show .contests .contest .title, +.p-dialogs .b-options-floated > a.selected, +.p-moderations-missing_videos .missing-video > .info span, +.p-messages .b-options-floated > a.selected, +.p-profiles-edit .b-options-floated > a.selected, +.p-profiles .profile-head .c-history .entry .title, +.p-topics .l-menu .calendar .entry a, +.p-topics .l-menu .clubs .entry a, +.p-topics .l-menu .contests .contest .title, +.p-topics .l-menu .reviews .entry a, +.p-topics .l-menu .sticky-topics .topic .title, +.p-user_rates-index .l-content .order-control, +.p-user_rates-index .l-content .order-control:hover { + color: #212121 !important; +} + +/* Цвет основного текста в области при наведении */ +.b-clubs-menu .b-link:hover, +.b-clubs-menu .actions li:hover, +.b-clubs-menu .actions .upload label:hover, +.b-clubs-menu .actions .invite span:hover, +.b-clubs-menu .actions .join a:hover, +.b-clubs-menu .actions .leave a:hover, +.b-hot_topics .topic a, +.b-forums .forum:hover .link-with-input .link, +.b-image .marker, +.b-video .marker, +.b-video .name, +.p-dashboards-show .contests .contest:hover .title, +.p-profiles .profile-head .c-history .entry:hover .title, +.p-topics .l-menu .calendar .entry:hover a, +.p-topics .l-menu .clubs .entry:hover a, +.p-topics .l-menu .contests .contest:hover .title, +.p-topics .l-menu .reviews .entry:hover a, +.p-topics .l-menu .sticky-topics .topic:hover .title { + color: #212121 !important; +} + +@media (max-width: 1024px) { + .l-top_menu .menu-items > .entry > a, + .l-top_menu .menu-items > .entry > .submenu > a, + .l-top_menu .inner .sign_out { + color: #212121 !important; + } +} + +h3, +header.head .notice, +.bar.horizontal .line .x_label, +.bar.vertical .line .x_label, +.b-entry-info .line .b-tag, +.b-catalog_entry-tooltip .inner .line .key, +.b-catalog_entry-tooltip .inner .line .value .tag, +.b-catalog_entry-tooltip .inner .rating, +.b-collection-filters .block > .filter.item-sign:hover, +.b-height_shortener:hover .expand, +.b-lang_trigger:hover span, +.b-lang_trigger span:hover, +.b-show_more, +.b-show_more-more .hide-more, +.b-stats_bar .stat_names:hover:before, +.b-tag, +.block-list li, +.block-list-alt li, +.block-list li a, +.block-list-alt li a, +.b-block_list li, +.b-block_list li a, +div.compatibility > a:hover:before, +div.compatibility > a:hover > span:first-child:before, +.item-add:hover, +.l-footer .copyright, +.p-characters .item-edit:hover, +.p-characters .item-edit:active, +.p-contests .match-day > .date .from, +.p-contests .match-day > .date .to, +.p-profiles-edit .b-options-floated > a, +.p-dialogs .b-options-floated > a, +.p-messages .b-options-floated > a, +.p-user_rates-index .list-lines tr td .episodes_total, +.p-user_rates-index .list-lines tr td .rate-text { + color: #424242; +} + +header.head h1 > a.back:hover, +header.head h2 > a.back:hover, +header.head h1 > a.back:active, +header.head h2 > a.back:active, +.b-video_player .cc-player_controls .c-control:hover .icon, +.p-animes_collection-index .pagination .link:hover, +.p-mangas_collection-index .pagination .link:hover, +.p-recommendations-index .pagination .link:hover, +.p-userlist_comparer-show .pagination .link:hover, +.b-clubs-menu .block-list li, +.b-clubs-menu .block-list li a, +.b-clubs-menu .b-block_list li, +.b-clubs-menu .b-block_list li a, +.b-list_switchers > .switcher:hover, +.c-actions > *:hover, +.editor-controls > span:hover, +.profile-actions > a:hover, +.p-animes .item-edit:hover, +.p-contests .contest-match .prev-match:hover, +.p-contests .contest-match .next-match:hover, +.p-mangas .item-edit:hover, +.p-profiles-show .about .item-edit:hover, +.p-messages .mass-actions .action > a:hover, +.p-topics header h1 a.reload, +.delete-controls > span, +.delete-controls > span:hover, +.main-controls > span, +.main-controls > span:hover, +.main-controls > a, +.main-controls > a:hover, +.buttons .item-edit, +.buttons .item-edit:hover, +.moderation-controls > span, +.moderation-controls > span:hover, +.b-video_player .cc-player_controls .episode-num { + color: #424242 !important; +} + +.midheadline, +.subheadline, +.b-animes-menu .menu-topics-block .date, +.b-breadcrumbs, +.b-breadcrumbs a.b-link, +.b-catalog_entry .cover .misc span, +.b-catalog_entry-tooltip .inner .rating .text, +.b-club .info .number, +.b-comment-info, +.b-comment .inner .name-date a.name .normal, +.b-collection-filters .block > .filter.item-sign, +.b-db_entry-note .name-container .note, +.b-entry-info .line .key, +.b-forums .forum .link-with-input input + .link, +.b-forums .forum .topics, +.b-lang_trigger span, +.b-log_entry .id-label, +.b-log_entry .state.auto_accepted, +.b-options-floated.count, +.b-pages .title, +.b-quote .quoteable:before, +.b-replies:before, +.b-stats_bar .title, +.b-stats_bar .stat_names:before, +.b-source .contributors .key, +.b-source .mal .key, +.b-source .source .key, +.b-topic-preview > .inner .status-line .about, +.b-topic-preview > .inner .status-line .from, +.b-collection-filters .block-list li:before, +.b-collection-filters .block-list .b-question:before, +.b-collection-filters .b-block_list li:before, +.b-collection-filters .b-block_list .b-question:before, +div.compatibility > a:before, +div.compatibility > span.link-replacement > span:first-child:before, +div.compatibility > a > span:first-child:before, +.item-add, +.item-mobile, +.item-mobile:hover, +.item-mobile:active, +.l-footer:before, +.l-footer .links a, +.l-top_menu .menu-items .submenu-toggler, +.p-animes_collection-index .pagination .link, +.p-mangas_collection-index .pagination .link, +.p-recommendations-index .pagination .link, +.p-userlist_comparer-show .pagination .link, +.p-characters .item-edit, +.p-contests .contest-match .vs, +.p-contests .contest-match .vs .help, +.p-contests .contest-match .vs .next, +.p-contests .contest-match .vs .finish, +.p-contests .contest-match .vs .refrain, +.p-contests .contest-match .vs .refrained, +.p-contests .match-day .matches-num, +.p-dashboards-show .contests .contest .notice, +.p-db_entries-edit .b-list .field, +.p-profiles .profile-head .c-info .c-additionals b, +.p-topics .l-menu .sticky-topics .topic .notice, +.b-user.detailed .info .last-online, +.b-video_variant .episode-hostings, +.b-video_variant .video-hosting, +.b-video_variant .video-language, +.p-anime_videos-index .c-video_stats .views_count, +.p-anime_videos-index .same-videos .title, +.p-anime_videos-index .c-anime_video_episodes .title, +.p-anime_videos-index .c-videos .title { + color: #757575; +} + +header.head h1 a.back, +header.head h2 a.back, +.about-bb_codes:before, +.b-db_entry > .c-about .additional-links .key, +.b-list_switchers > .switcher, +.b-user_rate .rate-show .note, +.c-actions > *, +.editor-controls > span, +.profile-actions > a, +.p-animes .item-edit, +.p-animes_collection-index .pagination .link, +.p-clubs-index header.head a.misc, +.p-contests .contest-match .prev-match, +.p-contests .contest-match .next-match, +.p-mangas .item-edit, +.p-mangas_collection-index .pagination .link, +.p-messages .mass-actions > .action > a, +.p-profiles .profile-head .c-history .entry .misc, +.p-profiles-show .about .item-edit, +.p-profiles-show .lifetime .title > .label:before, +.p-profiles-show .profile-content .activity .title, +.p-recommendations-index .pagination .link, +.p-topics .l-menu .calendar .entry .misc, +.p-topics .l-menu .reviews .entry .misc, +.p-topics .l-menu .clubs .entry .misc, +.p-userlist_comparer-show .pagination .link, +.p-user_rates-index .list-lines tr.edit-form .remove, +.p-user_rates-index .list-lines tr.edit-form .remove:hover, +.p-user_history-index .history-page .history-interval p .date { + color: #757575 !important; +} + +@media only screen and (min-width: 1025px) { + .delete-controls > span, + .moderation-controls > span, + .main-controls > span, + .main-controls > a, + .buttons .item-edit { + color: #757575 !important; + } +} + +.b-user.detailed .history .line .date, +.b-video_variant .episode-hostings:before, +.b-video_variant .episode-hostings:after, +.b-video_variant .video-hosting:before, +.b-video_variant .video-hosting:after, +.b-video_variant .video-language:before, +.b-video_variant .video-language:after, +.b-video_variant .video-kind.english:before, +.p-anime_videos-index .c-videos .video-variant-switcher:not(:first-child):after, +.b-nothing_here, +.b-review_votes span, +.b-topic-preview > .inner .status-line .time { + color: #9E9E9E; +} + +.b-video_player .cc-player_controls .c-control .icon, +.p-animes_collection-index .pagination .link.disabled, +.p-mangas_collection-index .pagination .link.disabled, +.p-recommendations-index .pagination .link.disabled, +.p-userlist_comparer-show .pagination .link.disabled, +.p-animes_collection-index .pagination .link.disabled:hover, +.p-mangas_collection-index .pagination .link.disabled:hover, +.p-recommendations-index .pagination .link.disabled:hover, +.p-userlist_comparer-show .pagination .link.disabled:hover, +.p-profiles .profile-head .c-history .entry .misc.date, +.p-topics .l-menu .calendar .entry .misc.date, +.p-topics .l-menu .reviews .entry .misc.date, +.p-topics .l-menu .clubs .entry .misc.date { + color: #9E9E9E !important; +} + +/* PRIMARY COLOR */ +input[type=submit], +.button, +.b-button, +.b-contests-menu .results, +.b-form input[type=submit], +.b-link_button.dark, +.btn-primary, +.b-shiki_editor .links .button.ok, +.b-shiki_editor .images .button.ok, +.b-shiki_editor .quotes .button.ok, +.b-shiki_editor .email .button.ok, +.b-shiki_editor .upload .button.ok, +.p-contests .contest-match .votes-percents .right-part, +.p-contests .contest-match .votes-percents .left-part:hover .right-part, +.p-user_rates .mylist-block + .block > .b-list > li, +.b-collection-filters > .block:first-child > .b-list > li, +.b-collection-filters > .block:first-child > .b-list > li, +.b-stats_bar.anime .bar .first, +.b-stats_bar.anime .bar .second, +.line:nth-child(odd) > .bar-container > .bar, +.line:nth-child(odd) > .bar-container > .bar:hover, +.line:nth-child(even) > .bar-container > .bar, +.line:nth-child(even) > .bar-container > .bar:hover, +.b-image .mobile-edit, +.b-image .delete:hover, +.b-image.deletable .confirm:hover, +.b-image.deletable .cancel:hover, +.p-user_rates-index .list-posters .user_rate .edit-user_rate, +.p-user_rates-index .list-posters .user_rate .edit-user_rate:hover { + background-color: #009688; +} + +.p-contests .contest-match .votes-percents .right-part, +.p-contests .contest-match .votes-percents .left-part:hover .right-part, +.b-main_search .input:after { + border-color: #009688; +} + +.subheadline > a:hover, +.midheadline > a:hover, +.edit-page a.cancel:hover, +.b-form .cancel:hover, +.b-shiki_editor footer .unpreview:hover, +.b-shiki_editor footer .preview:hover, +.b-topic-preview > .editor-container .hide:hover, +.p-contests .contest-match .vs .refrain:hover, +.p-dashboards-show .b-forums > .b-link_button.maxi:hover:after, +.p-profiles-show .b-stats_bar a.title:hover { + background-color: rgba(0, 150, 136, 0.12); +} + +input[type=submit]:hover, +.button:hover, +.b-button:hover, +.b-contests-menu .results:hover, +.b-form input[type=submit]:hover, +.b-link_button.dark:hover { + background-color: #008478; +} + +.b-contests-menu .results, +.b-link_button.dark, +.btn-submit { + color: #FAFAFA !important; +} + +.b-rate .stars.score, +.b-forums .forum input:checked + .link:before, +.b-collection-filters .block-list .filter, +.b-collection-filters .block-list li.selected:before, +.b-collection-filters .b-block_list .filter, +.b-collection-filters .b-block_list li.selected:before, +.p-contests .contest-match .vs .refrain, +.p-contests .contest-match .vs .refrain:hover, +.p-contests .contest-match .vs .refrain:active, +.tooltip-details .ajax-loading { + color: #009688; +} + +.headline > a, +.headline > a:hover, +.headline.linkheadline > a, +.midheadline > a, +.midheadline > a:hover, +.midheadline.linkheadline > a, +.subheadline > a, +.subheadline > a:hover, +.subheadline.linkheadline > a, +.edit-page a.cancel, +.p-dashboards-show .b-forums > .b-link_button.maxi:after, +.b-form .cancel, +.b-shiki_editor footer .unpreview, +.b-shiki_editor footer .unpreview:not(.link):hover, +.b-shiki_editor footer .preview, +.b-stats_bar a.title, +.b-topic-preview > .editor-container .hide { + color: #009688 !important; +} + +/* END of PRIMARY COLOR */ +/* ACCENT COLOR */ +.menu .unread-count, +.menu:hover .unread-count, +.menu .contest, +.menu:hover .contest, +.p-contests .contest-match .votes-percents .left-part, +.p-contests .contest-match .votes-percents .left-part:hover, +.b-options-floated a span.brackets, +.b-options-floated .link span.brackets, +.b-stats_bar.manga .bar .first, +.b-stats_bar.manga .bar .second, +div.compatibility > a > span.rate, +div.compatibility > span.link-replacement > span.rate { + background-color: #FFAB40; +} + +.menu .unread-count:hover, +.menu .contest:hover { + background-color: #FFAB40 !important; +} + +.p-profiles-show .b-stats_bar.manga a.title:hover { + background-color: rgba(255, 171, 64, 0.12); +} + +.p-profiles-edit .b-options-floated > a.selected, +.p-dialogs .b-options-floated > a.selected, +.p-messages .b-options-floated > a.selected { + border-bottom: 2px solid #FFAB40; +} + +.menu .unread-count, +.menu:hover .unread-count, +.menu .contest, +.menu:hover .contest { + color: #212121 !important; +} + +.b-rate .stars.hover, +.c-actions .fav-add:hover:before, +.c-actions .fav-remove:before, +.profile-actions .fav-remove:before { + color: #FFAB40; +} + +.b-list_switchers > .switcher.selected, +.editor-controls > span.selected, +.p-profiles-show .b-stats_bar.manga a.title { + color: #FFAB40 !important; +} + +/* END of ACCENT COLOR */ +/* BACKGROUND COLOR */ +.ac_results, +.b-image .marker, +.b-modal > .inner, +.b-video .marker, +.b-video .name, +.l-top_menu .menu-items, +.tooltip-inner, +.tooltip-details .ajax-loading { + background: #FFFFFF; +} + +@media screen and (max-width: 599px) { + .b-stats_bar .stat_names:hover { + background-color: #FFFFFF; + } +} + +.b-link_button, +.b-comments .comments-loader, +.b-comments .comments-hider, +.b-comments .comments-expander, +.b-comments .messages-postloader, +.b-comments .faye-loader, +.b-forum .faye-loader, +.p-animes-show .other-names.click-loader, +.p-mangas-show .other-names.click-loader, +.collapsed { + background-color: #EEEEEE; + border-color: #E0E0E0; +} + +.b-link_button:hover, +.b-comments .comments-loader:hover, +.b-comments .comments-hider:hover, +.b-comments .comments-expander:hover, +.b-comments .messages-postloader:hover, +.b-comments .faye-loader:hover, +.b-forum .faye-loader:hover, +.p-animes-show .other-names.click-loader:hover, +.p-mangas-show .other-names.click-loader:hover, +.collapsed:hover { + background-color: #E0E0E0; + border-color: #DDDDDD; +} + +.b-link_button:active, +.b-comments .comments-loader:active, +.b-comments .comments-hider:active, +.b-comments .comments-expander:active, +.b-comments .messages-postloader:active, +.b-comments .faye-loader:active, +.b-forum .faye-loader:active, +.p-animes-show .other-names.click-loader:active, +.p-mangas-show .other-names.click-loader:active, +.collapsed:active { + background-color: #DDDDDD; + border-color: #DDDDDD; +} + +.b-quote, .b-quote .b-quote .b-quote { + background: #F5F5F5; +} + +.b-quote .b-quote, .b-quote .b-quote .b-quote .b-quote { + background: #EEEEEE; +} + +.b-user_rate .rate-show .note, +.p-topics-new .topic_video, +.p-topics-edit .topic_video, +.p-topics-create .topic_video, +.p-topics-update .topic_video, +.p-user_rates-index .list-lines tr.edit-form form { + background: #EEEEEE; +} + +select, +.b-editable_grid tbody tr:nth-child(odd) td, +.b-input input, +.b-input textarea, +.b-pages, +.b-shiki_editor .body .editor textarea, +.b-shiki_editor .links .link-value, +.b-shiki_editor .images .link-value, +.b-shiki_editor .quotes .link-value, +.b-shiki_editor .email .link-value, +.b-shiki_editor .upload .link-value, +div.compatibility > a:before, +div.compatibility > span.link-replacement > span:first-child:before, +div.compatibility > a > span:first-child:before, +.l-page .menu-toggler .toggler, +.p-contests .match-day .match-link:hover, +.p-contests .match-day .match-link.active, +.p-user_rates-index .list-groups .summary.posters, +.p-user_rates-index .list-lines tr td .new-value input, +.p-user_rates-index .l-content .filter input, +.subheadline-input { + background: #F5F5F5; +} + +.editor textarea.b-comment, +.editor textarea.b-message { + background: #F5F5F5 !important; +} + +/* Области наведения */ +.b-collection-filters .block > .filter.item-sign, +.b-lang_trigger, +.b-tag, +.block-list li:hover, +.block-list-alt li:hover, +.block-list li.selected, +.block-list-alt li.selected, +.b-block_list li:hover, +.b-block_list li.selected, +.b-entry-info .line .b-tag, +.b-catalog_entry-tooltip .inner .line .value .tag, +.b-hot_topics .topic a, +.b-forums .forum:hover, +.b-show_more:hover, +.b-show_more-more .hide-more:hover, +.b-stats_bar .stat_names:hover:before, +.history-interval p:hover, +.p-profiles .profile-head .c-history .entry:hover a, +.p-topics .l-menu .sticky-topics .topic:hover, +.p-dashboards-show .contests .contest:hover, +.p-topics .l-menu .calendar .entry:hover a, +.p-topics .l-menu .clubs .entry:hover a, +.p-topics .l-menu .contests .contest:hover, +.p-topics .l-menu .reviews .entry:hover a, +.p-user_rates-index .list-lines .selectable:hover, +.p-user_rates-index .l-content .order-control:hover, +.p-animes_collection-index .pagination .link:hover, +.p-mangas_collection-index .pagination .link:hover, +.p-recommendations-index .pagination .link:hover, +.p-userlist_comparer-show .pagination .link:hover { + background-color: #EEEEEE; +} + +.block-list li:active, +.block-list-alt li:active, +.b-block_list li:active, +.p-contests .match-day .match-link:active { + background-color: #EEEEEE !important; +} + +.p-dialogs header.head, +.p-messages header.head, +.p-profiles-edit header.head, +.p-profiles-edit .b-options-floated, +.p-dialogs .b-options-floated, +.p-messages .b-options-floated, +.b-hot_topics .topic a:hover { + background-color: #E0E0E0; +} + +.p-userlist_comparer .comparer table .selectable:hover { + background-color: #E0E0E0 !important; +} + +/* Кнопки при наведении */ +div.compatibility > a:hover:before, +div.compatibility > a:hover > span:first-child:before, +.b-video_player .cc-player_controls .c-control:hover .icon, +.p-animes_collection-index .pagination .link:hover, +.p-mangas_collection-index .pagination .link:hover, +.p-recommendations-index .pagination .link:hover, +.p-userlist_comparer-show .pagination .link:hover, +.b-collection-filters .block > .filter.item-sign:hover, +.b-lang_trigger:hover, +.b-list_switchers > .switcher:hover, +.b-tag:hover, +.b-entry-info .line .b-tag:hover, +.b-catalog_entry-tooltip .inner .line .value .tag:hover, +.b-user_rate .rate-show .rate-number .item-add:hover, +.p-animes .item-edit:hover, +.p-characters .item-edit:hover, +.p-contests .contest-match .prev-match:hover, +.p-contests .contest-match .next-match:hover, +.p-mangas .item-edit:hover, +.p-profiles-show .about .item-edit:hover, +.p-messages .mass-actions .action > a:hover, +.p-user_rates-index .list-lines tr.edit-form .remove:hover, +.delete-controls > span:hover, +.moderation-controls > span:hover, +.main-controls > span:hover, +.main-controls > a:hover, +.buttons .item-edit:hover, +.editor-controls > span:hover, +.c-actions > *:hover, +.about-bb_codes:hover, +.profile-actions > *:hover, +.item-mobile:hover, +.item-mobile:active, +header.head h1 > a.back:hover, +header.head h2 > a.back:hover { + background-color: #E0E0E0; +} + +/* ЦВЕТ ГРАНИЦ ЭЛЕМЕНТОВ */ +hr, +.b-db_entry-note:before, +.b-dialog:before, +.b-message:before, +.b-comment:before, +.b-comments .comments-loaded:before, +.p-contests .match-day:before, +.p-profiles .profile-head .c-history .entry:before, +.p-topics .l-menu .calendar .entry:before, +.p-topics .l-menu .reviews .entry:before, +.p-topics .l-menu .clubs .entry:before { + background-color: #DDDDDD; +} + +h3, +select, +.b-input input, +.b-input textarea, +.b-pages, +.b-topic, +.b-shiki_editor .body .editor textarea, +.b-shiki_editor .links .link-value, +.b-shiki_editor .images .link-value, +.b-shiki_editor .quotes .link-value, +.b-shiki_editor .email .link-value, +.b-shiki_editor .upload .link-value, +.b-quote, +.l-page .menu-toggler .toggler, +.p-topics-new .topic_video, +.p-topics-edit .topic_video, +.p-topics-create .topic_video, +.p-topics-update .topic_video, +.p-user_rates-index .list-groups .summary.posters, +.p-user_rates-index .list-lines tr.edit-form form, +.p-user_rates-index .list-lines tr td .new-value input, +.p-user_rates-index .l-content .filter input, +.subheadline-input { + border-color: #DDDDDD; +} + +/* ОСОБЫЕ ЦВЕТА */ +.b-entry-info .line .b-tag:active, +.b-catalog_entry-tooltip .inner .line .value .tag:active { + background-color: #DDDDDD; +} + +.b-rate .stars.background { + color: #DDDDDD; +} + +.b-stats_bar .bar .third { + background: #DDDDDD; +} + +/* END of НАСТРОЙКА ЦВЕТОВ */ + + + + + + + + + + +/* BUGFIX */ +/* В превью комментария не отображается заголовок на страницах клубов */ +.p-club_pages .new_comment .preview .b-comment .inner header, +.p-club_pages .edit_comment .preview .b-comment .inner header { + display: block; +} + +/* ОСНОВНОЙ ФАЙЛ */ +header.head h1, +header.head h2, +input { + font-family: inherit; +} + +.buttons, +.ac_results .name, +.b-animes-menu .total-rates, +.b-comment > .inner header .name-date a.name, +.b-comments .comments-expander, +.b-comments .comments-expander:hover, +.b-comments .comments-hider, +.b-comments .comments-hider:hover, +.b-comments .comments-loader, +.b-comments .comments-loader:hover, +.b-comments .faye-loader, +.b-comments .faye-loader:hover, +.b-comments .messages-postloader, +.b-comments .messages-postloader:hover, +.b-entry-info .line .value, +.b-forum .faye-loader, +.b-forum .faye-loader:hover, +.b-header_filters .filter-line .title, +.b-header_filters .filter-line a.current, +.b-mention s, +.b-options-floated .selected.always-active, +.b-quote, +.b-rate .score-notice, +.b-rate .text-score, +.b-table th, +.b-topic > .inner header .name-date a.name, +.b-user.detailed .history .line .event, +.collapsed, +.completable-block .name, +.l-page .menu-toggler .toggler:after, +.p-anime_videos-index .c-anime_video_episodes .title, +.p-anime_videos-index .c-videos .title, +.p-anime_videos-index .same-videos .title, +.p-statistics-index .forum-nav .sections a, +.p-user_rates-index .list-groups .summary.lines, +.p-userlist_comparer .comparer table .name a, +.tooltip-details .b-nothing_here.centered { + color: inherit; +} + +.b-comments .comments-expander:active, +.b-comments .comments-hider:active, +.b-comments .comments-loader:active, +.b-forum .faye-loader:active, +.block-list li.selected, +.block-list-alt li.selected, +.b-block_list li.selected, +.p-animes-show .other-names.click-loader, +.p-mangas-show .other-names.click-loader { + color: inherit !important; +} + +@media screen and (max-width: 767px) { + .b-options-floated.mobile-phone a.selected { + color: inherit; + } +} + +/* MAIN BLOCKS */ +body { + position: relative; + min-height: 100%; + font-size: 16px; + font-weight: 400; + line-height: 1.25; + overflow-x: hidden; +} + +.l-page { + min-height: 100%; + padding-top: 4.5rem; + padding-right: 1rem; + padding-bottom: 4.5rem; + padding-left: 1rem; + background-color: inherit; +} + +.l-footer { + position: absolute; + right: 0; + bottom: 0; + left: 0; + width: 100%; + max-width: inherit; + padding: 0 1rem; + margin: auto; +} + +.l-page:before { + content: ''; + display: block; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: auto; + background: none; + outline-width: 1rem; + outline-style: solid; + z-index: -1; +} + +.l-footer:before { + content: 'Theme by grin3671'; + display: block; + float: left; + position: static; + left: auto; + bottom: auto; + width: auto; + height: auto; + background: none; + font-size: .6875rem; +} + +.l-footer:before, +.l-footer .copyright { + padding: .5rem 0; + line-height: 1rem; +} + +.l-page:after, +.l-footer:after { + display: none; +} + +.l-footer .links { + padding: .25rem 0; + font: inherit; + font-size: .75rem; + line-height: 1rem; + text-align: center; +} + +.l-footer .links a:last-child { + margin: 0; +} + +/* END of MAIN BLOCKS */ +/* ВЫСОТА СТРОКИ */ +.cc-2a > .c-column, +.block, +.b-db_entry, +.p-animes .b-db_entry > *:last-child { + line-height: inherit; +} + +@media only screen and (min-width: 768px) { + .cc-2 > .c-column { + line-height: inherit; + } +} + +.cc-3-flex > .c-column { + line-height: inherit; +} + +/* ЗАКРУГЛЕНИЕ */ +.b-comments .comments-loader, +.b-comments .comments-hider, +.b-comments .comments-expander, +.b-comments .messages-postloader, +.b-forum .faye-loader, +.collapsed, +.tipsy-inner, +.button, +.b-button, +.b-contests-menu .results, +.b-link_button, +input[type=submit], +.btn, +.b-comments-notifier, +.p-animes_collection-index .pagination .link, +.p-mangas_collection-index .pagination .link, +.p-recommendations-index .pagination .link, +.p-userlist_comparer-show .pagination .link, +.subheadline-buttons .item-edit, +.p-characters .item-edit, +.p-contests .contest-match .vs .refrain, +.b-catalog_entry .image-cutter, +.b-main_search .input, +.b-lang_trigger, +.b-user_rate .rate-show .note, +.c-poster img, +.c-actions > *, +.b-user_rate .rate-show .rate-number .item-add, +.p-animes-show .watch-online, +.p-animes-show .upload-video, +.p-mangas-show .watch-online, +.p-mangas-show .upload-video, +.b-tag, +.b-entry-info .line .b-tag, +.b-catalog_entry-tooltip .inner .line .value .tag, +.b-topic > .inner header img, +.b-quote, +.p-clubs-index header.head a.misc, +.b-list_switchers > .switcher, +.p-user_rates-index .l-content .filter input, +.p-user_rates-index .list-lines tr td .new-value input, +.p-user_rates-index .list-lines tr.edit-form form, +.p-user_rates-index .list-lines tr.edit-form .remove, +.p-profiles-show .b-stats_bar a.title, +.b-stats_bar .bar, +.profile-actions > a, +.l-page .b-anime_status_tag:before, +.p-profiles .profile-head .c-history .entry img, +.p-profiles-show .about .item-edit, +header.head h1 a.back, +header.head h2 a.back, +.edit-page a.cancel, +.editor-controls > span, +.tooltip-inner, +.b-topic-preview > .editor-container .hide, +.b-input, +.b-input input { + border-radius: .125rem; +} + +/* LAYOUT */ +@media screen and (max-width: 480px) and (orientation: portrait) { + .l-page .menu-slide-outer .menu-slide-inner { + width: 100%; + } + .menu-slide-outer.x199 .l-content, + .menu-slide-outer.x240 .l-content { + float: none; + width: 100%; + margin: 0; + } +} + +@media screen and (min-width: 481px) and (max-width: 767px), screen and (max-width: 767px) and (orientation: landscape) { + .l-page .menu-slide-outer .menu-slide-inner { + width: 100%; + } + .menu-slide-outer.x199 .l-content, + .menu-slide-outer.x240 .l-content { + float: none; + width: 100%; + margin-right: 0; + } +} + +@media screen and (min-width: 768px) and (max-width: 1024px) { + .l-page.menu-expanded .x240 .l-content { + margin-left: 0; + } +} + +@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { + .l-page .menu-slide-outer.x240.ipad-expanded .menu-slide-inner { + width: 100%; + } + .menu-slide-outer.x199 .l-content, + .menu-slide-outer.x240 .l-content { + float: none; + width: 100%; + margin-right: 0; + } +} + +@media screen and (max-width: 1024px) { + .l-page .menu-slide-outer { + overflow: visible; + } +} + +/* ОБЩИЕ КЛАССЫ */ +.p0, +.m0, +.m1, +.m2, +.m3, +.m4, +.m5, +.m6, +.m7, +.m8, +.m10, +.m12, +.m13, +.m15, +.m20, +.m25, +.m30, +.m40, +.m50 { + margin-bottom: .5rem !important; +} + +h3 { + font-size: 1.125rem; + line-height: 1.5; + margin-bottom: .5rem; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} + +hr { + margin: .5rem 0; + background-image: none; +} + +.ajax-loading.vk-like { + min-height: 1.5rem; +} + +.b-ajax:before { + opacity: .75; +} + +.b-ajax:after { + width: 1.5rem; + height: 1.5rem; + margin-top: -.75rem; + margin-left: -.75rem; + background: transparent; + border: .25em solid; + border-right-color: transparent; + border-radius: 50%; + color: #009688; + -webkit-animation: spin 2s linear infinite; + animation: spin 2s linear infinite; +} + +/* Списки */ +.b-list { + margin: .5rem 0 1rem 2rem; +} + +.b-list li { + margin: 0; + line-height: 1.5; + list-style-type: disc; + list-style-image: none; +} + +.b-list li + li { + margin: .5rem 0 0 0; +} + +.b-list .b-list li + li { + margin: 0; +} + +.b-height_shortener { + position: relative; + padding-left: 0; + cursor: s-resize; +} + +.b-comment .b-height_shortener, +.b-dialog .b-height_shortener, +.p-clubs .b-height_shortener { + padding-left: 3.5rem; +} + +.buttons .cancel { + vertical-align: top; + margin-right: .5rem; + border: 0; +} + +.b-form .cancel { + margin-left: 0; +} + +.b-form .cancel:hover { + text-decoration: none; +} + +.b-errors { + margin-bottom: .5rem; + line-height: inherit; +} + +.red, +.b-errors .subheadline { + margin-bottom: 0; + border: 0; +} + +.b-review-topic .b-height_shortener { + padding-left: 0; + cursor: default; +} + +.b-height_shortener .shade { + right: 0; + left: 0; + width: auto; + height: 2.5rem; + margin-top: -2.5rem; +} + +.b-height_shortener .expand { + font-size: .875rem; +} + +.b-comment.b-comment-info { + font-size: .875rem; + text-align: left; + line-height: 1.5rem; +} + +.b-comment.b-comment-info > span { + margin-right: .5rem; +} + +.b-comments .comments-loader, +.b-comments .comments-hider, +.b-comments .comments-expander, +.b-comments .messages-postloader, +.b-forum .faye-loader, +.collapsed { + padding: .4375rem 2.5rem; + margin: 0; + margin-bottom: .5rem; + line-height: 1.5rem; +} + +.b-dropzone { + padding: .5rem 1rem 3rem; + background-color: #EEEEEE; + border: 1px dashed #DDDDDD; + border-radius: .125rem; +} + +.b-dropzone:hover { + border-color: #009688; +} + +.b-dropzone:before { + margin: .5rem 0; + font-size: 14px; +} + +.b-dropzone .thank-you { + margin-bottom: .5rem; +} + +.b-dropzone input[type=file] { + bottom: 1rem; +} + +.b-dropzone:before, +.b-dropzone input[type=file] { + color: #9E9E9E; +} + +.b-dropzone:hover:before, +.b-dropzone:hover input[type=file] { + color: #424242; +} + +.b-forum .faye-loader { + padding: .4375rem .5rem; +} + +.b-comments .comments-collapser { + width: 2.5rem; + padding: .5rem; + margin: 0; + border: 0; + font-size: 0; + line-height: 0; +} + +.b-comments .comments-collapser:before { + content: 'expand_less'; + display: block; +} + +.b-image { + display: inline-block; + vertical-align: top; +} + +/* Кнопки управления изображениями */ +.b-image img { + vertical-align: top; + border-radius: .125rem; +} + +.b-gallery .b-image { + padding: .125rem; +} + +.b-gallery .b-image .controls { + margin: .125rem; + text-align: right; +} + +/* Кнопки */ +.b-image .mobile-edit, +.b-image .delete, +.b-image.deletable .confirm, +.b-image.deletable .cancel, +.p-user_rates-index .list-posters .user_rate .edit-user_rate { + width: auto; + height: auto; + padding: .5rem; + margin-top: .25rem !important; + margin-right: .25rem !important; + background-color: transparent; + border-radius: .125rem; +} + +.b-image .mobile-edit, +.b-gallery .grid_sizer .controls { + margin-top: .375rem !important; + margin-right: .375rem !important; +} + +@media screen and (min-width: 767px) { + .p-user_rates-index .list-posters .user_rate .edit-user_rate { + background-color: transparent; + } +} + +/* Настройки иконок */ +.b-image .mobile-edit:before, +.b-image .delete:before, +.b-image.deletable .confirm:before, +.b-image.deletable .cancel:before, +.p-user_rates-index .list-posters .user_rate .edit-user_rate:before { + width: 1.5rem; + font-size: 1.5rem; +} + +.p-user_rates-index .list-posters .user_rate .edit-user_rate:before { + position: static; + height: auto; + background: transparent; +} + +/* Затемнение */ +.b-gallery .b-image .controls, +.user_rate .b-catalog_entry:after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-image: linear-gradient(rgba(0, 0, 0, 0.6) 0%, transparent 40%); + border-radius: .125rem; +} + +.user_rate .b-catalog_entry:after { + content: ''; + opacity: 0; + pointer-events: none; +} + +.b-image:hover, +.b-image.deletable img, +.b-image.deletable:after, +.b-image.mobile-editing:after, +.p-user_rates-index .list-posters .user_rate:hover .b-catalog_entry:after { + opacity: 1; +} + +/* Вид иконки */ +.b-image .mobile-edit:before, +.p-user_rates-index .list-posters .user_rate .edit-user_rate:before { + content: 'edit'; +} + +.b-image .delete:before { + content: 'delete'; +} + +.b-image .confirm:before { + content: 'check'; +} + +.b-image .cancel:before { + content: 'close'; +} + +/* END of Кнопки управления изображениями */ +.b-modal > .inner { + padding: 16px 24px; +} + +.b-modal .subheadline { + font-size: 20px; + font-weight: 400; + text-transform: none; +} + +.b-prgrph, +.b-spoiler_prgrph { + margin-bottom: .5rem !important; +} + +.b-show_more, +.b-show_more-more .hide-more { + display: inline-block; + padding: 0 .5rem; + margin: .25rem 0; + border-radius: .625rem; + font-size: .875rem; +} + +.b-source { + margin-top: .5rem; + margin-bottom: 1rem; +} + +.b-spoiler label { + font-size: inherit; + letter-spacing: initial; +} + +.b-spoiler .content .before, +.b-spoiler .content .after { + font-size: inherit; + letter-spacing: initial; +} + +.b-nothing_here { + margin-left: 0; + font-size: .875rem; + line-height: 2.5rem; +} + +header.head h1, +header.head h2 { + font-family: inherit; +} + +header.head .notice { + margin: .5rem 0; + font-size: .875rem; + line-height: 1.25rem; +} + +header.head h1 ~ .notice, +header.head h2 ~ .notice { + margin-top: -.5rem; +} + +.b-breadcrumbs { + margin: 0; + line-height: 1rem; +} + +.b-breadcrumbs > span:after { + content: '»'; +} + +/* Всплывающая подсказка */ +.tipsy { + padding: .875rem; + font-size: .875rem; + opacity: .9 !important; + pointer-events: none; +} + +.tipsy-arrow { + display: none; +} + +.tipsy-inner { + padding: .375rem 1rem; + background-color: #616161; + color: #eee; + text-align: left; + box-shadow: none; +} + +input { + font-family: inherit; + font-size: inherit; +} + +/* Кнопки */ +.button, +.b-button, +.b-form input[type=submit], +.b-topic-preview > .editor-container .hide, +.edit-page a.cancel { + display: inline-block; +} + +input[type=submit], +.button, +.b-button, +.b-form input[type=submit], +.b-contests-menu .results, +.b-link_button, +.b-shiki_editor .links .b-button.ok, +.b-shiki_editor .images .b-button.ok, +.b-shiki_editor .quotes .b-button.ok, +.b-shiki_editor .email .b-button.ok, +.b-shiki_editor .upload .b-button.ok, +.edit-page a.cancel { + min-width: 5.5rem; + padding: 0 1rem; + margin-right: .5rem; + font-size: .875rem; + line-height: 2rem !important; + text-align: center; + text-decoration: none !important; + text-transform: uppercase; +} + +input[type=submit]:last-child, +.b-button:last-child, +.b-form input[type=submit]:last-child { + margin-right: 0; +} + +input[type=submit]:hover { + box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.24); +} + +/* TODO: new variable $btn_disabled_color (L: #9E9E9E; D: #757575) */ +.b-button[disabled], +.b-button.disabled, +.b-button[disabled]:hover, +.b-button.disabled:hover, +.b-form input[type=submit][disabled], +.b-form input[type=submit].disabled, +.b-form input[type=submit][disabled]:hover, +.b-form input[type=submit].disabled:hover { + background-color: #E0E0E0; + box-shadow: none; + color: #9E9E9E !important; +} + +.b-shiki_editor .links .b-button.ok, +.b-shiki_editor .images .b-button.ok, +.b-shiki_editor .quotes .b-button.ok, +.b-shiki_editor .email .b-button.ok, +.b-shiki_editor .upload .b-button.ok { + min-width: auto; + margin-left: 1rem; +} + +.b-shiki_editor .links input, +.b-shiki_editor .images input, +.b-shiki_editor .quotes input, +.b-shiki_editor .email input, +.b-shiki_editor .upload input { + vertical-align: middle; + margin-top: 0px; +} + +.edit-page a.cancel, +.b-topic-preview > .editor-container .hide { + background-color: transparent; +} + +.b-topic-preview > .editor-container .hide { + vertical-align: top; + border: 0; +} + +.b-topic { + overflow: visible; +} + +.b-topic > .inner { + overflow: visible; +} + +.b-topic-preview > .inner > footer { + overflow: hidden; +} + +/* Чекбоксы */ +/* TODO: L: border-color normal #757575 disabled #BDBDBD */ +/* D: border-color normal #FFFFFF disabled rgba(255,255,255,.3) */ +input[type=checkbox], +.b-input input[type=checkbox] { + display: inline-block; + vertical-align: top; + width: 1.125rem !important; + height: 1.125rem; + padding: 0; + margin: .1875rem 1rem .1875rem 0; + background-color: transparent; + background-repeat: no-repeat; + background-size: 1.125rem; + background-position: -.125rem -.125rem; + border: 0.125rem solid #757575; + border-radius: .125rem; + box-sizing: border-box; + transition: 0.24s cubic-bezier(0.4, 0, 0.2, 1); + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +input[type=checkbox]:checked, +.b-input input[type=checkbox]:checked { + background-color: #009688; + background-image: url("data\:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNOSAxNi4xN0w0LjgzIDEybC0xLjQyIDEuNDFMOSAxOSAyMSA3bC0xLjQxLTEuNDF6Ii8+PC9zdmc+"); + border-color: transparent; +} + +input[type=checkbox]:disabled, +.b-input input[type=checkbox]:disabled { + border-color: #9E9E9E; +} + +input[type=checkbox]:checked:disabled, +.b-input input[type=checkbox]:checked:disabled { + background-color: #9E9E9E; + border-color: transparent; +} + +/* Формы */ +.b-form { + overflow: visible; +} + +.b-form:after { + content: ''; + display: block; + clear: both; +} + +.b-input input, +.b-input textarea { + padding: .3125rem 1rem; + line-height: 1.25rem; +} + +.b-input textarea { + padding: .4375rem 1rem; +} + +.b-input input[disabled] { + background: transparent; + border-width: 0; + border-bottom-width: .125rem; + padding: .375rem 0 .25rem; + color: #9E9E9E !important; +} + +/* TODO: check moz & ms browsers */ +.b-input input::-webkit-input-placeholder, +.b-input textarea::-webkit-input-placeholder, +.b-shiki_editor .body .editor textarea::-webkit-input-placeholder { + padding: 0; + line-height: inherit; +} + +.b-input input:-moz-placeholder, +.b-input textarea:-moz-placeholder, +.b-shiki_editor .body .editor textarea:-moz-placeholder { + padding: 0; + line-height: inherit; +} + +.b-input input::-moz-placeholder, +.b-input textarea::-moz-placeholder, +.b-shiki_editor .body .editor textarea::-moz-placeholder { + padding: 0; + line-height: inherit; +} + +.b-input input:-ms-input-placeholder, +.b-input textarea:-ms-input-placeholder, +.b-shiki_editor .body .editor textarea:-ms-input-placeholder { + padding: 0; + line-height: inherit; +} + +select { + max-width: 100%; + height: 2rem; + padding: 2px .5rem; + font-size: .875rem; + line-height: 2rem; +} + +.b-input .hint { + font-size: .75rem; + line-height: 1.25rem; +} + +.b-input label { + line-height: 1.5; +} + +.buttons { + font-family: inherit; + font-size: inherit; +} + +.b-form .buttons { + margin-top: .5rem; +} + +.btn { + line-height: 2rem; +} + +.b-contests-menu .results { + float: none; + display: block; + margin: .5rem 0; +} + +.b-link_button { + margin-bottom: .5rem; +} + +.b-link_button.maxi { + padding: 0; + font-size: 1rem; + line-height: 2.5rem; +} + +.b-contests-menu .results, +.b-forums > .b-link_button.maxi, +.b-link_button.create-topic { + margin-right: 0; +} + +.l-page .menu-toggler { + top: 64px; + z-index: 9; +} + +.p-user_rates-index .l-page .menu-toggler { + top: -96px; +} + +.locale-ru .l-page .menu-toggler .toggler:before { + content: 'меню'; +} + +.locale-en .l-page .menu-toggler .toggler:before { + content: 'sidebar'; +} + +.history-interval, +.mischeadline, +.b-input, +.prgrph, +.spoiler-prgrph, +.review-votes_count { + margin-bottom: .5rem !important; +} + +.text { + margin-left: 0 !important; +} + +.tooltip-inner .close { + background: transparent; + color: inherit; +} + +.block-list li, +.block-list-alt li { + line-height: 1.5rem; + margin: 2px -.5rem; + padding: 0 .5rem; +} + +.b-block_list li { + padding: 0 .5rem; + margin: 0 -.5rem; + font-family: inherit; + line-height: 1.5rem; +} + +.b-comments-notifier { + top: 0 !important; + width: 2rem; + height: 2rem; + margin-top: 4rem; + line-height: 2rem; +} + +.block, +.b-topic .body { + line-height: 1.25; +} + +.b-pages-container, +.b-topic > .inner > .body, +.b-db_entry > div:last-child .text { + line-height: 1.5; +} + +.b-user.named_avatar .name { + margin: auto; +} + +/* FIX: BACKFACE VISIBILITY */ +.b-collection-filters > .block:first-child > .b-list > li:after, +.b-collection-filters > .block:first-child > .b-list > li:before, +.b-collection-filters > .block:first-child > .b-list > li:after, +.b-collection-filters > .block:first-child > .b-list > li:before, +.p-user_rates .mylist-block + .block > .b-list > li:after, +.p-user_rates .mylist-block + .block > .b-list > li:before { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; +} + +/** + * TOPMENU + * Изменение верхнего меню сайта. + * Меню закреплено и увеличено. + */ +/* НАСТРОЙКА ЦВЕТОВ МЕНЮ */ +/* ОСНОВНОЕ МЕНЮ */ +/* Фон меню */ +.l-top_menu:before { + background-color: #212121; +} + +/* Цвет текста в меню */ +.l-top_menu { + color: #FAFAFA; +} + +/* Цвет текста пунктов меню при наведении */ +/* Цвет текста активных пунктов меню */ +/* По умолчанию: цвет текста наследуется от меню */ +.l-top_menu .menu-items > .entry.selected, +.l-top_menu .menu-items > .entry > a:active { + color: inherit !important; +} + +/* Цвет текста пунктов меню при наведении */ +/* По умолчанию: цвет текста наследуется от меню */ +.l-top_menu .menu-items > .entry:hover { + color: inherit; +} + +/* Цвет фона пунктов меню при наведении */ +.l-top_menu .menu-items > .entry > a:hover { + background-color: rgba(255, 255, 255, 0.12) !important; +} + +/* ВЫПАДАЮЩЕЕ МЕНЮ */ +@media only screen and (min-width: 1025px) { + /* Цвет фона выпадающего меню при наведении */ + .l-top_menu .submenu, + .b-main_search ul.popup { + background: #424242; + } + /* Цвет пунктов выпадающего меню при щелчке */ + /* Цвет активных пунктов выпадающего меню */ + /* По умолчанию: затемненный цвет фона выпадающего меню */ + .l-top_menu .submenu > .entry:active, + .l-top_menu .submenu > .entry.active, + .b-main_search .popup li:active, + .b-main_search .popup li.active { + background-color: rgba(0, 0, 0, 0.24); + } + /* Цвет пунктов выпадающего меню при наведении */ + /* По умолчанию: осветленный цвет фона выпадающего меню */ + .l-top_menu .submenu > .entry:hover, + .b-main_search .popup li:hover { + background-color: rgba(255, 255, 255, 0.24); + } + /* Цвет текста выпадающих меню */ + /* По умолчанию: цвет текста наследуется от меню */ + .l-top_menu .menu-search > .entry, + .l-top_menu .menu-userbox > .entry, + .l-top_menu .submenu { + color: inherit; + } + /* Цвет текста выпадающих меню при щелчке */ + /* Цвет текста активных пунктов выпадающего меню */ + /* По умолчанию: цвет текста наследуется от выпадающего меню */ + .l-top_menu .submenu > .entry:active, + .l-top_menu .submenu > .entry.active, + .b-main_search .popup li:active, + .b-main_search .popup li.active { + color: inherit; + } + /* Цвет текста выпадающих меню при наведении */ + /* По умолчанию: цвет текста наследуется от выпадающего меню */ + .l-top_menu .submenu > .entry:hover, + .b-main_search .popup li:hover { + color: inherit; + } + /* ЦВЕТА ПОИСКА */ + /* Фон строки поиска */ + .b-main_search .input { + background: rgba(242, 242, 242, 0.32); + } + /* Набираемый текст в строке поиска */ + .b-main_search .input input { + color: #fff; + } + /* Вспомогательный текст в строке поиска */ + .b-main_search input::-webkit-input-placeholder { + color: #ddd; + } + .b-main_search input:-moz-placeholder { + color: #ddd; + } + .b-main_search input::-moz-placeholder { + color: #ddd; + } + .b-main_search input:-ms-input-placeholder { + color: #ddd; + } +} + +/* ЦВЕТ ИКОНОК в меню (для мобильной версии) */ +/* По умолчанию: цвет текста наследуется от меню */ +.l-top_menu .to-mobile-forum, +.l-top_menu .menu-mobile .search, +.l-top_menu .menu-mobile .menu, +.l-top_menu .menu-mobile #sign_in, +.l-top_menu .menu-userbox .search, +.l-top_menu .menu-userbox .menu, +.l-top_menu .menu-userbox #sign_in { + color: inherit; +} + +/* END of Настройка цветов в меню */ +/* NOTE: Что это за элемент? */ +.to-top-fix { + height: 0; + background: none; + border: 0; +} + +.l-top_menu:before { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + opacity: 1; + transition: .3s; +} + +.l-top_menu { + position: fixed; + top: 0; + right: 0; + left: 0; + width: 100%; + max-width: 100%; + height: auto; + margin: auto; + background-color: transparent; + background-image: none; + border: none; + box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.24); + overflow: visible; +} + +/* Высота меню на мобильном телефоне в портретном режиме */ +/* Если вы меняете высоту меню, необходимо изменить верхний отступ страницы: */ +/* .l-page padding-top: 64px цифра равна высоте меню + 16px */ +/* Скопируйте правило и вставьте его в блоке МОИ НАСТРОЙКИ в конце файла. */ +.l-top_menu { + padding: 4px 0; +} + +/* NOTE: Максимальное разрешение SONY Xperia Z Ultra: 960x540px */ +@media screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape) { + .l-top_menu { + padding: 0; + } + .l-page { + padding-top: 64px; + } +} + +/* На планшетах и далее, высота меню равна 56px */ +@media screen and (min-width: 961px) and (orientation: landscape) { + .l-top_menu { + padding: 4px 0; + } +} + +/* MENUTOP > LOGO */ +.l-top_menu .inner > a:first-child { + display: inline-block; + vertical-align: top; + margin: 0 0 0 32px; + color: inherit !important; +} + +.l-top_menu .inner .logo { + float: none; + position: static; + width: auto; + height: auto; + padding: .8125rem 1rem; + margin: 0; + background: none; +} + +.l-top_menu .inner .logo:before { + content: 'Главная'; + display: block; + color: inherit; + font-size: 16px; + line-height: 22px; +} + +@media only screen and (min-width: 320px) { + .l-top_menu .inner .logo:before { + content: 'Shikimori'; + font-size: 20px; + text-transform: uppercase; + } +} + +@media only screen and (min-width: 480px) { + .l-top_menu .inner .logo:before { + content: 'Shikimori'; + font-size: 20px; + text-transform: uppercase; + } +} + +.l-top_menu .to-mobile-forum { + display: inline-block; + vertical-align: top; + position: static; + left: 138px; + width: 40px; + height: 40px; + padding: 8px; + margin: 4px !important; +} + +.l-top_menu .to-mobile-forum:before { + width: 1.5rem; + line-height: 1.5rem; + text-align: center; + font-size: 24px; +} + +.l-top_menu .mobile-menu-toggler, +.l-top_menu .mobile-search-toggler { + position: absolute; + top: 0; + z-index: 10; +} + +.l-top_menu .mobile-menu-toggler { + left: 0; +} + +.l-top_menu .mobile-search-toggler { + right: 56px; +} + +/* Перерисовываем меню сайта под Material */ +.l-top_menu .mobile-menu-toggler.active { + position: fixed; + top: 0; + left: 0; + width: 100% !important; + height: 100% !important; + margin: 0 !important; + background-color: #000; + z-index: 12; + opacity: .48; +} + +.l-top_menu .menu-items { + position: absolute; + top: 0; + width: calc(100% - 56px); + max-width: 320px; + height: calc(100vh + 16px); + padding: 8px 0; + margin: -8px 0; + overflow-y: auto; + z-index: 13; +} + +/* EXPERIMENTAL > ANIMATED MOBILE MENU */ +.l-top_menu .menu-items { + display: block; + transform: translate(-100%, 0); + transition: 240ms ease-out; +} + +.l-top_menu .menu-items.active { + transform: translate(0, 0); +} + +/* END of EXPERIMENTAL */ +@media only screen and (min-width: 320px) { + .l-top_menu .inner > a:first-child { + margin: 0 0 0 40px; + } +} + +@media only screen and (min-width: 360px) { + .l-top_menu .inner > a:first-child { + margin: 0 0 0 48px; + } +} + +@media only screen and (min-width: 1025px) { + .l-top_menu .inner > a:first-child { + margin: 0; + } +} + +@media only screen and (min-width: 1025px) { + .l-top_menu .to-mobile-forum { + display: none; + } + .l-top_menu .menu-items { + display: inline-block; + vertical-align: top; + position: static; + width: auto; + max-width: 100%; + height: auto; + padding: 0; + margin: 0; + margin-left: 0; + background-color: transparent; + color: inherit; + overflow: initial; + overflow-y: visible; + transform: translate(0, 0); + } + .l-top_menu .menu-items > .entry:active { + background-color: inherit; + } + .l-top_menu .menu-items > .entry:active, + .l-top_menu .submenu > .entry:active, + .l-top_menu .menu-items > .entry > a { + color: inherit !important; + } + .l-top_menu .menu-items > .entry > .submenu { + margin-top: 4px; + margin-left: 0; + } + .l-top_menu .submenu.right { + right: 0px; + margin-top: 4px; + } + .b-main_search ul.popup, + .b-main_search.hovered .popup { + margin: 0; + margin-top: 12px; + } + .l-top_menu .submenu > .entry, + .b-main_search .popup li { + color: inherit; + } + .b-main_search.hovered .popup { + height: 304px; + } + .l-top_menu .menu-items > .entry.calendar > a, + .l-top_menu .menu-items > .entry.info > a { + padding: 0.9375rem; + } + .l-top_menu .menu-items > .entry.calendar > a:before, + .l-top_menu .menu-items > .entry.info > a:before { + display: block !important; + } + .l-top_menu .menu-items > .entry.calendar > a:after, + .l-top_menu .menu-items > .entry.info > a:after { + display: none; + } +} + +.l-top_menu .menu-items > .entry { + float: none; + display: block; + padding: 0; + border: 0; + line-height: inherit; +} + +@media (min-width: 1025px) { + .l-top_menu .menu-items > .entry { + display: inline-block; + vertical-align: top; + } +} + +.l-top_menu .menu-items > .entry.selected, +.l-top_menu .menu-items > .entry:hover { + background-color: transparent; +} + +.l-top_menu .menu-items > .entry > a, +.l-top_menu .menu-items > .entry.sign_out { + padding: 1rem; + margin: 0; + font-size: inherit; + line-height: 1rem; +} + +.l-top_menu .menu-items > .entry > a.contest { + width: 3rem; + height: 3rem; + padding: .75rem !important; + background: inherit; +} + +.l-top_menu .menu-items > .entry > a.contest:before { + width: 1.5rem !important; + font-size: 1.5rem !important; + color: #424242; +} + +@media only screen and (min-width: 1025px) { + .l-top_menu .menu-items > .entry > a.contest { + width: 40px; + height: 40px; + padding: 11px !important; + margin: 4px; + background: transparent; + border-radius: 2px; + } + .l-top_menu .menu-items > .entry > a.contest:before { + position: static; + width: 18px !important; + margin: 0; + color: inherit; + font-size: 18px !important; + } +} + +/* Текст вместо иконок в верхнем меню */ +.l-top_menu .menu-items > .entry.calendar > a, +.l-top_menu .menu-items > .entry.info > a { + padding: 1rem; + margin: 0; + line-height: 1rem; +} + +.l-top_menu .menu-items > .entry.calendar > a:before, +.l-top_menu .menu-items > .entry.info > a:before { + display: none !important; +} + +.locale-ru .l-top_menu .menu-items > .entry.calendar > a:after { + content: 'Календарь онгоингов'; +} + +.locale-en .l-top_menu .menu-items > .entry.calendar > a:after { + content: 'Calendar'; +} + +.locale-ru .l-top_menu .menu-items > .entry.info > a:after { + content: 'Информация'; +} + +.locale-en .l-top_menu .menu-items > .entry.info > a:after { + content: 'Info'; +} + +@media only screen and (min-width: 1025px) { + .l-top_menu .menu-items > .entry.calendar > a, + .l-top_menu .menu-items > .entry.info > a { + padding: 0.9375rem; + } + .l-top_menu .menu-items > .entry.calendar > a:before, + .l-top_menu .menu-items > .entry.info > a:before { + display: block !important; + } + .l-top_menu .menu-items > .entry.calendar > a:after, + .l-top_menu .menu-items > .entry.info > a:after { + display: none; + } +} + +/* END of Текст вместо иконок в верхнем меню */ +/* Уведомления о голосованиях */ +.l-top_menu .menu-items > .entry > a.contest { + position: relative; +} + +.l-top_menu .menu-items > .entry > a.contest:hover { + background-color: transparent !important; +} + +.l-top_menu .menu-items > .entry > a.contest, +.l-top_menu .menu-items > .entry > a.contest:before { + transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); +} + +.l-top_menu .menu-items > .entry > a.contest:after { + content: attr(data-count); + position: absolute; + top: .125rem; + right: .125rem; + width: 1.25rem; + background-color: #FFAB40; + border-radius: 50%; + color: #212121; + font-size: .75rem; + line-height: 1.25rem; + text-align: center; +} + +@media screen and (min-width: 1025px) { + .l-top_menu .menu-items > .entry > a.contest:after { + top: -.25rem; + right: -.25rem; + } +} + +/* END of Уведомления о голосованиях */ +/* Уменьшение ширины пунктов меню */ +/* Уменьшение ширины "Сообщество" */ +@media screen and (min-width: 1025px) { + .l-top_menu .menu-items > .entry > a[href*="/forum"] { + padding: .875rem; + font-size: 0; + line-height: 0; + } + .l-top_menu .menu-items > .entry > a[href*="/forum"]:before { + content: 'people'; + font-size: 1.25rem; + } +} + +/* Уменьшение ширины всех пунктов меню */ +.x1000 .l-top_menu .menu-items > .entry > a, +.x1000 .l-top_menu .menu-items > .entry.sign_out { + padding: 1rem .875rem; +} + +/* END of Уменьшение ширины пунктов меню */ +.l-top_menu .submenu, +.b-main_search ul.popup { + min-width: 112px; + border: 0; +} + +.b-main_search .popup li { + transition: 0s; +} + +.l-top_menu .submenu > .entry { + height: 2rem; + padding: .5rem 1rem; + background-color: transparent; + border: 0; + font-size: .875rem; + line-height: 1rem; +} + +.l-top_menu .submenu > .entry:first-child, +.b-main_search ul.popup li:first-child { + margin-top: .5rem; +} + +.l-top_menu .submenu > .entry:last-child, +.b-main_search ul.popup li:last-child { + margin-bottom: .5rem; +} + +.l-top_menu .menu-items .submenu-toggler { + right: 0; + width: 48px; + height: 48px; + padding: .75rem; + margin: 0; + z-index: 10; +} + +.l-top_menu .menu-items .submenu-toggler:before { + width: 24px; + line-height: 24px; +} + +@media screen and (min-width: 1025px) { + .l-top_menu .menu-items .submenu-toggler, + .l-top_menu .inner .sign_out { + display: none; + } + .l-top_menu .menu-items > .entry { + color: inherit; + } +} + +@media screen and (max-width: 1024px) { + .l-top_menu .submenu { + padding-left: 32px; + } +} + +/* TOPMENU | SEARCH */ +.l-top_menu .menu-search { + padding: 8px 0; +} + +@media screen and (min-width: 1025px) { + .l-top_menu .menu-search { + padding: 0; + } + .l-top_menu .menu-search > .entry { + width: 234px; + padding: 8px 0 !important; + } +} + +.b-main_search { + padding-right: 8px !important; + padding-left: 8px !important; +} + +.b-main_search .input { + position: relative; + width: auto; + height: 2rem; + padding: 0; + margin: 0; + transition: background .3s; +} + +.b-main_search.hovered .popup { + border: 0; + font-size: .875rem; +} + +.b-main_search ul.popup li { + width: auto; + height: 2rem; + padding: .5rem 1rem; + border: 0; + font-family: inherit; + font-size: .875rem; + line-height: 1rem; +} + +.b-main_search .input input { + width: 100%; + padding: 0 1rem; + font-family: inherit; + font-size: 1rem; + line-height: 2rem; +} + +.b-main_search .input input.ac_loading { + width: 100%; + padding: 0 1rem; +} + +.b-main_search ul.popup { + width: inherit; +} + +/* END of SEARCH */ +/* TOPMENU | SEARCHRESULT */ +.ac_results.menu-suggest, +.completable-block.menu-suggest { + border: 0; + box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.24); +} + +.ac_results, +.completable-block { + font-size: .75rem; +} + +.ac_odd { + background-color: rgba(0, 0, 0, 0.24); +} + +.ac_over { + background-color: rgba(255, 255, 255, 0.24); +} + +.ac_results li { + padding: 0 .5rem; + border: none; + line-height: 2rem; +} + +.b-main_search ul.popup, +.b-main_search.hovered .popup { + margin: 0; +} + +.ac_results.menu-suggest, +.completable-block.menu-suggest { + margin-top: -17px; + margin-left: 6px; +} + +.ac_results .name { + font-size: 14px; +} + +.ac_results .name > strong { + background-color: #ff0; + color: #111; +} + +.ac_results .character-suggest .animes { + line-height: 1.25rem; +} + +.ac_results .character-suggest .animes > div { + margin: 2px 0 0; +} + +.ac_results .character-suggest .avatar { + width: 40px; + height: auto; + max-height: 64px; + margin: 8px 0 0 8px; + clip-path: circle(20px at 20px 20px); +} + +/* END of SEARCHRESULT */ +/* TOPMENU | USERBOX */ +.l-top_menu .menu-userbox { + position: absolute; + top: 0; + right: 0; +} + +.l-top_menu .menu-userbox > .entry { + position: relative; + height: 48px; + padding: 0 !important; + margin: 0 .5rem 0 1rem !important; + cursor: default; +} + +.entry.userbox > .avatar { + display: inline-block; + vertical-align: top; + position: relative; + width: 32px; + height: 32px; + margin: 8px; + border-radius: 100%; +} + +.entry.userbox > .avatar:after { + content: ''; + display: block; + position: absolute; + top: 0; + left: 0; + width: inherit; + height: inherit; + border-radius: 100%; +} + +.entry.userbox > .avatar > img { + height: inherit; +} + +.userbox > a .graphics-arrow-down, +.l-top_menu .menu-search .arrow-container, +.l-top_menu .menu-userbox .arrow-container, +.l-top_menu .menu-search .arrow-container .arrow-down, +.l-top_menu .menu-userbox .arrow-container .arrow-down { + display: none; +} + +@media screen and (max-width: 1024px) { + .userbox img.avatar, + .menu .unread-count { + margin-top: 0; + } +} + +.menu .unread-count { + position: absolute; + top: 0; + right: 0; + width: 1.25rem; + height: auto; + margin: 0; + border-radius: 100%; + line-height: 1.25rem; + z-index: 1; +} + +@media screen and (min-width: 1025px) { + .l-top_menu .menu-userbox { + position: relative; + } +} + +/* END of USERBOX */ +/* TOPMENU | ICON */ +.l-top_menu .menu-mobile .search, +.l-top_menu .menu-mobile .menu, +.l-top_menu .menu-userbox .search, +.l-top_menu .menu-userbox .menu { + width: 40px; + height: 40px; + padding: 8px; + margin: 4px; + margin-left: 4px !important; +} + +.l-top_menu .menu-mobile #sign_in, +.l-top_menu .menu-userbox #sign_in { + width: 40px; + height: 40px; + padding: 8px; + margin: 4px; + margin-left: 4px !important; +} + +@media (min-width: 1025px) { + .l-top_menu .menu-mobile #sign_in, + .l-top_menu .menu-userbox #sign_in { + width: 48px; + height: 48px; + padding: 12px; + margin: 0; + } +} + +/* END of ICON */ +/* ************** */ +/* END of TOPMENU */ +/* ************** */ +/** + * PAGINATION + * + */ +/* Делаем пагинацию более удобной */ +.p-animes_collection-index .pagination, +.p-mangas_collection-index .pagination, +.p-recommendations-index .pagination, +.p-userlist_comparer-show .pagination { + margin: 8px 0; + color: inherit; + font-size: 14px; + line-height: 32px; +} + +/* Добавляем разной ерунды */ +.p-animes_collection-index .pagination > *, +.p-mangas_collection-index .pagination > *, +.p-recommendations-index .pagination > *, +.p-userlist_comparer-show .pagination > * { + vertical-align: top; +} + +.p-animes_collection-index .pagination .link, +.p-mangas_collection-index .pagination .link, +.p-recommendations-index .pagination .link, +.p-userlist_comparer-show .pagination .link { + width: 40px; + height: 40px; + padding: 8px; + margin: -4px 8px; + font-size: 0; +} + +.p-animes_collection-index .pagination .link:first-child, +.p-mangas_collection-index .pagination .link:first-child, +.p-recommendations-index .pagination .link:first-child, +.p-userlist_comparer-show .pagination .link:first-child { + margin-left: 0; +} + +.p-animes_collection-index .pagination .link:last-child, +.p-mangas_collection-index .pagination .link:last-child, +.p-recommendations-index .pagination .link:last-child, +.p-userlist_comparer-show .pagination .link:last-child { + margin-right: 0; +} + +.p-animes_collection-index .pagination .link:hover, +.p-mangas_collection-index .pagination .link:hover, +.p-recommendations-index .pagination .link:hover, +.p-userlist_comparer-show .pagination .link:hover { + text-decoration: none; +} + +.p-animes_collection-index .pagination .link.disabled:hover, +.p-mangas_collection-index .pagination .link.disabled:hover, +.p-recommendations-index .pagination .link.disabled:hover, +.p-userlist_comparer-show .pagination .link.disabled:hover { + background-color: transparent; +} + +.p-animes_collection-index .pagination .link:before, +.p-mangas_collection-index .pagination .link:before, +.p-recommendations-index .pagination .link:before, +.p-userlist_comparer-show .pagination .link:before { + display: block; + width: 24px !important; + font-family: 'Material Icons' !important; + font-size: 24px !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-animes_collection-index .pagination .link.link-prev:before, +.p-mangas_collection-index .pagination .link.link-prev:before, +.p-recommendations-index .pagination .link.link-prev:before, +.p-userlist_comparer-show .pagination .link.link-prev:before { + content: 'chevron_left'; +} + +.p-animes_collection-index .pagination .link.link-next:before, +.p-mangas_collection-index .pagination .link.link-next:before, +.p-recommendations-index .pagination .link.link-next:before, +.p-userlist_comparer-show .pagination .link.link-next:before { + content: 'chevron_right'; +} + +/* ***************** */ +/* END of PAGINATION */ +/* ***************** */ +/** + * SUBHEADER + * Изменение подзаголовков разделов и ссылок в них. + */ +.headline { + padding: 8px 0; + margin: 8px 0; + background: none; + border: 0; + font-size: 24px; + font-weight: 400; + line-height: 32px; + text-transform: capitalize; +} + +.mischeadline, +.c-my_list .title, +.subheadline, +.midheadline, +.b-stats_bar .title, +.profile-content .activity .title, +.lifetime .title { + padding: 16px 0; + margin-bottom: 0; + background-color: transparent; + border: 0; + font-size: .875rem; + line-height: 1rem; + text-transform: uppercase; + overflow: initial; +} + +.p-db_entries-edit_field .subheadline { + overflow: hidden; +} + +.midheadline > a, +.subheadline > a { + vertical-align: top; + margin: -.5rem -1rem; +} + +.midheadline > a, +.subheadline > a, +.b-form .cancel, +.b-shiki_editor footer .unpreview, +.b-shiki_editor footer .preview, +.b-topic-preview > .editor-container .hide { + display: inline-block; + padding: 0 1rem; + background-color: transparent; + border-radius: .125rem; + font-size: .875rem; + line-height: 2rem !important; + text-transform: uppercase; +} + +.headline > a:before, +.midheadline > a:before, +.subheadline > a:before { + right: 0; + left: 0; + text-align: right; + opacity: 0; + pointer-events: auto; +} + +.headline.linkheadline > a, +.linkheadline.midheadline > a, +.linkheadline.subheadline > a { + text-decoration: none; +} + +.subheadline .misc-link { + float: right; +} + +.subheadline-input { + padding: 5px 8px; + margin-top: 8px !important; + border-radius: 2px !important; + font-size: 14px; + line-height: inherit !important; +} + +@media screen and (max-width: 767px) { + .subheadline-input { + padding-bottom: 5px !important; + padding-top: 5px !important; + } +} + +.subheadline-buttons { + right: 0; + margin: 0; +} + +.subheadline-buttons + .subheadline { + padding-right: 3rem; +} + +/* HOVER */ +.headline > a:hover, +.midheadline > a:hover, +.subheadline > a:hover { + text-decoration: none; +} + +.subheadline-buttons .item-edit, +.p-characters .item-edit { + display: inline-block; + width: 40px; + height: 40px; + padding: 8px; + margin: 4px 0; +} + +@media only screen and (min-width: 768px) { + .b-options-floated.r-edit { + margin-right: 48px; + } +} + +/* END of SUBHEADER */ +/** + * CONTEST PAGE + */ +.p-contests .contest-match { + padding: 16px 0; + margin-bottom: 0; +} + +.p-contests .contest-match .current-match .match-members:last-child { + margin-bottom: 0 !important; +} + +.p-contests .contest-match .vs .refrain { + display: inline-block; + padding: 0 16px; + font-size: 14px; + line-height: 32px; + text-transform: uppercase; +} + +.p-contests .contest-match .vs .refrain:hover { + text-decoration: none; +} + +.p-contests .match-day { + position: relative; + margin-bottom: 16px; + text-align: center; +} + +.p-contests .match-day:before { + content: ''; + display: block; + position: absolute; + top: 10px; + right: 0; + left: 0; + height: 1px; +} + +.p-contests .match-day > .date { + position: relative; + display: inline-block; + padding: 0 16px; + margin-bottom: 4px; + text-align: center; + text-transform: uppercase; +} + +.p-contests .match-day > .date .from, +.p-contests .match-day > .date .to { + margin-right: 8px; +} + +.p-contests .match-day > .date .to { + margin-left: 8px; +} + +.p-contests .match-day .match-link { + padding-left: 0; + text-align: left; +} + +.p-contests .match-day .match-link .c-column { + line-height: 32px; +} + +.p-contests .match-day .match-link .voted:before, +.p-contests .match-day .match-link .winner:before, +.p-contests .match-day .match-link .loser:before, +.p-contests .match-day .match-link .created:before, +.p-contests .match-day .match-link .started:before, +.p-contests .match-day .match-link .finished:before { + display: inline-block; + vertical-align: top; + width: 18px; + padding-right: 0; + padding-left: 0; + margin: 7px 0; + margin-right: 14px; + font-family: "Material Icons"; + font-size: 18px; + font-weight: normal !important; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-contests .match-day .match-link .created:before { + color: #9B9B9B; + content: "lock"; + padding-right: 0; +} + +.p-contests .match-day .match-link .started:before { + content: "check_box_outline_blank"; + color: #757575; +} + +.p-contests .match-day .match-link.voted-none .started:before { + color: #9B9B9B; +} + +.p-contests .match-day .match-link.voted-left .started:first-child:before, +.p-contests .match-day .match-link.voted-right .started:last-child:before { + content: "check_box"; +} + +.p-contests .match-day .match-link.voted-left .started:last-child:before, +.p-contests .match-day .match-link.voted-right .started:first-child:before { + content: 'indeterminate_check_box'; +} + +.p-contests .match-day .match-link .winner:before { + content: "thumb_up"; +} + +.p-contests .match-day .match-link .loser:before { + content: "thumb_down"; + padding-right: 0; +} + +.p-contests .match-day .match-link.voted-left .started:first-child:before, +.p-contests .match-day .match-link.voted-right .started:last-child:before, +.p-contests .match-day .match-link .winner:before { + color: #66BB6A; +} + +.p-contests .match-day .match-link.voted-left .started:last-child:before, +.p-contests .match-day .match-link.voted-right .started:first-child:before, +.p-contests .match-day .match-link .loser:before { + color: #EF5350; +} + +.p-contests .match-day .matches-num { + display: inline-block; + width: 56px; + padding-right: 0; + font-size: 16px; +} + +.p-contests-show .cc-round_stats > .c-column:first-child:last-child > .block:last-child { + padding: 4px 0; +} + +.p-contests-show .warning { + margin-top: 0; + margin-bottom: 16px; +} + +.p-contests .rating .member { + height: auto; +} + +.p-contests-users .subheadline a:hover { + background: none; +} + +.p-contests .contest-match .votes-percents { + border-radius: 4px; + font-size: 14px; + line-height: 24px; +} + +.p-contests .contest-match .votes-percents span { + float: left; + position: relative; + white-space: nowrap; + z-index: 1; +} + +.p-contests .contest-match .votes-percents .left-part { + position: relative; + border-radius: inherit; + padding-left: 8px; +} + +.p-contests .contest-match .votes-percents .left-part > span { + color: #212121; +} + +.p-contests .contest-match .votes-percents .right-part { + position: absolute; + top: 0; + right: 0; + padding-right: 8px; +} + +.p-contests .contest-match .votes-percents .right-part span { + float: right; +} + +.p-contests .contest-match .votes-percents .left-part, +.p-contests .contest-match .votes-percents .right-part { + height: auto; +} + +.p-contests .contest-match .votes-percents .right-part:before { + left: -24px; + border-right-width: 24px; + border-top-width: 48px; +} + +.p-contests .contest-match .votes-percents .left-part:hover .right-part:before { + border-right-width: 24px; +} + +.p-contests .contest-match .votes-percents .right-part:before, +.p-contests .contest-match .votes-percents .left-part:hover .right-part:before { + border-right-color: inherit; +} + +.p-contests .results .cc-result .c-rounds .match-day:before { + display: none; +} + +.p-contests .results .cc-result .c-rounds .match-day .match { + padding-bottom: 0; + line-height: 32px; + text-align: left; +} + +.p-contests .results .cc-result .c-rounds .match-link { + display: inline-block; +} + +@media (min-width: 481px) { + .p-contests .contest-match .prev-match:hover, + .p-contests .contest-match .next-match:hover { + background-color: transparent; + } +} + +/* Mobile Ver. */ +@media (max-width: 480px) { + .p-contests .contest-match .prev-match, + .p-contests .contest-match .next-match { + position: absolute; + left: 0; + width: auto; + padding: 8px; + border-radius: 2px; + line-height: 32px; + z-index: 2; + } + .p-contests .contest-match .next-match { + right: 0; + left: auto; + } + .p-contests .contest-match .next-match:before { + margin: 0; + } + .p-contests .contest-match .prev-match:before, + .p-contests .contest-match .next-match:before { + display: block; + font-family: 'Material Icons'; + font-size: 24px; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; + } + .p-contests .contest-match .prev-match:before { + content: 'chevron_left'; + } + .p-contests .contest-match .next-match:before { + content: 'chevron_right'; + } + .p-contests .contest-match .current-match { + clear: both; + } + .p-contests .contest-match .current-match .match-members { + padding-top: 96px; + margin-bottom: 4px; + } + .p-contests .contest-match .current-match .match-member { + position: relative; + width: 48%; + z-index: 2; + } + .p-contests .contest-match .current-match .match-member:first-child { + float: left; + } + .p-contests .contest-match .current-match .match-member:last-child { + float: right; + } + .p-contests .contest-match .vs { + position: absolute; + top: 72px; + width: 100%; + } + .p-contests .contest-match .vs > div:first-child { + display: inline-block; + position: absolute; + top: 112px; + right: 0; + left: 0; + width: 72px; + height: 72px; + margin: auto; + border-radius: 100%; + font-size: 24px; + line-height: 72px; + text-transform: uppercase; + z-index: 6; + } + .p-contests .contest-match .vs .finish { + position: absolute; + top: -64px; + right: 0; + left: 0; + width: 148px; + margin: auto; + font-size: 12px; + line-height: 20px; + } + .p-contests .contest-match .vs .refrain { + position: absolute; + top: -62px; + right: 0; + left: 0; + width: 168px; + margin: auto; + z-index: 7; + } + .p-contests .contest-match .vs .next { + position: absolute; + top: -56px; + right: 0; + left: 0; + width: 168px; + margin: auto; + font-size: 14px; + line-height: 32px; + text-transform: uppercase; + z-index: 5; + } + .p-contests .contest-match .match-losers { + display: block; + padding: 0; + } +} + +@media (max-width: 1024px) { + .p-contests .match-day .match-link .c-column { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + } + .p-contests .match-day .match-link .winner:before, + .p-contests .match-day .match-link .loser:before { + display: none; + } + .p-contests .match-day .matches-num { + width: auto; + padding: 0 4px; + margin-right: 8px; + border-radius: 2px; + color: #FFF; + font-size: 12px; + line-height: 20px; + } + .p-contests .match-day .winner .matches-num { + background-color: #66bb6a; + } + .p-contests .match-day .loser .matches-num { + background-color: #ef5350; + } +} + +/* END of Mobile Ver. */ +/* END of CONTEST PAGE */ +/* ROUNDED IMAGES */ +.b-dialog > .inner header img, +.b-message > .inner header img, +.p-user_rates-index .l-menu .avatar img, +.avatar > img { + border-radius: 100%; +} + +/* END of ROUNDED IMAGES */ +/* TODO: replace */ +.b-catalog_entry.dropped .image-cutter { + filter: grayscale(100%); +} + +/** + * ANIME PAGE + */ +.b-animes-menu .friend-rate { + line-height: 1.5rem; + white-space: nowrap; +} + +.b-animes-menu .site-icon { + margin-top: .25rem; + margin-right: .75rem; +} + +.b-db_entry { + margin-bottom: 8px; +} + +.b-db_entry-note .name-container { + padding: .25rem 0; +} + +.b-db_entry-note .name-container .name { + display: block; + font-size: 1rem; + line-height: 1.25rem; +} + +.b-db_entry-note .name-container .note { + margin-top: 4px; + font-size: .875rem; + line-height: 1rem; +} + +.b-db_entry-note .name-container .note > span { + display: inline-block; + vertical-align: top; +} + +.b-db_entry-note .name-container .b-user_rate { + margin-top: .375rem; +} + +.b-db_entry > .c-about .c-info-left, +.b-db_entry > .c-about .c-info-right, +.b-db_entry > .c-about .c-info-left:last-child, +.b-db_entry > .c-about .c-info-right:last-child { + margin-bottom: 8px !important; +} + +.p-animes .b-db_entry > *:last-child { + clear: left; + padding-top: 0; + margin-left: 0 !important; +} + +.p-people .subheadline.m10 { + width: 100%; +} + +.p-people .m0 { + clear: both; + padding: 0; + margin: 0 !important; +} + +.p-characters .subheadline.m5 { + width: 100%; + overflow: hidden; +} + +.p-characters .subheadline.m5 > a { + display: block; +} + +.p-characters .subheadline.m10 { + width: auto; +} + +.p-characters .subheadline.m10 > a { + display: inline-block; +} + +@media screen and (max-width: 480px) and (orientation: portrait) { + .b-db_entry > .c-image .c-actions > a { + width: auto !important; + } +} + +.b-lang_trigger { + position: absolute; + top: -53px; + right: 0; + width: 40px; + height: 40px; + padding: 10px 0; + margin: 4px; + font-size: 12px; + line-height: 20px; + text-align: center; + text-transform: uppercase; + cursor: pointer; +} + +.b-lang_trigger:before, +.b-lang_trigger:after { + display: none; +} + +.b-lang_trigger span { + border: 0; +} + +.midheadline, +.m10 { + margin-bottom: 0 !important; +} + +.b-user_rate .rate-show .note { + padding: 8px 16px; + font-size: 14px; + line-height: 20px; +} + +.b-user_rate .rate-show .note:before { + content: 'Заметка'; + display: block; + font-size: 10px; +} + +.b-forums .forum .topics { + margin-left: 8px; + margin-top: 0; +} + +/* ADD TO LIST BUTTON */ +.b-add_to_list { + min-width: 0; +} + +.b-add_to_list .trigger, +.b-add_to_list .option { + border: 0; +} + +.b-add_to_list .trigger, +.b-add_to_list .option { + padding: .5rem 1rem .5rem 3rem; + border: 0; + line-height: 1.5rem; +} + +/* thx @bot.AkiKawasaki */ +.b-add_to_list .trigger { + border-radius: .125rem; +} + +.b-add_to_list .option:last-child { + border-radius: 0 0 .125rem .125rem; +} + +.b-add_to_list .trigger + .expanded-options { + margin-top: -.125rem; +} + +.b-add_to_list .plus, +.b-add_to_list .edit, +.b-add_to_list .trigger-arrow { + width: 2.5rem; + height: 2.5rem; + padding: .5rem; + margin: -.5rem -1rem -.5rem 0; + color: inherit !important; +} + +.b-add_to_list .plus, +.b-add_to_list .edit { + position: absolute; + left: 0; + margin-left: 0 !important; + margin-right: .5rem !important; +} + +.b-add_to_list .trigger-arrow { + position: relative; +} + +.b-add_to_list .expanded-options .option .text { + padding-left: 0; +} + +.b-add_to_list.completed ~ .rate-show > .rate-number, +.b-add_to_list.completed ~ .rate-show > .episodes { + height: 1rem; + margin-bottom: 0; + font-size: 0; +} + +/* DENSE ATL_BUTTON */ +.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 { + padding: 0 1rem 0 2.25rem; + line-height: 2rem; +} + +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .plus, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .edit, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger-arrow { + width: 2rem; + height: 2rem; + padding: .4375rem; + margin: 0 -1rem 0 .25rem; +} + +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .plus, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .edit { + margin-right: .25rem !important; +} + +/* END of DENSE ATL_BUTTON */ +/* ATL_BUTTON in NEWS */ +.b-catalog_entry-tooltip .b-add_to_list { + width: auto; +} + +.b-catalog_entry-tooltip .b-add_to_list .trigger { + font-size: .875rem; + line-height: 1.5rem; +} + +.b-catalog_entry-tooltip .b-add_to_list .option { + font-size: .875rem; +} + +.b-catalog_entry-tooltip .b-add_to_list .trigger, +.b-catalog_entry-tooltip .b-add_to_list .add-trigger, +.b-catalog_entry-tooltip .b-add_to_list .remove-trigger { + max-width: 224px; +} + +/* END of ATL_BUTTON in NEWS */ +/* FIX ORIGINAL STYLE */ +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .plus::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .edit::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .trigger-arrow::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .plus::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .edit::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .trigger-arrow::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .plus::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .edit::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .trigger-arrow::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .plus::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .edit::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .trigger-arrow::before { + color: inherit; +} + +/* FIX: ADD_TO_LIST LAYOUT IN NOTES (issue #7) */ +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger { + padding: 0 1rem 0 2rem; +} + +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger + .expanded-options { + margin-top: 0; +} + +/* END of ADD TO LIST BUTTON */ +.b-catalog_entry.planned .image-decor::after, +.b-catalog_entry.watching .image-decor::after, +.b-catalog_entry.completed .image-decor::after, +.b-catalog_entry.rewatching .image-decor::after, +.b-catalog_entry.on_hold .image-decor::after, +.b-catalog_entry.dropped .image-decor::after { + top: auto; + right: .375rem; + bottom: .375rem; + width: 2rem; + height: auto; + border: none; + border-radius: 100%; + font-size: 1.125rem; + line-height: 2rem; + box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.32); + /* TODO: MERGE with ICON_FONT */ + font-family: 'Material Icons'; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-animes_collection-index.x1000 .b-catalog_entry .image-decor::after, +.p-mangas_collection-index.x1000 .b-catalog_entry .image-decor::after, +.p-recommendations-index.x1000 .b-catalog_entry .image-decor::after, +.p-userlist_comparer-show.x1000 .b-catalog_entry .image-decor::after { + width: 32px; + height: auto; + border-radius: 100%; + line-height: 32px; +} + +.b-catalog_entry.planned .image-decor::after { + content: "event"; +} + +.b-catalog_entry.watching .image-decor::after { + content: "play_arrow"; +} + +.b-catalog_entry.rewatching .image-decor::after { + content: "replay"; +} + +.b-catalog_entry.completed .image-decor::after { + content: "done"; +} + +.b-catalog_entry.on_hold .image-decor::after { + content: "schedule"; +} + +.b-catalog_entry.dropped .image-decor::after { + content: "delete"; +} + +.b-db_entry-note .name-container { + margin-left: 64px; + line-height: inherit; +} + +header.head, +.block, +.b-add_to_list, +.b-user_rate .rate-show { + margin-bottom: .5rem; +} + +.l-page > div > header.head { + margin-bottom: 1.5rem; +} + +.p-profiles-edit .l-page > div > header.head, +.p-dialogs .l-page > div > header.head, +.p-messages .l-page > div > header.head { + margin-bottom: 0; +} + +.c-poster img { + display: block; + min-height: 48px; +} + +/* Кнопки управления над постером */ +@media (min-width: 481px) { + .c-poster:hover ~ .c-actions { + opacity: 0; + } + .c-actions { + position: absolute; + bottom: 0; + width: 100%; + padding: 4px 0; + } + .c-actions:before { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + opacity: .8; + } + .c-actions > * { + position: relative; + } +} + +.c-actions > * { + width: 40px !important; + height: 40px !important; + padding: .5rem; +} + +.c-actions > *:not(:last-child) { + margin-right: 8px !important; +} + +.c-actions > *:before { + font-size: 24px !important; + line-height: 1 !important; +} + +.c-actions .fav-remove:hover:before { + color: inherit; +} + +@media screen and (min-width: 1200px) { + .c-poster center { + text-align: left; + } + .p-animes-show .c-image .b-user_rate, + .p-mangas-show .c-image .b-user_rate { + margin: 0; + } +} + +.b-rate { + padding: 6px 0; +} + +.b-rate .text-score { + vertical-align: top; +} + +.b-rate .score-value { + line-height: 36px; +} + +.b-rate .score-notice { + font-size: 10px; + margin-top: -46px; + text-transform: uppercase; +} + +.b-review-topic .b-rate .score-notice { + margin-top: -58px; +} + +.b-user_rate .rate-show .episodes { + margin-bottom: 8px; + font-size: 14px; + line-height: 32px; +} + +.b-user_rate .rate-show .rate-number { + margin-right: 0; +} + +.b-user_rate .rate-show .rate-number .current-episodes, +.b-user_rate .rate-show .rate-number .sep, +.b-user_rate .rate-show .rate-number .total-episodes { + display: inline-block; + vertical-align: top; + line-height: 32px; +} + +.b-user_rate .rate-show .rate-number .item-add { + display: inline-block; + vertical-align: top; + width: 40px; + height: 40px; + padding: 8px; + margin: -4px 0 0 8px; +} + +.b-user_rate .rate-show .rate-number .item-add:before { + width: 24px !important; + font-family: 'Material Icons' !important; + font-size: 24px !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.b-user_rate .rate-show .rate-number .item-add:before { + content: 'add'; +} + +.b-rate .stars:after { + font-size: 36px !important; + font-family: 'Material Icons' !important; + line-height: 1 !important; + font-weight: 400 !important; + text-transform: none; + letter-spacing: -6px; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.b-rate .stars.background:after { + content: 'star_border star_border star_border star_border star_border'; +} + +.b-rate .stars.score-1:after { + content: 'star_half'; +} + +.b-rate .stars.score-2:after { + content: 'star'; +} + +.b-rate .stars.score-3:after { + content: 'star star_half'; +} + +.b-rate .stars.score-4:after { + content: 'star star'; +} + +.b-rate .stars.score-5:after { + content: 'star star star_half'; +} + +.b-rate .stars.score-6:after { + content: 'star star star'; +} + +.b-rate .stars.score-7:after { + content: 'star star star star_half'; +} + +.b-rate .stars.score-8:after { + content: 'star star star star'; +} + +.b-rate .stars.score-9:after { + content: 'star star star star star_half'; +} + +.b-rate .stars.score-10:after { + content: 'star star star star star'; +} + +.watch-online-placeholer { + margin: 2rem auto .5rem; +} + +.b-link_button.watch-online:before, +.b-link_button.upload-video:before, +.b-link_button.create-topic:before { + display: none; +} + +.b-entry-info { + margin: 0; + font-size: .875rem; +} + +.b-entry-info .line { + line-height: 1.5rem; +} + +.b-tag, +.b-entry-info .line .b-tag, +.b-catalog_entry-tooltip .inner .line .value .tag { + padding: 0 8px; + margin: 0 4px 0 0; + border: 0; + font-size: .625rem; + line-height: 20px; + text-transform: uppercase; +} + +.b-tag:hover, +.b-entry-info .line .b-tag:hover, +.b-catalog_entry-tooltip .inner .line .value .tag:hover { + padding: 0 8px; + margin: 0 4px 0 0; +} + +.b-tag { + font-size: .875rem; + line-height: 24px; +} + +.b-catalog_entry-tooltip .inner .line .value .tag, +.b-catalog_entry-tooltip .inner .line .value .tag:hover { + padding: 0 6px; + line-height: 18px; +} + +@media screen and (min-width: 1200px) { + .p-animes_collection-index.x1200 .cc-entries > .c-column { + width: 18.4%; + margin-right: 2%; + border-radius: 2px; + } +} + +/** + * COMMENT + * Изменение всех комментариев, новостей, диалогов, топиков. + */ +.b-comment, +.b-dialog, +.b-message { + position: relative; + padding-top: .75rem !important; + padding-bottom: .75rem; + margin-bottom: 0; + border: 0; +} + +.b-comments { + line-height: inherit; +} + +.b-dialog { + position: relative; +} + +.b-topic { + padding-top: .5rem; +} + +.b-comment > .inner .was_updated { + margin: 0; + color: #9E9E9E; +} + +/* Исправление для предпросмотра комментария во всплывающем окне */ +.tooltip-inner .b-message { + padding-top: 0 !important; + padding-bottom: 0; +} + +/* inset dividers */ +.b-dialog:before, +.b-message:before, +.b-comment:before, +.b-comments .comments-loaded:before { + content: ''; + position: absolute; + bottom: 0; + right: 0; + left: 3.5rem; + height: 1px; +} + +.b-generated_news:before { + left: 0; +} + +.b-comments .comments-loaded .b-comment:last-child { + margin: 0; +} + +.b-dialog:last-child:before, +.b-message:last-child:before, +.b-comment:last-child:before, +.tooltip-inner .b-message:before { + display: none; +} + +.b-comment .body, +.b-message .body, +.b-topic .body, +.b-dialog .body { + padding: 4px 0; + padding-left: 0; + line-height: inherit; + overflow: hidden; +} + +/* Левый отступ комментариев от края экрана */ +.inner > header, +.inner > .body, +.inner > footer, +.b-topic-preview > .b-comments { + padding-left: 3.5rem; +} + +/* Фикс отступа в новостях и новостных топиках */ +.b-topic-preview.mini > .inner > header, +.b-generated_news-topic > .inner > header, +.b-generated_news > .inner > header, +.b-generated_news > .inner > .body { + padding-left: 0; +} + +/* Предпросмотр описания и страниц клуба */ +.edit_club .b-shiki_editor .b-comment .inner .body, +.edit_club_page .b-shiki_editor .b-comment .inner .body { + padding-left: 0; +} + +@media screen and (max-width: 767px) { + .b-topic-preview > .b-comments { + padding-left: 0; + } + .b-topic-preview > .inner > .body, + .b-topic-preview > .inner > footer { + padding-left: 3.5rem; + } +} + +@media screen and (min-width: 767px) { + .b-news-topic > .b-comments { + padding-left: 3.5rem; + } +} + +/* END of Левый отступ комментариев от края экрана */ +.b-comment > .inner header, +.b-dialog > .inner header, +.b-message > .inner header, +.b-topic > .inner header { + margin-bottom: 0; +} + +.b-dialog > .inner header, +.b-message > .inner header { + padding-top: .25rem; + padding-bottom: .25rem; +} + +.b-comment > .inner header > a, +.b-message > .inner header > a, +.b-dialog > .inner header > a, +.b-topic > .inner header > a { + position: absolute; + left: 0; +} + +.b-dialog .body .b-message > .inner header > a { + position: relative; +} + +.b-topic > .inner header img { + width: 2.5rem; + margin: .25rem 1rem 0 0; +} + +.b-comment > .inner header img, +.b-message > .inner header img, +.b-dialog > .inner header img { + width: 2.5rem; + margin: .25rem 1rem 0 0; + border-radius: 100%; +} + +.b-topic > .inner header .name-date, +.b-comment > .inner header .name-date { + padding: .25rem 0; + line-height: 2rem; +} + +.b-topic > .inner header .name-date { + line-height: 20px; +} + +.b-message > .inner header .name-date, +.b-dialog > .inner header .name-date { + line-height: 2rem; +} + +.b-topic .name-date .name, +.b-comment .name-date .name, +.b-dialog .name-date .name { + font-size: 1rem; +} + +.b-message > .inner header .name-date a.name, +.b-topic > .inner header .name-date a.name, +.b-comment > .inner header .name-date a.name, +.b-dialog > .inner header .name-date a.name { + display: block; + margin-right: .5rem; + line-height: 1.25rem; +} + +.b-topic > .inner header .name-date a.name, +.b-topic > .inner header .name-date .about { + display: inline-block; + vertical-align: top; + line-height: inherit; +} + +.b-topic > .inner header .name-date .about { + margin-right: .5rem; +} + +.b-topic > .inner > header .name-date a { + font-size: 16px; +} + +.b-topic > .inner > header .about > span { + display: inline-block; + vertical-align: top; + color: #9E9E9E; + padding: 0 .5rem 0 0; + font-size: .875rem; + line-height: inherit; +} + +.b-topic > .inner > header .about a { + display: inline-block; + vertical-align: top; + font-size: 1rem; + line-height: inherit; +} + +.b-comment > .inner header .name-date a.name:hover { + text-decoration: none; +} + +.b-message > .inner header .name-date .time, +.b-topic > .inner header .name-date .time, +.b-comment > .inner header .name-date .time, +.b-dialog > .inner header .name-date .time { + position: relative; + padding-top: 0; + padding-left: 0; + margin-right: .5rem; + line-height: 1.25rem; +} + +.b-message > .inner header .name-date .time > time, +.b-comment > .inner header .name-date .time > time, +.b-topic > .inner header .name-date .time > time { + display: block; + font-size: .875rem; + line-height: inherit; +} + +.b-topic > .inner header .name-date .time { + font-size: .875rem; + line-height: inherit; +} + +.b-comment > .inner header .name-date .time:hover { + text-decoration: underline; +} + +.b-comment header .hash { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: 0; + opacity: 0; + z-index: 1; +} + +.b-comment .inner .name-date a.name .normal { + vertical-align: top; +} + +@media only screen and (min-width: 1025px) { + .b-topic > .inner header .name-date, + .b-comment > .inner header .name-date { + padding: .25rem 0; + line-height: 1.5rem; + } + .b-comment > .inner header .name-date a.name, + .b-comment > .inner header .name-date .time, + .b-dialog > .inner header .name-date a.name, + .b-dialog > .inner header .name-date .time { + display: inline-block; + vertical-align: top; + line-height: inherit; + } + .b-message > .inner header .name-date .time > time, + .b-comment > .inner header .name-date .time > time { + display: block; + font-size: 13px; + line-height: inherit; + } + .p-dialogs .b-message > .inner header { + padding-top: 0; + padding-bottom: 0; + } + .p-dialogs .b-message > .inner header .name-date { + line-height: 32px; + } + .p-dialogs .b-message > .inner header .name-date a.name, + .p-dialogs .b-message > .inner header .name-date .time { + display: inline-block; + vertical-align: top; + line-height: inherit; + } + .b-comment > .inner header img, + .b-message > .inner header img, + .b-dialog > .inner header img { + margin: 6px 16px 0 0; + } + .b-topic > .inner header .name-date .time { + display: inline-block; + vertical-align: top; + line-height: inherit; + } +} + +.p-messages .b-message > .inner header .name-date a.name, +.p-messages .b-message > .inner header .name-date .time { + display: inline-block !important; + vertical-align: top; + padding-top: 0; + line-height: inherit !important; +} + +@media screen and (max-width: 1024px) { + .b-dialog .time { + display: block !important; + padding-left: 0 !important; + font-size: 14px !important; + line-height: 20px !important; + } + .b-dialog > .inner header .name-date time { + display: block; + line-height: inherit; + } + .b-dialog .b-message > .inner header .name-date .time { + display: inline-block !important; + vertical-align: top; + padding-left: 0 !important; + line-height: inherit !important; + } + .b-dialog .b-message .inner header .name-date .name { + display: inline-block !important; + vertical-align: top; + } +} + +.b-dialog > .inner header .name-date .time, +.b-message > .inner header .name-date .time { + color: #9E9E9E; +} + +.b-dialog .b-message { + position: static; + margin: 0; + padding: 0 !important; + overflow: visible; +} + +.b-dialog .b-message .inner header { + padding: 4px 0; +} + +.b-dialog .b-message .inner header img { + width: 20px; + margin: 0 8px 0 0; +} + +.b-dialog .b-message .inner header .name-date { + line-height: 20px; +} + +.b-dialog .b-message .inner .body { + padding-left: 0 !important; +} + +.yellow-fade { + background: rgba(249, 247, 19, 0.16); + outline-color: rgba(249, 247, 19, 0.16); +} + +.b-replies { + padding: 8px 0 0; +} + +.b-quote { + margin: .5rem 0; + padding: .5rem 1rem; +} + +.b-quote .quoteable { + margin: 0 0 .5rem; + line-height: 20px; +} + +.b-quote .quoteable:before { + float: left; + margin-right: 8px; +} + +.b-quote .b-quote { + margin-left: 0 !important; +} + +.b-topic > .inner header:after { + content: ""; + clear: both; + display: none; +} + +.b-topic .body { + line-height: 20px; +} + +.b-topic-preview > .inner .status-line { + margin-top: -8px; + margin-bottom: 8px; + font-size: 14px; + line-height: 20px; +} + +.b-topic-preview > .inner .status-line .author { + padding: 0; +} + +.b-topic-preview > .inner .status-line .b-link { + padding: 0 8px; +} + +.b-topic-preview > .inner .status-line .additional { + padding-left: .5rem; + margin-left: .5rem; +} + +.b-topic-preview > .inner .status-line .additional .comments, +.b-topic-preview > .inner .status-line .additional .likes { + color: inherit; +} + +.b-topic-preview > .inner .status-line .additional .comments:before, +.b-topic-preview > .inner .status-line .additional .likes:before { + vertical-align: top; + padding-right: 8px; + color: #757575; +} + +.b-topic-preview > .inner .status-line .additional .comments:before, +.b-topic-preview > .inner .status-line .additional .likes:before { + padding-right: 8px; + font-family: 'Material Icons'; + font-size: 18px; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.b-topic-preview > .inner .status-line .additional .comments:before { + content: "mode_comment"; +} + +.b-topic-preview > .inner .status-line .additional .likes:before { + content: "thumb_up"; +} + +.b-topic-preview > .inner .status-line .additional .b-review_votes { + margin-left: 1rem; +} + +.b-collection-topic .b-review_votes { + display: inline-block; + font-size: inherit; + line-height: inherit; +} + +.b-review-topic .review-votes_count { + font-size: .875rem; +} + +/* Просмотр комментариев во всплывающей подсказке */ +.tooltip .b-comment { + padding-top: 0 !important; + padding-bottom: 0; +} + +.tooltip .b-comment:before { + display: none; +} + +/* Иконки коллекций */ +.b-collection-topic > .inner .status-line .collection-size { + color: inherit; +} + +.b-collection-topic > .inner .status-line .collection-size:before, +.b-review_votes:before { + vertical-align: top; + width: 1.125rem; + padding-right: .5rem; + color: #757575; + font-size: 1.125rem; +} + +.b-collection-topic > .inner .status-line .collection-size:before { + content: 'collections_bookmark'; +} + +.b-review_votes:before { + content: 'thumbs_up_down'; +} + +.b-review_votes .votes-for { + color: #66BB6A; +} + +.b-review_votes .votes-against { + color: #EF5350; +} + +/* Кнопки голосования в рецензиях и коллекциях */ +.b-topic .footer-vote { + padding: 0; + margin-top: 1rem; + margin-bottom: 1rem; + background: transparent; + border: 0; + color: inherit; + font-size: .875rem; + line-height: inherit; +} + +.b-topic .footer-vote:after { + content: ''; + display: block; + clear: both; +} + +.b-topic .footer-vote .star { + vertical-align: top; + padding: .5rem; + line-height: 0; +} + +.b-topic .footer-vote .star:before { + content: 'thumbs_up_down'; + width: 1.5rem; + padding: 0; + font-size: 1.5rem; +} + +.b-topic .footer-vote .notice { + margin: 0 1.5rem 0 1rem; + line-height: 2.5rem; +} + +.b-topic .footer-vote .vote-group { + float: right; +} + +.b-topic .footer-vote .vote-group .vote { + min-width: 5.5rem; + padding: 0 1rem; + margin: .25rem 0; + background-color: #DDDDDD; + border: 0; + border-radius: .125rem; + color: inherit; + font-size: .875rem; + font-weight: 700; + line-height: 2rem; + text-transform: uppercase; + opacity: 1; + transition: background-color .24s ease, color .24s ease; +} + +.b-topic .footer-vote .vote-group .vote:not(:last-child) { + margin-right: .5rem; +} + +.b-topic .footer-vote .vote-group .vote.yes.selected, +.b-topic .footer-vote .vote-group .vote.yes:hover { + background-color: #4CAF50; + background-color: #66BB6A; + color: #FFFFFF; +} + +.b-topic .footer-vote .vote-group .vote.no.selected, +.b-topic .footer-vote .vote-group .vote.no:hover { + background-color: #F44336; + background-color: #EF5350; + color: #FFFFFF; +} + +.b-topic .footer-vote .vote-group .vote.yes:before, +.b-topic .footer-vote .vote-group .vote.no:before { + vertical-align: middle; + width: 1.125rem; + padding: 0; + margin-right: .875rem; + font-size: 1.125rem; +} + +.b-topic .footer-vote .vote-group .vote.yes:before { + content: 'thumb_up'; +} + +.b-topic .footer-vote .vote-group .vote.no:before { + content: 'thumb_down'; +} + +.b-topic .footer-vote .vote-group .separator { + display: none; +} + +/* END of Кнопки голосования в рецензиях и коллекциях */ +/** + * COMMENT DOESN'T SLIDE + * Большие комментарии, топики не должны сдвигаться margin'ами. + * Либо translate3d либо никак. + */ +.b-topic.aside-expanded > .inner, +.b-dialog.aside-expanded > .inner, +.b-message.aside-expanded > .inner, +.b-comment.aside-expanded > .inner, +.b-topic.aside-expanded > .b-comments { + margin-left: 0; +} + +.b-topic.aside-expanded > .inner aside.buttons, +.b-dialog.aside-expanded > .inner aside.buttons, +.b-message.aside-expanded > .inner aside.buttons, +.b-comment.aside-expanded > .inner aside.buttons { + position: absolute; + top: 0; + right: 0; + left: 0; + width: auto; + height: 100%; + margin: 0 -16px; + padding: 8px 16px; + border: 0; + overflow-y: auto; + z-index: 3; +} + +.b-dialog > .inner > aside.buttons > .main-controls > a:after, +.b-dialog > .inner > aside.buttons > .main-controls > span:after, +.b-dialog > .inner > aside.buttons > .delete-controls > span:after, +.b-dialog > .inner > aside.buttons > .moderation-controls > span:after, +.b-message > .inner > aside.buttons > .main-controls > a:after, +.b-message > .inner > aside.buttons > .main-controls > span:after, +.b-message > .inner > aside.buttons > .delete-controls > span:after, +.b-message > .inner > aside.buttons > .moderation-controls > span:after, +.b-comment > .inner > aside.buttons > .main-controls > a:after, +.b-comment > .inner > aside.buttons > .main-controls > span:after, +.b-comment > .inner > aside.buttons > .delete-controls > span:after, +.b-comment > .inner > aside.buttons > .moderation-controls > span:after { + vertical-align: top; + padding-left: 12px !important; + font-size: 16px !important; + line-height: 18px; +} + +/* OPEN DIALOG BY CLICK */ +.b-dialog .to_dialog { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: 0 -16px; + font-size: 0; +} + +.b-dialog:hover .to_dialog { + background-color: rgba(0, 0, 0, 0.05); + z-index: 0; +} + +.b-dialog img, +.b-dialog a, +.b-dialog .buttons, +.b-dialog .b-new_marker { + position: relative; + z-index: 2; +} + +/* END of OPEN DIALOG BY CLICK */ +/** + * BBCode: CODE + * Новый тег отвечающий за оформление программных кодов. + */ +code { + vertical-align: middle; + padding: .5px 4px; + background-color: rgba(32, 32, 32, 0.05); + border-radius: 2px; + font-size: .875rem; +} + +pre { + position: relative; +} + +.b-code { + padding: 1rem; + margin: .5rem 0; + background: #303030; + border-radius: 2px; + font-size: .875rem; +} + +@media (min-width: 960px) { + .b-code:before { + content: attr(data-language); + position: absolute; + top: 1rem; + right: .5rem; + padding: 0 .5rem; + background-color: #747474; + border-radius: 2px; + } + .tooltip-details .b-code:before { + display: none; + } +} + +/* END of CODE */ +/* CODE: SUBLIME 3 MATERIAL THEME'S COLOR */ +.b-code { + background: #263238; +} + +.hljs-selector-tag { + color: #FF5370; +} + +.hljs-selector-id { + color: #FAD430; +} + +.hljs-selector-class { + color: #FFCB6B; +} + +.hljs-selector-pseudo, +.hljs-meta { + color: #C792EA; +} + +.hljs-attribute { + color: #80CBC4; +} + +.hljs-built_in { + color: #89DDFF; +} + +.hljs-number { + color: #F77669; +} + +.hljs-string { + color: #C3E88D; +} + +.hljs-comment { + color: #5C7E8C; +} + +/* END of CODE' THEME */ +/* -------------- */ +/* END of COMMENT */ +/* -------------- */ +/* TOAST */ +#toast-container { + line-height: 1.5rem; +} + +.toast-top-right { + top: auto; + bottom: 0; + right: 0; + left: 0; +} + +#toast-container > div { + width: 100%; + max-width: 25rem; + padding: .875rem 1.5rem; + margin: auto; +} + +.toast-message { + display: inline-block; + vertical-align: top; + line-height: 1.5rem; +} + +#toast-container > .toast-success { + background-color: #323232; + background-image: none !important; +} + +#toast-container > .toast-error { + background-color: #323232; + background-image: none !important; +} + +#toast-container > .toast-error:before { + content: 'error_outline'; + float: left; + display: inline-block; + vertical-align: top; + margin: -4px 1.5rem -4px 0; + font-size: 2rem; + font-family: 'Material Icons'; + line-height: 1; + box-sizing: border-box; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +/* END of TOAST */ +/* CLUB */ +.b-clubs-menu .b-block_list li { + font-size: .875rem; +} + +/* Действия в клубах */ +.b-clubs-menu .club-actions { + margin: 0 0 .5rem 0; +} + +.club-actions .edit-club, +.club-actions .broadcast, +.club-actions .upload, +.club-actions .join, +.club-actions .invite, +.club-actions .leave { + width: auto; + height: auto; + padding: .5rem; + margin: 0 .5rem 0 0; + border-radius: .125rem; + color: #757575 !important; + line-height: 0; +} + +.club-actions .edit-club:hover, +.club-actions .broadcast:hover, +.club-actions .upload:hover, +.club-actions .join:hover, +.club-actions .invite:hover, +.club-actions .leave:hover { + background-color: #E0E0E0; + color: #424242 !important; +} + +.club-actions .edit-club:before, +.club-actions .broadcast:before, +.club-actions .upload:before, +.club-actions .join:before, +.club-actions .invite:before, +.club-actions .leave:before { + width: 1.5rem; + font-family: 'Material Icons'; + font-size: 1.5rem; + line-height: 1; +} + +.club-actions .edit-club:before { + content: 'build'; +} + +.club-actions .broadcast:before { + content: 'speaker_notes'; +} + +.club-actions .upload:before { + content: 'attach_file'; +} + +.club-actions .join:before, +.club-actions .invite:before { + content: 'person_add'; +} + +.club-actions .leave:before { + content: 'directions_run'; +} + +@media screen and (max-width: 480px) and (orientation: portrait) { + .club-actions .edit-club, + .club-actions .broadcast, + .club-actions .upload, + .club-actions .join, + .club-actions .invite, + .club-actions .leave { + display: block; + margin: 0; + } + .club-actions .edit-club:after, + .club-actions .broadcast:after, + .club-actions .upload:after, + .club-actions .join:after, + .club-actions .invite:after, + .club-actions .leave:after { + color: #212121; + padding-left: 1.5rem; + font-size: inherit; + line-height: 1.5; + } +} + +/* Навигация в клубах: "контент" */ +.b-pages { + max-width: 15rem; + padding: 0 1rem; + margin: 0 0 1.5rem 2rem; + border-radius: 2px; +} + +.b-pages .title { + font-size: .875rem; + line-height: 3rem; + text-transform: uppercase; +} + +.b-pages .section { + margin: 0 0 .5rem; +} + +/* Названия страниц клубов */ +.p-club_pages .l-content .subheadline, +.p-club_pages .l-content .subheadline > a { + max-width: 100%; + white-space: normal; +} + +/* CLUB PAGE EDITOR */ +@media screen and (max-width: 767px) { + .edit_club_page .cc-2a > .c-column { + width: 100%; + } + .edit_club_page .cc-2a > .c-column:nth-child(1n+1) { + clear: left; + } +} + +/* FIX: CLUB'S BUTTONS */ +.p-clubs-edit .pages .button { + margin-right: .5rem; +} + +.p-clubs-edit .pages .club_page-layout, +.p-clubs-edit .pages .club_page-actions { + font-size: .875rem; + padding-left: 1rem; +} + +.p-clubs-edit .pages .club_page-actions .b-js-link { + margin-right: .5rem; +} + +.p-club_pages-show .item-edit:before { + content: 'edit'; +} + +/* END of CLUB'S BUTTONS */ +/* ICON | CREATE CLUB */ +.p-clubs-index header.head a.misc { + float: right; + width: 40px; + height: 40px; + padding: 8px; + margin: 4px; + font-size: 0; +} + +.p-clubs-index header.head a.misc:hover { + background-color: #ddd; + text-decoration: none; +} + +.p-clubs-index header.head a.misc:before { + content: 'group_add'; +} + +/* END of CREATE CLUB */ +/* TODO: merge with Material icons */ +.p-club_pages-show .item-edit:before, +.p-clubs-index header.head a.misc:before { + width: 1.5rem !important; + font-family: 'Material Icons' !important; + font-size: 1.5rem !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-club_pages-show .item-edit { + color: #757575; +} + +.p-club_pages-show .item-edit:hover { + background-color: #E0E0E0; + color: #424242; +} + +@media only screen and (min-width: 1025px) { + .p-club_pages-show .item-edit:active { + background-color: #E0E0E0; + color: #424242; + } +} + +/* END of CLUB */ +/* TODO: replace */ +.p-contests .results .cc-result .c-rounds .label { + font-size: .875rem; +} + +/** + * INDEX + * Изменения главной страницы. + * + */ +.p-dashboards-show .c-my_list { + padding: 0; + background: initial; + border: none; +} + +.p-dashboards-show .c-my_list .title .switch, +.p-dashboards-show .c-my_list .title .link { + float: right; +} + +.p-dashboards-show .cc-news .c-generated_news .b-topic .name-date a { + font-size: 16px !important; +} + +.b-forums { + margin-bottom: .5rem; + line-height: inherit; +} + +@media screen and (max-width: 767px) { + .p-dashboards-show .cc-second { + margin-bottom: .5rem; + } +} + +/* Изменение новостей на главной */ +.p-dashboards-show .cc-news .c-news_topics .b-topic { + padding: 1rem 0 1.5rem; + border-top-width: 1px; +} + +@media screen and (max-width: 767px) { + .p-dashboards-show .cc-news .c-news_topics .b-topic { + margin-bottom: 0; + } +} + +@media only screen and (min-width: 768px) { + .p-dashboards-show .cc-news .c-news_topics .b-topic { + margin-bottom: 0; + } +} + +.p-dashboards-show .cc-news .c-news_topics .b-topic .name-date a { + padding: 0 0 .25rem; + font-size: 22px !important; + font-weight: 400 !important; + line-height: 1.65; + white-space: normal; +} + +.p-dashboards-show .cc-news .c-news_topics .b-topic .b-anime_status_tag { + display: none; +} + +/* КОНЕЦ – Изменение новостей на главной */ +/* Change Forum Button */ +/* NOTE: Цвета настраиваются в общем блоке ЦВЕТА */ +.p-dashboards-show .b-forums > .b-link_button.maxi { + position: relative; + margin-bottom: 0; + background-color: transparent; + font-size: 0; + line-height: 0; + text-align: left; + overflow: visible; +} + +.p-dashboards-show .b-forums > .b-link_button.maxi:after { + display: inline-block; + vertical-align: top; + padding: 0 1rem; + margin: .5rem -1rem; + border-radius: .125rem; + font-size: .875rem; + line-height: 2rem; +} + +.locale-ru.p-dashboards-show .b-forums > .b-link_button.maxi:after { + content: 'Форум'; +} + +.locale-en.p-dashboards-show .b-forums > .b-link_button.maxi:after { + content: 'Forum'; +} + +.p-dashboards-show .b-forums > .b-link_button.maxi:before { + display: block; + font-family: 'Material Icons' !important; + font-size: 18px !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-dashboards-show .b-forums > .b-link_button.maxi:before { + position: absolute; + right: 0; + left: 0; + color: inherit; + line-height: 3rem !important; + text-align: right; +} + +.p-dashboards-show .b-forums > .b-link_button.maxi:before { + content: 'chevron_right'; +} + +/* END of Change Forum Button */ +/* ТЕМЫ ДНЯ */ +.b-hot_topics { + padding: .5rem 1rem; + margin: -.5rem -1rem 0 -1rem; + background-color: initial; + border: 0; +} + +.b-hot_topics .topic { + font-size: .875rem; + line-height: 2rem; + text-align: left; +} + +.b-hot_topics .topic.subject { + font-size: .875rem; + line-height: 2rem; + text-align: left; + text-transform: uppercase; + white-space: nowrap; +} + +.b-hot_topics .topic a { + padding: 0 .75rem; + border-radius: 1rem; +} + +.b-hot_topics .topic a:hover { + text-decoration: none; +} + +.b-hot_topics .topic a .poster { + position: initial; + display: inline-block; + vertical-align: middle; + width: 2rem; + height: 2rem; + margin-left: -.75rem; + margin-right: .5rem; + border-radius: 100%; +} + +@media screen and (max-width: 1024px) { + .b-hot_topics { + padding: 14px 16px; + margin: -16px -16px 0 -16px; + border: 0; + } +} + +@media only screen and (min-width: 1025px) { + .b-hot_topics .topic { + margin-right: .5%; + width: 10.6666%; + } +} + +/** + * FORUM + * СТРАНИЦЫ ФОРУМА + */ +.p-topics .l-menu .b-forums, +.block2, +.contests.block { + margin-bottom: 1.5rem; + line-height: 1.5rem; +} + +.b-forums .forum { + clear: both; + position: relative; + min-height: 1.5rem; + line-height: 1.5rem; + padding: 0 .5rem; + margin: 0 -.5rem; +} + +.b-forums .forum .link-with-input .link { + display: inline-block; + vertical-align: top; + position: absolute; + right: 0; + left: 0; + padding-left: .5rem; +} + +.b-forums .forum input { + position: absolute; + left: 0; + width: 2rem; + height: 1.5rem; + margin-right: .25rem; + border: 0; + opacity: 0; + z-index: 1; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +.b-forums .forum .link-with-input input + .link { + padding-left: 2.25rem; +} + +.b-forums .forum input + .link:before { + content: 'check_box_outline_blank'; + display: block; + position: absolute; + top: 0; + left: 0.375rem; + width: 1.125rem; + margin: 0.1875rem 0; + font-family: 'Material Icons' !important; + font-size: 1.125rem !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.b-forums .forum input:hover + .link:before { + opacity: .9; +} + +.b-forums .forum input:checked + .link:before { + content: 'check_box'; +} + +.b-forums .forum input:disabled + .link:before { + color: #BDBDBD; +} + +.b-forums .forum .topics { + font-size: .75rem; +} + +/* FIX: TOPIC UPDATE ICON (issue #5) */ +.p-topics header h1 a.reload:hover:after { + position: static; +} + +/* END of FORUM */ +/** + * PROFILE + * ПРОФИЛЬ ПОЛЬЗОВАТЕЛЯ + */ +/* Убираем лишние overflow */ +.p-profiles-show .profile-content { + overflow: visible; +} + +/* Настраиваем равномерные отступы */ +.p-profiles .profile-content .cc-2, +.p-profiles .profile-content .about, +.p-profiles .profile-content .cc-2 .c-right .cc-2a { + margin-bottom: 1rem !important; +} + +@media screen and (max-width: 767px) { + .cc-2 > .c-column { + margin-bottom: 1rem; + } + .p-profiles-show .profile-content .activity:last-child { + margin-bottom: 1.25rem !important; + } +} + +/* Полосы аниме/манги */ +.b-stats_bar .bar .first, +.b-stats_bar .bar .second { + color: inherit; +} + +.b-stats_bar.anime .bar { + color: #FAFAFA; +} + +.b-stats_bar.manga .bar { + color: #212121; +} + +.b-stats_bar .bar .third { + color: #212121; +} + +.b-stats_bar.anime .bar .second { + background-color: rgba(0, 150, 136, 0.72); +} + +.b-stats_bar.manga .bar .second { + background-color: rgba(255, 171, 64, 0.72); +} + +.line:nth-child(even) > .bar-container > .bar { + opacity: 0.64; +} + +/* Столбики активности */ +.bar.vertical { + padding: 0; + border: none; +} + +.bar.vertical .line { + border: none; +} + +.bar.vertical .line .bar-container .value { + font-size: .75rem; + line-height: 1.25rem; +} + +/* User aliases */ +.p-profiles .profile-head .c-brief header h1 { + vertical-align: top; +} + +.p-profiles .profile-head .c-brief header h1.aliases { + cursor: help; +} + +.p-profiles .profile-head .c-brief header h1.aliases:after { + display: inline-block; + vertical-align: top; + width: 2rem; + height: 2rem; + margin: 0; + margin-left: .5rem; + color: inherit; + font-family: 'Material Icons'; + font-size: 1.125rem; + line-height: 2rem; + text-align: center; + cursor: help; + opacity: .5; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-profiles .profile-head .c-brief header h1.aliases:after { + content: 'label'; +} + +.p-profiles header.head .misc { + vertical-align: top; + padding: 0 1rem; + margin: 0; + font-size: .875rem; + line-height: 3rem; +} + +.p-profiles .profile-head .c-brief header .notice { + line-height: 1.25rem; +} + +/* FIX: update 2017-03-19 */ +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar::after { + clear: none; +} + +/* Списки аниме/манги */ +.b-stats_bar .stat_names .stat_name:after { + display: none; +} + +.b-stats_bar .stat_names .stat_name { + padding: 0 1rem 0 0; + font-size: .875rem; + line-height: 2rem; +} + +.b-stats_bar .stat_names .stat_name a { + display: block; + line-height: inherit; +} + +/* Выпадающий список аниме/манги в профиле */ +@media screen and (max-width: 599px) { + .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { + position: relative; + } + .b-stats_bar .stat_names .stat_name { + display: none; + } + .b-stats_bar .stat_names:hover .stat_name { + display: block; + } + .b-stats_bar .stat_names .stat_name, + .b-stats_bar .stat_names .stat_name a { + padding: 0 1rem 0 0; + } + .b-stats_bar .stat_names .stat_name a { + display: block; + margin: 0 -1rem; + } + .b-stats_bar .stat_names .stat_name a:hover { + background-color: rgba(0, 0, 0, 0.24); + text-decoration: none; + } + .b-stats_bar .stat_names { + position: absolute; + top: 0; + min-width: 165px; + border-radius: .125rem; + } + .b-stats_bar .stat_names:hover { + padding: 3rem 0 .5rem; + z-index: 10; + } + .b-stats_bar .stat_names:after { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.32); + z-index: -1; + } + .b-stats_bar .stat_names:before { + content: 'arrow_drop_down'; + display: block; + position: absolute; + top: 0; + right: 0; + width: 2rem; + height: 2rem; + padding: .25rem; + margin: .5rem .25rem; + border-radius: 100%; + font-size: 1.5rem; + font-family: 'Material Icons'; + line-height: 1; + box-sizing: border-box; + pointer-events: auto; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; + } + .b-stats_bar .stat_names .stat_name, + .b-stats_bar .stat_names .stat_name a { + padding: 0 1rem; + } +} + +/* Конец: Выпадающий список аниме/манги в профиле */ +.edit_user_preferences .b-options-floated.about-options { + position: absolute; + right: 0; + margin: 1rem 0; + background: transparent !important; + text-align: right; + z-index: 1; +} + +.edit_user_preferences .about-options .b-input { + margin-bottom: 0 !important; +} + +.edit_user_preferences .about-options .b-input label { + line-height: 1.5rem; +} + +.b-list_switchers > .switcher { + width: 2.5rem; + height: 2.5rem; + padding: .5rem; + margin: .25rem; +} + +.b-list_switchers .switcher.posters { + margin-left: .25rem !important; +} + +.b-list_switchers .switcher.list { + margin-left: .25rem !important; +} + +.p-user_rates-index .l-menu .avatar img { + width: 10rem; + height: 10rem; +} + +.p-user_rates-index .l-content thead tr { + font-size: 13px; + line-height: 2rem; +} + +.p-user_rates-index .list-lines tr td .rate-text { + font-size: .875rem; + line-height: 1.25rem; +} + +.p-user_rates-index .list-lines tr td .new-value input { + height: 1.5rem; + font-size: 1rem; + line-height: 1.5rem; +} + +.p-user_rates-index .list-lines tr.edit-form form { + padding: .25rem 1rem; + margin: .5rem 0; + border-style: solid; + border-width: 1px; +} + +.p-user_rates-index .list-lines tr.edit-form .b-input.text textarea { + font-size: .875rem; +} + +.b-user_rate .rate-edit .b-input.integer input, +.p-user_rates-index .list-lines tr.edit-form .b-input.integer input { + width: 7rem; +} + +.p-profiles-show .b-stats_bar a.title { + padding: .5rem 1rem; + margin: .5rem -1rem; +} + +.p-profiles-show .b-stats_bar a.title:hover { + text-decoration: none !important; +} + +.p-user_rates-index .list-lines tr.edit-form .remove { + width: 2.5rem; + height: 2.5rem; + padding: .5rem; + margin: .25rem; +} + +.p-user_rates-index .list-lines tr.edit-form .remove { + margin: -.25rem 0 0; + border: 0; + font-size: 0; +} + +.p-user_rates-index .list-lines tr.edit-form .remove:before { + width: 1.5rem !important; + font-family: 'Material Icons' !important; + font-size: 1.5rem !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-user_rates-index .list-lines tr.edit-form .remove:before { + content: 'delete'; +} + +/* Комментарий на постере */ +.p-user_rates-index .list-posters .user_rate > .text { + bottom: 4rem; + padding: .25rem .5rem; + background: rgba(0, 0, 0, 0.6); + border-radius: 0 0 .125rem .125rem; +} + +.p-user_rates-index .list-posters .user_rate > .text:before { + display: none; +} + +.p-user_rates-index .list-posters .user_rate.b-ajax:after { + margin-top: -1.5rem; +} + +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { + overflow: visible; +} + +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { + margin-bottom: 0; +} + +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar::after { + clear: none; +} + +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar.manga { + margin-top: 8px; +} + +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a { + font-size: .875rem; + margin-top: 1rem; +} + +.b-stats_bar .bar { + height: auto; +} + +.b-stats_bar .bar .first, +.b-stats_bar .bar .second, +.b-stats_bar .bar .third { + font-size: .75rem; + line-height: 1.25rem; +} + +.p-profiles .profile-head .c-brief .avatar .profile-actions { + margin-top: 1rem; + margin-right: -.75rem; + margin-left: -.75rem; +} + +.profile-actions > a { + display: inline-block; + padding: .5rem; +} + +.profile-actions > *:before { + vertical-align: top; + width: 1.5rem !important; + line-height: 1 !important; + font-size: 1.5rem !important; +} + +.p-profiles .profile-head .c-brief .avatar > img { + display: block; + margin: auto; +} + +@media only screen and (min-width: 768px) { + .p-profiles .profile-head .c-brief .avatar { + margin: .5rem 2rem 3rem 1rem; + } + .p-profiles .profile-head .c-brief .avatar > img { + width: 10rem; + height: 10rem; + } +} + +@media screen and (max-width: 1024px) { + .profile-actions .settings, + .profile-actions .fav-add, + .profile-actions .fav-remove, + .profile-actions .ignore-add, + .profile-actions .ignore-remove, + .profile-actions .ban { + margin-left: .5rem; + } +} + +@media only screen and (min-width: 1025px) { + .profile-actions .settings, + .profile-actions .fav-add, + .profile-actions .fav-remove, + .profile-actions .ignore-add, + .profile-actions .ignore-remove, + .profile-actions .ban { + margin-left: .5rem; + } +} + +/* TODO: replace */ +.b-catalog-entry-embedded .b-catalog_entry { + margin-bottom: 0 !important; +} + +/* TODO: replace */ +.l-page .b-anime_status_tag:before { + vertical-align: text-bottom; + padding: 0 .25rem; + border: 0; + font-size: .625rem; + line-height: 1rem; + text-transform: uppercase; +} + +/* TODO: replace */ +.b-topic { + margin-bottom: .5rem; +} + +/* TODO: replace */ +.m13 { + margin-bottom: 0 !important; +} + +/* USER PROFILE |> HISTORY ENTRY */ +.p-profiles .profile-head .c-history .entry { + position: relative; + padding: .5rem 0; + margin: 0; + border: 0; + overflow: initial; +} + +.p-profiles .profile-head .c-history .entry, +.p-profiles .profile-head .c-history .entry:first-child { + padding-top: .5rem; + margin-top: 0; +} + +.p-profiles .profile-head .c-history .entry:before { + content: ''; + display: block; + position: absolute; + right: -.5rem; + bottom: 0; + left: 3.5rem; + height: 1px; + pointer-events: none; +} + +.p-profiles .profile-head .c-history .entry:last-child:before { + display: none; +} + +/* Полноразмерная ссылка .entry, работает только для .c-history & .l-menu */ +.p-profiles .profile-head .c-history .entry a { + display: block; + padding: .5rem .5rem; + margin: -.5rem; +} + +@media screen and (min-width: 960px) { + .p-profiles .profile-head .c-history .entry a { + padding: .75rem .5rem; + } +} + +.p-profiles .profile-head .c-history .entry a:after { + content: ''; + clear: both; + display: block; +} + +.p-profiles .profile-head .c-history .entry:hover .title { + text-decoration: none; +} + +/* END of FULLENTRY LINK */ +.p-profiles .profile-head .c-history .entry img { + margin: 0 16px 0 0; + max-height: 72px; + max-width: 40px; +} + +/* Страница истории пользователя */ +.p-user_history-index .history-page .history-interval p { + line-height: 1.5rem; + margin-bottom: 0; +} + +.b-user_rate-extended > .midheadline { + overflow: hidden; +} + +.p-user_rates-index .l-content .filter input { + padding: .5rem 1rem; + font-size: .875rem; +} + +/* Страница сравнения списков */ +.p-userlist_comparer .notice span { + padding: 1.5px 4px !important; + border-radius: 2px; +} + +/* Цвета списков */ +.p-userlist_comparer .comparer table .abslt-difr, +.p-userlist_comparer .legend .abslt-difr, +.p-userlist_comparer .notice span:nth-child(6) { + background: rgba(244, 67, 54, 0.5) !important; +} + +.p-userlist_comparer .comparer table .slightly-difr, +.p-userlist_comparer .legend .slightly-difr, +.p-userlist_comparer .notice span:nth-child(4) { + background: rgba(255, 138, 128, 0.5) !important; +} + +.p-userlist_comparer .comparer table .almost-same, +.p-userlist_comparer .legend .almost-same, +.p-userlist_comparer .notice span:nth-child(3) { + background: rgba(185, 246, 202, 0.5) !important; +} + +.p-userlist_comparer .comparer table .exact-same, +.p-userlist_comparer .legend .exact-same, +.p-userlist_comparer .notice span:nth-child(5) { + background: rgba(76, 175, 80, 0.5) !important; +} + +.p-profiles .profile-head .c-info .c-additionals { + margin-top: 8px; + margin-bottom: 8px; +} + +.p-profiles .profile-head .c-info .c-additionals b { + padding-right: 8px; + font-size: 0; +} + +.p-profiles .profile-head .c-info .c-additionals b:after { + font-size: 14px; +} + +.p-profiles.locale-ru .profile-head .c-info .c-additionals b:after { + content: 'Активность на сайте:'; +} + +.p-profiles.locale-en .profile-head .c-info .c-additionals b:after { + content: 'Activity:'; +} + +/* Время за аниме и манга */ +.p-profiles .lifetime .bar, .p-profiles .lifetime .times { + line-height: 0; +} + +.p-profiles-show .lifetime .bar { + height: 1.25rem; +} + +.b-stats_bar.lifetime .bar .first { + background: #009688; + opacity: .72; +} + +.p-profiles-show .lifetime .cuts .cut { + width: 0; + height: 0; + margin: .5rem -.25rem; + background: transparent; + border: .375rem solid transparent; + border-bottom-color: #FAFAFA; + z-index: 1; +} + +.p-profiles-show .lifetime .times .time { + color: #9E9E9E; + font-size: .625rem; + line-height: 1.25rem; + text-transform: uppercase; +} + +.p-profiles-show .lifetime .times .time.checked { + color: #009688; +} + +.p-profiles-show .lifetime .times .time.checked:before { + display: none; + color: #009688; + opacity: .72; +} + +/** + * PROFILE HEAD + * Adaptive profile header includes: avatar, history, information, anime/manga bars. + */ +.p-profiles .profile-head { + position: relative; + overflow: visible; +} + +.p-profiles .profile-head { + min-height: 15.5rem; + padding-top: 3rem; + margin-top: -1rem; +} + +.p-profiles .profile-head .c-info { + margin-bottom: .5rem; +} + +.p-profiles .profile-head .c-info { + overflow: visible; +} + +.p-profiles .profile-head .c-history { + margin-bottom: 3rem; +} + +.p-profiles .profile-head .c-history.x3 { + margin-bottom: 2rem; +} + +.p-profiles .profile-head .c-brief { + position: relative; + margin: -3rem -1rem 1rem; + overflow: hidden; +} + +.p-profiles .profile-head .c-brief:before { + content: ''; + display: block; + height: 0; + padding-bottom: 0; +} + +.p-profiles .profile-head .c-brief .avatar > img, +.p-profiles .profile-head .c-history { + display: none; +} + +@media screen and (min-width: 320px) { + .p-profiles .profile-head .c-mobile-actions { + display: none; + } + .p-profiles .profile-head .c-brief:before { + content: ''; + display: block; + height: 0; + padding-bottom: 34%; + } + .p-profiles .profile-head .c-brief .avatar { + float: none; + max-width: 100%; + margin: 0 auto; + margin-top: -17%; + } + .p-profiles .profile-head .c-brief .avatar > img { + display: block; + width: 36%; + max-width: 10rem; + min-width: 5rem; + margin: auto; + } + .p-profiles .profile-head .c-brief .avatar .profile-actions { + display: block; + position: absolute; + width: 100%; + padding: 0 .5rem; + margin: 0 auto; + margin-top: -15%; + text-align: left; + } + .p-profiles .profile-head .c-brief .avatar .profile-actions > a:first-child { + float: right; + margin: 0 .25rem; + } + .profile-actions .fav-add, + .profile-actions .fav-remove { + float: right; + } + .p-profiles .profile-head .c-brief header { + clear: both; + margin: 0; + text-align: center; + } +} + +@media screen and (min-width: 320px) and (max-width: 479px) { + .p-profiles .profile-head .c-brief header .notice { + padding: .5rem 1rem; + } +} + +@media screen and (min-width: 320px) and (max-width: 599px) { + .p-profiles .profile-head .c-brief header { + background-color: inherit !important; + } +} + +@media screen and (min-width: 320px) and (max-width: 959px) { + .p-profiles .profile-head .c-history { + display: block; + position: absolute; + top: 0; + right: 0; + left: 0; + width: auto; + padding: 0 1rem; + margin: 0 -1rem; + background-color: rgba(0, 0, 0, 0.48); + white-space: nowrap; + overflow-x: auto; + z-index: 1; + } + .p-profiles .profile-head .c-history > .subheadline { + display: inline-block; + vertical-align: top; + } + .p-profiles .profile-head .c-history > .subheadline > a { + color: #eee !important; + } + .p-profiles .profile-head .c-history > .subheadline > a:before { + display: none; + } + .p-profiles .profile-head .c-history > .b-block_list { + display: inline-block; + vertical-align: top; + padding: .5rem; + margin-left: .5rem; + } + .p-profiles .profile-head .c-history .entry { + display: inline-block; + vertical-align: top; + min-width: 112px; + height: 2rem; + padding-right: .5rem; + padding-left: .5rem; + margin-left: .5rem; + border-radius: 1rem; + overflow: hidden; + } + .p-profiles .profile-head .c-history .entry:before { + display: none; + } + .p-profiles .profile-head .c-history .entry .image-name { + float: left; + width: 32px; + height: 32px; + margin: -8px 8px -8px -8px; + border-radius: 50%; + font-size: 0; + line-height: 0; + overflow: hidden; + } + .p-profiles .profile-head .c-history .entry span.misc { + display: none; + } +} + +@media screen and (min-width: 320px) and (max-width: 959px) and (min-width: 600px) { + .p-profiles .profile-head .c-history { + padding: .25rem 1rem; + } +} + +@media screen and (max-width: 767px) and (min-width: 481px), screen and (max-width: 767px) and (orientation: landscape) { + .p-profiles .profile-head .c-history .entry:first-child { + display: inline-block; + } +} + +@media screen and (min-width: 360px) { + .profile-actions .settings, + .profile-actions .fav-add, + .profile-actions .fav-remove, + .profile-actions .ignore-add, + .profile-actions .ignore-remove, + .profile-actions .ban { + margin-left: .25rem; + } +} + +@media screen and (min-width: 360px) and (max-width: 599px) { + .p-profiles .profile-head .c-mobile-actions { + display: none; + } + .p-profiles .profile-head .c-brief .avatar .profile-actions { + display: block; + } +} + +@media screen and (min-width: 480px) { + .p-profiles .profile-head .c-brief { + margin-bottom: 0; + overflow: visible; + } + .p-profiles .profile-head .c-brief .avatar { + position: absolute; + } + /* Отступ от аватарки */ + .p-profiles .profile-head .c-brief header { + margin-left: 10rem; + } + /* Отступ от аватарки */ + .p-profiles .profile-head .c-info { + margin-left: 9rem; + } + .p-profiles .profile-head .c-brief .avatar .profile-actions { + position: static; + width: auto; + padding: 0; + margin-top: 1rem; + margin-right: -12px; + margin-left: -12px; + text-align: center; + } + .p-profiles .profile-head .c-brief .avatar .profile-actions > a:first-child { + float: none; + margin: 0; + } + .profile-actions .fav-add, + .profile-actions .fav-remove { + float: none; + } + .p-profiles .profile-head .c-brief:before { + padding-bottom: 48px; + } + .p-profiles .profile-head .c-brief .avatar { + max-width: 160px; + margin: 1rem 1rem 1rem .5rem; + } + .p-profiles .profile-head .c-brief .avatar img { + width: 120px; + } + .p-profiles .profile-head .c-brief header { + clear: none; + padding: 1rem 0 .5rem; + text-align: left; + } +} + +@media screen and (min-width: 600px) { + .p-profiles .profile-head { + background-color: inherit; + } + .p-profiles .profile-head .c-brief { + margin: -3rem -1rem 0; + } + /* Отступ от аватарки */ + .p-profiles .profile-head .c-brief header { + margin-left: 12.5rem; + } + /* Отступ от аватарки */ + .p-profiles .profile-head .c-info { + margin-left: 11.5rem; + } + .p-profiles .profile-head .c-brief:before { + padding-bottom: 56px; + } + .p-profiles .profile-head .c-brief .avatar img { + width: 160px; + } + .p-profiles .profile-head .c-brief .avatar .profile-actions { + display: block; + } +} + +@media screen and (min-width: 768px) { + .p-profiles .profile-head .c-brief { + overflow: visible; + } + /* Отступ от аватарки */ + .p-profiles .profile-head .c-brief header { + margin-left: 13.5rem; + } + /* Отступ от аватарки */ + .p-profiles .profile-head .c-info { + margin-left: 12.5rem; + } +} + +@media screen and (min-width: 960px) { + .p-profiles .profile-head { + padding-top: 0; + margin-top: 0; + } + .p-profiles .profile-head .c-brief { + max-height: 504px; + margin: 0; + overflow: visible; + } + .p-profiles .profile-head .c-brief:before { + padding-bottom: 0; + } + .p-profiles .profile-head .c-brief .avatar { + margin: 1rem 2rem 1rem 0; + } + .p-profiles .profile-head .c-info { + margin-bottom: 1.5rem; + } + /* Отступ от аватарки */ + .p-profiles .profile-head .c-info { + margin-left: 13.5rem; + } + /* Отступ от истории */ + .p-profiles .profile-head .c-info { + margin-right: calc(23% + 3.5rem); + } + .p-profiles .profile-head .c-history { + display: block; + position: relative; + top: 1rem; + margin-left: 3.5rem; + z-index: 1; + } +} + +/* END of PROFILE HEAD */ +/** + * Иконки совместимости для профиля + * MIT License + * Copyright (c) 2016 grin3671 + */ +/* ВАЖНО! */ +/* .p-profiles .profile-head .c-info overflow: visible /* Настройка для варианта №1 */ +/* Исправление видимости */ +/* Спасибо Kana Kuroki и Dewopalaxy */ +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { + position: relative; + overflow: visible; +} + +.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 { + position: relative; + font-size: 0; + line-height: 0; + margin-top: 0; +} + +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:hover { + text-decoration: none; +} + +div.compatibility > a, +div.compatibility > span.link-replacement { + margin: 0 -.25rem; +} + +div.compatibility > span.link-replacement { + cursor: help; +} + +div.compatibility > a:before, +div.compatibility > span.link-replacement > span:first-child:before, +div.compatibility > a > span:first-child:before { + display: block; + width: 2.5rem; + height: 2.5rem; + padding: .5rem; + margin: .25rem; + border-radius: .125rem; + font-size: 1.5rem; + font-family: 'Material Icons'; + line-height: 1; + box-sizing: border-box; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +div.compatibility > a > span:first-child:before { + position: absolute; + top: 0; +} + +div.compatibility > a:hover:before, +div.compatibility > a:hover > span:first-child:before { + text-decoration: none; +} + +/* Настройка иконок совместимости */ +div.compatibility > a:before { + content: 'compare_arrows'; +} + +div.compatibility > span.link-replacement > span:first-child:before, +div.compatibility > a > span:first-child:before { + content: 'people'; +} + +div.compatibility > a > .text.zero:before, +div.compatibility > span.link-replacement > .text.zero:before { + content: 'people_outline'; +} + +/* КОНЕЦ: Настройка иконок совместимости */ +/* Цветные иконки совместимости */ +/* Низкая совместимость */ +div.compatibility > a > .text.weak:before { + background-color: #F9FBE7; + color: #CDDC39; +} + +div.compatibility > a:hover > .text.weak:before, +div.compatibility > span.link-replacement > .text.weak:before { + background-color: #F0F4C3; + color: #C0CA33; +} + +/* Средняя совместимость */ +div.compatibility > a > .text.moderate:before { + background-color: #F1F8E9; + color: #8BC34A; +} + +div.compatibility > a:hover > .text.moderate:before, +div.compatibility > span.link-replacement > .text.moderate:before { + background-color: #DCEDC8; + color: #7CB342; +} + +/* Высокая совместимость */ +div.compatibility > a > .text.high:before { + background-color: #E8F5E9; + color: #4CAF50; +} + +div.compatibility > a:hover > .text.high:before, +div.compatibility > span.link-replacement > .text.high:before { + background-color: #C8E6C9; + color: #43A047; +} + +/* Полная совместимость */ +div.compatibility > a > .text.full:before { + background-color: #E1F5FE; + color: #03A9F4; +} + +div.compatibility > a:hover > .text.full:before, +div.compatibility > span.link-replacement > .text.full:before { + background-color: #B3E5FC; + color: #039BE5; +} + +/* КОНЕЦ: Цветные иконки совместимости */ +/* Недоступные для просмотра данные без фона */ +div.compatibility > span.link-replacement > span:first-child:before, +div.compatibility > span.link-replacement:hover > span:first-child:before { + background-color: transparent !important; +} + +/* Подсказки для совместимости */ +/* По умолчанию: располагаются над иконкой */ +/* Вариант не работает без обложки, универсален только 2 вариант */ +/* Второй вариант: располагаются слева от иконки */ +div.compatibility > a:after, +div.compatibility > a > span:first-child:after, +div.compatibility > span.link-replacement > span:first-child:after { + display: block; + position: absolute; + bottom: 100%; + left: 50%; + padding: 0 .75rem; + margin: 0 0 .5rem; + background-color: #616161; + border-radius: .125rem; + color: #eee; + font-size: .875rem; + line-height: 2rem; + white-space: nowrap; + transform: translateX(-50%); + z-index: 100; + pointer-events: none; + opacity: 0; + transition: .3s; +} + +div.compatibility > a > span:first-child:after, +div.compatibility > span.link-replacement > span:first-child:after { + z-index: 101; +} + +div.compatibility > a:hover:after, +div.compatibility > a:hover > span:first-child:after, +div.compatibility > span.link-replacement:hover > span:first-child:after { + opacity: .9; +} + +/* Второй вариант расположения подсказок */ +div.compatibility > a:after, +div.compatibility > a > span:first-child:after, +div.compatibility > span.link-replacement > span:first-child:after { + bottom: 0; + right: 100%; + left: auto; + margin: 0 .75rem .5rem; + transform: translateX(0.75rem); +} + +div.compatibility > a:hover:after, +div.compatibility > a:hover > span:first-child:after, +div.compatibility > span.link-replacement:hover > span:first-child:after { + transform: translateX(0); +} + +/* КОНЕЦ: Второй вариант расположения подсказок */ +/* Текст подсказок для совместимости */ +.locale-ru div.compatibility > a[href*="similar"]:after { + content: 'Найти похожих пользователей'; +} + +.locale-en div.compatibility > a[href*="similar"]:after { + content: 'Find similar users'; +} + +.locale-ru div.compatibility > a > .text.zero:after, +.locale-ru div.compatibility > span.link-replacement > .text.zero:after { + content: 'Нет совместимости'; +} + +.locale-en div.compatibility > a > .text.zero:after, +.locale-en div.compatibility > span.link-replacement > .text.zero:after { + content: 'No compatibility'; +} + +.locale-ru div.compatibility > a > .text.weak:after, +.locale-ru div.compatibility > span.link-replacement > .text.weak:after { + content: 'Низкая совместимость'; +} + +.locale-en div.compatibility > a > .text.weak:after, +.locale-en div.compatibility > span.link-replacement > .text.weak:after { + content: 'Low compatibility'; +} + +.locale-ru div.compatibility > a > .text.moderate:after, +.locale-ru div.compatibility > span.link-replacement > .text.moderate:after { + content: 'Средняя совместимость'; +} + +.locale-en div.compatibility > a > .text.moderate:after, +.locale-en div.compatibility > span.link-replacement > .text.moderate:after { + content: 'Medium compatibility'; +} + +.locale-ru div.compatibility > a > .text.high:after, +.locale-ru div.compatibility > span.link-replacement > .text.high:after { + content: 'Высокая совместимость'; +} + +.locale-en div.compatibility > a > .text.high:after, +.locale-en div.compatibility > span.link-replacement > .text.high:after { + content: 'High compatibility'; +} + +.locale-ru div.compatibility > a > .text.full:after, +.locale-ru div.compatibility > span.link-replacement > .text.full:after { + content: 'Полная совместимость'; +} + +.locale-en div.compatibility > a > .text.high:after, +.locale-en div.compatibility > span.link-replacement > .text.high:after { + content: 'Full compatibility'; +} + +/* Числовое обозначение совместимости */ +div.compatibility > a > span.rate, +div.compatibility > span.link-replacement > span.rate { + position: absolute; + top: -.125rem; + right: -.5rem; + padding: 0 .25rem; + border-radius: .125rem; + color: #fff; + font-size: .75rem; + line-height: 1rem; +} + +div.compatibility > span.link-replacement > span.rate:before, +div.compatibility > a > span.rate:before { + display: none; +} + +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .rate:after { + content: '%'; + color: inherit; +} + +div.compatibility > span.link-replacement > span.rate:after, +div.compatibility > a > span.rate:after { + display: none; +} + +div.compatibility > a:before { + background-color: transparent; +} + +/* END of Иконки совместимости для профиля */ +/* ICON | EDIT ABOUT ME PROFILE'S BLOCK */ +.p-profiles-show .about .item-edit { + display: inline-block; + width: 2.5rem; + height: 2.5rem; + padding: .5rem; + margin: .25rem 0; +} + +.p-animes .item-edit:before, +.p-mangas .item-edit:before, +.p-profiles-show .about .item-edit:before { + width: 1.5rem !important; + font-family: 'Material Icons' !important; + font-size: 1.5rem !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-animes .item-edit:before, +.p-mangas .item-edit:before, +.p-profiles-show .about .item-edit:before { + content: 'edit'; +} + +/* END of ICON */ +/* CHIP | USER PLATES */ +.b-user16 { + vertical-align: middle; + max-width: 100%; + padding: 0 .5rem; + margin: 0 .5rem 0 0; + background-color: #eee; + border-radius: .5rem; + font-size: .875rem; + font-weight: 400; + line-height: 1rem !important; + text-transform: initial; + text-overflow: ellipsis; + overflow: hidden; +} + +.b-user16:hover { + color: #f2f2f2 !important; + background-color: #747474; +} + +.b-user16:after { + display: none !important; +} + +.b-user16:hover a { + color: #fff !important; + text-decoration: none; +} + +.b-user16 > a > span { + padding: 0; +} + +.b-user16:hover span { + text-decoration: none; +} + +.b-user16 img { + position: static; + display: inline-block; + vertical-align: bottom; + width: 16px !important; + padding: 0; + margin: 0 .375rem 0 -.5rem !important; + margin-top: 0 !important; + border-radius: .5rem; +} + +.b-animes-menu .friend-rate .b-user16 { + display: inline-block; +} + +.b-quote .quoteable a.b-user16 { + padding: 0 .5rem; +} + +.p-anime_videos-index .c-video_stats .uploader .b-user16 { + padding-left: 0.5rem; +} + +.b-log_entry .b-user16, +.b-source .contributors .b-user16, +.b-source .mal .b-user16, +.b-source .source .b-user16 { + margin-right: .5rem; +} + +.b-user16:last-child { + margin-right: 0 !important; +} + +.b-quote .quoteable a, +.status-line > span:first-child { + margin-right: .5rem; +} + +.status-line .b-user16:last-child { + margin-right: .5rem !important; +} + +/* BUG: Лишний пробел в разметке */ +.b-quote .quoteable a.bubbled-processed { + margin-right: 0.25rem !important; +} + +/* BUG: Лишний пробел в разметке */ +.b-quote .quoteable a.bubbled-processed > img { + margin-right: 0.125rem !important; +} + +/* COLOR */ +.b-user16, +.b-user16 a { + color: #212121 !important; +} + +/* END of USER PLATES */ +.b-source .contributors, +.b-source .mal, +.b-source .source { + padding: 0; +} + +.was_updated > div:first-child > span:first-child { + margin-right: 0.5rem; +} + +/* MODERATION LIST */ +.b-log_entry { + position: relative; + padding-right: 2.5rem !important; + font-size: .875rem; +} + +.b-log_entry, +.b-log_entry .spoiler.collapse span:before, +.b-log_entry .spoiler.collapsed:before { + padding: .375rem 0; + line-height: 1.25rem; +} + +.b-log_entry .spoiler.collapse, +.b-log_entry .spoiler.collapsed, +.b-log_entry .spoiler.collapse span, +.b-log_entry .spoiler.collapsed span { + position: absolute; + top: 0; + right: 0; + margin: 0; + border: 0; +} + +.b-log_entry .spoiler.collapse span:before, +.b-log_entry .spoiler.collapsed:before { + display: inline-block; + vertical-align: top; + position: relative; + width: 1.5rem; +} + +.b-ban .moderator { + float: right; + position: static; +} + +.b-abuse_request .remove, +.b-log_entry span, +.b-log_entry .date { + padding-right: .5rem; +} + +.b-ban .abuser, +.b-ban .duration, +.b-log_entry .date, +.b-log_entry > .reason { + vertical-align: top; + font-size: inherit; +} + +.b-log_entry span a { + vertical-align: top; +} + +.b-log_entry > .reason a { + color: inherit; +} + +.b-log_entry .spoiler.collapse, +.b-log_entry .spoiler.collapsed, +.b-log_entry .spoiler.collapse span, +.b-log_entry .spoiler.collapsed span { + font-size: 0; + line-height: 0; +} + +.b-log_entry .spoiler.collapse span:before, +.b-log_entry .spoiler.collapsed:before { + position: absolute; + top: 0; + right: 0; + width: 2rem; + font-family: 'Material Icons'; + font-size: 1.125rem; + font-weight: 400 !important; + text-align: center; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.b-log_entry .spoiler.collapse span:before { + content: 'expand_less'; +} + +.b-log_entry .spoiler.collapsed:before { + content: 'expand_more'; +} + +@media screen and (min-width: 1025px) { + .b-log_entry, + .b-log_entry .spoiler.collapse span:before, + .b-log_entry .spoiler.collapsed:before { + padding: .125rem 0; + line-height: 1.25rem; + } +} + +/* FIX */ +.b-abuse_request .marker { + margin: -5px 8px 0 0 !important; +} + +/* END of MODERATION LIST */ +/** + * MATERIAL ICON + * Замена иконок. + * + * ПРАВИЛА: + * Следующие настройки касаются только иконок. Их цвета, родители и их положение настраивается отдельно. + * Иконки должны располагаться в псевдоэлементе :before + * Иконки используются в двух вариантах: 18px и 24px + * Следовательно родители иконок должны быть высотой 32px или 40px + * + * BUG: + * IE doesn't support Materail Icon's font format [.woff2] + */ +@font-face { + font-family: 'Material Icons'; + font-style: normal; + font-weight: 400; + src: local("Material Icons"), local("MaterialIcons-Regular"), url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.woff) format("woff"), url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.eot) format("eot"), url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.ttf) format("truetype"); +} + +/* Стили Material Icons */ +.b-collection-topic > .inner .status-line .collection-size:before, +.b-review_votes:before, +.b-topic .footer-vote .star:before, +.b-topic .footer-vote .vote-group .vote:before, +.b-image .mobile-edit:before, +.b-image .delete:before, +.b-image.deletable .confirm:before, +.b-image.deletable .cancel:before, +.l-top_menu .menu-items > .entry > a[href*="/forum"]:before, +.p-user_rates-index .list-posters .user_rate .edit-user_rate:before { + font-family: 'Material Icons'; + line-height: 1; + font-weight: normal; + letter-spacing: normal; + text-transform: none; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +/* LARGE ICON */ +.c-actions > *:before, +.profile-actions > *:before, +.l-top_menu .menu-mobile .search:before, +.l-top_menu .menu-mobile .menu:before, +.l-top_menu .menu-mobile #sign_in:before, +.l-top_menu .menu-userbox .search:before, +.l-top_menu .menu-userbox .menu:before, +.l-top_menu .menu-userbox #sign_in:before, +.l-top_menu .to-mobile-forum:before, +.l-top_menu .menu-items .submenu-toggler:before, +.l-top_menu .menu-items .submenu-toggler.active:before, +header.head h1 a.back:before, +header.head h2 a.back:before, +.item-mobile:before, +.editor-controls > span:before, +.b-add_to_list .trigger-arrow:before, +.b-add_to_list.expanded .trigger-arrow:before, +.b-add_to_list.watching .edit:before, +.b-add_to_list.rewatching .edit:before, +.b-add_to_list.on_hold .edit:before, +.b-add_to_list.dropped .edit:before, +.b-add_to_list .plus:before, +.b-add_to_list.completed .edit:before, +.b-add_to_list.planned .edit:before, +.b-comments .comments-collapser:before, +.b-list_switchers > .switcher:before, +.p-characters .item-edit:before, +.p-messages .mass-actions .action > a:before { + width: 24px !important; + font-family: 'Material Icons' !important; + font-size: 24px !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +/* SMALL ICON */ +.l-top_menu .menu-items > .entry.calendar > a:before, +.l-top_menu .menu-items > .entry > .contest:before, +.l-top_menu .menu-items > .entry.info > a:before { + display: block; + width: 18px !important; + font-family: 'Material Icons' !important; + font-size: 18px !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.headline > a:before, +.midheadline > a:before, +.subheadline > a:before { + display: block; + font-family: 'Material Icons' !important; + font-size: 18px !important; + font-weight: 400 !important; + line-height: 32px !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.headline > a:before, +.midheadline > a:before, +.subheadline > a:before { + content: 'chevron_right'; +} + +/* Иконки переключения вида каталога: список/постеры */ +.b-list_switchers .switcher.list:before { + content: 'view_list'; +} + +.b-list_switchers .switcher.lines:before { + content: 'view_headline'; +} + +.b-list_switchers .switcher.posters:before { + content: 'view_module'; +} + +/* Иконки списка аниме/манги пользователя */ +.b-add_to_list .plus:before { + content: "add"; +} + +.b-add_to_list.planned .edit:before { + content: "event"; +} + +.b-add_to_list.watching .edit:before { + content: "play_arrow"; +} + +.b-add_to_list.completed .edit:before { + content: "done"; +} + +.b-add_to_list.rewatching .edit:before { + content: "replay"; +} + +.b-add_to_list.on_hold .edit:before { + content: "query_builder"; +} + +.b-add_to_list.dropped .edit:before { + content: "delete"; +} + +.b-add_to_list .trigger-arrow:before { + content: "arrow_drop_down"; + transition: 240ms; +} + +.b-add_to_list.expanded .trigger-arrow:before { + content: "arrow_drop_down"; + transform: rotate(180deg); +} + +/* Иконки верхнего меню */ +.l-top_menu .menu-items > .entry.calendar > a:before { + content: "today"; +} + +.l-top_menu .menu-items > .entry > .contest:before { + content: "poll"; +} + +.l-top_menu .menu-items > .entry.info > a:before { + content: "info"; +} + +.l-top_menu .menu-userbox #sign_in:before { + content: "exit_to_app"; +} + +.l-top_menu .to-mobile-forum:before { + content: "forum"; +} + +.l-top_menu .menu-items .submenu-toggler:before { + content: 'arrow_drop_down'; +} + +.l-top_menu .menu-items .submenu-toggler.active:before { + content: "arrow_drop_down"; + transform: rotate(180deg); +} + +/* Иконки профиля */ +.profile-actions .mail:before { + content: "mail"; +} + +.profile-actions .talk:before { + content: "message"; +} + +.profile-actions .fav-add:before { + content: "person_add"; +} + +.profile-actions .fav-remove:before { + content: "person"; +} + +.profile-actions .fav-remove:hover:before { + content: "person_outline"; + color: inherit; +} + +.profile-actions .ignore-add:before { + content: "do_not_disturb_on"; +} + +.profile-actions .ignore-remove:before { + content: "do_not_disturb_off"; +} + +.profile-actions .settings:before { + content: "settings"; +} + +.profile-actions .ban:before { + content: "gavel"; +} + +/* Иконки текстового редактора */ +.buttons .editor-bold:before { + content: "format_bold"; +} + +.buttons .editor-italic:before { + content: "format_italic"; +} + +.buttons .editor-underline:before { + content: "format_underlined"; +} + +.buttons .editor-strike:before { + content: "strikethrough_s"; +} + +.buttons .editor-link:before { + content: "insert_link"; +} + +.buttons .editor-image:before { + content: "insert_photo"; +} + +.buttons .editor-quote:before { + content: "format_quote"; +} + +.buttons .editor-spoiler:before { + content: "error_outline"; +} + +.buttons .editor-file:before { + content: "attach_file"; +} + +.buttons .editor-smiley:before { + content: "insert_emoticon"; +} + +/* Иконки под постером аниме/манги/персонажа и т.д. */ +.c-actions .edit:before { + content: "build"; +} + +.c-actions .fav-remove:hover:before, +.c-actions .fav-add:before { + content: "favorite_border"; +} + +.c-actions .fav-add:hover:before, +.c-actions .fav-remove:before { + content: "favorite"; +} + +.c-actions .new_review:before { + content: "rate_review"; +} + +.c-actions .new_comment:before { + content: "chat_bubble"; +} + +/* Специальная иконка открывающая меню комментария/топика и т.д. */ +.item-mobile:before { + content: "more_vert"; +} + +.p-characters .item-edit:before { + content: "edit"; +} + +/* Иконка "закрыть" */ +.b-dialog.aside-expanded > .inner > .item-mobile:before, +.b-message.aside-expanded > .inner > .item-mobile:before, +.b-comment.aside-expanded > .inner > .item-mobile:before { + content: "clear"; +} + +/* Иконка "назад" */ +header.head h1 a.back:before, +header.head h2 a.back:before { + content: "arrow_back"; +} + +/* Иконки в почте пользователя ("Отметить прочитанным" и "Удалить все") */ +.p-messages .mass-actions .action:nth-child(1) > a:before { + content: 'done_all'; +} + +.p-messages .mass-actions .action:nth-child(2) > a:before { + content: 'delete_sweep'; +} + +.p-dialogs header.head, +.p-messages header.head, +.p-profiles-edit header.head { + padding: 16px 16px 8px; + margin: -16px -16px 0; +} + +header.head h1, +header.head h2 { + padding: 8px 0; + line-height: 32px; + color: inherit; +} + +header.head h1 a.back, +header.head h2 a.back { + vertical-align: top; + width: 40px; + height: 40px; + padding: 8px; + margin: -4px 16px -4px -8px; + line-height: initial; +} + +header.head h1 a.back:before, +header.head h2 a.back:before { + position: static; + color: inherit; +} + +header.head h1 a.back:after, +header.head h2 a.back:after { + display: none; +} + +.buttons { + margin-right: 0; +} + +.delete-controls > span, +.moderation-controls > span, +.main-controls > span, +.main-controls > a, +.buttons .item-edit { + width: 220px; + padding: 11px 16px; + margin-right: auto !important; + margin-left: auto !important; + line-height: 18px !important; +} + +@media only screen and (min-width: 1025px) { + .delete-controls > span, + .moderation-controls > span, + .main-controls > span, + .main-controls > a, + .buttons .item-edit { + width: 32px; + height: 32px; + padding: 7px; + margin-left: 8px !important; + border-radius: 2px; + line-height: 18px !important; + } +} + +.item-mobile { + position: relative; + width: 40px; + height: 40px; + padding: 8px; + margin: 4px 0; + margin-left: 8px !important; + border-radius: 100%; + z-index: 4; +} + +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .plus::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .edit::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .trigger-arrow::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .plus::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .edit::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .trigger-arrow::before, +.buttons .item-summary:before, +.buttons .item-ignore:before, +.buttons .item-quote:before, +.buttons .item-reply:before, +.buttons .item-edit:before, +.buttons .item-delete:before, +.buttons .item-moderation:before, +.buttons .item-cancel:before, +.buttons .item-request-reject:before, +.buttons .item-apply:before, +.buttons .item-request-confirm:before, +.buttons .item-delete-confirm:before, +.buttons .item-abuse:before, +.buttons .item-spoiler:before, +.buttons .item-offtopic:before, +.buttons .item-delete-cancel:before, +.buttons .item-moderation-cancel:before { + vertical-align: top; + width: 18px !important; + font-family: 'Material Icons' !important; + font-size: 18px !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.buttons .item-ignore:before { + content: "do_not_disturb_on"; +} + +.buttons .item-quote:before { + content: "format_quote"; +} + +.buttons .item-reply:before { + content: "reply"; +} + +.buttons .item-edit:before { + content: "mode_edit"; +} + +.buttons .item-delete:before { + content: "delete"; +} + +.buttons .item-moderation:before { + content: "flag"; +} + +.buttons .item-cancel:before, +.buttons .item-request-reject:before, +.buttons .item-delete-cancel:before, +.buttons .item-moderation-cancel:before { + content: "clear"; +} + +.buttons .item-spoiler:before { + content: "sms_failed"; +} + +.buttons .item-abuse:before { + content: "pan_tool"; +} + +.buttons .item-offtopic:before { + content: "speaker_notes_off"; +} + +.buttons .item-summary:before { + content: "check_circle"; +} + +.buttons .item-delete-confirm:before { + content: "delete"; +} + +.buttons .item-apply:before, +.buttons .item-request-confirm:before, +.buttons .item-delete-confirm:before { + content: "done"; +} + +.l-top_menu .menu-mobile .menu:before, +.l-top_menu .menu-userbox .menu:before, +.l-top_menu .menu-mobile .search:before, +.l-top_menu .menu-userbox .search:before { + width: 24px !important; + font-family: 'Material Icons' !important; + font-size: 24px !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.l-top_menu .menu-mobile .menu:before, +.l-top_menu .menu-userbox .menu:before { + content: "menu"; +} + +.l-top_menu .menu-mobile .search:before, +.l-top_menu .menu-userbox .search:before { + content: "search"; +} + +.tooltip-inner { + min-height: 56px; + padding: 14px 16px; + border: 0; + overflow: hidden; + box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.24); +} + +.tooltip-arrow { + display: none; +} + +/** + * Simple + * MIT License + * Copyright (c) 2015 Chris Nager + * https://github.com/chrisnager/simple-paper-spinner + */ +.tooltip-details { + min-height: 140px; +} + +.tooltip-details .ajax-loading { + display: inline-block; + position: absolute; + top: 50%; + left: 50%; + width: 1.75em; + height: 1.75em; + min-height: 0; + margin: -.875rem 0 0 -.875rem; + background-image: none; + border-radius: 50%; + box-shadow: inset 0 0 0 0.1875em; + overflow: hidden; + will-change: transform; + -webkit-animation: spin 2666ms linear infinite; + animation: spin 2666ms linear infinite; + -webkit-clip-path: circle(0.875em at center); + clip-path: circle(0.875em at center); +} + +.tooltip-details .ajax-loading:after, +.tooltip-details .ajax-loading:before { + content: ""; + position: absolute; + width: 7em; + height: 1.75em; + background-color: inherit; +} + +.tooltip-details .ajax-loading:after { + -webkit-transform: skewX(-80deg) translate(0.875em, 0.875em); + transform: skewX(-80deg) translate(0.875em, 0.875em); + -webkit-animation: shape-shift-after 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate; + animation: shape-shift-after 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate; +} + +.tooltip-details .ajax-loading:before { + -webkit-transform: skewX(80deg) translate(0.875em, -0.875em); + transform: skewX(80deg) translate(0.875em, -0.875em); + -webkit-animation: shape-shift-before 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate; + animation: shape-shift-before 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate; +} + +@-webkit-keyframes spin { + to { + -webkit-transform: rotate(1080deg); + transform: rotate(1080deg); + } +} + +@keyframes spin { + to { + -webkit-transform: rotate(1080deg); + transform: rotate(1080deg); + } +} + +@-webkit-keyframes shape-shift-before { + to { + -webkit-transform: skewX(-45deg) translate(0.875em, -0.875em); + transform: skewX(-45deg) translate(0.875em, -0.875em); + } +} + +@keyframes shape-shift-before { + to { + -webkit-transform: skewX(-45deg) translate(0.875em, -0.875em); + transform: skewX(-45deg) translate(0.875em, -0.875em); + } +} + +@-webkit-keyframes shape-shift-after { + to { + -webkit-transform: skewX(45deg) translate(0.875em, 0.875em); + transform: skewX(45deg) translate(0.875em, 0.875em); + } +} + +@keyframes shape-shift-after { + to { + -webkit-transform: skewX(45deg) translate(0.875em, 0.875em); + transform: skewX(45deg) translate(0.875em, 0.875em); + } +} + +.b-catalog_entry-tooltip .inner a.name { + font-size: .875rem; +} + +.b-catalog_entry-tooltip .inner .rating { + font-family: inherit; +} + +.b-catalog_entry-tooltip .inner .rating .text { + font-size: .75rem; +} + +/* FIX: Размер изображений в тултипах Избаранного */ +.b-catalog_entry-tooltip .inner .best-works > .c-column { + width: 22%; + margin-right: 4%; +} + +.b-catalog_entry-tooltip .inner .best-works > .c-column:last-child { + margin-right: 0; +} + +/* TEXTEDITOR | SHIKI EDITOR */ +.b-topic > .editor-container { + margin-top: 1rem; +} + +.b-shiki_editor .body .preview { + padding: 0; + margin: 0; + background: transparent; + border: 0; +} + +.editor-controls > span { + width: 40px; + height: 40px; + padding: 8px; + margin: 0 8px 0 0 !important; +} + +/* Расширяем file input */ +.buttons .editor-file { + position: relative; +} + +.buttons .editor-file span, +.buttons .editor-file a { + top: 0; + left: 0; + width: 40px; + height: 40px; + margin: 0 !important; +} + +.buttons .editor-file input { + left: 0; + width: 40px; + height: 40px; + border: 0; + font-size: 40px; +} + +.b-shiki_editor aside.buttons { + margin: 0; + padding: .25rem 0; +} + +.b-shiki_editor aside.markers { + height: auto; + padding: .75rem 0; +} + +.b-shiki_editor .links, +.b-shiki_editor .images, +.b-shiki_editor .quotes, +.b-shiki_editor .email, +.b-shiki_editor .upload { + height: 3rem; + line-height: 2rem; +} + +.b-shiki_editor .hidden-block p { + padding: .5rem !important; +} + +.b-shiki_editor .links .link-value, +.b-shiki_editor .images .link-value, +.b-shiki_editor .quotes .link-value, +.b-shiki_editor .email .link-value, +.b-shiki_editor .upload .link-value { + width: 14rem; + height: 2rem; + padding: 0 1rem; + margin: 0; + border-radius: 2px; + line-height: 2rem; +} + +.b-shiki_editor .links .button.ok, +.b-shiki_editor .images .button.ok, +.b-shiki_editor .quotes .button.ok, +.b-shiki_editor .email .button.ok, +.b-shiki_editor .upload .button.ok { + display: inline-block; + vertical-align: top; + padding: 0 1rem; + margin-right: 0; + margin-left: 1rem; + font-size: .875rem; + line-height: 2rem; + border-radius: 2px; +} + +.b-shiki_editor .images input, +.b-shiki_editor .quotes input, +.b-shiki_editor .email input { + margin-left: 1rem !important; + width: 20rem !important; +} + +.b-shiki_editor .body .editor textarea { + padding: .5rem 1rem; + margin: 0; + border-radius: 2px; + font-size: 1rem; + line-height: 1.25rem; +} + +.b-shiki_editor footer input[type=submit], +.b-shiki_editor footer .unpreview, +.b-shiki_editor footer .preview { + vertical-align: top; + margin-right: 8px; +} + +.b-shiki_editor footer .preview { + margin-right: 0; +} + +.b-shiki_editor.previewed footer .unpreview { + border: 0; + font-size: 0; +} + +.b-shiki_editor.previewed footer .unpreview:after { + content: 'Назад'; + vertical-align: top; + font-size: 14px; +} + +.b-shiki_editor footer .cancel { + border: 0; +} + +.b-shiki_editor footer .cancel:hover { + color: #3F51B5; +} + +/* FIX: COMMENT PREVIEW WIDTH */ +.b-shiki_editor aside.markers { + position: absolute; + right: 0; + top: 0; + z-index: 2; +} + +.b-shiki_editor.previewed .body .preview .b-comment { + padding: 0 !important; +} + +.b-shiki_editor footer { + margin-top: 1rem; +} + +.about-bb_codes { + font-size: 0 !important; + padding: 0 1rem; + margin-top: 0 !important; + border-radius: .125rem; + line-height: 2rem !important; +} + +.about-bb_codes:before { + content: "help"; + display: inline-block; + vertical-align: top; + font-family: 'Material Icons' !important; + font-size: 24px !important; + line-height: 32px !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +@media only screen and (min-width: 768px) { + .about-bb_codes:before { + font-family: inherit !important; + font-size: 14px !important; + text-transform: uppercase; + } + .locale-ru .about-bb_codes:before { + content: 'Справка'; + } + .locale-en .about-bb_codes:before { + content: 'Help'; + } +} + +/* END of SHIKI_EDITOR */ +/* END of TEXTEDITOR */ +.b-abuse_marker, +.b-broadcast_marker, +.b-new_marker, +.b-offtopic_marker, +.b-summary_marker { + width: auto !important; + margin: 0 !important; + margin-top: 1px !important; + margin-left: 8px !important; +} + +.b-spoiler_marker { + width: auto; +} + +.b-abuse_marker:before, +.b-broadcast_marker:before, +.b-new_marker:before, +.b-offtopic_marker:before, +.b-spoiler_marker:before, +.b-summary_marker:before { + position: static !important; + width: auto !important; + padding: 0 4px !important; + margin-top: 8px; + border: 0 !important; + border-radius: 2px; + font-size: 10px !important; + line-height: 16px !important; + text-transform: capitalize; +} + +.b-shiki_editor .b-summary_marker, +.b-shiki_editor .b-summary_marker:before, +.b-shiki_editor .b-offtopic_marker, +.b-shiki_editor .b-offtopic_marker:before { + vertical-align: top; + padding: 0 8px !important; + margin: 0 !important; + font-size: 12px !important; + line-height: 24px !important; +} + +.b-shiki_editor .b-summary_marker, +.b-shiki_editor .b-offtopic_marker { + padding: 0 !important; + margin-left: 8px !important; +} + +/* END of SHIKI_EDITOR */ +/* FLOATED OPTIONS */ +.b-options-floated { + margin-top: 16px; + font-size: 14px; + line-height: 16px; +} + +@media screen and (min-width: 768px) { + .b-options-floated.before-buttons-2 { + padding-right: 112px; + } +} + +.p-profiles-edit .b-options-floated, +.p-dialogs .b-options-floated, +.p-messages .b-options-floated { + position: static; + margin: 0 -16px 8px; + padding: 0; + text-align: left; + white-space: nowrap; + overflow: hidden; + overflow-x: auto; +} + +.p-profiles-edit .b-options-floated > a, +.p-dialogs .b-options-floated > a, +.p-messages .b-options-floated > a { + display: inline-block; + width: auto; + min-width: 88px; + height: 48px; + padding: 0 12px; + font-size: 14px; + line-height: 48px; + text-align: center; + text-transform: uppercase; +} + +.p-profiles-edit .b-options-floated > a { + width: auto; +} + +.p-profiles-edit .b-options-floated > a:hover, +.p-dialogs .b-options-floated > a:hover, +.p-messages .b-options-floated > a:hover { + text-decoration: none; +} + +@media screen and (min-width: 481px) { + .p-profiles-edit .b-options-floated > a, + .p-dialogs .b-options-floated > a, + .p-messages .b-options-floated > a { + width: auto; + } +} + +.b-options-floated a span.brackets, +.b-options-floated .link span.brackets { + display: inline-block; + vertical-align: text-top; + min-width: 20px; + height: 16px; + padding: 0 4px; + border-radius: 4px; + color: #212121; + font-size: 10px; + line-height: 16px; + text-align: center; +} + +.b-options-floated a:after, +.b-options-floated .link:after { + padding: 0 .375rem; + color: #9E9E9E; +} + +.p-profiles-edit .b-options-floated > a:after, +.p-dialogs .b-options-floated > a:after, +.p-messages .b-options-floated > a:after, +.b-options-floated a span.brackets:before, +.b-options-floated a span.brackets:after, +.b-options-floated .link span.brackets:before, +.b-options-floated .link span.brackets:after { + display: none; +} + +@media screen and (min-width: 481px) { + .p-dialogs header.head, + .p-messages header.head, + .p-profiles-edit header.head { + padding: 0; + margin: 0; + background-color: transparent; + } + .p-profiles-edit .b-options-floated, + .p-dialogs .b-options-floated, + .p-messages .b-options-floated { + position: initial; + margin: 0 -16px 8px; + padding: 0; + background-color: transparent; + text-align: right; + } +} + +/* END of FLOATED OPTIONS */ +/* USER'S MAIL ICONS – READ ALL & DELETE ALL */ +.p-messages .mass-actions { + position: absolute; + top: 56px; + right: 0; + margin: 0 -.5rem; +} + +.p-messages .mass-actions .action:after { + display: none; +} + +.p-messages .mass-actions > .action > a { + width: 40px; + height: 40px; + padding: 8px; + margin: 4px; + border: 0; + border-radius: 2px; + font-size: 0; + line-height: 1; +} + +/* END of USER'S MAIL ICONS */ +/* DB ENTRY NOTES */ +/* TODO: MERGE WITH .c-history .entry */ +.b-db_entry-note { + position: relative; + padding: 8px 0; + margin: 0; + border: 0; +} + +.b-db_entry-note:first-child { + padding-top: 8px; +} + +.b-db_entry-note:before { + content: ''; + position: absolute; + right: -16px; + bottom: 0; + left: 56px; + height: 1px; +} + +.b-db_entry-note:last-child:before { + display: none; +} + +/* FIX */ +.b-db_entry-note:before { + right: 0; + left: 64px; +} + +.p-db_entries-related .b-db_entry-note { + padding: 16px 0; +} + +.p-db_entries-related .b-db_entry-note:first-child { + padding-top: 16px; +} + +/* END of DB ENTRY NOTES*/ +/* MENU ENTRY REVIEW & CLUBS */ +/* TODO: MERGE WITH .c-history .entry */ +/* TODO: where [.calendar .entry]? */ +.p-topics .l-menu .calendar .entry, +.p-topics .l-menu .reviews .entry, +.p-topics .l-menu .clubs .entry { + position: relative; + padding: 8px 0; + margin: 0; + border: 0; + overflow: initial; +} + +.p-topics .l-menu .calendar .entry:first-child, +.p-topics .l-menu .reviews .entry:first-child, +.p-topics .l-menu .clubs .entry:first-child { + padding-top: 8px; + margin-top: 0; +} + +.p-topics .l-menu .calendar .entry:before, +.p-topics .l-menu .reviews .entry:before, +.p-topics .l-menu .clubs .entry:before { + content: ''; + position: absolute; + right: -8px; + bottom: 0; + left: 56px; + height: 1px; + pointer-events: none; +} + +.p-topics .l-menu .calendar .entry:last-child:before, +.p-topics .l-menu .reviews .entry:last-child:before, +.p-topics .l-menu .clubs .entry:last-child:before { + display: none; +} + +/* Полноразмерная ссылка .entry, работает только для .l-menu */ +.p-topics .l-menu .calendar .entry a, +.p-topics .l-menu .reviews .entry a, +.p-topics .l-menu .clubs .entry a { + display: block; + padding: 8px; + margin: -8px; +} + +.p-topics .l-menu .calendar .entry a:after, +.p-topics .l-menu .reviews .entry a:after, +.p-topics .l-menu .clubs .entry a:after { + content: ''; + clear: both; + display: block; +} + +.p-topics .l-menu .calendar .entry:hover .title, +.p-topics .l-menu .reviews .entry:hover .title, +.p-topics .l-menu .clubs .entry:hover .title { + text-decoration: none; +} + +/* ADDITIONS */ +.p-topics .l-menu .reviews .entry img { + min-width: 40px; + max-height: 64px; + margin: 2px 16px 2px 0; + border-radius: 2px; +} + +.p-topics .l-menu .clubs .entry img { + width: 40px; + min-width: 40px; + height: 40px; + margin: 2px 16px 2px 0; + border-radius: 2px; +} + +/* END of MENU ENTRY REVIEW & CLUBS */ +/* SIDEMENU LINKS */ +.p-topics .l-menu .sticky-topics .topic, +.p-dashboards-show .contests .contest, +.p-topics .l-menu .contests .contest { + padding: 8px; + margin: 0 -8px; + border: 0; +} + +.p-topics .l-menu .sticky-topics .topic:first-child, +.p-dashboards-show .contests .contest:first-child, +.p-topics .l-menu .contests .contest:first-child { + padding-top: 8px; + margin-top: 0; +} + +.p-topics .l-menu .sticky-topics .topic .title, +.p-dashboards-show .contests .contest .title, +.p-topics .l-menu .contests .contest .title { + line-height: 20px; +} + +.p-topics .l-menu .sticky-topics .topic:hover .title, +.p-dashboards-show .contests .contest:hover .title, +.p-topics .l-menu .contests .contest:hover .title { + text-decoration: none; +} + +.p-topics .l-menu .sticky-topics .topic .title:after, +.p-dashboards-show .contests .contest .title:after, +.p-topics .l-menu .contests .contest .title:after { + display: none; +} + +.p-topics .l-menu .sticky-topics .topic .notice, +.p-dashboards-show .contests .contest .notice, +.p-topics .l-menu .contests .contest .notice { + margin-top: 2px; + line-height: 18px; +} + +/* END of SIDEMENU LINKS */ +/* Стилизованные кнопки на страницах поиска аниме и манги */ +.p-user_rates .mylist-block + .block > .b-list, +.b-collection-filters > .block:first-child > .b-list, +.b-collection-filters > .block:first-child > .b-list { + margin-left: 0 !important; +} + +.p-user_rates .mylist-block + .block > .b-list > li, +.b-collection-filters > .block:first-child > .b-list > li, +.b-collection-filters > .block:first-child > .b-list > li { + position: relative; + margin-bottom: .5rem; + border-radius: .125rem; + font-size: .875rem; + line-height: 2rem; + text-align: center; + text-transform: uppercase; + list-style: none; +} + +.p-user_rates .mylist-block + .block > .b-list > li:before, +.p-user_rates .mylist-block + .block > .b-list > li:after, +.b-collection-filters > .block:first-child > .b-list > li:before, +.b-collection-filters > .block:first-child > .b-list > li:before, +.b-collection-filters > .block:first-child > .b-list > li:after, +.b-collection-filters > .block:first-child > .b-list > li:after { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: inherit; + opacity: 0; + z-index: 0; + transition: opacity .3s; +} + +.p-user_rates .mylist-block + .block > .b-list > li:before, +.b-collection-filters > .block:first-child > .b-list > li:before, +.b-collection-filters > .block:first-child > .b-list > li:before { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.56); +} + +.p-user_rates .mylist-block + .block > .b-list > li:after, +.b-collection-filters > .block:first-child > .b-list > li:after, +.b-collection-filters > .block:first-child > .b-list > li:after { + background-color: rgba(0, 0, 0, 0.12); +} + +.p-user_rates .mylist-block + .block > .b-list > li:hover:before, +.p-user_rates .mylist-block + .block > .b-list > li:hover:after, +.b-collection-filters > .block:first-child > .b-list > li:hover:before, +.b-collection-filters > .block:first-child > .b-list > li:hover:before, +.b-collection-filters > .block:first-child > .b-list > li:hover:after, +.b-collection-filters > .block:first-child > .b-list > li:hover:after { + opacity: 1; +} + +.p-user_rates .mylist-block + .block > .b-list > li > a, +.b-collection-filters > .block:first-child > .b-list > li > a, +.b-collection-filters > .block:first-child > .b-list > li > a { + position: relative; + display: block; + color: #fff !important; + z-index: 1; +} + +.p-user_rates .mylist-block + .block > .b-list > li > a:hover, +.b-collection-filters > .block:first-child > .b-list > li > a:hover, +.b-collection-filters > .block:first-child > .b-list > li > a:hover { + color: #fff !important; + text-decoration: none; +} + +/* END of Стилизованные кнопки на страницах поиска аниме и манги */ +/** + * Фильтры на страницах поиска + */ +/* Настройка пунктов */ +.b-collection-filters .block-list li, +.b-collection-filters .b-block_list li { + position: relative; + padding: 0 .5rem; + margin: 0 -.5rem; + font-size: .875rem; + line-height: 2rem; +} + +/* Отступ для подпунктов */ +.b-collection-filters .block-list li.sub, +.b-collection-filters .b-block_list li.sub { + padding-left: 2.5rem; +} + +/* Скрываем чекбокс, располагаем над псевдоэлементом */ +.b-collection-filters .block-list li > input, +.b-collection-filters .b-block_list li > input { + position: absolute; + left: .3125rem; + width: 2rem; + height: 2rem; + border: 0; + opacity: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +/* Псевдоэлемент с иконкой чекбокса */ +.b-collection-filters .block-list li:before, +.b-collection-filters .b-block_list li:before { + display: inline-block; + vertical-align: top; + width: 1.125rem; + margin: .4375rem .875rem .4375rem 0; + font-family: 'Material Icons'; + font-size: 1.125rem; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +/* Фильтры на страницах поиска – ПОДСКАЗКИ */ +/* Положение подсказки */ +.b-collection-filters .block-list .b-question, +.b-collection-filters .b-block_list .b-question { + display: inline-block !important; + vertical-align: top; + position: absolute; + right: .3125rem; +} + +/* Иконка подсказки */ +.b-collection-filters .block-list .b-question:before, +.b-collection-filters .b-block_list .b-question:before { + display: block; + width: 1.125rem; + height: auto; + margin: .4375rem; + background-color: transparent; + font-family: 'Material Icons'; + font-size: 1.125rem; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +/* Фильтры на страницах поиска – ПЕРЕКЛЮЧАТЕЛИ */ +/* Положение переключателя */ +.b-collection-filters .filter { + top: 0; +} + +.b-collection-filters .block-list .filter, +.b-collection-filters .b-block_list .filter { + float: right; + position: relative; + right: auto; + margin: 0 0 0 .5rem; +} + +/* Положение переключателя с иконками подсказок */ +.b-collection-filters .block-list.ratings .filter, +.b-collection-filters .block-list.genres .filter, +.b-collection-filters .block-list li.sub .filter, +.b-collection-filters .b-block_list.ratings .filter, +.b-collection-filters .b-block_list.genres .filter, +.b-collection-filters .b-block_list li.sub .filter { + margin-right: 2rem; +} + +/* Сбрасываем стандартные стили */ +.b-collection-filters .block-list .filter:before, +.b-collection-filters .b-block_list .filter:before { + display: block; + width: auto; + font-family: inherit; + font-size: .75rem; + line-height: inherit; + text-transform: lowercase; +} + +/* Добавляем понятные текстовые обозначения */ +.locale-ru .b-collection-filters .b-block_list .filter.item-add:before { + content: 'Исключить'; +} + +.locale-en .b-collection-filters .b-block_list .filter.item-add:before { + content: 'Exclude'; +} + +.locale-ru .b-collection-filters .b-block_list .filter.item-minus:before { + content: 'Добавить'; +} + +.locale-en .b-collection-filters .b-block_list .filter.item-minus:before { + content: 'Include'; +} + +/* Настройка иконок */ +.b-collection-filters .block-list li:before { + content: 'check_box_outline_blank'; +} + +.b-collection-filters .block-list li.selected:before { + content: 'check_box'; +} + +.b-collection-filters .block-list.orders li:before { + content: 'radio_button_unchecked'; +} + +.b-collection-filters .block-list.orders li.selected:before { + content: 'radio_button_checked'; +} + +.b-collection-filters .block-list .b-question:before { + content: 'help_outline'; +} + +.b-collection-filters .b-block_list li:before { + content: 'check_box_outline_blank'; +} + +.b-collection-filters .b-block_list li.selected:before { + content: 'check_box'; +} + +.b-collection-filters .b-block_list.orders li:before { + content: 'radio_button_unchecked'; +} + +.b-collection-filters .b-block_list.orders li.selected:before { + content: 'radio_button_checked'; +} + +.b-collection-filters .b-block_list .b-question:before { + content: 'help_outline'; +} + +/* Фильтры на страницах поиска – Размер для ПК */ +@media (min-width: 1025px) { + .b-collection-filters .block-list li { + line-height: 1.5rem; + } + .b-collection-filters .block-list li:before { + margin: .1875rem .875rem .1875rem 0; + } + .b-collection-filters .block-list .b-question:before { + margin: .1875rem; + } + .b-collection-filters .block-list li > input { + width: 1.5rem; + height: 1.5rem; + } + /* new class */ + .b-collection-filters .b-block_list li { + line-height: 1.5rem; + } + .b-collection-filters .b-block_list li:before { + margin: .1875rem .875rem .1875rem 0; + } + .b-collection-filters .b-block_list .b-question:before { + margin: .1875rem; + } + .b-collection-filters .b-block_list li > input { + width: 1.5rem; + height: 1.5rem; + } +} + +/* END of Фильтры на страницах поиска */ +/* "Мой список" в фильтрах поиска */ +/* Меняем название на более доступное */ +.block.mylist-block > .subheadline { + font-size: 0; + line-height: 0; +} + +.block.mylist-block > .subheadline:before { + font-size: .875rem; + line-height: 1rem; +} + +.locale-ru .block.mylist-block > .subheadline:before { + content: 'Мой список'; +} + +.locale-en .block.mylist-block > .subheadline:before { + content: 'My List'; +} + +/* Кнопка переключателя */ +.b-collection-filters .block > .filter.item-sign { + height: 2.5rem; + padding: .5rem; + margin-top: .25rem; + border-radius: .125rem; +} + +.b-collection-filters .block > .filter.item-sign:before { + width: 1.5rem; + font-family: 'Material Icons'; + font-size: 1.5rem; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +/* Настройка иконки переключателя */ +.b-collection-filters .block > .filter.item-sign:before { + content: 'playlist_add_check'; +} + +/* Прозрачный фон переключателя */ +@media (min-width: 1025px) { + .b-collection-filters .block > .filter.item-sign { + background-color: transparent; + } +} + +/* END of "Мой список" в фильтрах поиска */ +/* Страница видео */ +.b-video_player .cc-player_controls .episode-num input { + margin: .75rem .25rem; +} + +.b-video_player .cc-player_controls a.c-control:hover { + text-decoration: none; +} + +.b-video_player .cc-player_controls .cc-navigation > .c-control > span, +.b-video_player .cc-player_controls .cc-navigation > .c-control > b { + display: inline-block; + vertical-align: top; + margin: .25rem auto; + line-height: 2.5rem; +} + +.b-video_player .cc-player_controls .cc-navigation > .c-control > b { + margin-left: .5rem; +} + +@media screen and (max-width: 480px) and (orientation: portrait) { + .b-video_player .cc-player_controls .cc-navigation > .c-control > span, + .b-video_player .cc-player_controls .cc-navigation > .c-control > b { + display: none; + } +} + +.b-video_player .cc-player_controls .label, +.b-video_player .cc-player_controls .episode-title .video-link { + font-size: .75rem; +} + +.b-video_player .cc-player_controls .episode-title .video-link a { + display: block; + line-height: inherit; + border: 0; +} + +.b-video_player .cc-player_controls .cc-options > .c-video_stats { + margin: .25rem auto; +} + +.p-anime_videos-index .c-videos .video-variant-switcher, +.p-anime_videos-index .c-video_stats { + font-size: .875rem; +} + +.p-anime_videos-index .c-videos .video-variant-switcher:hover { + border: 0; +} + +.b-video_player .cc-player_controls .c-control:hover { + text-decoration: none; +} + +/* Подзаголовки на странице видео */ +.p-anime_videos-index .same-videos .title, +.p-anime_videos-index .c-anime_video_episodes .title, +.p-anime_videos-index .c-videos .title { + padding: 1rem 0; + margin: 0; + font-size: .875rem; + font-weight: 700; + line-height: 1rem; + text-transform: uppercase; +} + +/* Переключатели в варинатах видео */ +.p-anime_videos-index .c-videos .video-variant-switcher { + float: right; + margin: 0; + border: 0; + line-height: 1rem; + text-transform: capitalize; +} + +.p-anime_videos-index .c-videos .video-variant-switcher:not(:first-child):after { + content: '/'; + padding: 0 .375rem; + font-weight: normal; +} + +.b-video_variant.active a { + border: 0; +} + +/* Иконки */ +.b-video_player .cc-player_controls .c-control .icon { + width: 2.5rem !important; + height: 2.5rem; + padding: .5rem; + margin: .25rem auto !important; + border-radius: 2px; +} + +.b-video_player .cc-player_controls .c-control .icon:before { + width: 1.5rem; + font-family: 'Material Icons'; + font-size: 1.5rem !important; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.b-video_player .cc-player_controls .create-user_rate .icon:before { + content: 'add'; +} + +.b-video_player .cc-player_controls .increment-user_rate .icon:before { + content: 'done'; +} + +.b-video_player .cc-player_controls .next .icon:before { + content: 'skip_next'; +} + +.b-video_player .cc-player_controls .prev .icon:before { + content: 'skip_previous'; +} + +.b-video_player .cc-player_controls .report .icon:before { + content: 'flag'; +} + +.b-video_player .cc-player_controls .show-options .icon:before { + content: 'settings'; +} + +.b-video_player .cc-player_controls .upload .icon:before { + content: 'cloud_upload'; +} + +.b-video_player .cc-player_controls .edit .icon:before { + content: 'build'; +} + +/* END of Страница видео */ +/* END of ОСНОВНОЙ ФАЙЛ */ + + + + + + + + + + +/** + * PROFILE COVER + */ +@media screen and (min-width: 320px) { + .p-profiles .profile-head[data-user-id="2727"] .c-brief { + background-color: #FFFFFF; + box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.24); + } + .p-profiles .profile-head[data-user-id="2727"] .c-brief:before { + content: ''; + display: block; + height: 0; + padding-bottom: 56.25%; + background-repeat: no-repeat; + background-size: cover; + } +} + +@media screen and (min-width: 480px) { + .p-profiles .profile-head .c-brief { + min-height: 16rem; + } + .p-profiles .profile-head .c-brief { + margin-bottom: 1rem; + } + .p-profiles .profile-head .c-info { + margin-left: 0; + } + .p-profiles .profile-head[data-user-id="2727"] .c-brief .avatar { + position: absolute; + top: auto; + right: auto; + bottom: 0; + left: 0; + max-width: 148px; + margin: 1.5rem 1rem; + z-index: 2; + } + .p-profiles .profile-head[data-user-id="2727"] .c-brief .avatar img { + width: 120px; + } + .p-profiles .profile-head[data-user-id="2727"] .c-brief header { + position: absolute; + top: auto; + right: 0; + bottom: 0; + left: 0; + min-height: 112px; + padding: 1rem 1.5rem 1rem calc(4rem + 148px); + margin: 0; + z-index: 1; + } +} + +@media screen and (min-width: 600px) { + .p-profiles .profile-head .c-brief { + min-height: 19rem; + } + .p-profiles .profile-head .c-info { + margin-left: 0; + } + .p-profiles .profile-head[data-user-id="2727"] .c-brief { + max-height: 380px; + padding-bottom: 112px; + margin: -3rem -1rem 1rem; + background-color: inherit; + box-shadow: none; + } + .p-profiles .profile-head[data-user-id="2727"] .c-brief:before { + height: 268px; + max-height: inherit; + padding-bottom: 0; + } + .p-profiles .profile-head[data-user-id="2727"] .c-brief .avatar { + max-width: 160px; + } + .p-profiles .profile-head[data-user-id="2727"] .c-brief .avatar img { + width: 160px; + box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.16); + } +} + +@media (min-width: 768px) { + .p-profiles .profile-head .c-info { + margin-left: 0; + } +} + +@media screen and (min-width: 960px) { + .p-profiles .profile-head .c-brief { + min-height: 0; + } + .p-profiles .profile-head .c-info { + margin-left: 13.5rem; + } + .p-profiles .profile-head[data-user-id="2727"] .c-brief { + max-height: 520px; + margin: -4.5rem -2rem 0; + } + .p-profiles .profile-head[data-user-id="2727"] .c-brief:before { + height: 408px; + } + .p-profiles .profile-head[data-user-id="2727"] .c-brief header { + padding: 1rem calc(23% + 4.5rem) 1rem calc(4.5rem + 160px); + } + .p-profiles .profile-head[data-user-id="2727"] .c-brief .avatar { + margin: 1.5rem 2rem; + } + .p-profiles .profile-head[data-user-id="2727"] .c-info { + width: 77%; + padding-right: 2.5rem; + padding-left: 1rem; + margin-left: -1rem; + } + .p-profiles .profile-head[data-user-id="2727"] .c-history { + float: none; + position: absolute; + right: 0; + top: 520px; + width: 23%; + padding: .5rem 0; + margin: 0; + margin-top: -112px; + z-index: 3; + } +} + +/* END of PROFILE COVER */ + + + +/* Полупрозрачное меню в профиле */ +@media (min-width: 960px) { + .p-profiles .profile-head .c-info .c-additionals b:after { + font-size: 12px; + font-weight: 400; + } + .p-profiles-show:not(.p-dialogs-show) .l-top_menu { + background-color: transparent; + background-image: linear-gradient(rgba(51, 51, 51, 0.64), rgba(51, 51, 51, 0)); + box-shadow: none; + transition: .3s; + } + .p-profiles-show:not(.p-dialogs-show) .l-top_menu:before { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + opacity: 0; + transition: .3s; + } + .p-profiles-show:not(.p-dialogs-show) .l-top_menu:hover:before { + opacity: 1; + } + .p-profiles-show.x1000:not(.p-dialogs-show) .l-top_menu { + max-width: calc(1000px + 2rem); + } + .p-profiles-show.x1200:not(.p-dialogs-show) .l-top_menu { + max-width: calc(1200px + 2rem); + } +} + +/* END of Полупрозрачное меню в профиле */ + + + + + + + + + + +/* TENTATIVE CODE | USERLIST */ +.ajax > .b-user.detailed { + display: inline-block; + vertical-align: top; + position: relative; + width: 48%; + height: auto; + min-height: 261px; + padding: 8px; + margin-right: 4%; + margin-bottom: 4%; + background-color: #FFFFFF; + border: 0; + border-radius: 2px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16); +} + +.ajax > .b-user.detailed:nth-child(2n+2) { + margin-right: 0; +} + +@media (min-width: 540px) { + .ajax > .b-user.detailed { + width: 32%; + margin-right: 2%; + margin-bottom: 2%; + } + .ajax > .b-user.detailed:nth-child(2n+2) { + margin-right: 2%; + } + .ajax > .b-user.detailed:nth-child(3n+3) { + margin-right: 0; + } +} + +@media (min-width: 768px) { + .ajax > .b-user.detailed { + width: 23.5%; + margin-right: 2%; + margin-bottom: 2%; + } + .ajax > .b-user.detailed:nth-child(2n+2) { + margin-right: 2%; + } + .ajax > .b-user.detailed:nth-child(3n+3) { + margin-right: 2%; + } + .ajax > .b-user.detailed:nth-child(4n+4) { + margin-right: 0; + } +} + +@media (min-width: 960px) { + .ajax > .b-user.detailed { + width: 18.4%; + margin-right: 2%; + margin-bottom: 2%; + } + .ajax > .b-user.detailed:nth-child(2n+2) { + margin-right: 2%; + } + .ajax > .b-user.detailed:nth-child(3n+3) { + margin-right: 2%; + } + .ajax > .b-user.detailed:nth-child(4n+4) { + margin-right: 2%; + } + .ajax > .b-user.detailed:nth-child(5n+5) { + margin-right: 0; + } +} + +@media (min-width: 1200px) { + .p-users.x1200 .ajax > .b-user.detailed { + width: 15%; + margin-right: 2%; + margin-bottom: 2%; + } + .p-users.x1200 .ajax > .b-user.detailed:nth-child(2n+2) { + margin-right: 2%; + } + .p-users.x1200 .ajax > .b-user.detailed:nth-child(3n+3) { + margin-right: 2%; + } + .p-users.x1200 .ajax > .b-user.detailed:nth-child(4n+4) { + margin-right: 2%; + } + .p-users.x1200 .ajax > .b-user.detailed:nth-child(5n+5) { + margin-right: 2%; + } + .p-users.x1200 .ajax > .b-user.detailed:nth-child(6n+6) { + margin-right: 0; + } +} + +.ajax > .b-user.detailed:before { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.16); + opacity: 0; + transition: .3s all; +} + +.ajax > .b-user.detailed:hover:before { + opacity: 1; +} + +.ajax > .b-user.detailed .info, +.ajax > .b-user.detailed .history { + clear: both; + float: none; + width: 100%; + margin: 0; +} + +.ajax > .b-user.detailed .info .image-name { + display: block; + padding: 16px 0; + margin: auto; + text-align: center; +} + +.ajax > .b-user.detailed .info .image-name .name { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 97px 0 0; + line-height: 32px; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} + +.ajax > .b-user.detailed .info .image-name .image { + clear: both; + float: none; + display: block; + padding: 0; + margin: auto auto 24px; + border-radius: 100%; +} + +.ajax > .b-user.detailed .info .last-online { + color: #9B9B9B; + text-align: center; +} + +.ajax > .b-user.detailed .history { + padding-top: 8px; + margin-top: 0; + font-size: 12px; + line-height: 20px; +} + +/* TENTATIVE CODE | END */ + + + +/* TENTATIVE CODE | INDEX PAGE LAYOUT */ +.p-dashboards-show .cc-second .cc-inner { + display: none; +} + +/* FIX: index landscape layout (issue: #9) */ +@media screen and (max-width: 767px) and (orientation: landscape) { + .p-dashboards-show .cc-second .c-forum { + width: 100%; + } + .p-dashboards-show .cc-second .c-forum .b-forums, + .p-dashboards-show .cc-second .c-forum .contests { + float: left; + width: 48%; + } + .p-dashboards-show .cc-second .c-forum .b-forums { + margin-right: 4%; + } +} + +@media only screen and (min-width: 768px) { + .p-dashboards-show .cc-second { + float: right; + width: 30.33333%; + } + .p-dashboards-show .cc-second > .cc-inner { + display: block; + float: none; + width: 100%; + margin: 0; + } + .p-dashboards-show .cc-second > .c-forum { + float: none; + width: 100%; + } + .p-dashboards-show .cc-second > .cc-inner > .c-content, + .p-dashboards-show .cc-second > .cc-inner > .c-my_list { + float: none; + width: 100%; + padding: 0; + } + .p-dashboards-show .cc-second { + margin-bottom: 0; + } + .p-dashboards-show .cc-second .c-forum > .b-forums, + .p-dashboards-show .cc-second .c-forum > .block:last-child { + margin-bottom: 1.5rem; + } + /* Настройки для экранов больше 768 */ + .p-dashboards-show .cc-second .cc-inner { + display: none; + } + .p-dashboards-show .cc-second .cc-inner > .c-content { + /* display: none /* Скрываем блоки: Быстрые ссылки Аниме/Манга */ + } + .p-dashboards-show .cc-second .cc-inner > .c-my_list { + /* display: none /* Скрываем блоки: Мой лист */ + } + .p-dashboards-show .cc-second .cc-inner > .b-forums { + /* display: none /* Скрываем блоки: Темы форума */ + } +} + +/* TENTATIVE CODE | END */ + + + +/* TENTATIVE CODE | RIGHT SIDEBAR */ +@media (max-width: 1024px) { + .l-menu { + position: fixed !important; + top: 0; + right: 0; + width: 25rem !important; + max-width: calc(100% - 3.5rem); + height: 100%; + background-color: #FFFFFF; + z-index: 100; + padding: 4.5rem 1rem 1.5rem; + box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.24); + overflow-y: auto; + transform: translateX(100%); + transition: .25s ease; + } + .l-page.menu-expanded .l-menu { + transform: translateX(0); + } + .menu-slide-outer .l-content { + margin-left: 0 !important; + } +} + +/* TENTATIVE CODE | END */ + + + +/* TENTATIVE CODE | PROFILE CONTENT */ +.p-profiles .lifetime { + margin-bottom: 0; + min-height: 0; +} + +.p-profiles .lifetime .bar, +.p-profiles .lifetime .times, +.p-profiles .profile-content .activity .title { + display: none; +} + +.p-profiles .lifetime .title > .label { + font-size: 0; + line-height: 0; +} + +.p-profiles .lifetime .title > .label:before { + display: block; + font-size: 0.875rem; + line-height: 1rem; +} + +.p-profiles.locale-ru .lifetime .title > .label:before { + content: 'Активность'; +} + +.p-profiles.locale-en .lifetime .title > .label:before { + content: 'Time spent'; +} + +.p-profiles .lifetime .title .value { + height: 16px; + margin-top: 0; + line-height: 16px; +} + +.p-profiles .profile-content .cc-2 .c-right .cc-2a { + margin-bottom: 16px !important; +} + +@media (min-width: 768px) { + .p-profiles .profile-content .graph { + height: 155px; + } + .p-profiles .profile-content .cc-2 > .c-column { + width: 100%; + margin-bottom: 1rem; + } + .p-profiles .profile-content .cc-2 .activity { + padding-bottom: 1rem; + } +} + +@media (min-width: 960px) { + .p-profiles .profile-content .cc-2 { + position: relative; + } + .p-profiles .profile-content .cc-2 .c-left { + width: 77%; + min-height: 220px; + padding-right: 3.5rem; + margin-bottom: 1.5rem; + } + .p-profiles .profile-content .cc-2 .c-right .cc-2a { + position: absolute; + top: 0; + right: 0; + width: 23%; + margin-top: -244px; + } + .p-profiles .profile-content .cc-2 .c-right .cc-2a > .c-column { + clear: both; + width: 100%; + margin: 0; + } +} + +/* TENTATIVE CODE | END */ + + + + + + + + + + +/* МОИ НАСТРОЙКИ */ +/* Фон страницы */ +body { + background-image: none; +} + +/** + * Рамка по бокам страницы + * Используйте цвет фона центральной области, чтобы визуально расширить её. + * Эта настройка будет полезна при использовании фоновой картинки + * - с легкой прозрачностью (.85 и более) + * - без прозрачности + */ +.l-page:before { + outline-color: transparent; +} + +/* Цвета меню */ +.l-top_menu:before { + background-color: #333333; +} + +@media only screen and (min-width: 1025px) { + .l-top_menu .submenu, .b-main_search ul.popup { + background: #2d2d2d; + } +} + +/* Моя обложка в профиле */ +.p-profiles .profile-head[data-user-id="2727"] .c-brief:before { + /* background-image: url(//i.imgur.com/bd8W6VB.jpg); /* Пример */ + background-image: url(); + background-position: center; +} \ No newline at end of file diff --git a/beta/theme-light.css b/beta/theme-light.css index 30ce6ad..756754a 100644 --- a/beta/theme-light.css +++ b/beta/theme-light.css @@ -1,8275 +1,9631 @@ -/** - * Shikimori.org – CSS Theme - * MIT License - * Copyright (c) 2016 grin3671 - */ - - -/* Кнопка сохранения стиля всегда на виду */ -#submit_style { - position: fixed; - bottom: 0; - right: 0; - margin: 5rem; - z-index: 1000; -} -/* Настройки вверху, CSS внизу */ -.b-edit_styles { - display: flex; - flex-direction: column-reverse; -} -/* Широкое полотно стиля */ -.b-edit_styles > .c-column { - width: 100%; - margin: 0; -} -/* Настройка текста */ -.style_css textarea { - font-family: monospace; - font-size: 1rem; - line-height: 1.5 !important; - white-space: nowrap; -} - - - - - - - - - - -/* НАСТРОЙКА ЦВЕТОВ */ -/* Цвет текста ссылки по умолчанию */ -a { - color: #2196F3; -} - -/* Цвет ссылки при наведении */ -a:hover { - color: #FF4081; -} - -/* Цвет ссылки при нажатии */ -@media only screen and (min-width: 1025px) { - a:active { - color: #ff1402; - } -} -.b-abuse_request .ban-form .cancel, -.b-ban .abuser, -.b-bb_codes-examples .example a, -.b-bb_codes-examples .result a, -.b-bracket-actions > div, -.b-bracket-actions > span, -.b-catalog_entry-tooltip .inner a.name, -.b-catalog_entry-tooltip .inner .line .value a, -.b-catalog_entry-tooltip .inner .line.works .value a, -.b-catalog_entry .cover .title, -.b-club .name, -.b-comment > .inner header .name-date a.name, -.b-comments .comments-collapser, -.b-cosplay-topic > .inner .cosplay-info .line .value a, -.b-cosplay_gallery h3 a, -.b-db_entry-note .name-container .name, -.b-db_entry > .c-about .additional-links .line-container > .link, -.b-db_entry > .c-about .additional-links .line-container > a, -.b-dialog > .inner header .name-date a.name, -.b-entry-info .line a, -.b-feedback-inner .about a, -.b-form .variants .variant a, -.b-form .cancel, -.b-forums .forum .link-with-input .link, -.b-forums .reload, -.b-header_filters .filter-line a, -.b-height_shortener .expand, -.b-js-action, -.b-js-link, -.b-lang_trigger span, -.b-link, -.b-log_entry a, -.b-log_entry .link, -.b-log_entry .moderation a, -.b-log_entry .spoiler.collapsed, -.b-log_entry .spoiler.collapse, -.b-log_entry .spoiler.collapse span, -.b-log_entry .spoiler.collapsed span, -.b-mention, -.b-message > .inner header .name-date a.name, -.b-nothing_here a, -.b-options-floated a, -.b-options-floated .link, -.b-options-floated .action, -.b-options-floated.mobile-desktop a, -.b-person .name, -.b-shiki_editor footer .unpreview, -.b-shiki_editor footer .unpreview:not(.link), -.b-shiki_editor footer .cancel, -.b-shiki_editor footer .hide, -.b-shiki_editor footer .about-bb_codes, -.b-source .contributors .val a, -.b-source .mal .val a, -.b-source .source .val a, -.b-spoiler .content .before, -.b-spoiler .content .after, -.b-spoiler label, -.b-stats_bar a.title, -.b-table a, -.b-topic > .inner header .name-date a.name, -.b-topic .footer-vote .vote-group .vote, -.b-user.named_avatar .name, -.b-user.detailed .info .image-name, -.b-user.detailed .history .line a .event, -.b-user16, -header.head h1 a.back, -header.head h2 a.back, -header.head a.misc, -header.head a.edit, -.headline > a, -.midheadline > a, -.subheadline > a, -.subheadline .misc-link, -.b-video_player .cc-player_controls a.c-control, -.b-video_player .cc-player_controls .episode-title .video-link a, -.b-video_variant a, -.b-animes-menu .menu-topics-block .history-entry-tooltip a, -.p-animes-files .l-content a, -.p-mangas-files .l-content a, -div.history .block-list li .tooltip-inner a, -div.history .b-block_list li .tooltip-inner a, -.p-animes_collection-index .pagination .link, -.p-mangas_collection-index .pagination .link, -.p-recommendations-index .pagination .link, -.p-userlist_comparer-show .pagination .link, -.p-contests .contest-match .vs .next, -.p-contests .contest-match .vs .refrain, -.p-contests-edit .grid, -.p-contests .match-day .match-link a, -.p-contests .rating .member a, -.p-contests .results a, -.p-contests .suggestion > a, -.p-contests .variant > a, -.b-contests-menu .results, -.b-contests-menu .grid a, -.p-contests-grid .round .match a, -.p-contests-index .contest a, -.p-dashboards .c-my_list .list-type > .title .link, -.p-dashboards .c-my_list .history > .title .link, -.p-dashboards .c-my_list .list-type > .title .switch, -.p-dashboards .c-my_list .history > .title .switch, -.p-dashboards .user_list .list-type > .title .link, -.p-dashboards .user_list .history > .title .link, -.p-dashboards .user_list .list-type > .title .switch, -.p-dashboards .user_list .history > .title .switch, -.p-dashboards-show .midheadline .b-link, -.p-dashboards-show .c-content .options .option, -.p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name, -.p-profiles .profile-head .c-brief header .notice a, -.p-profiles .profile-head .c-mobile-actions a, -.p-profiles .profile-head .c-mobile-actions span, -.p-profiles .profile-head .c-info .c-additionals div a, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a, -.p-profiles-edit .account .change-password a, -.p-profiles-edit .misc .profile-action a, -.p-profiles-edit .misc .profile-action .link, -.p-profiles-edit .misc .nickname-changes a, -.p-profiles-edit .misc .nickname-changes .link, -.p-profiles-edit .list .profile-action a, -.p-profiles-edit .list .profile-action .link, -.p-profiles-edit .list .nickname-changes a, -.p-profiles-edit .list .nickname-changes .link, -.p-profiles-edit .list #import_form .link, -.p-profiles-show .about a, -.p-studios .studio .name, -.p-translations .animes a, -.p-user_history-index .history-page .history-interval p a, -.p-user_rates-index .list-lines tr .name a, -.p-userlist_comparer .comparer table .name a, -.b-log_entry .comment-block ins, -.p-statistics-index .forum-nav .sections a.selected, -.p-anime_videos-index .c-videos .video-variant-switcher, -.p-user_rates-index .stat-categories .category { - color: #2196F3; - border-bottom-color: rgba(33, 150, 243, 0.3); -} - -@media screen and (max-width: 480px) and (orientation: portrait) { - .b-options-floated.mobile-phone_portrait a { - color: #2196F3; - } -} -@media screen and (max-width: 767px) { - .b-options-floated.mobile-phone a { - color: #2196F3; - } -} -@media screen and (max-width: 1024px) { - .b-options-floated.mobile-tablet a { - color: #2196F3; - } -} -.b-abuse_request .ban-form .cancel:hover, -.b-ban .abuser:hover, -.b-bb_codes-examples .example a:hover, -.b-bb_codes-examples .result a:hover, -.b-bracket-actions > div:hover, -.b-bracket-actions > span:hover, -.b-catalog_entry-tooltip .inner a.name:hover, -.b-catalog_entry-tooltip .inner .line .value a:hover, -.b-catalog_entry-tooltip .inner .line.works .value a:hover, -.b-catalog_entry .cover .title:hover, -.b-club .name:hover, -.b-comment > .inner header .name-date a.name:hover, -.b-comments .comments-collapser:hover, -.b-cosplay-topic > .inner .cosplay-info .line .value a:hover, -.b-cosplay_gallery h3 a:hover, -.b-db_entry-note .name-container .name:hover, -.b-db_entry > .c-about .additional-links .line-container > .link:hover, -.b-db_entry > .c-about .additional-links .line-container > a:hover, -.b-dialog > .inner header .name-date a.name:hover, -.b-entry-info .line a:hover, -.b-feedback-inner .about a:hover, -.b-form .variants .variant a:hover, -.b-form .cancel:hover, -.b-forums .forum .link-with-input .link:hover, -.b-forums .reload:hover, -.b-header_filters .filter-line a:hover, -.b-height_shortener .expand:hover, -.b-js-action:hover, -.b-js-link:hover, -.b-lang_trigger span:hover, -.b-link:hover, -.b-log_entry a:hover, -.b-log_entry .link:hover, -.b-log_entry .moderation a:hover, -.b-log_entry .spoiler.collapsed:hover, -.b-log_entry .spoiler.collapse:hover, -.b-log_entry .spoiler.collapse span:hover, -.b-log_entry .spoiler.collapsed span:hover, -.b-mention:hover, -.b-message > .inner header .name-date a.name:hover, -.b-nothing_here a:hover, -.b-options-floated a:hover, -.b-options-floated .link:hover, -.b-options-floated .action:hover, -.b-options-floated.mobile-desktop a:hover, -.b-person .name:hover, -.b-shiki_editor footer .unpreview:hover, -.b-shiki_editor footer .unpreview:not(.link):hover, -.b-shiki_editor footer .cancel:hover, -.b-shiki_editor footer .hide:hover, -.b-shiki_editor footer .about-bb_codes:hover, -.b-source .contributors .val a:hover, -.b-source .mal .val a:hover, -.b-source .source .val a:hover, -.b-spoiler label:hover, -.b-spoiler .content:hover .before, -.b-spoiler .content:hover .after, -.b-stats_bar a.title:hover, -.b-table a:hover, -.b-topic > .inner header .name-date a.name:hover, -.b-topic .footer-vote .vote-group .vote:hover, -.b-user.named_avatar .name:hover, -.b-user.detailed .info .image-name:hover, -.b-user.detailed .history .line a .event:hover, -.b-user16:hover, -header.head h1 a.back:hover, -header.head h2 a.back:hover, -header.head a.misc:hover, -header.head a.edit:hover, -.headline > a:hover, -.midheadline > a:hover, -.subheadline > a:hover, -.subheadline .misc-link:hover, -.b-video_player .cc-player_controls a.c-control:hover, -.b-video_player .cc-player_controls .episode-title .video-link a:hover, -.b-video_variant a:hover, -.b-animes-menu .menu-topics-block .history-entry-tooltip a:hover, -.p-animes-files .l-content a:hover, -.p-mangas-files .l-content a:hover, -div.history .block-list li .tooltip-inner a:hover, -div.history .b-block_list li .tooltip-inner a:hover, -.p-animes_collection-index .pagination .link:hover, -.p-mangas_collection-index .pagination .link:hover, -.p-recommendations-index .pagination .link:hover, -.p-userlist_comparer-show .pagination .link:hover, -.p-contests .contest-match .vs .next:hover, -.p-contests .contest-match .vs .refrain:hover, -.p-contests-edit .grid:hover, -.p-contests .match-day .match-link a:hover, -.p-contests .rating .member a:hover, -.p-contests .results a:hover, -.p-contests .suggestion > a:hover, -.p-contests .variant > a:hover, -.b-contests-menu .results:hover, -.b-contests-menu .grid a:hover, -.p-contests-grid .round .match a:hover, -.p-contests-index .contest a:hover, -.p-dashboards .c-my_list .list-type > .title .link:hover, -.p-dashboards .c-my_list .history > .title .link:hover, -.p-dashboards .c-my_list .list-type > .title .switch:hover, -.p-dashboards .c-my_list .history > .title .switch:hover, -.p-dashboards .user_list .list-type > .title .link:hover, -.p-dashboards .user_list .history > .title .link:hover, -.p-dashboards .user_list .list-type > .title .switch:hover, -.p-dashboards .user_list .history > .title .switch:hover, -.p-dashboards-show .midheadline .b-link:hover, -.p-dashboards-show .c-content .options .option:hover, -.p-dashboards-show .c-content .options .option.selected, -.p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name:hover, -.p-profiles .profile-head .c-brief header .notice a:hover, -.p-profiles .profile-head .c-mobile-actions a:hover, -.p-profiles .profile-head .c-mobile-actions span:hover, -.p-profiles .profile-head .c-info .c-additionals div a:hover, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:hover, -.p-profiles-edit .account .change-password a:hover, -.p-profiles-edit .misc .profile-action a:hover, -.p-profiles-edit .misc .profile-action .link:hover, -.p-profiles-edit .misc .nickname-changes a:hover, -.p-profiles-edit .misc .nickname-changes .link:hover, -.p-profiles-edit .list .profile-action a:hover, -.p-profiles-edit .list .profile-action .link:hover, -.p-profiles-edit .list .nickname-changes a:hover, -.p-profiles-edit .list .nickname-changes .link:hover, -.p-profiles-edit .list #import_form .link:hover, -.p-profiles-show .about a:hover, -.p-studios .studio .name:hover, -.p-translations .animes a:hover, -.p-user_history-index .history-page .history-interval p a:hover, -.p-user_rates-index .list-lines tr .name a:hover, -.p-userlist_comparer .comparer table .name a:hover, -.p-statistics-index .forum-nav .sections a:hover, -.block-list-alt a:hover, -.b-block_list-alt a:hover, -.b-catalog_entry .cover:hover, -.b-catalog_entry .cover:hover .title, -.b-comment > .inner .was_updated:hover, -.b-comment header .hash:hover, -.b-dialog > .inner .was_updated:hover, -.b-message > .inner .was_updated:hover, -.b-options-floated .selected, -.b-options-floated .selected.always-active:hover, -.b-show_more:hover, -.b-show_more-more .hide-more:hover, -.b-stats_bar .stat_names .stat_name a:hover, -.b-topic > .inner .was_updated:hover, -.headline > a:hover:before, -.midheadline > a:hover:before, -.subheadline > a:hover:before, -.headline.linkheadline > a:hover, -.linkheadline.midheadline > a:hover, -.linkheadline.subheadline > a:hover, -.headline.linkheadline > a:hover:before, -.linkheadline.midheadline > a:hover:before, -.linkheadline.subheadline > a:hover:before, -.tooltip-inner .close:hover, -.p-animes-franchise .sticky-tooltip .close:hover, -.p-mangas-franchise .sticky-tooltip .close:hover, -.p-contests .contest-match .prev-match:hover, -.p-contests .contest-match .next-match:hover, -.p-contests .match-day .match-link.voted-none > .c-column a:hover, -.p-contests .match-day .match-link.voted-left > .c-column:last-child a:hover, -.p-contests .match-day .match-link.voted-right > .c-column:first-child a:hover, -.p-contests .match-day .match-link .c-column.loser a:hover, -.p-contests .match-day .match-link .c-column.created a:hover, -.p-contests-grid .round .match .date a:hover, -.p-dashboards-show .contests .contest:hover .title, -.p-dashboards-show .contests .contest:hover .title:after, -.p-dashboards-show .contests .contest .title:hover, -.p-dashboards-show .contests .contest .title:hover:after, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.zero:hover, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.weak:hover, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.moderate:hover, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.high:hover, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.full:hover, -.p-topics .l-menu .sticky-topics .topic:hover .title, -.p-topics .l-menu .sticky-topics .topic:hover .title:after, -.p-topics .l-menu .sticky-topics .topic .title:hover, -.p-topics .l-menu .sticky-topics .topic .title:hover:after, -.p-topics .l-menu .contests .contest:hover .title, -.p-topics .l-menu .contests .contest:hover .title:after, -.p-topics .l-menu .contests .contest .title:hover, -.p-topics .l-menu .contests .contest .title:hover:after, -.p-topics header h1 a.reload:hover, -.p-user_rates-index .l-content .order-control:hover, -.p-user_rates-index .list-lines tr td .anime-status:hover, -.p-user_rates-index .list-lines tr td .anime-remove:hover, -.p-user_rates-index .list-lines tr td .anime-remove.selected, -.p-anime_videos-index .c-videos .video-variant-switcher:hover, -.p-user_rates-index .stat-categories .category:hover { - color: #FF4081; - border-bottom-color: rgba(255, 64, 129, 0.3); -} - -@media screen and (max-width: 480px) and (orientation: portrait) { - .b-options-floated.mobile-phone_portrait a:hover { - color: #FF4081; - } -} -@media screen and (max-width: 767px) { - .b-options-floated.mobile-phone a:hover { - color: #FF4081; - } -} -@media screen and (max-width: 1024px) { - .b-options-floated.mobile-tablet a:hover { - color: #FF4081; - } -} -.b-header_filters .filter-line a:active, -.b-person .name:active, -.b-source .contributors .val a:active, -.b-source .mal .val a:active, -.b-source .source .val a:active, -.b-animes-menu .menu-topics-block .history-entry-tooltip a:active, -.p-animes-files .l-content a:active, -.p-mangas-files .l-content a:active, -div.history .block-list li .tooltip-inner a:active, -div.history .b-block_list li .tooltip-inner a:active, -.p-dashboards-show .midheadline .b-link:active, -.p-dashboards-show .c-content .options .option:active, -.p-profiles .profile-head .c-brief header .notice a:active, -.p-profiles .profile-head .c-mobile-actions a:active, -.p-profiles .profile-head .c-mobile-actions span:active, -.p-profiles .profile-head .c-info .c-additionals div a:active, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:active, -.block-list-alt a:active, -.b-block_list-alt a:active, -.b-options-floated .selected:hover, -.b-show_more:active, -.b-show_more-more .hide-more:active, -.headline > a:active:before, -.midheadline > a:active:before, -.subheadline > a:active:before, -.p-dashboards-show .contests .contest:active .title, -.p-dashboards-show .contests .contest:active .title:after, -.p-dashboards-show .contests .contest .title:active, -.p-dashboards-show .contests .contest .title:active:after, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.zero:active, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.weak:active, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.moderate:active, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.high:active, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.full:active, -.p-topics .l-menu .sticky-topics .topic:active .title, -.p-topics .l-menu .sticky-topics .topic:active .title:after, -.p-topics .l-menu .sticky-topics .topic .title:active, -.p-topics .l-menu .sticky-topics .topic .title:active:after, -.p-topics .l-menu .contests .contest:active .title, -.p-topics .l-menu .contests .contest:active .title:after, -.p-topics .l-menu .contests .contest .title:active, -.p-topics .l-menu .contests .contest .title:active:after, -.p-user_rates-index .stat-categories .category:active { - color: #ff1402; -} - -@media only screen and (min-width: 1025px) { - .b-abuse_request .ban-form .cancel:active, - .b-ban .abuser:active, - .b-bb_codes-examples .example a:active, - .b-bb_codes-examples .result a:active, - .b-bracket-actions > div:active, - .b-bracket-actions > span:active, - .b-catalog_entry-tooltip .inner a.name:active, - .b-catalog_entry-tooltip .inner .line .value a:active, - .b-catalog_entry-tooltip .inner .line.works .value a:active, - .b-catalog_entry .cover .title:active, - .b-club .name:active, - .b-comment > .inner header .name-date a.name:active, - .b-comments .comments-collapser:active, - .b-cosplay-topic > .inner .cosplay-info .line .value a:active, - .b-cosplay_gallery h3 a:active, - .b-db_entry-note .name-container .name:active, - .b-db_entry > .c-about .additional-links .line-container > .link:active, - .b-db_entry > .c-about .additional-links .line-container > a:active, - .b-dialog > .inner header .name-date a.name:active, - .b-entry-info .line a:active, - .b-feedback-inner .about a:active, - .b-form .variants .variant a:active, - .b-form .cancel:active, - .b-forums .forum .link-with-input .link:active, - .b-forums .reload:active, - .b-header_filters .filter-line a:active, - .b-height_shortener .expand:active, - .b-js-action:active, - .b-js-link:active, - .b-lang_trigger span:active, - .b-link:active, - .b-log_entry a:active, - .b-log_entry .link:active, - .b-log_entry .moderation a:active, - .b-log_entry .spoiler.collapsed:active, - .b-log_entry .spoiler.collapse:active, - .b-log_entry .spoiler.collapse span:active, - .b-log_entry .spoiler.collapsed span:active, - .b-mention:active, - .b-message > .inner header .name-date a.name:active, - .b-nothing_here a:active, - .b-options-floated a:active, - .b-options-floated .link:active, - .b-options-floated .action:active, - .b-options-floated.mobile-desktop a:active, - .b-shiki_editor footer .unpreview:active, - .b-shiki_editor footer .unpreview:not(.link):active, - .b-shiki_editor footer .cancel:active, - .b-shiki_editor footer .hide:active, - .b-shiki_editor footer .about-bb_codes:active, - .b-spoiler label:active, - .b-stats_bar a.title:active, - .b-table a:active, - .b-topic > .inner header .name-date a.name:active, - .b-topic .footer-vote .vote-group .vote:active, - .b-user.named_avatar .name:active, - .b-user.detailed .info .image-name:active, - .b-user.detailed .history .line a .event:active, - .b-user16:active, - header.head h1 a.back:active, - header.head h2 a.back:active, - header.head a.misc:active, - header.head a.edit:active, - .headline > a:active, - .midheadline > a:active, - .subheadline > a:active, - .subheadline .misc-link:active, - .b-video_player .cc-player_controls a.c-control:active, - .b-video_player .cc-player_controls .episode-title .video-link a:active, - .b-video_variant a:active, - .p-animes_collection-index .pagination .link:active, - .p-mangas_collection-index .pagination .link:active, - .p-recommendations-index .pagination .link:active, - .p-userlist_comparer-show .pagination .link:active, - .p-contests .contest-match .vs .next:active, - .p-contests .contest-match .vs .refrain:active, - .p-contests-edit .grid:active, - .p-contests .match-day .match-link a:active, - .p-contests .rating .member a:active, - .p-contests .results a:active, - .p-contests .suggestion > a:active, - .p-contests .variant > a:active, - .b-contests-menu .results:active, - .b-contests-menu .grid a:active, - .p-contests-grid .round .match a:active, - .p-contests-index .contest a:active, - .p-dashboards .c-my_list .list-type > .title .link:active, - .p-dashboards .c-my_list .history > .title .link:active, - .p-dashboards .c-my_list .list-type > .title .switch:active, - .p-dashboards .c-my_list .history > .title .switch:active, - .p-dashboards .user_list .list-type > .title .link:active, - .p-dashboards .user_list .history > .title .link:active, - .p-dashboards .user_list .list-type > .title .switch:active, - .p-dashboards .user_list .history > .title .switch:active, - .p-dashboards-show .midheadline .b-link:active, - .p-dashboards-show .c-content .options .option:active, - .p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name:active, - .p-profiles .profile-head .c-brief header .notice a:active, - .p-profiles .profile-head .c-mobile-actions a:active, - .p-profiles .profile-head .c-mobile-actions span:active, - .p-profiles .profile-head .c-info .c-additionals div a:active, - .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:active, - .p-profiles-edit .account .change-password a:active, - .p-profiles-edit .misc .profile-action a:active, - .p-profiles-edit .misc .profile-action .link:active, - .p-profiles-edit .misc .nickname-changes a:active, - .p-profiles-edit .misc .nickname-changes .link:active, - .p-profiles-edit .list .profile-action a:active, - .p-profiles-edit .list .profile-action .link:active, - .p-profiles-edit .list .nickname-changes a:active, - .p-profiles-edit .list .nickname-changes .link:active, - .p-profiles-edit .list #import_form .link:active, - .p-profiles-show .about a:active, - .p-studios .studio .name:active, - .p-translations .animes a:active, - .p-user_history-index .history-page .history-interval p a:active, - .p-user_rates-index .list-lines tr .name a:active, - .p-userlist_comparer .comparer table .name a:active, - .p-statistics-index .forum-nav .sections a:active, - .b-catalog_entry .cover:active, - .b-comment > .inner .was_updated:active, - .b-comment header .hash:active, - .b-dialog > .inner .was_updated:active, - .b-message > .inner .was_updated:active, - .b-options-floated .selected.always-active:active, - .b-stats_bar .stat_names .stat_name a:active, - .b-topic > .inner .was_updated:active, - .headline.linkheadline > a:active, - .linkheadline.midheadline > a:active, - .linkheadline.subheadline > a:active, - .headline.linkheadline > a:active:before, - .linkheadline.midheadline > a:active:before, - .linkheadline.subheadline > a:active:before, - .tooltip-inner .close:active, - .p-animes-franchise .sticky-tooltip .close:active, - .p-mangas-franchise .sticky-tooltip .close:active, - .p-contests .contest-match .prev-match:active, - .p-contests .contest-match .next-match:active, - .p-contests .match-day .match-link.voted-none > .c-column a:active, - .p-contests .match-day .match-link.voted-left > .c-column:last-child a:active, - .p-contests .match-day .match-link.voted-right > .c-column:first-child a:active, - .p-contests .match-day .match-link .c-column.loser a:active, - .p-contests .match-day .match-link .c-column.created a:active, - .p-contests-grid .round .match .date a:active, - .p-topics header h1 a.reload:active, - .p-user_rates-index .l-content .order-control:active, - .p-user_rates-index .list-lines tr td .anime-status:active, - .p-user_rates-index .list-lines tr td .anime-remove:active, - .b-bracket-details:active, - .b-form a.remove:active, - .p-anime_videos-index .c-videos .video-variant-switcher:active, - .p-anime_videos-index .c-videos .video-variant-switcher.active { - color: #ff1402; - border-bottom-color: rgba(255, 20, 2, 0.3); - } -} -@media only screen and (max-width: 480px) and (orientation: portrait) and (min-width: 1025px) { - .b-options-floated.mobile-phone_portrait a:active { - color: #ff1402; - } -} -@media only screen and (max-width: 767px) and (min-width: 1025px) { - .b-options-floated.mobile-phone a:active { - color: #ff1402; - } -} -@media only screen and (max-width: 1024px) and (min-width: 1025px) { - .b-options-floated.mobile-tablet a:active { - color: #ff1402; - } -} -body { - background-color: #FAFAFA; -} - -.l-page, -.c-actions:before, -.p-contests .contest-match .vs > div:first-child, -.p-contests .match-day > .date, -.p-animes_collection-index .l-content.ajax_request::before, -.p-mangas_collection-index .l-content.ajax_request::before, -.p-recommendations-index .l-content.ajax_request::before, -.p-userlist_comparer-show .l-content.ajax_request::before, -.b-ajax:before { - background: #FAFAFA; -} - -.l-page:before { - outline-color: #FAFAFA; -} - -@media screen and (max-width: 960px) { - .p-profiles .profile-head .c-brief header { - background-color: #FAFAFA; - } -} -@media screen and (max-width: 1024px) { - body { - background-color: #FAFAFA !important; - } -} -.b-height_shortener .shade { - background-image: linear-gradient(to bottom, transparent, #FAFAFA); -} - -.b-topic.aside-expanded > .inner aside.buttons, -.b-dialog.aside-expanded > .inner aside.buttons, -.b-message.aside-expanded > .inner aside.buttons, -.b-comment.aside-expanded > .inner aside.buttons { - background-color: rgba(250, 250, 250, 0.9); -} - -/* BLACK GREY WHITE */ -body, -header.head h1, -header.head h2, -.ac_results, -.tooltip-inner, -.b-input input, -.b-input textarea, -.b-shiki_editor .body .editor textarea, -.b-shiki_editor .links .link-value, -.b-shiki_editor .images .link-value, -.b-shiki_editor .quotes .link-value, -.b-shiki_editor .email .link-value, -.b-shiki_editor .upload .link-value, -.p-user_rates-index .list-lines tr td .new-value input, -.p-user_rates-index .l-content .filter input, -.subheadline-input, -.b-catalog_entry-tooltip .inner a.name, -.b-catalog_entry .cover .title, -.b-catalog_entry-tooltip .inner .line .value a, -.b-clubs-menu .block-list li:hover, -.b-clubs-menu .block-list li:hover a, -.b-clubs-menu .block-list li a:hover, -.b-clubs-menu .b-block_list li:hover, -.b-clubs-menu .b-block_list li:hover a, -.b-clubs-menu .b-block_list li a:hover, -.b-db_entry > .c-image .c-actions > a:after, -.b-db_entry-note .name-container .name, -.b-dialog > .inner header .name-date a.name, -.b-entry-info .line .b-tag, -.b-forums .forum .link-with-input .link, -.b-height_shortener .expand, -.b-hot_topics .topic.subject, -.b-hot_topics .topic a:hover, -.b-message > .inner header .name-date a.name, -.b-modal .subheadline, -.b-link_button, -.b-link_button:hover, -.b-link_button:active, -.block-list li:hover, -.block-list-alt li:hover, -.b-block_list li:hover, -.b-block_list-alt li:hover, -.b-pages .b-link, -.b-show_more:hover, -.b-show_more-more .hide-more:hover, -.b-stats_bar .stat_names .stat_name a, -.b-video_player .cc-player_controls .episode-title, -.b-video_variant .episode-num, -.b-video_variant .video-author, -.b-video_variant .video-id, -.headline, -.b-catalog_entry-tooltip .inner .line .value .tag:hover, -.b-entry-info .line .b-tag:hover, -.b-tag:hover, -.p-contests .match-day .match-link.voted-none > .c-column a, -.p-contests .match-day .match-link.voted-left > .c-column:last-child a, -.p-contests .match-day .match-link.voted-right > .c-column:first-child a, -.p-contests .match-day .match-link .c-column.loser a, -.p-contests .match-day .match-link .c-column.created a, -.p-dashboards-show .contests .contest .title, -.p-dialogs .b-options-floated > a.selected, -.p-moderations-missing_videos .missing-video > .info span, -.p-messages .b-options-floated > a.selected, -.p-profiles-edit .b-options-floated > a.selected, -.p-profiles .profile-head .c-history .entry .title, -.p-topics .l-menu .calendar .entry a, -.p-topics .l-menu .clubs .entry a, -.p-topics .l-menu .contests .contest .title, -.p-topics .l-menu .reviews .entry a, -.p-topics .l-menu .sticky-topics .topic .title, -.p-user_rates-index .l-content .order-control, -.p-user_rates-index .l-content .order-control:hover { - color: #212121 !important; -} - -/* Цвет основного текста в области при наведении */ -.b-clubs-menu .b-link:hover, -.b-clubs-menu .actions li:hover, -.b-clubs-menu .actions .upload label:hover, -.b-clubs-menu .actions .invite span:hover, -.b-clubs-menu .actions .join a:hover, -.b-clubs-menu .actions .leave a:hover, -.b-hot_topics .topic a, -.b-forums .forum:hover .link-with-input .link, -.b-image .marker, -.b-video .marker, -.b-video .name, -.p-dashboards-show .contests .contest:hover .title, -.p-profiles .profile-head .c-history .entry:hover .title, -.p-topics .l-menu .calendar .entry:hover a, -.p-topics .l-menu .clubs .entry:hover a, -.p-topics .l-menu .contests .contest:hover .title, -.p-topics .l-menu .reviews .entry:hover a, -.p-topics .l-menu .sticky-topics .topic:hover .title { - color: #212121 !important; -} - -@media (max-width: 1024px) { - .l-top_menu .menu-items > .entry > a, - .l-top_menu .menu-items > .entry > .submenu > a, - .l-top_menu .inner .sign_out { - color: #212121 !important; - } -} -h3, -header.head .notice, -.bar.horizontal .line .x_label, -.bar.vertical .line .x_label, -.b-entry-info .line .b-tag, -.b-catalog_entry-tooltip .inner .line .key, -.b-catalog_entry-tooltip .inner .line .value .tag, -.b-catalog_entry-tooltip .inner .rating, -.b-collection-filters .block > .filter.item-sign:hover, -.b-height_shortener:hover .expand, -.b-lang_trigger:hover span, -.b-lang_trigger span:hover, -.b-show_more, -.b-show_more-more .hide-more, -.b-stats_bar .stat_names:hover:before, -.b-tag, -.block-list li, -.block-list-alt li, -.block-list li a, -.block-list-alt li a, -.b-block_list li, -.b-block_list li a, -div.compatibility > a:hover:before, -div.compatibility > a:hover > span:first-child:before, -.item-add:hover, -.l-footer .copyright, -.p-characters .item-edit:hover, -.p-characters .item-edit:active, -.p-contests .match-day > .date .from, -.p-contests .match-day > .date .to, -.p-profiles-edit .b-options-floated > a, -.p-dialogs .b-options-floated > a, -.p-messages .b-options-floated > a, -.p-user_rates-index .list-lines tr td .episodes_total, -.p-user_rates-index .list-lines tr td .rate-text { - color: #424242; -} - -header.head h1 > a.back:hover, -header.head h2 > a.back:hover, -header.head h1 > a.back:active, -header.head h2 > a.back:active, -.b-video_player .cc-player_controls .c-control:hover .icon, -.p-animes_collection-index .pagination .link:hover, -.p-mangas_collection-index .pagination .link:hover, -.p-recommendations-index .pagination .link:hover, -.p-userlist_comparer-show .pagination .link:hover, -.b-clubs-menu .block-list li, -.b-clubs-menu .block-list li a, -.b-clubs-menu .b-block_list li, -.b-clubs-menu .b-block_list li a, -.b-list_switchers > .switcher:hover, -.c-actions > *:hover, -.editor-controls > span:hover, -.profile-actions > a:hover, -.p-animes .item-edit:hover, -.p-contests .contest-match .prev-match:hover, -.p-contests .contest-match .next-match:hover, -.p-mangas .item-edit:hover, -.p-profiles-show .about .item-edit:hover, -.p-messages .mass-actions .action > a:hover, -.p-topics header h1 a.reload, -.delete-controls > span, -.delete-controls > span:hover, -.main-controls > span, -.main-controls > span:hover, -.main-controls > a, -.main-controls > a:hover, -.buttons .item-edit, -.buttons .item-edit:hover, -.moderation-controls > span, -.moderation-controls > span:hover { - color: #424242 !important; -} - -.midheadline, -.subheadline, -.b-animes-menu .menu-topics-block .date, -.b-breadcrumbs, -.b-breadcrumbs a.b-link, -.b-catalog_entry .cover .misc span, -.b-catalog_entry-tooltip .inner .rating .text, -.b-club .info .number, -.b-comment-info, -.b-comment .inner .name-date a.name .normal, -.b-collection-filters .block > .filter.item-sign, -.b-db_entry-note .name-container .note, -.b-entry-info .line .key, -.b-forums .forum .link-with-input input + .link, -.b-forums .forum .topics, -.b-lang_trigger span, -.b-log_entry .id-label, -.b-log_entry .state.auto_accepted, -.b-options-floated.count, -.b-pages .title, -.b-quote .quoteable:before, -.b-replies:before, -.b-stats_bar .title, -.b-stats_bar .stat_names:before, -.b-source .contributors .key, -.b-source .mal .key, -.b-source .source .key, -.b-topic-preview > .inner .status-line .about, -.b-topic-preview > .inner .status-line .from, -.b-collection-filters .block-list li:before, -.b-collection-filters .block-list .b-question:before, -.b-collection-filters .b-block_list li:before, -.b-collection-filters .b-block_list .b-question:before, -div.compatibility > a:before, -div.compatibility > span.link-replacement > span:first-child:before, -div.compatibility > a > span:first-child:before, -.item-add, -.item-mobile, -.item-mobile:hover, -.item-mobile:active, -.l-footer:before, -.l-footer .links a, -.l-top_menu .menu-items .submenu-toggler, -.p-animes_collection-index .pagination .link, -.p-mangas_collection-index .pagination .link, -.p-recommendations-index .pagination .link, -.p-userlist_comparer-show .pagination .link, -.p-characters .item-edit, -.p-contests .contest-match .vs, -.p-contests .contest-match .vs .help, -.p-contests .contest-match .vs .next, -.p-contests .contest-match .vs .finish, -.p-contests .contest-match .vs .refrain, -.p-contests .contest-match .vs .refrained, -.p-contests .match-day .matches-num, -.p-dashboards-show .contests .contest .notice, -.p-db_entries-edit .b-list .field, -.p-profiles .profile-head .c-info .c-additionals b, -.p-topics .l-menu .sticky-topics .topic .notice, -.b-user.detailed .info .last-online, -.b-video_variant .episode-hostings, -.b-video_variant .video-hosting, -.b-video_variant .video-language, -.p-anime_videos-index .c-video_stats .views_count { - color: #757575; -} - -header.head h1 a.back, -header.head h2 a.back, -.about-bb_codes:before, -.b-db_entry > .c-about .additional-links .key, -.b-list_switchers > .switcher, -.b-user_rate .rate-show .note, -.c-actions > *, -.editor-controls > span, -.profile-actions > a, -.p-animes .item-edit, -.p-animes_collection-index .pagination .link, -.p-clubs-index header.head a.misc, -.p-contests .contest-match .prev-match, -.p-contests .contest-match .next-match, -.p-mangas .item-edit, -.p-mangas_collection-index .pagination .link, -.p-messages .mass-actions > .action > a, -.p-profiles .profile-head .c-history .entry .misc, -.p-profiles-show .about .item-edit, -.p-profiles-show .lifetime .title > .label:before, -.p-profiles-show .profile-content .activity .title, -.p-recommendations-index .pagination .link, -.p-topics .l-menu .calendar .entry .misc, -.p-topics .l-menu .reviews .entry .misc, -.p-topics .l-menu .clubs .entry .misc, -.p-userlist_comparer-show .pagination .link, -.p-user_rates-index .list-lines tr.edit-form .remove, -.p-user_rates-index .list-lines tr.edit-form .remove:hover, -.p-user_history-index .history-page .history-interval p .date { - color: #757575 !important; -} - -@media only screen and (min-width: 1025px) { - .delete-controls > span, - .moderation-controls > span, - .main-controls > span, - .main-controls > a, - .buttons .item-edit { - color: #757575 !important; - } -} -.b-user.detailed .history .line .date, -.b-video_variant .episode-hostings:before, -.b-video_variant .episode-hostings:after, -.b-video_variant .video-hosting:before, -.b-video_variant .video-hosting:after, -.b-video_variant .video-language:before, -.b-video_variant .video-language:after, -.b-video_variant .video-kind.english:before { - color: #9E9E9E; -} - -.b-video_player .cc-player_controls .c-control .icon, -.p-animes_collection-index .pagination .link.disabled, -.p-mangas_collection-index .pagination .link.disabled, -.p-recommendations-index .pagination .link.disabled, -.p-userlist_comparer-show .pagination .link.disabled, -.p-animes_collection-index .pagination .link.disabled:hover, -.p-mangas_collection-index .pagination .link.disabled:hover, -.p-recommendations-index .pagination .link.disabled:hover, -.p-userlist_comparer-show .pagination .link.disabled:hover, -.p-profiles .profile-head .c-history .entry .misc.date, -.p-topics .l-menu .calendar .entry .misc.date, -.p-topics .l-menu .reviews .entry .misc.date, -.p-topics .l-menu .clubs .entry .misc.date { - color: #9E9E9E !important; -} - -/* PRIMARY COLOR */ -input[type=submit], -.button, -.b-button, -.b-contests-menu .results, -.b-form input[type=submit], -.b-link_button.dark, -.btn-primary, -.b-shiki_editor .links .button.ok, -.b-shiki_editor .images .button.ok, -.b-shiki_editor .quotes .button.ok, -.b-shiki_editor .email .button.ok, -.b-shiki_editor .upload .button.ok, -.p-contests .contest-match .votes-percents .right-part, -.p-contests .contest-match .votes-percents .left-part:hover .right-part, -.p-user_rates .mylist-block + .block > .b-list > li, -.anime-params-controls > .block:first-child > .b-list > li, -.manga-params-controls > .block:first-child > .b-list > li, -.b-stats_bar.anime .bar .first, -.b-stats_bar.anime .bar .second, -.line:nth-child(odd) > .bar-container > .bar, -.line:nth-child(odd) > .bar-container > .bar:hover, -.line:nth-child(even) > .bar-container > .bar, -.line:nth-child(even) > .bar-container > .bar:hover { - background-color: #2196F3; -} - -.p-contests .contest-match .votes-percents .right-part, -.p-contests .contest-match .votes-percents .left-part:hover .right-part, -.b-main_search .input:after { - border-color: #2196F3; -} - -.subheadline > a:hover, -.midheadline > a:hover, -.edit-page a.cancel:hover, -.b-form .cancel:hover, -.b-shiki_editor footer .unpreview:hover, -.b-shiki_editor footer .preview:hover, -.b-topic-preview > .editor-container .hide:hover, -.p-contests .contest-match .vs .refrain:hover, -.p-dashboards-show .b-forums > .b-link_button.maxi:hover:after, -.p-profiles-show .b-stats_bar a.title:hover { - background-color: rgba(33, 150, 243, 0.12); -} - -input[type=submit]:hover, -.button:hover, -.b-button:hover, -.b-contests-menu .results:hover, -.b-form input[type=submit]:hover, -.b-link_button.dark:hover { - background-color: #1E88E5; -} - -.b-contests-menu .results, -.b-link_button.dark, -.btn-submit { - color: #FFFFFF !important; -} - -.b-rate .stars.score, -.b-forums .forum input:checked + .link:before, -.b-collection-filters .block-list .filter, -.b-collection-filters .block-list li.selected:before, -.b-collection-filters .b-block_list .filter, -.b-collection-filters .b-block_list li.selected:before, -.p-contests .contest-match .vs .refrain, -.p-contests .contest-match .vs .refrain:hover, -.p-contests .contest-match .vs .refrain:active, -.tooltip-details .ajax-loading { - color: #2196F3; -} - -.headline > a, -.headline > a:hover, -.headline.linkheadline > a, -.midheadline > a, -.midheadline > a:hover, -.midheadline.linkheadline > a, -.subheadline > a, -.subheadline > a:hover, -.subheadline.linkheadline > a, -.edit-page a.cancel, -.p-dashboards-show .b-forums > .b-link_button.maxi:after, -.b-form .cancel, -.b-shiki_editor footer .unpreview, -.b-shiki_editor footer .unpreview:not(.link):hover, -.b-shiki_editor footer .preview, -.b-stats_bar a.title, -.b-topic-preview > .editor-container .hide { - color: #2196F3 !important; -} - -/* END of PRIMARY COLOR */ -/* ACCENT COLOR */ -.menu .unread-count, -.menu:hover .unread-count, -.menu .contest, -.menu:hover .contest, -.p-contests .contest-match .votes-percents .left-part, -.p-contests .contest-match .votes-percents .left-part:hover, -.b-options-floated a span.brackets, -.b-options-floated .link span.brackets, -.b-stats_bar.manga .bar .first, -.b-stats_bar.manga .bar .second, -div.compatibility > a > span.rate, -div.compatibility > span.link-replacement > span.rate { - background-color: #FF4081; -} - -.menu .unread-count:hover, -.menu .contest:hover { - background: #FF4081 !important; -} - -.p-profiles-show .b-stats_bar.manga a.title:hover { - background-color: rgba(255, 64, 129, 0.12); -} - -.p-profiles-edit .b-options-floated > a.selected, -.p-dialogs .b-options-floated > a.selected, -.p-messages .b-options-floated > a.selected { - border-bottom: 2px solid #FF4081; -} - -.menu .unread-count, -.menu:hover .unread-count, -.menu .contest, -.menu:hover .contest { - color: #FFFFFF !important; -} - -.b-rate .stars.hover, -.c-actions .fav-add:hover:before, -.c-actions .fav-remove:before, -.profile-actions .fav-remove:before { - color: #FF4081; -} - -.b-list_switchers > .switcher.selected, -.editor-controls > span.selected, -.p-profiles-show .b-stats_bar.manga a.title { - color: #FF4081 !important; -} - -/* END of ACCENT COLOR */ -/* BACKGROUND COLOR */ -.ac_results, -.b-image .marker, -.b-modal > .inner, -.b-video .marker, -.b-video .name, -.l-top_menu .menu-items, -.tooltip-inner, -.tooltip-details .ajax-loading { - background: #FFFFFF; -} - -@media screen and (max-width: 599px) { - .b-stats_bar .stat_names:hover { - background-color: #FFFFFF; - } -} -.b-link_button, -.b-comments .comments-loader, -.b-comments .comments-hider, -.b-comments .comments-expander, -.b-comments .messages-postloader, -.b-comments .faye-loader, -.b-forum .faye-loader, -.p-animes-show .other-names.click-loader, -.p-mangas-show .other-names.click-loader, -.collapsed { - background-color: #EEEEEE; - border-color: #E0E0E0; -} - -.b-link_button:hover, -.b-comments .comments-loader:hover, -.b-comments .comments-hider:hover, -.b-comments .comments-expander:hover, -.b-comments .messages-postloader:hover, -.b-comments .faye-loader:hover, -.b-forum .faye-loader:hover, -.p-animes-show .other-names.click-loader:hover, -.p-mangas-show .other-names.click-loader:hover, -.collapsed:hover { - background-color: #E0E0E0; - border-color: #DDDDDD; -} - -.b-link_button:active, -.b-comments .comments-loader:active, -.b-comments .comments-hider:active, -.b-comments .comments-expander:active, -.b-comments .messages-postloader:active, -.b-comments .faye-loader:active, -.b-forum .faye-loader:active, -.p-animes-show .other-names.click-loader:active, -.p-mangas-show .other-names.click-loader:active, -.collapsed:active { - background-color: #DDDDDD; - border-color: #DDDDDD; -} - -.b-quote, .b-quote .b-quote .b-quote { - background: #F5F5F5; -} - -.b-quote .b-quote, .b-quote .b-quote .b-quote .b-quote { - background: #EEEEEE; -} - -.b-user_rate .rate-show .note, -.p-topics-new .topic_video, -.p-topics-edit .topic_video, -.p-topics-create .topic_video, -.p-topics-update .topic_video, -.p-user_rates-index .list-lines tr.edit-form form { - background: #EEEEEE; -} - -select, -.b-editable_grid tbody tr:nth-child(odd) td, -.b-input input, -.b-input textarea, -.b-pages, -.b-shiki_editor .body .editor textarea, -.b-shiki_editor .links .link-value, -.b-shiki_editor .images .link-value, -.b-shiki_editor .quotes .link-value, -.b-shiki_editor .email .link-value, -.b-shiki_editor .upload .link-value, -div.compatibility > a:before, -div.compatibility > span.link-replacement > span:first-child:before, -div.compatibility > a > span:first-child:before, -.l-page .menu-toggler .toggler, -.p-contests .match-day .match-link:hover, -.p-contests .match-day .match-link.active, -.p-user_rates-index .list-groups .summary.posters, -.p-user_rates-index .list-lines tr td .new-value input, -.p-user_rates-index .l-content .filter input, -.subheadline-input { - background: #F5F5F5; -} - -.editor textarea.b-comment, -.editor textarea.b-message { - background: #F5F5F5 !important; -} - -/* Области наведения */ -.b-collection-filters .block > .filter.item-sign, -.b-lang_trigger, -.b-tag, -.block-list li:hover, -.block-list-alt li:hover, -.block-list li.selected, -.block-list-alt li.selected, -.b-block_list li:hover, -.b-block_list li.selected, -.b-entry-info .line .b-tag, -.b-catalog_entry-tooltip .inner .line .value .tag, -.b-hot_topics .topic a, -.b-forums .forum:hover, -.b-show_more:hover, -.b-show_more-more .hide-more:hover, -.b-stats_bar .stat_names:hover:before, -.history-interval p:hover, -.p-profiles .profile-head .c-history .entry:hover a, -.p-topics .l-menu .sticky-topics .topic:hover, -.p-dashboards-show .contests .contest:hover, -.p-topics .l-menu .calendar .entry:hover a, -.p-topics .l-menu .clubs .entry:hover a, -.p-topics .l-menu .contests .contest:hover, -.p-topics .l-menu .reviews .entry:hover a, -.p-user_rates-index .list-lines .selectable:hover, -.p-user_rates-index .l-content .order-control:hover, -.p-animes_collection-index .pagination .link:hover, -.p-mangas_collection-index .pagination .link:hover, -.p-recommendations-index .pagination .link:hover, -.p-userlist_comparer-show .pagination .link:hover { - background-color: #EEEEEE; -} - -.block-list li:active, -.block-list-alt li:active, -.b-block_list li:active, -.p-contests .match-day .match-link:active { - background-color: #EEEEEE !important; -} - -.p-dialogs header.head, -.p-messages header.head, -.p-profiles-edit header.head, -.p-profiles-edit .b-options-floated, -.p-dialogs .b-options-floated, -.p-messages .b-options-floated, -.b-hot_topics .topic a:hover { - background-color: #E0E0E0; -} - -.p-userlist_comparer .comparer table .selectable:hover { - background-color: #E0E0E0 !important; -} - -/* Кнопки при наведении */ -div.compatibility > a:hover:before, -div.compatibility > a:hover > span:first-child:before, -.b-video_player .cc-player_controls .c-control:hover .icon, -.p-animes_collection-index .pagination .link:hover, -.p-mangas_collection-index .pagination .link:hover, -.p-recommendations-index .pagination .link:hover, -.p-userlist_comparer-show .pagination .link:hover, -.b-collection-filters .block > .filter.item-sign:hover, -.b-lang_trigger:hover, -.b-list_switchers > .switcher:hover, -.b-tag:hover, -.b-entry-info .line .b-tag:hover, -.b-catalog_entry-tooltip .inner .line .value .tag:hover, -.b-user_rate .rate-show .rate-number .item-add:hover, -.p-animes .item-edit:hover, -.p-characters .item-edit:hover, -.p-contests .contest-match .prev-match:hover, -.p-contests .contest-match .next-match:hover, -.p-mangas .item-edit:hover, -.p-profiles-show .about .item-edit:hover, -.p-messages .mass-actions .action > a:hover, -.p-user_rates-index .list-lines tr.edit-form .remove:hover, -.delete-controls > span:hover, -.moderation-controls > span:hover, -.main-controls > span:hover, -.main-controls > a:hover, -.buttons .item-edit:hover, -.editor-controls > span:hover, -.c-actions > *:hover, -.about-bb_codes:hover, -.profile-actions > *:hover, -.item-mobile:hover, -.item-mobile:active, -header.head h1 > a.back:hover, -header.head h2 > a.back:hover { - background-color: #E0E0E0; -} - -/* ЦВЕТ ГРАНИЦ ЭЛЕМЕНТОВ */ -hr, -.b-db_entry-note:before, -.b-dialog:before, -.b-message:before, -.b-comment:before, -.b-comments .comments-loaded:before, -.p-contests .match-day:before, -.p-profiles .profile-head .c-history .entry:before, -.p-topics .l-menu .calendar .entry:before, -.p-topics .l-menu .reviews .entry:before, -.p-topics .l-menu .clubs .entry:before { - background-color: #DDDDDD; -} - -h3, -select, -.b-input input, -.b-input textarea, -.b-pages, -.b-topic, -.b-shiki_editor .body .editor textarea, -.b-shiki_editor .links .link-value, -.b-shiki_editor .images .link-value, -.b-shiki_editor .quotes .link-value, -.b-shiki_editor .email .link-value, -.b-shiki_editor .upload .link-value, -.b-quote, -.l-page .menu-toggler .toggler, -.p-topics-new .topic_video, -.p-topics-edit .topic_video, -.p-topics-create .topic_video, -.p-topics-update .topic_video, -.p-user_rates-index .list-groups .summary.posters, -.p-user_rates-index .list-lines tr.edit-form form, -.p-user_rates-index .list-lines tr td .new-value input, -.p-user_rates-index .l-content .filter input, -.subheadline-input { - border-color: #DDDDDD; -} - -/* ОСОБЫЕ ЦВЕТА */ -.b-entry-info .line .b-tag:active, -.b-catalog_entry-tooltip .inner .line .value .tag:active { - background-color: #DDDDDD; -} - -.b-rate .stars.background { - color: #DDDDDD; -} - -.b-stats_bar .bar .third { - background: #DDDDDD; -} -/* END of НАСТРОЙКА ЦВЕТОВ */ - - - - - - - - - - -/* FONT COLLECTION */ - -body, input, select, button, textarea { font-family: 'Arial', sans-serif; } - -.b-show_more, -.b-show_more-more .hide-more, -.l-footer:before, -.b-sponsors_block_3:before, -.l-top_menu .inner .logo:before, -.b-user_rate .rate-show .note:before, -.button, -.buttons, -.b-contests-menu .results, -.b-link_button, -input[type=submit], -.p-animes_collection-index .pagination, -.p-mangas_collection-index .pagination, -.p-recommendations-index .pagination, -.p-userlist_comparer-show .pagination, -.mischeadline, -.c-my_list .title, -.subheadline, -.midheadline, -.b-stats_bar .title, -.profile-content .activity .title, -.lifetime .title, -.midheadline > a, -.subheadline > a, -.b-form .cancel, -.b-shiki_editor footer .unpreview, -.b-shiki_editor footer .preview, -.p-contests .contest-match .vs .refrain, -.p-contests .contest-match .votes-percents, -.p-contests .contest-match .vs > div:first-child, -.p-contests .contest-match .vs .next, -.b-lang_trigger, -.b-topic>.inner>header .about a, -.b-topic-preview>.inner .status-line .b-link, -.b-hot_topics .topic.subject, -div.compatibility > a > span.rate, -div.compatibility > span.link-replacement > span.rate, -.b-abuse_marker:before, -.b-broadcast_marker:before, -.b-new_marker:before, -.b-offtopic_marker:before, -.b-summary_marker:before, -.b-options-floated, -.p-profiles-edit .b-options-floated > a, -.p-dialogs .b-options-floated > a, -.p-messages .b-options-floated > a, -.b-options-floated a span.brackets, -.b-options-floated .link span.brackets, -.p-user_rates .mylist-block + .block > .b-list > li, -.anime-params-controls > .block:first-child > .b-list > li, -.manga-params-controls > .block:first-child > .b-list > li, -.b-collection-filters .block-list .filter, -.b-collection-filters .b-block_list .filter, -.edit-page a.cancel, -.b-topic-preview > .editor-container .hide { - font-weight: 700; -} -.b-topic .name-date .name, -.b-comment .name-date .name, -.b-dialog .name-date .name, -text, -.highcharts-tooltip text tspan:last-child { - font-weight: 700 !important; -} -@media only screen and (min-width: 768px) { - .about-bb_codes:before { - font-weight: 700 !important; - } -} -@media screen and (min-width: 1025px) { - .b-entry-info .line .value { - font-weight: 400 !important; - } -} -/* END of FONT COLLECTION */ - - - - - - - - - - -/* ОСНОВНОЙ ФАЙЛ */ -header.head h1, -header.head h2, -input { - font-family: inherit; -} - -.buttons, -.ac_results .name, -.b-animes-menu .total-rates, -.b-comment > .inner header .name-date a.name, -.b-comments .comments-expander, -.b-comments .comments-expander:hover, -.b-comments .comments-hider, -.b-comments .comments-hider:hover, -.b-comments .comments-loader, -.b-comments .comments-loader:hover, -.b-comments .faye-loader, -.b-comments .faye-loader:hover, -.b-comments .messages-postloader, -.b-comments .messages-postloader:hover, -.b-entry-info .line .value, -.b-forum .faye-loader, -.b-forum .faye-loader:hover, -.b-header_filters .filter-line .title, -.b-header_filters .filter-line a.current, -.b-mention s, -.b-options-floated .selected.always-active, -.b-quote, -.b-rate .score-notice, -.b-rate .text-score, -.b-table th, -.b-topic > .inner header .name-date a.name, -.b-user.detailed .history .line .event, -.collapsed, -.completable-block .name, -.l-page .menu-toggler .toggler:after, -.p-anime_videos-index .c-anime_video_episodes .title, -.p-anime_videos-index .c-videos .title, -.p-anime_videos-index .same-videos .title, -.p-statistics-index .forum-nav .sections a, -.p-user_rates-index .list-groups .summary.lines, -.p-userlist_comparer .comparer table .name a { - color: inherit; -} - -.b-comments .comments-expander:active, -.b-comments .comments-hider:active, -.b-comments .comments-loader:active, -.b-forum .faye-loader:active, -.block-list li.selected, -.block-list-alt li.selected, -.b-block_list li.selected, -.p-animes-show .other-names.click-loader, -.p-mangas-show .other-names.click-loader { - color: inherit !important; -} - -@media screen and (max-width:767px) { - .b-options-floated.mobile-phone a.selected { - color: inherit; - } -} - - - -/* MAIN BLOCKS */ -body { - position: relative; - min-height: 100%; - font-size: 16px; - font-weight: 400; - line-height: 1.25; - overflow-x: hidden; -} - -.l-page { - min-height: 100%; - padding-top: 4.5rem; - padding-right: 1rem; - padding-bottom: 4.5rem; - padding-left: 1rem; - background-color: inherit; -} - -.l-footer { - position: absolute; - right: 0; - bottom: 0; - left: 0; - width: 100%; - max-width: inherit; /* thx @NedStar */ - padding: 0 1rem; - margin: auto; -} - -.l-page:before { - content: ''; - display: block; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - width: auto; - background: none; - outline-width: 1rem; - outline-style: solid; - z-index: -1; -} - -.l-footer:before { - content: 'Theme by grin3671'; - display: block; - float: left; - position: static; - left: auto; - bottom: auto; - width: auto; - height: auto; - background: none; - font-size: .6875rem; -} - -.l-page:after, -.l-footer:after { - display: none; -} - -.l-footer .links { - padding: .25rem 0; - font: inherit; - font-size: .75rem; - line-height: 1rem; - text-align: center; -} - -.l-footer .links a:last-child { - margin: 0; -} -/* END of MAIN BLOCKS */ - - -/* ВЫСОТА СТРОКИ */ -.cc-2a > .c-column, -.block, -.b-db_entry, -.p-animes .b-db_entry > *:last-child { - line-height: inherit; -} - -@media only screen and (min-width: 768px) { - .cc-2 > .c-column { - line-height: inherit; - } -} - -/* ЗАКРУГЛЕНИЕ */ - -.b-comments .comments-loader, -.b-comments .comments-hider, -.b-comments .comments-expander, -.b-comments .messages-postloader, -.b-forum .faye-loader, -.collapsed, -.tipsy-inner, -.button, -.b-contests-menu .results, -.b-link_button, -input[type=submit], -.btn, -.b-comments-notifier, -.p-animes_collection-index .pagination .link, -.p-mangas_collection-index .pagination .link, -.p-recommendations-index .pagination .link, -.p-userlist_comparer-show .pagination .link, -.subheadline-buttons .item-edit, -.p-characters .item-edit, -.p-contests .contest-match .vs .refrain, -.b-catalog_entry .image-cutter, -.b-main_search .input, -.b-lang_trigger, -.b-user_rate .rate-show .note, -.c-poster img, -.c-actions > *, -.b-user_rate .rate-show .rate-number .item-add, -.p-animes-show .watch-online, -.p-animes-show .upload-video, -.p-mangas-show .watch-online, -.p-mangas-show .upload-video, -.b-tag, -.b-entry-info .line .b-tag, -.b-catalog_entry-tooltip .inner .line .value .tag, -.b-topic >.inner header img, -.b-quote, -.p-clubs-index header.head a.misc, -.b-list_switchers > .switcher, -.p-user_rates-index .l-content .filter input, -.p-user_rates-index .list-lines tr td .new-value input, -.p-user_rates-index .list-lines tr.edit-form form, -.p-user_rates-index .list-lines tr.edit-form .remove, -.p-profiles-show .b-stats_bar a.title, -.b-stats_bar .bar, -.profile-actions > a, -:root .b-anime_status_tag:before, -.p-profiles .profile-head .c-history .entry img, -.p-profiles-show .about .item-edit, -header.head h1 a.back, -header.head h2 a.back, -.edit-page a.cancel, -.editor-controls > span, -.tooltip-inner, -.b-topic-preview > .editor-container .hide { - border-radius: 2px; -} - - -/* LAYOUT */ -@media screen and (max-width: 480px) and (orientation: portrait) { - .l-page .menu-slide-outer .menu-slide-inner { - width: 100%; - } - .menu-slide-outer.x199 .l-content, - .menu-slide-outer.x240 .l-content { - float: none; - width: 100%; - margin: 0; - } -} - -@media screen and (min-width: 481px) and (max-width: 767px), - screen and (max-width: 767px) and (orientation: landscape) { - .l-page .menu-slide-outer .menu-slide-inner { - width: 100%; - } - .menu-slide-outer.x199 .l-content, - .menu-slide-outer.x240 .l-content { - float: none; - width: 100%; - margin-right: 0; - } -} - -@media screen and (min-width: 768px) and (max-width: 1024px) { - .l-page.menu-expanded .x240 .l-content { - margin-left: 0; - } -} - -@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { - .l-page .menu-slide-outer.x240.ipad-expanded .menu-slide-inner { - width: 100%; - } - .menu-slide-outer.x199 .l-content, - .menu-slide-outer.x240 .l-content { - float: none; - width: 100%; - margin-right: 0; - } - - .menu-slide-outer.x199 .l-menu, - .menu-slide-outer.x240 .l-menu { - - } -} - -@media screen and (max-width: 1024px) { - .l-page .menu-slide-outer { - overflow: visible; - } -} - -/* ОБЩИЕ КЛАССЫ */ -.p0, .m0, .m1, .m2, .m3, .m4, .m5, .m6, .m7, .m8, .m10, .m12, .m13, .m15, .m20, .m25, .m30, .m40, .m50 { - margin-bottom: .5rem !important; -} - -h3 { - font-size: 1rem; - line-height: 1.5; - margin-bottom: .5rem; -} - -hr { - margin: .5rem 0; - background-image: none; -} - -.ajax-loading.vk-like { - min-height: 1.5rem; -} -.b-ajax:before { - opacity: .75; -} - -/* Списки */ -.b-list { - margin: .5rem 0 .5rem 2rem; -} -.b-list li { - margin: 0; - line-height: 1.5; - list-style-type: disc; - list-style-image: none; -} -.b-list li + li { - margin: 1rem 0 0 0; -} -.b-list .b-list li + li { - margin: 0; -} - -/* TODO: Убрать -.b-image, -.b-video { - display: inline-block; - vertical-align: top; - margin: .5rem .5rem 0 0; -} -.b-image:last-child, -.b-video:last-child { - margin: .5rem 0 0 0; -} -.b-image > img { - display: block; -} -.solid .b-image { - margin: 0; -} -.b-image .normalized_width { - display: initial; -} -.b-shiki_wall .b-video { - margin-top: 0; -} -*/ - -.b-height_shortener { - position: relative; - padding-left: 0; - cursor: s-resize; -} - -.b-comment .b-height_shortener, -.b-dialog .b-height_shortener, -.p-clubs .b-height_shortener { - padding-left: 3.5rem; -} - -.buttons .cancel { - vertical-align: top; - margin-right: .5rem; - border: 0; -} - -.b-form .cancel { - margin-left: 0; -} - -.b-form .cancel:hover { - text-decoration: none; -} - -.b-review-topic .b-height_shortener { - padding-left: 0; - cursor: default; -} - -.b-height_shortener .shade { - right: 0; - left: 0; - width: auto; - height: 2.5rem; - margin-top: -2.5rem; -} - -.b-height_shortener .expand { - font-size: .875rem; -} - -.b-comment.b-comment-info { - font-size: .875rem; - text-align: left; - line-height: 1.5rem; -} -.b-comment.b-comment-info > span { - margin-right: .5rem; -} - -.b-comments .comments-loader, -.b-comments .comments-hider, -.b-comments .comments-expander, -.b-comments .messages-postloader, -.b-forum .faye-loader, -.collapsed { - padding: .4375rem 2.5rem; - margin: 0; - margin-bottom: .5rem; - line-height: 1.5rem; -} - -.b-forum .faye-loader { - padding: .4375rem .5rem; -} - -.b-comments .comments-collapser { - width: 2.5rem; - padding: .5rem; - margin: 0; - border: 0; - font-size: 0; - line-height: 0; -} - -.b-comments .comments-collapser:before { - content: 'expand_less'; - display: block; -} - -.b-modal>.inner { - padding: 16px 24px; -} -.b-modal .subheadline { - font-size: 20px; - font-weight: 400; - text-transform: none; -} - -.b-show_more, -.b-show_more-more .hide-more { - display: inline-block; - padding: 0 .5rem; - margin: .25rem 0; - border-radius: .625rem; - font-size: .875rem; -} - -.b-source { - margin-top: .5rem; - margin-bottom: 1rem; -} - -.b-sponsors_block_3 { - min-height: 16rem; - padding: 1rem; - background-color: #f7f3db; -} -.b-sponsors_block_3:before { - content: 'Реклама:'; - display: block; - margin-bottom: .5rem; - color: #ab9f59; - font-size: .75rem; - line-height: 1rem; -} - -.b-spoiler label { - font-size: inherit; - letter-spacing: initial; -} -.b-spoiler .content .before, -.b-spoiler .content .after { - font-size: inherit; - letter-spacing: initial; -} - -.b-nothing_here { - margin-left: 0; - font-size: .875rem; - line-height: 2.5rem; -} - -header.head h1, -header.head h2 { - font-family: inherit; -} -header.head .notice { - margin: .5rem 0; - font-size: .875rem; - line-height: 1.25rem; -} -header.head h1 ~ .notice, -header.head h2 ~ .notice { - margin-top: -.5rem; -} - -.b-breadcrumbs > span:after { content: '»'; } - -.tipsy { - padding: .875rem; - font-size: .875rem; - opacity: .9 !important; - pointer-events: none; -} -.tipsy-arrow { - display: none; -} -.tipsy-inner { - padding: .375rem 1rem; - background-color: #616161; - color: #eee; - text-align: left; - box-shadow: none; -} - - -input { - font-family: inherit; - font-size: inherit; -} - -/* Кнопки */ -.button, -.b-button, -.b-form input[type=submit], -.b-topic-preview > .editor-container .hide, -.edit-page a.cancel { - display: inline-block; -} - -input[type=submit], -.button, -.b-button, -.b-form input[type=submit], -.b-contests-menu .results, -.b-link_button, -.b-shiki_editor .links .b-button.ok, -.b-shiki_editor .images .b-button.ok, -.b-shiki_editor .quotes .b-button.ok, -.b-shiki_editor .email .b-button.ok, -.b-shiki_editor .upload .b-button.ok, -.edit-page a.cancel { - padding: 0 1rem; - margin-right: .5rem; - font-size: .875rem; - line-height: 2rem !important; - text-align: center; - text-decoration: none !important; - text-transform: uppercase; -} - -input[type=submit]:last-child, -.b-button:last-child, -.b-form input[type=submit]:last-child { - margin-right: 0; -} - -input[type=submit]:hover { - box-shadow: 0 2px 4px 2px rgba(0,0,0,.24); -} - -.b-shiki_editor .links .b-button.ok, -.b-shiki_editor .images .b-button.ok, -.b-shiki_editor .quotes .b-button.ok, -.b-shiki_editor .email .b-button.ok, -.b-shiki_editor .upload .b-button.ok { - margin-left: 1rem; -} - -.edit-page a.cancel, -.b-topic-preview > .editor-container .hide { - background-color: transparent; -} - -.b-topic-preview > .editor-container .hide { - vertical-align: top; - border: 0; -} - -.b-topic { - overflow: visible; -} - -.b-topic > .inner { - overflow: visible; -} - -.b-topic-preview > .inner > footer { - overflow: hidden; -} - -/* Формы */ -.b-form { - overflow: visible; -} - -.b-form:after { - content: ''; - display: block; - clear: both; -} - -.b-input input, -.b-input textarea { - padding: .3125rem 1rem; - line-height: 1.25rem; -} - -.b-input textarea { - padding: .4375rem 1rem; -} - -.b-input input[disabled] { - background: transparent; - border-width: 0; - border-bottom-width: .125rem; - padding: .375rem 0 .25rem; - color: #9E9E9E !important; -} - -select { - max-width: 100%; - height: 2rem; - padding: 2px .5rem; - font-size: .875rem; - line-height: 2rem; -} - -.b-input .hint { - font-size: .75rem; - line-height: 1.25rem; -} - -.b-input label { - line-height: 1.5; -} - -.buttons { - font-family: inherit; - font-size: inherit; -} - -.b-form .buttons { - margin-top: .5rem; -} - -.btn { - line-height: 2rem; -} - -.b-contests-menu .results { - float: none; - display: block; - margin: .5rem 0; -} - -.b-link_button { - margin-bottom: .5rem; -} - -.b-link_button.maxi { - padding: 0; - font-size: 1rem; - line-height: 2.5rem; -} - -.b-contests-menu .results, -.b-forums > .b-link_button.maxi, -.b-link_button.create-topic { margin-right: 0; } - -.l-page .menu-toggler { top: 64px; z-index: 9; } -.p-user_rates-index .l-page .menu-toggler { top: -96px; } - - - -.history-interval, -.mischeadline, -.b-input, -.prgrph, -.spoiler-prgrph, -.review-votes_count { - margin-bottom: .5rem !important; -} - -.block { - line-height: 1.25rem; -} -.text { - margin-left: 0 !important; -} - -.tooltip-inner .close { - background: transparent; - color: inherit; -} - -.b-breadcrumbs { - margin: 0; - line-height: 1rem; -} - -.block-list li, -.block-list-alt li { - line-height: 1.5rem; - margin: 2px -.5rem; - padding: 0 .5rem; -} - -.b-block_list li { - padding: 0 .5rem; - margin: 0 -.5rem; - font-family: inherit; - line-height: 1.5rem; -} - -.b-comments-notifier { - top: 0 !important; - width: 2rem; - height: 2rem; - margin-top: 4rem; - line-height: 2rem; -} - -.b-user.named_avatar .name {margin: auto;} - - -/* FIX: BACKFACE VISIBILITY */ -.anime-params-controls > .block:first-child > .b-list > li:after, -.anime-params-controls > .block:first-child > .b-list > li:before, -.manga-params-controls > .block:first-child > .b-list > li:after, -.manga-params-controls > .block:first-child > .b-list > li:before, -.p-user_rates .mylist-block + .block > .b-list > li:after, -.p-user_rates .mylist-block + .block > .b-list > li:before { - -webkit-backface-visibility: hidden; - -moz-backface-visibility; - backface-visibility: hidden; -} - - - -/** - * TOPMENU - * Изменение верхнего меню сайта. - * Меню закреплено и увеличено. - */ - -/* НАСТРОЙКА ЦВЕТОВ МЕНЮ */ -/* ОСНОВНОЕ МЕНЮ */ -/* Фон меню */ -.l-top_menu:before { background-color: #212121; } -/* Цвет текста в меню */ -.l-top_menu { color: #FAFAFA; } -/* Цвет текста пунктов меню при наведении */ -/* Цвет текста активных пунктов меню */ - /* По умолчанию: цвет текста наследуется от меню */ -.l-top_menu .menu-items>.entry.selected, -.l-top_menu .menu-items>.entry>a:active { - color: inherit !important; -} -/* Цвет текста пунктов меню при наведении */ -/* По умолчанию: цвет текста наследуется от меню */ -.l-top_menu .menu-items>.entry:hover { - color: inherit; -} -/* ВЫПАДАЮЩЕЕ МЕНЮ */ -@media only screen and (min-width: 1025px) { - /* Цвет фона выпадающего меню при наведении */ - .l-top_menu .submenu, - .b-main_search ul.popup { background: #424242; } - - /* Цвет пунктов выпадающего меню при щелчке */ - /* Цвет активных пунктов выпадающего меню */ - /* По умолчанию: затемненный цвет фона выпадающего меню */ - .l-top_menu .submenu>.entry:active, - .l-top_menu .submenu>.entry.active, - .b-main_search .popup li:active, - .b-main_search .popup li.active { background-color: rgba(0, 0, 0, .24); } - - /* Цвет пунктов выпадающего меню при наведении */ - /* По умолчанию: осветленный цвет фона выпадающего меню */ - .l-top_menu .submenu>.entry:hover, - .b-main_search .popup li:hover { background-color: rgba(255, 255, 255, .24); } - - /* Цвет текста выпадающих меню */ - /* По умолчанию: цвет текста наследуется от меню */ - .l-top_menu .menu-search>.entry, - .l-top_menu .menu-userbox>.entry, - .l-top_menu .submenu { color: inherit; } - - /* Цвет текста выпадающих меню при щелчке */ - /* Цвет текста активных пунктов выпадающего меню */ - /* По умолчанию: цвет текста наследуется от выпадающего меню */ - .l-top_menu .submenu>.entry:active, - .l-top_menu .submenu>.entry.active, - .b-main_search .popup li:active, - .b-main_search .popup li.active { color: inherit; } - - /* Цвет текста выпадающих меню при наведении */ - /* По умолчанию: цвет текста наследуется от выпадающего меню */ - .l-top_menu .submenu>.entry:hover, - .b-main_search .popup li:hover { color: inherit; } - - - /* ЦВЕТА ПОИСКА */ - /* Фон строки поиска */ - .b-main_search .input { background: rgba(242,242,242,.32); } - /* Набираемый текст в строке поиска */ - .b-main_search .input input { color: #fff; } - /* Вспомогательный текст в строке поиска */ - .b-main_search input::-webkit-input-placeholder { color: #ddd; } - .b-main_search input:-moz-placeholder { color: #ddd; } - .b-main_search input::-moz-placeholder { color: #ddd; } - .b-main_search input:-ms-input-placeholder { color: #ddd; } -} - -/* ЦВЕТ ИКОНОК в меню (для мобильной версии) */ -/* По умолчанию: цвет текста наследуется от меню */ -.l-top_menu .to-mobile-forum, -.l-top_menu .menu-mobile .search, -.l-top_menu .menu-mobile .menu, -.l-top_menu .menu-mobile #sign_in, -.l-top_menu .menu-userbox .search, -.l-top_menu .menu-userbox .menu, -.l-top_menu .menu-userbox #sign_in { - color: inherit; -} -/* END of Настройка цветов в меню */ - - -/* NOTE: Что это за элемент? */ -.to-top-fix { - height: 0; - background: none; - border: 0; -} - -.l-top_menu:before { - content: ''; - position: absolute; - top: 0; right: 0; bottom: 0; left: 0; - opacity: 1; - transition: .3s; -} -.l-top_menu { - position: fixed; - top: 0; - right: 0; - left: 0; - width: 100%; - max-width: 100%; - height: auto; - margin: auto; - background-color: transparent; - background-image: none; - border: none; - box-shadow: 0 2px 8px 2px rgba(0,0,0,.24); - overflow: visible; -} - -/* Высота меню на мобильном телефоне в портретном режиме */ -/* Если вы меняете высоту меню, необходимо изменить верхний отступ страницы: */ -/* .l-page { padding-top: 64px; } цифра равна высоте меню + 16px */ -/* Скопируйте правило и вставьте его в блоке МОИ НАСТРОЙКИ в конце файла. */ -.l-top_menu { - padding: 4px 0; /* padding: 0; для наименьшего размера меню (48px) */ -} -/* NOTE: Максимальное разрешение SONY Xperia Z Ultra: 960x540px */ -@media screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape) { - .l-top_menu { - padding: 0; - } - .l-page { - padding-top: 64px; - } -} -/* На планшетах и далее, высота меню равна 56px */ -@media screen and (min-width: 961px) and (orientation: landscape) { - .l-top_menu { - padding: 4px 0; - } -} - -/* MENUTOP > LOGO */ -.l-top_menu .inner > a:first-child { - display: inline-block; - vertical-align: top; - margin: 0 0 0 32px; - color: inherit !important; -} -.l-top_menu .inner .logo { - float: none; - position: static; - width: auto; - height: auto; - padding: .8125rem 1rem; - margin: 0; - background: none; -} -.l-top_menu .inner .logo:before { - content: 'Главная'; - display: block; - color: inherit; - font-size: 16px; - line-height: 22px; -} -@media only screen and (min-width: 320px) { - .l-top_menu .inner .logo:before { - content: 'Shikimori'; - font-size: 20px; - text-transform: uppercase; - } -} -@media only screen and (min-width: 480px) { - .l-top_menu .inner .logo:before { - content: 'Shikimori'; - font-size: 20px; - text-transform: uppercase; - } -} - -.l-top_menu .to-mobile-forum { - display: inline-block; - vertical-align: top; - position: static; - left: 138px; - width: 40px; - height: 40px; - padding: 8px; - margin: 4px !important; -} -.l-top_menu .to-mobile-forum:before { - width: 1.5rem; - line-height: 1.5rem; - text-align: center; - font-size: 24px; -} -.l-top_menu .mobile-menu-toggler, -.l-top_menu .mobile-search-toggler { - position: absolute; - top: 0; - z-index: 10; /* TODO: убрать, потестить */ -} -.l-top_menu .mobile-menu-toggler { left: 0; } -.l-top_menu .mobile-search-toggler { right: 56px; } - -/* Перерисовываем меню сайта под Material */ -.l-top_menu .mobile-menu-toggler.active { - position: fixed; - top: 0; - left: 0; - width: 100% !important; - height: 100% !important; - margin: 0 !important; - background-color: #000; - z-index: 12; - opacity: .48; -} -.l-top_menu .menu-items { - position: absolute; - top: 0; - width: calc(100% - 56px); - max-width: 320px; - height: calc(100vh + 16px); - padding: 8px 0; - margin: -8px 0; - overflow-y: auto; - z-index: 13; -} -/* EXPERIMENTAL > ANIMATED MOBILE MENU */ -.l-top_menu .menu-items { - display: block; - transform: translate(-100%, 0); - transition: 240ms ease-out; -} -.l-top_menu .menu-items.active { - transform: translate(0, 0); -} -/* END of EXPERIMENTAL */ - -@media only screen and (min-width: 320px) { - .l-top_menu .inner > a:first-child { - margin: 0 0 0 40px; - } -} -@media only screen and (min-width: 360px) { - .l-top_menu .inner > a:first-child { - margin: 0 0 0 48px; - } -} -@media only screen and (min-width: 1025px) { - .l-top_menu .inner > a:first-child { - margin: 0; - } -} -@media only screen and (min-width: 1025px) { - .l-top_menu .to-mobile-forum { - display: none; - } - .l-top_menu .menu-items { - display: inline-block; - vertical-align: top; - position: static; - width: auto; - max-width: 100%; - height: auto; - padding: 0; - margin: 0; - margin-left: 0; - background-color: initial; - color: inherit; - overflow: initial; - overflow-y: visible; - transform: translate(0, 0); - } - - .l-top_menu .menu-items > .entry:active { - background-color: inherit; - } - - .l-top_menu .menu-items > .entry:active, - .l-top_menu .submenu > .entry:active, - .l-top_menu .menu-items > .entry > a { - color: inherit !important; - } - - .l-top_menu .menu-items > .entry > .submenu { - margin-top: 4px; - margin-left: 0; - } - - .l-top_menu .submenu.right { - right: 0px; - margin-top: 4px; - } - - .b-main_search ul.popup, - .b-main_search.hovered .popup { - margin: 0; - margin-top: 12px; - } - - .l-top_menu .submenu > .entry, - .b-main_search .popup li { - color: inherit; - } - - .b-main_search.hovered .popup { - height: 272px; - } - - .l-top_menu .menu-items>.entry.calendar>a, - .l-top_menu .menu-items>.entry.info>a { - padding: 0.9375rem; - } - - .l-top_menu .menu-items>.entry.calendar>a:before, - .l-top_menu .menu-items>.entry.info>a:before { - display: block !important; - } - - .l-top_menu .menu-items>.entry.calendar>a:after, - .l-top_menu .menu-items>.entry.info>a:after { - display: none; - } -} - -.l-top_menu .menu-items>.entry { - float: none; - display: block; - padding: 0; - border: 0; - line-height: inherit; -} -@media (min-width: 1025px) { - .l-top_menu .menu-items>.entry { - display: inline-block; - vertical-align: top; - } -} -.l-top_menu .menu-items>.entry.selected, -.l-top_menu .menu-items>.entry:hover { - background-color: transparent; -} -.l-top_menu .menu-items>.entry>a, -.l-top_menu .menu-items>.entry.sign_out { - padding: 1rem; - margin: 0; - font-size: inherit; - line-height: 1rem; -} - -.l-top_menu .menu-items>.entry>a.contest { - width: 48px; - height: 48px; - padding: 12px !important; - background: inherit; -} -.l-top_menu .menu-items>.entry>a.contest:before { - width: 24px !important; - font-size: 24px !important; - color: #444; -} -@media only screen and (min-width: 1025px) { - .l-top_menu .menu-items>.entry>a.contest { - width: 40px; - height: 40px; - padding: 11px !important; - margin: 4px; - background: transparent; - border-radius: 2px; - } - .l-top_menu .menu-items>.entry>a.contest:before { - position: static; - width: 18px !important; - margin: 0; - color: inherit; - font-size: 18px !important; - } -} - -/* Текст вместо иконок в верхнем меню */ -.l-top_menu .menu-items>.entry.calendar>a, -.l-top_menu .menu-items>.entry.info>a { - padding: 1rem; - margin: 0; - line-height: 1rem; -} -.l-top_menu .menu-items>.entry.calendar>a:before, -.l-top_menu .menu-items>.entry.info>a:before { - display: none !important; -} -.l-top_menu .menu-items>.entry.calendar>a:after { - content: 'Календарь онгоингов'; -} -.l-top_menu .menu-items>.entry.info>a:after { - content: 'Информация'; -} -@media only screen and (min-width: 1025px) { - .l-top_menu .menu-items>.entry.calendar>a, - .l-top_menu .menu-items>.entry.info>a { - padding: 0.9375rem; - } - - .l-top_menu .menu-items>.entry.calendar>a:before, - .l-top_menu .menu-items>.entry.info>a:before { - display: block !important; - } - - .l-top_menu .menu-items>.entry.calendar>a:after, - .l-top_menu .menu-items>.entry.info>a:after { - display: none; - } -} -/* END of Текст вместо иконок в верхнем меню */ - -.l-top_menu .submenu, -.b-main_search ul.popup { - min-width: 112px; - border: 0; -} -.b-main_search .popup li { transition: 0s; } -.l-top_menu .submenu>.entry { - height: 2rem; - padding: .5rem 1rem; - background-color: transparent; - border: 0; - font-size: .875rem; - line-height: 1rem; -} -.l-top_menu .submenu>.entry:first-child, -.b-main_search ul.popup li:first-child { - margin-top: .5rem; -} -.l-top_menu .submenu>.entry:last-child, -.b-main_search ul.popup li:last-child { - margin-bottom: .5rem; -} - -.l-top_menu .menu-items .submenu-toggler { - right: 0; - width: 48px; - height: 48px; - padding: .75rem; - margin: 0; - z-index: 10; -} -.l-top_menu .menu-items .submenu-toggler:before { - width: 24px; - line-height: 24px; -} - -@media screen and (min-width: 1025px) { -.l-top_menu .menu-items .submenu-toggler, -.l-top_menu .inner .sign_out { display: none; } - - .l-top_menu .menu-items>.entry { - color: inherit; /* #FAFAFA */ - } -} - -@media screen and (max-width: 1024px) { - .l-top_menu .submenu { - padding-left: 32px; - } -} - - -/* TOPMENU | SEARCH */ -.l-top_menu .menu-search { - padding: 8px 0; -} -@media screen and (min-width: 1025px) { - .l-top_menu .menu-search { - padding: 0; - } - .l-top_menu .menu-search>.entry { - width: 234px; - padding: 8px 0 !important; - } -} - -.b-main_search { - padding-right: 8px !important; - padding-left: 8px !important; -} -.b-main_search .input { - position: relative; - width: auto; - height: 2rem; - padding: 0; - margin: 0; - transition: background .3s; -} -.b-main_search.hovered .popup { - border: 0; - font-size: .875rem; -} -.b-main_search ul.popup li { - width: auto; - height: 2rem; - padding: .5rem 1rem; - border: 0; - font-family: inherit; - font-size: .875rem; - line-height: 20px; -} -.b-main_search .input input { - width: 100%; - padding: 0 1rem; - font-family: inherit; - font-size: 1rem; - line-height: 2rem; -} -.b-main_search .input input.ac_loading { - width: 100%; - padding: 0 1rem; -} -.b-main_search ul.popup { - width: inherit; -} -/* END of SEARCH */ - - - -/* TOPMENU | SEARCHRESULT */ -.ac_results.menu-suggest, -.completable-block.menu-suggest { - border: 0; - box-shadow: 0 2px 8px 2px rgba(0,0,0,.24); -} -.ac_results, -.completable-block { - font-size: .75rem; -} - -.ac_odd { - background-color: rgba(0,0,0,.24); -} -.ac_over { - background-color: rgba(255,255,255,.24); -} - -.ac_results li { - padding: 0 .5rem; - border: none; - line-height: 2rem; -} -.b-main_search ul.popup, -.b-main_search.hovered .popup { - margin: 0; -} -.ac_results.menu-suggest, -.completable-block.menu-suggest { - margin-top: -17px; - margin-left: 6px; -} - -.ac_results .name { font-size: 14px; } -.ac_results .name > strong { - background-color: #ff0; - color: #111; -} -.ac_results .character-suggest .animes { line-height: 1.25rem; } -.ac_results .character-suggest .animes > div { margin: 2px 0 0; } -.ac_results .character-suggest .avatar { - width: 40px; - height: auto; - max-height: 64px; - margin: 8px 0 0 8px; - clip-path: circle(20px at 20px 20px); -} -/* END of SEARCHRESULT */ - - - -/* TOPMENU | USERBOX */ -.l-top_menu .menu-userbox { - position: absolute; - top: 0; - right: 0; -} - -.l-top_menu .menu-userbox>.entry { - position: relative; - height: 48px; - padding: 0 !important; - margin: 0 .5rem 0 1rem !important; - cursor: default; -} -.entry.userbox > .avatar { - display: inline-block; - vertical-align: top; - position: relative; - width: 32px; - height: 32px; - margin: 8px; - border-radius: 100%; -} -.entry.userbox > .avatar:after { - content: ''; - display: block; - position: absolute; - top: 0; left: 0; - width: inherit; - height: inherit; - border-radius: 100%; -} -.entry.userbox > .avatar > img { height: inherit; } - -.userbox > a .graphics-arrow-down, -.l-top_menu .menu-search .arrow-container, -.l-top_menu .menu-userbox .arrow-container, -.l-top_menu .menu-search .arrow-container .arrow-down, -.l-top_menu .menu-userbox .arrow-container .arrow-down { - display: none; -} - -@media screen and (max-width: 1024px) { - .userbox img.avatar, - .menu .unread-count { margin-top: 0; } -} - -.menu .unread-count { - position: absolute; - top: -8px; - right: -8px; - width: 22px; - height: 22px; - margin: 4px; - border-radius: 100%; - line-height: 22px; -} - -@media screen and (min-width: 1025px) { - .l-top_menu .menu-userbox { - position: relative; - } -} -/* END of USERBOX */ - -/* TOPMENU | ICON */ -.l-top_menu .menu-mobile .search, -.l-top_menu .menu-mobile .menu, -.l-top_menu .menu-userbox .search, -.l-top_menu .menu-userbox .menu { - width: 40px; - height: 40px; - padding: 8px; - margin: 4px; - margin-left: 4px !important; -} -.l-top_menu .menu-mobile #sign_in, -.l-top_menu .menu-userbox #sign_in { - width: 40px; - height: 40px; - padding: 8px; - margin: 4px; - margin-left: 4px !important; -} -@media (min-width: 1025px) { - .l-top_menu .menu-mobile #sign_in, - .l-top_menu .menu-userbox #sign_in { - width: 48px; - height: 48px; - padding: 12px; - margin: 0; - } -} -/* END of ICON */ - -/* ************** */ -/* END of TOPMENU */ -/* ************** */ - - - -/** - * PAGINATION - * - */ -/* Делаем пагинацию более удобной */ -.p-animes_collection-index .pagination, -.p-mangas_collection-index .pagination, -.p-recommendations-index .pagination, -.p-userlist_comparer-show .pagination { - margin: 8px 0; - color: inherit; - font-size: 14px; - line-height: 32px; -} -/* Добавляем разной ерунды */ -.p-animes_collection-index .pagination > *, -.p-mangas_collection-index .pagination > *, -.p-recommendations-index .pagination > *, -.p-userlist_comparer-show .pagination > * { - vertical-align: top; -} -.p-animes_collection-index .pagination .link, -.p-mangas_collection-index .pagination .link, -.p-recommendations-index .pagination .link, -.p-userlist_comparer-show .pagination .link { - width: 40px; - height: 40px; - padding: 8px; - margin: -4px 8px; - font-size: 0; -} -.p-animes_collection-index .pagination .link:first-child, -.p-mangas_collection-index .pagination .link:first-child, -.p-recommendations-index .pagination .link:first-child, -.p-userlist_comparer-show .pagination .link:first-child { - margin-left: 0; -} -.p-animes_collection-index .pagination .link:last-child, -.p-mangas_collection-index .pagination .link:last-child, -.p-recommendations-index .pagination .link:last-child, -.p-userlist_comparer-show .pagination .link:last-child { - margin-right: 0; -} -.p-animes_collection-index .pagination .link:hover, -.p-mangas_collection-index .pagination .link:hover, -.p-recommendations-index .pagination .link:hover, -.p-userlist_comparer-show .pagination .link:hover { - text-decoration: none; -} -.p-animes_collection-index .pagination .link.disabled:hover, -.p-mangas_collection-index .pagination .link.disabled:hover, -.p-recommendations-index .pagination .link.disabled:hover, -.p-userlist_comparer-show .pagination .link.disabled:hover { - background-color: transparent; -} -.p-animes_collection-index .pagination .link:before, -.p-mangas_collection-index .pagination .link:before, -.p-recommendations-index .pagination .link:before, -.p-userlist_comparer-show .pagination .link:before { - display: block; - width: 24px !important; - font-family: 'Material Icons' !important; - font-size: 24px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.p-animes_collection-index .pagination .link.link-prev:before, -.p-mangas_collection-index .pagination .link.link-prev:before, -.p-recommendations-index .pagination .link.link-prev:before, -.p-userlist_comparer-show .pagination .link.link-prev:before { - content: 'chevron_left'; -} -.p-animes_collection-index .pagination .link.link-next:before, -.p-mangas_collection-index .pagination .link.link-next:before, -.p-recommendations-index .pagination .link.link-next:before, -.p-userlist_comparer-show .pagination .link.link-next:before { - content: 'chevron_right'; -} - - - - - - - -/** - * SUBHEADER - * Изменение подзаголовков разделов и ссылок в них. - */ - -.headline { - padding: 8px 0; - margin: 8px 0; - background: none; - border: 0; - font-size: 24px; - font-weight: 400; - line-height: 32px; - text-transform: capitalize; -} - -.mischeadline, -.c-my_list .title, -.subheadline, -.midheadline, -.b-stats_bar .title, -.profile-content .activity .title, -.lifetime .title { - padding: 16px 0; - margin-bottom: 0; - background-color: transparent; - border: 0; - font-size: .875rem; - line-height: 1rem; - text-transform: uppercase; - overflow: initial; -} -.midheadline > a, -.subheadline > a { - vertical-align: top; - margin: -.5rem -1rem; -} -.midheadline > a, -.subheadline > a, -.b-form .cancel, -.b-shiki_editor footer .unpreview, -.b-shiki_editor footer .preview, -.b-topic-preview > .editor-container .hide { - display: inline-block; - padding: 0 1rem; - background-color: transparent; - border-radius: .125rem; - font-size: .875rem; - line-height: 2rem !important; - text-transform: uppercase; -} -.headline>a:before, -.midheadline > a:before, -.subheadline > a:before { - right: 0; - left: 0; - text-align: right; - opacity: 0; -} -.headline.linkheadline > a, -.linkheadline.midheadline > a, -.linkheadline.subheadline > a { - text-decoration: none; -} - - -.subheadline .misc-link { - float: right; -} -.subheadline-input { - padding: 5px 8px; - margin-top: 8px !important; - border-radius: 2px !important; - font-size: 14px; - line-height: inherit !important; -} -.subheadline-buttons { - right: 0; - margin: 0; -} -/* HOVER */ -.headline > a:hover, -.midheadline > a:hover, -.subheadline > a:hover { - text-decoration: none; -} -.subheadline-buttons .item-edit, -.p-characters .item-edit { - display: inline-block; - width: 40px; - height: 40px; - padding: 8px; - margin: 4px 0; -} -@media only screen and (min-width: 768px) { - .b-options-floated.r-edit { margin-right: 48px; } -} -/* END of SUBHEADER */ - -/**/ - - - - -/** - * CONTEST PAGE - */ - -.p-contests .contest-match { - padding: 16px 0; - margin-bottom: 0; -} -.p-contests .contest-match .current-match .match-members:last-child { - margin-bottom: 0 !important; -} -.p-contests .contest-match .vs .refrain { - display: inline-block; - padding: 0 16px; - font-size: 14px; - line-height: 32px; - text-transform: uppercase; -} -.p-contests .contest-match .vs .refrain:hover { - text-decoration: none; -} -.p-contests .match-day { - position: relative; - margin-bottom: 16px; - text-align: center; -} -.p-contests .match-day:before { - content: ''; - display: block; - position: absolute; - top: 10px; - right: 0; - left: 0; - height: 1px; -} -.p-contests .match-day>.date { - position: relative; - display: inline-block; - padding: 0 16px; - margin-bottom: 4px; - text-align: center; - text-transform: uppercase; -} -.p-contests .match-day>.date .from, -.p-contests .match-day>.date .to { - margin-right: 8px; -} -.p-contests .match-day>.date .to { - margin-left: 8px; -} -.p-contests .match-day .match-link { - padding-left: 0; - text-align: left; -} -.p-contests .match-day .match-link .c-column { - line-height: 32px; -} - -.p-contests .match-day .match-link .voted:before, -.p-contests .match-day .match-link .winner:before, -.p-contests .match-day .match-link .loser:before, -.p-contests .match-day .match-link .created:before, -.p-contests .match-day .match-link .started:before, -.p-contests .match-day .match-link .finished:before { - display: inline-block; - vertical-align: top; - width: 18px; - padding-right: 0; - padding-left: 0; - margin: 7px 0; - margin-right: 14px; - font-family: "Material Icons"; - font-size: 18px; - font-weight: normal !important; - line-height: 1; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.p-contests .match-day .match-link .created:before { - color: #9B9B9B; - content: "lock"; - padding-right: 0; -} -.p-contests .match-day .match-link .started:before { - content: "check_box_outline_blank"; - color: #757575; -} -.p-contests .match-day .match-link.voted-none .started:before { - color: #9B9B9B; -} -.p-contests .match-day .match-link.voted-left .started:first-child:before, -.p-contests .match-day .match-link.voted-right .started:last-child:before { - content: "check_box"; -} -.p-contests .match-day .match-link.voted-left .started:last-child:before, -.p-contests .match-day .match-link.voted-right .started:first-child:before { - content: 'indeterminate_check_box'; -} -.p-contests .match-day .match-link .winner:before { - content: "thumb_up"; -} -.p-contests .match-day .match-link .loser:before { - content: "thumb_down"; - padding-right: 0; -} -.p-contests .match-day .match-link.voted-left .started:first-child:before, -.p-contests .match-day .match-link.voted-right .started:last-child:before, -.p-contests .match-day .match-link .winner:before { - color: #66BB6A; /* Зеленый цвет */ -} -.p-contests .match-day .match-link.voted-left .started:last-child:before, -.p-contests .match-day .match-link.voted-right .started:first-child:before, -.p-contests .match-day .match-link .loser:before { - color: #EF5350; /* Красный цвет */ -} - -.p-contests .match-day .matches-num { - display: inline-block; - width: 56px; - padding-right: 0; - font-size: 16px; -} - -.p-contests-show .cc-round_stats>.c-column:first-child:last-child>.block:last-child { - padding: 4px 0; -} -.p-contests-show .warning { - margin-top: 0; - margin-bottom: 16px; -} - -.p-contests .rating .member { - height: auto; -} -.p-contests-users .subheadline a:hover { - background: none; -} - - -.p-contests .contest-match .votes-percents { - border-radius: 4px; - font-size: 14px; - line-height: 24px; -} -.p-contests .contest-match .votes-percents span { - float: left; - position: relative; - white-space: nowrap; - z-index: 1; -} -.p-contests .contest-match .votes-percents .left-part { - position: relative; - border-radius: inherit; - padding-left: 8px; -} -.p-contests .contest-match .votes-percents .right-part { - position: absolute; - top: 0; - right: 0; - padding-right: 8px; -} -.p-contests .contest-match .votes-percents .right-part span { - float: right; -} -.p-contests .contest-match .votes-percents .left-part, -.p-contests .contest-match .votes-percents .right-part { - height: auto; -} -.p-contests .contest-match .votes-percents .right-part:before { - left: -24px; - border-right-width: 24px; - border-top-width: 48px; -} -.p-contests .contest-match .votes-percents .left-part:hover .right-part:before { - border-right-width: 24px; -} -.p-contests .contest-match .votes-percents .right-part:before, -.p-contests .contest-match .votes-percents .left-part:hover .right-part:before { - border-right-color: inherit; -} - -.p-contests .results .cc-result .c-rounds .match-day:before { display: none; } -.p-contests .results .cc-result .c-rounds .match-day .match { - padding-bottom: 0; - line-height: 32px; - text-align: left; -} -.p-contests .results .cc-result .c-rounds .match-link { - display: inline-block; -} - -@media (min-width: 481px) { - .p-contests .contest-match .prev-match:hover, - .p-contests .contest-match .next-match:hover { - background-color: transparent; - } -} - -/* Mobile Ver. */ -@media (max-width: 480px) { - .p-contests .contest-match .prev-match, - .p-contests .contest-match .next-match { - position: absolute; - left: 0; - width: auto; - padding: 8px; - border-radius: 2px; - line-height: 32px; - z-index: 2; - } - .p-contests .contest-match .next-match { - right: 0; - left: auto; - } - .p-contests .contest-match .next-match:before { - margin: 0; - } - .p-contests .contest-match .prev-match:before, - .p-contests .contest-match .next-match:before { - display: block; - font-family: 'Material Icons'; - font-size: 24px; - line-height: 1; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - } - .p-contests .contest-match .prev-match:before { content: 'chevron_left'; } - .p-contests .contest-match .next-match:before { content: 'chevron_right'; } - .p-contests .contest-match .current-match { - clear: both; - } - .p-contests .contest-match .current-match .match-members { - padding-top: 96px; - margin-bottom: 4px; - } - .p-contests .contest-match .current-match .match-member { - position: relative; - width: 48%; - z-index: 2; - } - .p-contests .contest-match .current-match .match-member:first-child { float: left; } - .p-contests .contest-match .current-match .match-member:last-child { float: right; } - .p-contests .contest-match .vs { - position: absolute; - top: 72px; - width: 100%; - } - .p-contests .contest-match .vs > div:first-child { - display: inline-block; - position: absolute; - top: 112px; - right: 0; - left: 0; - width: 72px; - height: 72px; - margin: auto; - border-radius: 100%; - font-size: 24px; - line-height: 72px; - text-transform: uppercase; - z-index: 6; - } - .p-contests .contest-match .vs .finish { - position: absolute; - top: -64px; - right: 0; - left: 0; - width: 148px; - margin: auto; - font-size: 12px; - line-height: 20px; - } - .p-contests .contest-match .vs .refrain { - position: absolute; - top: -62px; - right: 0; - left: 0; - width: 168px; - margin: auto; - z-index: 7; - } - .p-contests .contest-match .vs .next { - position: absolute; - top: -56px; - right: 0; - left: 0; - width: 168px; - margin: auto; - font-size: 14px; - line-height: 32px; - text-transform: uppercase; - z-index: 5; - } - .p-contests .contest-match .match-losers { - display: block; - padding: 0; - } -} -@media (max-width: 1024px) { - .p-contests .match-day .match-link .c-column { - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - } - .p-contests .match-day .match-link .winner:before, - .p-contests .match-day .match-link .loser:before { display: none; } - .p-contests .match-day .matches-num { - width: auto; - padding: 0 4px; - margin-right: 8px; - border-radius: 2px; - color: #FFF; - font-size: 12px; - line-height: 20px; - } - .p-contests .match-day .winner .matches-num { background-color: #66bb6a; } - .p-contests .match-day .loser .matches-num { background-color: #ef5350; } -} -/* END of Mobile Ver. */ -/* END of CONTEST PAGE */ - - -/* ROUNDED IMAGES */ -.b-dialog>.inner header img, -.b-message>.inner header img, -.p-user_rates-index .l-menu .avatar img, -.avatar > img { - border-radius: 100%; -} -/* END of ROUNDED IMAGES */ - - - -.b-catalog_entry.dropped .image-cutter { - filter: grayscale(100%); -} - - - - - -/** - * ANIME PAGE - */ - -.b-animes-menu .friend-rate { - line-height: 1.5rem; - white-space: nowrap; /* thx @NedStar */ -} - -.b-db_entry { - margin-bottom: 8px; -} - - -.b-db_entry-note {} -.b-db_entry-note .name-container { - padding: .25rem 0; -} -.b-db_entry-note .name-container .name { - display: block; - font-size: 1rem; - line-height: 1.25rem; -} -.b-db_entry-note .name-container .note { - margin-top: 4px; - font-size: .875rem; - line-height: 1rem; -} -.b-db_entry-note .name-container .note > span { - display: inline-block; /* thx @NedStar */ - vertical-align: top; -} -.b-db_entry-note .name-container .b-user_rate { - margin-top: .375rem; -} - -.b-db_entry>.c-about .c-info-left, -.b-db_entry>.c-about .c-info-right, -.b-db_entry>.c-about .c-info-left:last-child, -.b-db_entry>.c-about .c-info-right:last-child { - margin-bottom: 8px !important; -} - - -.p-animes .b-db_entry>*:last-child { - clear: left; - padding-top: 0; - margin-left: 0 !important; -} -.p-people .subheadline.m10 { - width: 100%; -} -.p-people .m0 { - clear: both; - padding: 0; - margin: 0 !important; -} - -.p-characters .subheadline.m5 { width: 100%; overflow: hidden; } -.p-characters .subheadline.m5 > a { display: block; } -.p-characters .subheadline.m10 { width: auto; } -.p-characters .subheadline.m10 > a { display: inline-block; } - - -@media screen and (max-width: 480px) and (orientation: portrait) { - .b-db_entry > .c-image .c-actions > a { - width: auto !important; - } -} - -.b-lang_trigger { - position: absolute; - top: -53px; - right: 0; - width: 40px; - height: 40px; - padding: 10px 0; - margin: 4px; - font-size: 12px; - line-height: 20px; - text-align: center; - text-transform: uppercase; - cursor: pointer; /* eventListener повешен на этот элемент */ -} -.b-lang_trigger:before, -.b-lang_trigger:after { - display: none; -} -.b-lang_trigger span { - border: 0; -} - -.midheadline, -.m10 { - margin-bottom: 0 !important; -} - -.b-user_rate .rate-show .note { - padding: 8px 16px; - font-size: 14px; - line-height: 20px; -} -.b-user_rate .rate-show .note:before { - content: 'Заметка'; - display: block; - font-size: 10px; -} - -.b-forums .forum .topics { - margin-left: 8px; - margin-top: 0; -} - - - -/* ADD TO LIST BUTTON */ -.b-add_to_list { - min-width: 0; -} -.b-add_to_list .trigger, -.b-add_to_list .option { - border: 0; -} -.b-add_to_list .trigger, -.b-add_to_list .option { - padding: .5rem 1rem .5rem 3rem; - border: 0; - line-height: 1.5rem; -} - -/* thx @bot.AkiKawasaki */ -.b-add_to_list .trigger { border-radius: .125rem; } -.b-add_to_list .option:last-child { border-radius: 0 0 .125rem .125rem; } -.b-add_to_list .trigger + .expanded-options { margin-top: -.125rem; } - -.b-add_to_list .plus, -.b-add_to_list .edit, -.b-add_to_list .trigger-arrow { - width: 2.5rem; - height: 2.5rem; - padding: .5rem; - margin: -.5rem -1rem -.5rem 0; - color: inherit !important; -} -.b-add_to_list .plus, -.b-add_to_list .edit { - position: absolute; - left: 0; - margin-left: 0 !important; - margin-right: .5rem !important; -} -.b-add_to_list .trigger-arrow { - position: relative; -} -.b-add_to_list .expanded-options .option .text { - padding-left: 0; -} -.b-add_to_list.completed ~ .rate-show > .rate-number, -.b-add_to_list.completed ~ .rate-show > .episodes { - height: 1rem; - margin-bottom: 0; - font-size: 0; -} -/* DENSE ATL_BUTTON */ -.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 { - padding: 0 1rem 0 2.25rem; - line-height: 2rem; -} -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .plus, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .edit, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger-arrow { - width: 2rem; - height: 2rem; - padding: .4375rem; - margin: 0 -1rem 0 .25rem; -} -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .plus, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .edit { - margin-right: .25rem !important; -} -/* END of DENSE ATL_BUTTON */ -/* ATL_BUTTON in NEWS */ -.b-catalog_entry-tooltip .b-add_to_list { - width: auto; -} -.b-catalog_entry-tooltip .b-add_to_list .trigger { - font-size: .875rem; - line-height: 1.5rem; -} -.b-catalog_entry-tooltip .b-add_to_list .option { - font-size: .875rem; -} -.b-catalog_entry-tooltip .b-add_to_list .trigger, -.b-catalog_entry-tooltip .b-add_to_list .add-trigger, -.b-catalog_entry-tooltip .b-add_to_list .remove-trigger { - max-width: 224px; -} -/* END of ATL_BUTTON in NEWS */ -/* FIX ORIGINAL STYLE */ -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .plus::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .edit::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .trigger-arrow::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .plus::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .edit::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .trigger-arrow::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .plus::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .edit::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .trigger-arrow::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .plus::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .edit::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .trigger-arrow::before { - color: inherit; -} -/* FIX: ADD_TO_LIST LAYOUT IN NOTES (issue #7) */ -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger { - padding: 0 1rem 0 2rem; -} -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger + .expanded-options { - margin-top: 0; -} -/* END of ADD TO LIST BUTTON */ - - - -.b-catalog_entry.planned .image-decor::after, -.b-catalog_entry.watching .image-decor::after, -.b-catalog_entry.completed .image-decor::after, -.b-catalog_entry.rewatching .image-decor::after, -.b-catalog_entry.on_hold .image-decor::after, -.b-catalog_entry.dropped .image-decor::after { - top: auto; - right: 6px; - bottom: -8px; - width: 32px; - height: auto; - border: none; - border-radius: 100%; - line-height: 32px; - box-shadow: 0 1px 4px 0 rgba(0,0,0,.32); - - /* TODO: MERGE with ICON_FONT */ - font-family: 'Material Icons'; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.p-animes_collection-index.x1000 .b-catalog_entry .image-decor::after, -.p-mangas_collection-index.x1000 .b-catalog_entry .image-decor::after, -.p-recommendations-index.x1000 .b-catalog_entry .image-decor::after, -.p-userlist_comparer-show.x1000 .b-catalog_entry .image-decor::after { - width: 32px; - height: auto; - border-radius: 100%; - line-height: 32px; -} - -.b-catalog_entry.planned .image-decor::after { - content: "event"; -} -.b-catalog_entry.watching .image-decor::after { - content: "play_arrow"; -} -.b-catalog_entry.rewatching .image-decor::after { - content: "replay"; -} -.b-catalog_entry.completed .image-decor::after { - content: "done"; -} -.b-catalog_entry.on_hold .image-decor::after { - content: "schedule"; -} -.b-catalog_entry.dropped .image-decor::after { - content: "delete"; -} - - - -.b-db_entry-note .name-container { - margin-left: 64px; - line-height: inherit; -} - -header.head, -.block, -.b-add_to_list, -.b-user_rate .rate-show { - margin-bottom: .5rem; -} -.l-page > div > header.head { - margin-bottom: 1.5rem; -} - -.p-profiles-edit .l-page > div > header.head, -.p-dialogs .l-page > div > header.head, -.p-messages .l-page > div > header.head { - margin-bottom: 0; -} - - -.c-poster img { - display: block; - min-height: 48px; -} - -/* Кнопки управления над постером */ -@media (min-width: 481px) { -.c-poster:hover ~ .c-actions { - opacity: 0; -} -.c-actions { - position: absolute; - bottom: 0; - width: 100%; - padding: 4px 0; -} -.c-actions:before { - content: ''; - position: absolute; - top: 0; right: 0; bottom: 0; left: 0; - opacity: .8; -} -.c-actions > * { position: relative; } -} - - -.c-actions > * { - width: 40px !important; - height: 40px !important; - padding: .5rem; -} -.c-actions > *:not(:last-child) { - margin-right: 8px !important; -} -.c-actions > *:before { - font-size: 24px !important; - line-height: 1 !important; -} -.c-actions .fav-remove:hover:before { - color: inherit; -} - -@media screen and (min-width: 1200px) { - .c-poster center { - text-align: left; - } - .p-animes-show .c-image .b-user_rate, - .p-mangas-show .c-image .b-user_rate { - margin: 0; - } -} - -.b-rate { - padding: 6px 0; -} -.b-rate .text-score { - vertical-align: top; -} -.b-rate .score-value { - line-height: 36px; -} -.b-rate .score-notice { - font-size: 10px; - margin-top: -46px; - text-transform: uppercase; -} -.b-review-topic .b-rate .score-notice { - margin-top: -58px; -} -.b-user_rate .rate-show .episodes { - margin-bottom: 8px; - font-size: 14px; - line-height: 32px; -} -.b-user_rate .rate-show .rate-number { - margin-right: 0; -} -.b-user_rate .rate-show .rate-number .current-episodes, -.b-user_rate .rate-show .rate-number .sep, -.b-user_rate .rate-show .rate-number .total-episodes { - display: inline-block; - vertical-align: top; - line-height: 32px; -} -.b-user_rate .rate-show .rate-number .item-add { - display: inline-block; - vertical-align: top; - width: 40px; - height: 40px; - padding: 8px; - margin: -4px 0 0 8px; -} -.b-user_rate .rate-show .rate-number .item-add:before { - width: 24px !important; - font-family: 'Material Icons' !important; - font-size: 24px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.b-user_rate .rate-show .rate-number .item-add:before { - content: 'add'; -} -.b-rate .stars:after { - font-size: 36px !important; - font-family: 'Material Icons' !important; - line-height: 1 !important; - font-weight: 400 !important; - - text-transform: none; - letter-spacing: -6px; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.b-rate .stars.background:after { -} -.b-rate .stars.background:after { - content: 'star_border star_border star_border star_border star_border'; -} -.b-rate .stars.score-1:after { content: 'star_half'; } -.b-rate .stars.score-2:after { content: 'star'; } -.b-rate .stars.score-3:after { content: 'star star_half'; } -.b-rate .stars.score-4:after { content: 'star star'; } -.b-rate .stars.score-5:after { content: 'star star star_half'; } -.b-rate .stars.score-6:after { content: 'star star star'; } -.b-rate .stars.score-7:after { content: 'star star star star_half'; } -.b-rate .stars.score-8:after { content: 'star star star star'; } -.b-rate .stars.score-9:after { content: 'star star star star star_half'; } -.b-rate .stars.score-10:after { content: 'star star star star star'; } - -.watch-online-placeholer { - margin: 2rem auto .5rem; -} -.b-link_button.watch-online:before, -.b-link_button.upload-video:before, -.b-link_button.create-topic:before { - display: none; -} - -.b-catalog_entry .cover .title { - padding: .5rem 0 0; - margin-top: 0; - font-size: .875rem; - line-height: 1.375rem; -} -.b-catalog_entry .cover .misc { - padding: 0 0 .5rem; -} -.b-entry-info { - margin: 0; - font-size: .875rem; -} -.b-entry-info .line { - line-height: 1.5rem; -} -.b-tag, -.b-entry-info .line .b-tag, -.b-catalog_entry-tooltip .inner .line .value .tag { - padding: 0 8px; - margin: 0 4px 0 0; - border: 0; - font-size: .625rem; - line-height: 20px; - text-transform: uppercase; -} -.b-tag:hover, -.b-entry-info .line .b-tag:hover, -.b-catalog_entry-tooltip .inner .line .value .tag:hover { - padding: 0 8px; - margin: 0 4px 0 0; -} -.b-tag { - font-size: .875rem; - line-height: 24px; -} -.b-catalog_entry-tooltip .inner .line .value .tag, -.b-catalog_entry-tooltip .inner .line .value .tag:hover { - padding: 0 6px; - line-height: 18px; -} - -@media screen and (min-width: 1200px) { - .p-animes_collection-index.x1200 .cc-entries>.c-column { - width: 18.4%; - margin-right: 2%; - border-radius: 2px; - } -} - - - -/** - * COMMENT - * Изменение всех комментариев, новостей, диалогов, топиков. - */ - -.b-comment, -.b-dialog, -.b-message { - position: relative; - padding-top: .75rem !important; - padding-bottom: .75rem; - margin-bottom: 0; - border: 0; -} - -.b-comments, -.b-comment { - overflow: visible; -} - -.b-comments { - line-height: inherit; -} - -.b-dialog { - position: relative; -} - -.b-topic { - padding-top: .5rem; -} -/* Исправление для предпросмотра комментария во всплывающем окне */ -.tooltip-inner .b-message { - padding-top: 0 !important; - padding-bottom: 0; -} - -/* inset dividers */ -.b-dialog:before, -.b-message:before, -.b-comment:before, -.b-comments .comments-loaded:before { - content: ''; - position: absolute; - bottom: 0; - right: 0; - left: 56px; - height: 1px; -} - -.b-generated_news:before { - left: 0; -} - -.b-comments .comments-loaded .b-comment:last-child { - margin: 0; -} - -.b-dialog:last-child:before, -.b-message:last-child:before, -.b-comment:last-child:before, -.tooltip-inner .b-message:before { - display: none; -} - -.b-comment .body, -.b-message .body, -.b-topic .body, -.b-dialog .body { - padding: 4px 0; - padding-left: 0 !important; - line-height: 20px; - overflow: hidden; /* FIX: OVERFLOW: HIDDEN TOPIC BODY (issue #8) */ -} - -.b-generated_news .body { - padding-left: 0 !important; -} - -.b-comment .inner, -.b-dialog .inner, -.b-message .inner, -.b-topic .inner { - overflow: hidden; - overflow-x: visible; -} - -.b-comment > .inner, -.b-dialog > .inner, -.b-message > .inner, -.b-topic > .inner, -.b-topic-preview > .b-comments { - padding-left: 3.5rem; -} - -.block > .previewed .b-comment > .inner, -.b-dialog .body .b-message > .inner, -.b-generated_news > .inner, -.b-generated_news-topic > .inner, -.b-review-topic.b-topic-preview > .inner, -.b-topic-preview > .inner > .body, -.b-topic-preview > .inner > footer, -.p-dashboards-show .cc-news .c-news_topics .b-topic > .inner, -.p-dashboards-show .cc-news .c-generated_news .b-topic > .inner { - padding-left: 0; -} - -.b-comment > .inner header, -.b-dialog > .inner header, -.b-message > .inner header, -.b-topic > .inner header { - margin-bottom: 0; -} - -.b-dialog > .inner header, -.b-message > .inner header { - padding: .25rem 0; -} - -.b-comment > .inner header > a, -.b-message > .inner header > a, -.b-dialog > .inner header > a, -.b-topic > .inner header > a { - position: absolute; - left: 0; -} - -.b-dialog .body .b-message > .inner header > a { - position: relative; -} - -.b-topic >.inner header img { - width: 2.5rem; - margin: .25rem 1rem 0 0; -} -.b-comment > .inner header img, -.b-message>.inner header img, -.b-dialog>.inner header img { - width: 2.5rem; - margin: .25rem 1rem 0 0; - border-radius: 100%; -} -.b-topic > .inner header .name-date, -.b-comment > .inner header .name-date { - padding: .25rem 0; - line-height: 2rem; -} -.b-topic > .inner header .name-date { line-height: 20px; } -.b-message>.inner header .name-date, -.b-dialog>.inner header .name-date { - line-height: 2rem; -} -.b-topic .name-date .name, -.b-comment .name-date .name, -.b-dialog .name-date .name { - font-size: 1rem; -} -.b-message>.inner header .name-date a.name, -.b-topic>.inner header .name-date a.name, -.b-comment>.inner header .name-date a.name, -.b-dialog>.inner header .name-date a.name { - display: block; - margin-right: .5rem; - line-height: 1.25rem; -} -.b-topic>.inner header .name-date a.name, -.b-topic>.inner header .name-date .about { - display: inline-block; - vertical-align: top; - line-height: inherit; -} -.b-topic>.inner header .name-date .about { - margin-right: .5rem; -} -.b-topic>.inner>header .name-date a { font-size: 16px; } -.b-topic>.inner>header .about>span { - display: inline-block; - vertical-align: top; - color: #9E9E9E; - padding: 0 .5rem 0 0; - font-size: .875rem; - line-height: inherit; -} -.b-topic>.inner>header .about a { - display: inline-block; - vertical-align: top; - font-size: 1rem; - line-height: inherit; -} -.b-comment>.inner header .name-date a.name:hover { text-decoration: none; } -.b-message>.inner header .name-date .time, -.b-topic>.inner header .name-date .time, -.b-comment>.inner header .name-date .time, -.b-dialog>.inner header .name-date .time { - position: relative; - padding-top: 0; - padding-left: 0; - margin-right: .5rem; - line-height: 1.25rem; -} -.b-message>.inner header .name-date .time > time, -.b-comment>.inner header .name-date .time > time, -.b-topic>.inner header .name-date .time > time { - display: block; - font-size: .875rem; - line-height: inherit; -} -.b-topic>.inner header .name-date .time { - font-size: .875rem; - line-height: inherit; -} -.b-comment>.inner header .name-date .time:hover { - text-decoration: underline; -} -.b-comment header .hash { - position: absolute; - top: 0; right: 0; bottom: 0; left: 0; - margin: 0; /* Сброс стандартного стиля */ - opacity: 0; - z-index: 1; -} -.b-comment .inner .name-date a.name .normal { vertical-align: top; } -@media only screen and (min-width: 1025px) { - .b-topic > .inner header .name-date, - .b-comment > .inner header .name-date { - padding: .25rem 0; - line-height: 1.5rem; - } - .b-comment>.inner header .name-date a.name, - .b-comment>.inner header .name-date .time, - .b-dialog>.inner header .name-date a.name, - .b-dialog>.inner header .name-date .time { - display: inline-block; - vertical-align: top; - line-height: inherit; - } - .b-message>.inner header .name-date .time > time, - .b-comment>.inner header .name-date .time > time { - display: block; - font-size: 13px; - line-height: inherit; - } - - .p-dialogs .b-message>.inner header { padding: 0; } - .p-dialogs .b-message>.inner header .name-date { line-height: 32px; } - .p-dialogs .b-message>.inner header .name-date a.name, - .p-dialogs .b-message>.inner header .name-date .time { - display: inline-block; - vertical-align: top; - line-height: inherit; - } - - .b-comment > .inner header img, - .b-message>.inner header img, - .b-dialog>.inner header img { - margin: 6px 16px 0 0; - } - - - .b-topic>.inner header .name-date .time { - display: inline-block; - vertical-align: top; - line-height: inherit; - } -} - - -.p-messages .b-message>.inner header .name-date a.name, -.p-messages .b-message>.inner header .name-date .time { - display: inline-block !important; - vertical-align: top; - padding-top: 0; - line-height: inherit !important; -} - -@media screen and (max-width: 1024px) { - .b-dialog .time { - display: block !important; - padding-left: 0 !important; - font-size: 14px !important; - line-height: 20px !important; - } - .b-dialog>.inner header .name-date time { - display: block; - line-height: inherit; - } - .b-dialog .b-message>.inner header .name-date .time { - display: inline-block !important; - vertical-align: top; - padding-left: 0 !important; - line-height: inherit !important; - } - .b-dialog .b-message .inner header .name-date .name { - display: inline-block !important; - vertical-align: top; - } -} - -.b-dialog>.inner header .name-date .time, -.b-message>.inner header .name-date .time { color: #9E9E9E; } - -.b-dialog .b-message { - position: static; - margin: 0; - padding: 0 !important; - overflow: visible; -} -.b-dialog .b-message .inner header { - padding: 4px 0; -} -.b-dialog .b-message .inner header img { - width: 20px; - margin: 0 8px 0 0; -} -.b-dialog .b-message .inner header .name-date { - line-height: 20px; -} -.b-dialog .b-message .inner .body { - padding-left: 0 !important; -} - -.yellow-fade { - background: rgba(249, 247, 19, 0.16); - outline-color: rgba(249, 247, 19, 0.16); -} - -.b-replies { - padding: 8px 0 0; -} -.b-quote { - margin: .5rem 0; - padding: .5rem 1rem; -} -.b-quote .quoteable { - margin: 0 0 .5rem; - line-height: 20px; -} -.b-quote .quoteable:before { - float: left; - margin-right: 8px; -} -.b-quote .b-quote { - margin-left: 0 !important; -} - - -.b-topic>.inner header:after { - content: ''; /* TODO: check this. thx @NedStar */ - clear: both; - display: none; -} -.b-topic .body { - line-height: 20px; -} - -.b-topic-preview > .inner .status-line { - margin-top: -8px; - margin-bottom: 8px; - font-size: 14px; - line-height: 20px; -} -.b-topic-preview>.inner .status-line .author { - padding: 0; -} -.b-topic-preview>.inner .status-line .b-link { - padding: 0 8px; -} -.b-topic-preview>.inner .status-line .additional .comments, -.b-topic-preview>.inner .status-line .additional .likes { - color: inherit; -} -.b-topic-preview>.inner .status-line .additional .comments:before, -.b-topic-preview>.inner .status-line .additional .likes:before { - vertical-align: top; - padding-right: 8px; -} - -.b-topic-preview>.inner .status-line .additional .comments:before, -.b-topic-preview>.inner .status-line .additional .likes:before { - padding-right: 8px; - font-family: 'Material Icons'; - font-size: 18px; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.b-topic-preview>.inner .status-line .additional .comments:before { - content: "mode_comment"; -} -.b-topic-preview>.inner .status-line .additional .likes:before { - content: "thumb_up"; -} - - - -/* Просмотр комментариев во всплывающей подсказке */ -.tooltip .b-comment { - padding-top: 0 !important; - padding-bottom: 0; -} -.tooltip .b-comment:before { - display: none; -} - -/** - * COMMENT DOESN'T SLIDE - * Большие комментарии, топики не должны сдвигаться margin'ами. - * Либо translate3d либо никак. - */ -.b-topic.aside-expanded > .inner, -.b-dialog.aside-expanded > .inner, -.b-message.aside-expanded > .inner, -.b-comment.aside-expanded > .inner, -.b-topic.aside-expanded > .b-comments { - margin-left: 0; -} -.b-topic.aside-expanded > .inner aside.buttons, -.b-dialog.aside-expanded > .inner aside.buttons, -.b-message.aside-expanded > .inner aside.buttons, -.b-comment.aside-expanded > .inner aside.buttons { - position: absolute; - top: 0; - right: 0; - left: 0; - width: auto; - height: 100%; - margin: 0 -16px; - padding: 8px 16px; - border: 0; - overflow-y: auto; - z-index: 3; -} - -.b-dialog > .inner > aside.buttons > .main-controls > a:after, -.b-dialog > .inner > aside.buttons > .main-controls > span:after, -.b-dialog > .inner > aside.buttons > .delete-controls > span:after, -.b-dialog > .inner > aside.buttons > .moderation-controls > span:after, -.b-message > .inner > aside.buttons > .main-controls > a:after, -.b-message > .inner > aside.buttons > .main-controls > span:after, -.b-message > .inner > aside.buttons > .delete-controls > span:after, -.b-message > .inner > aside.buttons > .moderation-controls > span:after, -.b-comment > .inner > aside.buttons > .main-controls > a:after, -.b-comment > .inner > aside.buttons > .main-controls > span:after, -.b-comment > .inner > aside.buttons > .delete-controls > span:after, -.b-comment > .inner > aside.buttons > .moderation-controls > span:after{ - vertical-align: top; - padding-left: 12px !important; - font-size: 16px !important; - line-height: 18px; -} - - -/* OPEN DIALOG BY CLICK */ -.b-dialog .to_dialog { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - margin: 0 -16px; - font-size: 0; -} - -.b-dialog:hover .to_dialog { - background-color: rgba(0, 0, 0, .05); - z-index: 0; -} - -.b-dialog img, -.b-dialog a, -.b-dialog .buttons { - position: relative; - z-index: 2; -} -/* END of OPEN DIALOG BY CLICK */ - - -/** - * BBCode: CODE - * Новый тег отвечающий за оформление программных кодов. - */ - -code { - vertical-align: top; - padding: 1.5px 4px; - background-color: rgba(32,32,32,0.05); - border-radius: 2px; - font-size: .875rem; -} - -pre { - position: relative; -} - -.b-code { - padding: 1rem; - margin: .5rem 0; - background: #303030; - border-radius: 2px; - font-size: .875rem; -} - -@media (min-width: 960px) { - .b-code:before { - content: attr(data-language); - position: absolute; - top: 1rem; - right: .5rem; - padding: 0 .5rem; - background-color: #747474; - border-radius: 2px; - } - - .tooltip-details .b-code:before { - display: none; - } -} -/* END of CODE */ - -/* CODE: SUBLIME 3 MATERIAL THEME'S COLOR */ -.b-code { background: #263238; } -.hljs-selector-tag { color: #FF5370; } -.hljs-selector-id { color: #FAD430; } -.hljs-selector-class { color: #FFCB6B; } -.hljs-selector-pseudo, -.hljs-meta { color: #C792EA; } -.hljs-attribute { color: #80CBC4; } -.hljs-built_in { color: #89DDFF; } -.hljs-number { color: #F77669; } -.hljs-string { color: #C3E88D; } -.hljs-comment { color: #5C7E8C; } -/* END of CODE' THEME */ - -/* -------------- */ -/* END of COMMENT */ -/* -------------- */ - - -/* TOAST */ -#toast-container { - line-height: 1.5rem; -} -.toast-top-right { - top: auto; - bottom: 0; - right: 0; - left: 0; -} -#toast-container>div { - width: 100%; - max-width: 25rem; - padding: .875rem 1.5rem; - margin: auto; -} -.toast-message { - display: inline-block; - vertical-align: top; - line-height: 1.5rem; -} -#toast-container>.toast-success { - background-color: #323232; - background-image: none !important; -} -#toast-container>.toast-error { - background-color: #323232; - background-image: none !important; -} -#toast-container>.toast-error:before { - content: 'error_outline'; - float: left; - display: inline-block; - vertical-align: top; - margin: -4px 1.5rem -4px 0; - font-size: 2rem; - font-family: 'Material Icons'; - line-height: 1; - box-sizing: border-box; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -/* END of TOAST */ - - - - - - -/* CLUB */ -.b-clubs-menu .b-block_list li { - font-size: .875rem; -} -.b-clubs-menu > .actions > .block-list > li, -.b-clubs-menu > .actions > .b-block_list > li { - padding: 0 12px; - margin: 0 -8px; - line-height: 32px; -} -.b-clubs-menu > .actions > .block-list > li:before, -.b-clubs-menu > .actions > .b-block_list > li:before { - margin: 7px 12px 0 0; -} -.b-clubs-menu > .actions > .block-list > li:before, -.b-clubs-menu > .actions > .b-block_list > li:before { - width: 18px !important; - font-family: 'Material Icons' !important; - font-size: 18px !important; - line-height: 1 !important; - text-align: center; - font-weight: 400 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.b-clubs-menu .actions .upload { - position: relative; -} -.b-clubs-menu .actions .upload input { - top: 0; - left: 0; - height: 32px; - margin: 0; - border: 0; - cursor: pointer; -} - -.b-clubs-menu .actions .upload label, -.b-clubs-menu .actions .invite span, -.b-clubs-menu .actions .join a, -.b-clubs-menu .actions .leave a { - border: 0; -} - -.b-clubs-menu .actions .edit-entry:hover a, -.b-clubs-menu .actions .broadcast:hover a, -.b-clubs-menu .actions .upload:hover label, -.b-clubs-menu .actions .invite:hover span, -.b-clubs-menu .actions .join:hover a, -.b-clubs-menu .actions .leave:hover a { - text-decoration: underline; -} - -.b-clubs-menu .actions .upload label:hover, -.b-clubs-menu .actions .invite span:hover, -.b-clubs-menu .actions .join a:hover, -.b-clubs-menu .actions .leave a:hover { - text-decoration: underline !important; -} - -.actions .edit-entry:before { - content: 'build'; -} -.actions .broadcast:before { - content: 'speaker_notes'; -} -.actions .upload:before { - content: 'insert_photo'; -} -.actions .join:before, -.actions .invite:before { - content: 'person_add'; -} -.actions .leave:before { - content: 'directions_run'; -} - - - -/* Навигация в клубах: "контент" */ -.b-pages { - max-width: 15rem; - padding: 0 1rem; - margin: 0 0 1.5rem 2rem; - border-radius: 2px; -} -.b-pages .title { - font-size: .875rem; - line-height: 3rem; - text-transform: uppercase; -} -.b-pages .section { - margin: 0 0 .5rem; -} - - - -/* CLUB PAGE EDITOR */ -@media screen and (max-width: 767px) { - .edit_club_page .cc-2a > .c-column { - width: 100%; - } - .edit_club_page .cc-2a > .c-column:nth-child(1n+1) { - clear: left; - } -} -/* END of CLUB PAGE EDITOR */ - - - -/* FIX: CLUB'S BUTTONS */ -.p-clubs-edit .pages .button { - margin-right: .5rem; -} -.p-clubs-edit .pages .club_page-layout, -.p-clubs-edit .pages .club_page-actions { - font-size: .875rem; - padding-left: 1rem; -} -.p-clubs-edit .pages .club_page-actions .b-js-link { - margin-right: .5rem; -} -.p-club_pages-show .item-edit:before { - content: 'edit'; -} -/* END of CLUB'S BUTTONS */ - - - -/* ICON | CREATE CLUB */ -.p-clubs-index header.head a.misc { - float: right; - width: 40px; - height: 40px; - padding: 8px; - margin: 4px; - font-size: 0; -} -.p-clubs-index header.head a.misc:hover { - background-color: #ddd; - text-decoration: none; -} -.p-clubs-index header.head a.misc:before { - content: 'group_add'; -} -/* END of CREATE CLUB */ - - -/* TODO: merge with Material icons */ -.p-club_pages-show .item-edit:before, -.p-clubs-index header.head a.misc:before { - width: 1.5rem !important; - font-family: 'Material Icons' !important; - font-size: 1.5rem !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -/* END of CLUB */ - - - -.p-contests .results .cc-result .c-rounds .label { - font-size: .875rem; -} - - - -/** - * INDEX - * Изменения главной страницы. - * - */ - -.p-dashboards-show .c-my_list { - padding: 0; - background: initial; - border: none; -} -.p-dashboards-show .c-my_list .title .switch, -.p-dashboards-show .c-my_list .title .link { - float: right; -} - -.p-dashboards-show .cc-news .c-generated_news .b-topic .name-date a { - font-size: 16px !important; -} - -/* Изменение новостей на главной */ -.p-dashboards-show .cc-news .c-news_topics .b-topic { - padding: 1rem 0 1.5rem; - border-top-width: 1px; -} -@media screen and (max-width: 767px) { -.p-dashboards-show .cc-news .c-news_topics .b-topic { margin-bottom: 0; } -} -@media only screen and (min-width: 768px) { -.p-dashboards-show .cc-news .c-news_topics .b-topic { margin-bottom: 0; } -} -.p-dashboards-show .cc-news .c-news_topics .b-topic .name-date a { - padding: 0 0 .25rem; - font-size: 22px !important; - font-weight: 400 !important; - line-height: 1.65; - white-space: normal; -} -.p-dashboards-show .cc-news .c-news_topics .b-topic .b-anime_status_tag { display: none; } -/* КОНЕЦ – Изменение новостей на главной */ - - - -/* Change Forum Button */ -/* NOTE: Цвета настраиваются в общем блоке ЦВЕТА */ -.p-dashboards-show .b-forums > .b-link_button.maxi { - position: relative; - margin-bottom: 0; - background-color: transparent; - font-size: 0; - line-height: 0; - text-align: left; - overflow: visible; -} -.p-dashboards-show .b-forums > .b-link_button.maxi:after { - content: 'Форум'; - display: inline-block; - vertical-align: top; - padding: 0 1rem; - margin: .5rem -1rem; - border-radius: .125rem; - font-size: .875rem; - line-height: 2rem; -} -.p-dashboards-show .b-forums > .b-link_button.maxi:before { - display: block; - font-family: 'Material Icons' !important; - font-size: 18px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.p-dashboards-show .b-forums > .b-link_button.maxi:before { - position: absolute; - right: 0; - left: 0; - color: inherit; - line-height: 3rem !important; - text-align: right; -} -.p-dashboards-show .b-forums > .b-link_button.maxi:before { - content: 'chevron_right'; -} -/* END of Change Forum Button */ - -/* ТЕМЫ ДНЯ */ -.b-hot_topics { - padding: .5rem 1rem; - margin: -.5rem -1rem 0 -1rem; - background-color: initial; - border: 0; -} -.b-hot_topics .topic { - font-size: .875rem; - line-height: 2rem; - text-align: left; -} -.b-hot_topics .topic.subject { - font-size: .875rem; - line-height: 2rem; - text-align: left; - text-transform: uppercase; - white-space: nowrap; -} -.b-hot_topics .topic a { - padding: 0 .75rem; - border-radius: 1rem; -} -.b-hot_topics .topic a:hover { - text-decoration: none; -} -.b-hot_topics .topic a .poster { - position: initial; - display: inline-block; - vertical-align: middle; - width: 2rem; - height: 2rem; - margin-left: -.75rem; - margin-right: .5rem; - border-radius: 100%; -} -@media screen and (max-width: 1024px) { - .b-hot_topics { - padding: 14px 16px; - margin: -16px -16px 0 -16px; - border: 0; - } - .b-hot_topics .topic a .poster { - display:none; - } -} -@media only screen and (min-width: 1025px) { - .b-hot_topics .topic { - margin-right: .5%; - width: 10.6666%; - } -} - - - - -/** - * FORUM - * СТРАНИЦЫ ФОРУМА - */ - -.p-topics .l-menu .b-forums, -.block2, -.contests.block { - margin-bottom: 1.5rem; - line-height: 1.5rem; -} -.b-forums .forum { - clear: both; - position: relative; - min-height: 1.5rem; - line-height: 1.5rem; - padding: 0 .5rem; - margin: 0 -.5rem; -} -.b-forums .forum .link-with-input .link { - display: inline-block; - vertical-align: top; - position: absolute; - right: 0; - left: 0; - padding-left: .5rem; -} -.b-forums .forum input { - position: absolute; - left: 0; - width: 2rem; - height: 1.5rem; - margin-right: .25rem; - border: 0; - opacity: 0; - z-index: 1; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} -.b-forums .forum .link-with-input input + .link { - padding-left: 2.25rem; -} -.b-forums .forum input + .link:before { - content: 'check_box_outline_blank'; - display: block; - position: absolute; - top: 0; - left: 0.375rem; - width: 1.125rem; - margin: 0.1875rem 0; - - font-family: 'Material Icons' !important; - font-size: 1.125rem !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.b-forums .forum input:hover + .link:before { - opacity: .9; -} -.b-forums .forum input:checked + .link:before { - content: 'check_box'; -} -.b-forums .forum input:disabled + .link:before { color: #BDBDBD; } -.b-forums .forum .topics { - font-size: .75rem; -} - -/* FIX: TOPIC UPDATE ICON (issue #5) */ -.p-topics header h1 a.reload:hover:after { - position: static; -} - -/* END of FORUM */ - - - - -/** - * PROFILE - * ПРОФИЛЬ ПОЛЬЗОВАТЕЛЯ - */ - -/* Убираем лишние overflow */ -.p-profiles-show .profile-content { overflow: visible; } - -/* Настраиваем равномерные отступы */ -.p-profiles .profile-content .cc-2, -.p-profiles .profile-content .about, -.p-profiles .profile-content .cc-2 .c-right .cc-2a { margin-bottom: 1rem !important; } -@media screen and (max-width: 767px) { - .cc-2>.c-column { margin-bottom: 1rem; } - .p-profiles-show .profile-content .activity:last-child { margin-bottom: 1.25rem !important; } -} - - -/* Полосы аниме/манги */ -.b-stats_bar.anime .bar .second, -.b-stats_bar.manga .bar .second, -.line:nth-child(even) > .bar-container > .bar { - opacity: 0.64; -} - -/* Столбики активности */ -.bar.vertical { padding: 0; } -.bar.vertical { border: none; } -.bar.vertical .line { border: none; } -.bar.vertical .line .bar-container .value { - font-size: .75rem; - line-height: 1.25rem; -} - - - - -.p-profiles .profile-head .c-brief header h1 { - vertical-align: top; -} -.p-profiles .profile-head .c-brief header h1.aliases { - cursor: help; -} -.p-profiles .profile-head .c-brief header h1.aliases:after { - display: inline-block; - vertical-align: top; - width: 2rem; - height: 2rem; - margin: 0; - margin-left: .5rem; - color: inherit; - font-family: 'Material Icons'; - font-size: 1.125rem; - line-height: 2rem; - text-align: center; - cursor: help; - opacity: .5; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.p-profiles .profile-head .c-brief header h1.aliases:after { - content: 'label'; -} - -.p-profiles header.head .misc { - vertical-align: top; - padding: 0 1rem; - margin: 0; - font-size: .875rem; - line-height: 3rem; -} - -.p-profiles .profile-head .c-brief header .notice { - line-height: 1.25rem; -} - -/* FIX: update 2017-03-19 */ -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar::after { - clear: none; -} - -/* Списки аниме/манги */ -.b-stats_bar .stat_names .stat_name:after { display: none; } -.b-stats_bar .stat_names .stat_name { - padding: 0 1rem 0 0; - font-size: .875rem; - line-height: 2rem; -} -.b-stats_bar .stat_names .stat_name a { - display: block; - line-height: inherit; -} - -/* Выпадающий список аниме/манги в профиле */ -@media screen and (max-width: 599px) { - .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { position: relative; } - .b-stats_bar .stat_names .stat_name { display: none; } - .b-stats_bar .stat_names:hover .stat_name { display: block; } - .b-stats_bar .stat_names .stat_name, - .b-stats_bar .stat_names .stat_name a { padding: 0 1rem 0 0; } - .b-stats_bar .stat_names .stat_name a { - display: block; - margin: 0 -1rem; - } - .b-stats_bar .stat_names .stat_name a:hover { - background-color: rgba(0,0,0,.24); - text-decoration: none; - } - .b-stats_bar .stat_names { - position: absolute; - top: 0; - min-width: 165px; - border-radius: .125rem; - } - .b-stats_bar .stat_names:hover { - padding: 3rem 0 .5rem; - z-index: 10; - } - .b-stats_bar .stat_names:after { - content: ''; - position: absolute; - top: 0; right: 0; bottom: 0; left: 0; - box-shadow: 0 2px 3px 0 rgba(0,0,0,.32); - z-index: -1; - } - .b-stats_bar .stat_names:before { - content: 'arrow_drop_down'; - display: block; - position: absolute; - top: 0; - right: 0; - width: 2rem; - height: 2rem; - padding: .25rem; - margin: .5rem .25rem; - border-radius: 100%; - font-size: 1.5rem; - font-family: 'Material Icons'; - line-height: 1; - box-sizing: border-box; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - } - .b-stats_bar .stat_names .stat_name, - .b-stats_bar .stat_names .stat_name a { - padding: 0 1rem; - } -} -/* Конец: Выпадающий список аниме/манги в профиле */ - - -.edit_user_preferences .b-options-floated.about-options { - position: absolute; - right: 0; - margin: 1rem 0; - background: transparent !important; - text-align: right; - z-index: 1; -} -.edit_user_preferences .about-options .b-input { margin-bottom: 0 !important; } -.edit_user_preferences .about-options .b-input label { line-height: 1rem; } - - -.b-list_switchers > .switcher { - width: 2.5rem; - height: 2.5rem; - padding: .5rem; - margin: .25rem; -} -.b-list_switchers .switcher.posters { - margin-left: .25rem !important; -} -.b-list_switchers .switcher.list { - margin-left: .25rem !important; -} - - -.p-user_rates-index .l-menu .avatar img { - width: 10rem; - height: 10rem; -} -.p-user_rates-index .l-content thead tr { - font-size: 13px; - line-height: 2rem; -} - -.p-user_rates-index .list-lines tr td .rate-text { - font-size: .875rem; - line-height: 1.25rem; -} - -.p-user_rates-index .list-lines tr td .new-value input { - height: 1.5rem; - font-size: 1rem; - line-height: 1.5rem; -} - -.p-user_rates-index .list-lines tr.edit-form form { - padding: .25rem 1rem; - margin: .5rem 0; - border-style: solid; - border-width: 1px; -} - -.p-user_rates-index .list-lines tr.edit-form .b-input.text textarea { - font-size: .875rem; -} - -.b-user_rate .rate-edit .b-input.integer input, -.p-user_rates-index .list-lines tr.edit-form .b-input.integer input { - width: 7rem; -} - -.p-profiles-show .b-stats_bar a.title { - padding: .5rem 1rem; - margin: .5rem -1rem; -} -.p-profiles-show .b-stats_bar a.title:hover { - text-decoration: none !important; -} - -.p-user_rates-index .list-lines tr.edit-form .remove { - width: 2.5rem; - height: 2.5rem; - padding: .5rem; - margin: .25rem; -} -.p-user_rates-index .list-lines tr.edit-form .remove { - margin: -.25rem 0 0; - border: 0; - font-size: 0; -} -.p-user_rates-index .list-lines tr.edit-form .remove:before { - width: 1.5rem !important; - font-family: 'Material Icons' !important; - font-size: 1.5rem !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.p-user_rates-index .list-lines tr.edit-form .remove:before { - content: 'delete'; -} - -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { - overflow: visible; -} - -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { - margin-bottom: 0; -} - -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar::after { - clear: none; -} - -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar.manga { - margin-top: 8px; -} - -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a { - font-size: .875rem; - margin-top: 1rem; -} -.b-stats_bar .bar { - height: auto; -} -.b-stats_bar .bar .first, -.b-stats_bar .bar .second, -.b-stats_bar .bar .third { - font-size: .75rem; - line-height: 1.25rem; -} -.p-profiles .profile-head .c-brief .avatar .profile-actions { - margin-top: 1rem; - margin-right: -.75rem; - margin-left: -.75rem; -} -.profile-actions > a { - display: inline-block; - padding: .5rem; -} -.profile-actions > *:before { - vertical-align: top; - width: 1.5rem !important; - line-height: 1 !important; - font-size: 1.5rem !important; -} -.p-profiles .profile-head .c-brief .avatar > img { - display: block; - margin: auto; -} - - -@media only screen and (min-width: 768px) { - .p-profiles .profile-head .c-brief .avatar { - margin: .5rem 2rem 3rem 1rem; - } - .p-profiles .profile-head .c-brief .avatar > img { - width: 10rem; - height: 10rem; - } -} -@media screen and (max-width: 1024px) { - .profile-actions .settings, - .profile-actions .fav-add, - .profile-actions .fav-remove, - .profile-actions .ignore-add, - .profile-actions .ignore-remove, - .profile-actions .ban { - margin-left: .5rem; - } -} -@media only screen and (min-width: 1025px) { - .profile-actions .settings, - .profile-actions .fav-add, - .profile-actions .fav-remove, - .profile-actions .ignore-add, - .profile-actions .ignore-remove, - .profile-actions .ban { - margin-left: .5rem; - } -} - -.b-catalog-entry-embedded .b-catalog_entry { - margin-bottom: 0 !important; -} - -:root .b-anime_status_tag:before { - vertical-align: text-bottom; - padding: 0 .25rem; - border: 0; - font-size: .625rem; - line-height: 1rem; - text-transform: uppercase; -} - -.b-topic { - margin-bottom: .5rem; -} -.m13 { - margin-bottom: 0 !important; -} - -/* USER PROFILE |> HISTORY ENTRY */ -.p-profiles .profile-head .c-history .entry { - position: relative; - padding: .5rem 0; - margin: 0; - border: 0; - overflow: initial; -} -.p-profiles .profile-head .c-history .entry, -.p-profiles .profile-head .c-history .entry:first-child { - padding-top: .5rem; - margin-top: 0; -} -.p-profiles .profile-head .c-history .entry:before { - content: ''; - display: block; - position: absolute; - right: -.5rem; - bottom: 0; - left: 3.5rem; - height: 1px; - pointer-events: none; -} -.p-profiles .profile-head .c-history .entry:last-child:before { - display: none; -} - -/* Полноразмерная ссылка .entry, работает только для .c-history & .l-menu */ -.p-profiles .profile-head .c-history .entry a { - display: block; - padding: .5rem .5rem; - margin: -.5rem; -} -@media screen and (min-width: 960px) { - .p-profiles .profile-head .c-history .entry a { padding: .75rem .5rem; } -} -.p-profiles .profile-head .c-history .entry a:after { - content: ''; - clear: both; - display: block; -} -.p-profiles .profile-head .c-history .entry:hover .title { - text-decoration: none; -} -/* END of FULLENTRY LINK */ - -.p-profiles .profile-head .c-history .entry img { - margin: 0 16px 0 0; - max-height: 72px; - max-width: 40px; -} - -.p-user_rates-index .l-content .filter input { - padding: .5rem 1rem; - font-size: .875rem; -} - - -/* Страница сравнения списков */ -.p-userlist_comparer .notice span { - padding: 1.5px 4px !important; - border-radius: 2px; -} - -/* Цвета списков */ -.p-userlist_comparer .comparer table .abslt-difr, -.p-userlist_comparer .legend .abslt-difr, -.p-userlist_comparer .notice span:nth-child(6) { - background: rgba(244, 67, 54, .5) !important; -} -.p-userlist_comparer .comparer table .slightly-difr, -.p-userlist_comparer .legend .slightly-difr, -.p-userlist_comparer .notice span:nth-child(4) { - background: rgba(255, 138, 128, .5) !important; -} -.p-userlist_comparer .comparer table .almost-same, -.p-userlist_comparer .legend .almost-same, -.p-userlist_comparer .notice span:nth-child(3) { - background: rgba(185, 246, 202, .5) !important; -} -.p-userlist_comparer .comparer table .exact-same, -.p-userlist_comparer .legend .exact-same, -.p-userlist_comparer .notice span:nth-child(5) { - background: rgba(76, 175, 80, .5) !important; -} - - - -.p-profiles .profile-head .c-info .c-additionals { - margin-top: 8px; - margin-bottom: 8px; -} -.p-profiles .profile-head .c-info .c-additionals b { - padding-right: 8px; - font-size: 0; -} -.p-profiles .profile-head .c-info .c-additionals b:after { - font-size: 14px; -} -.p-profiles.locale-ru .profile-head .c-info .c-additionals b:after { - content: 'Активность на сайте:'; -} -.p-profiles.locale-en .profile-head .c-info .c-additionals b:after { - content: 'Activity:'; -} - - - - -/** - * PROFILE HEAD - * Adaptive profile header includes: avatar, history, information, anime/manga bars. - */ -.p-profiles .profile-head { - position: relative; - overflow: visible; -} -.p-profiles .profile-head { - min-height: 15.5rem; - padding-top: 3rem; - margin-top: -1rem; -} -.p-profiles .profile-head .c-info { - margin-bottom: .5rem; -} -.p-profiles .profile-head .c-info { - overflow: visible; -} -.p-profiles .profile-head .c-history { - margin-bottom: 3rem; -} -.p-profiles .profile-head .c-history.x3 { - margin-bottom: 2rem; -} -.p-profiles .profile-head .c-brief { - position: relative; - margin: -3rem -1rem 1rem; - overflow: hidden; -} -.p-profiles .profile-head .c-brief:before { - content: ''; - display: block; - height: 0; - padding-bottom: 0; -} -.p-profiles .profile-head .c-brief .avatar > img, -.p-profiles .profile-head .c-history { - display: none; -} -@media screen and (min-width: 320px) { - .p-profiles .profile-head .c-mobile-actions { - display: none; - } - .p-profiles .profile-head .c-brief:before { - content: ''; - display: block; - height: 0; - padding-bottom: 34%; - } - .p-profiles .profile-head .c-brief .avatar { - float: none; - max-width: 100%; - margin: 0 auto; - margin-top: -17%; - } - .p-profiles .profile-head .c-brief .avatar > img { - display: block; - width: 36%; - max-width: 10rem; - min-width: 5rem; - margin: auto; - } - .p-profiles .profile-head .c-brief .avatar .profile-actions { - display: block; - position: absolute; - width: 100%; - padding: 0 .5rem; - margin: 0 auto; - margin-top: -15%; - text-align: left; - } - .p-profiles .profile-head .c-brief .avatar .profile-actions > a:first-child { - float: right; - margin: 0 .25rem; - } - .profile-actions .fav-add, - .profile-actions .fav-remove { - float: right; - } - .p-profiles .profile-head .c-brief header { - clear: both; - margin: 0; - text-align: center; - } -} -@media screen and (min-width: 320px) and (max-width: 479px) { - .p-profiles .profile-head .c-brief header .notice { - padding: .5rem 1rem; - } -} -@media screen and (min-width: 320px) and (max-width: 599px) { - .p-profiles .profile-head .c-brief header { - background-color: inherit !important; - } -} -@media screen and (min-width: 320px) and (max-width: 959px) { - .p-profiles .profile-head .c-history { - display: block; - position: absolute; - top: 0; - right: 0; - left: 0; - width: auto; - padding: 0 1rem; - margin: 0 -1rem; - background-color: rgba(0, 0, 0, .48); - white-space: nowrap; - overflow-x: auto; - z-index: 1; - } - .p-profiles .profile-head .c-history > .subheadline { - display: inline-block; - vertical-align: top; - } - .p-profiles .profile-head .c-history > .subheadline > a { - color: #eee !important; - } - .p-profiles .profile-head .c-history > .subheadline > a:before { - display: none; - } - .p-profiles .profile-head .c-history > .b-block_list { - display: inline-block; - vertical-align: top; - padding: .5rem; - margin-left: .5rem; - } - .p-profiles .profile-head .c-history .entry { - display: inline-block; - vertical-align: top; - min-width: 112px; - height: 2rem; - padding-right: .5rem; - padding-left: .5rem; - margin-left: .5rem; - border-radius: 1rem; - overflow: hidden; - } - .p-profiles .profile-head .c-history .entry:before { - display: none; - } - .p-profiles .profile-head .c-history .entry .image-name { - float: left; - width: 32px; - height: 32px; - margin: -8px 8px -8px -8px; - border-radius: 50%; - font-size: 0; - line-height: 0; - overflow: hidden; - } - .p-profiles .profile-head .c-history .entry span.misc { - display: none; - } - @media screen and (min-width: 600px) { - .p-profiles .profile-head .c-history { - padding: .25rem 1rem; - } - } -} -@media screen and (max-width: 767px) and (min-width: 481px), - screen and (max-width: 767px) and (orientation: landscape) { - .p-profiles .profile-head .c-history .entry:first-child { - display: inline-block; - } -} -@media screen and (min-width: 360px) { - .profile-actions .settings, - .profile-actions .fav-add, - .profile-actions .fav-remove, - .profile-actions .ignore-add, - .profile-actions .ignore-remove, - .profile-actions .ban { - margin-left: .25rem; - } -} -@media screen and (min-width: 360px) and (max-width: 599px) { - .p-profiles .profile-head .c-mobile-actions { - display: none; - } - .p-profiles .profile-head .c-brief .avatar .profile-actions { - display: block; - } -} -@media screen and (min-width: 480px) { - .p-profiles .profile-head .c-brief { - margin-bottom: 0; - overflow: visible; - } - .p-profiles .profile-head .c-brief .avatar { - position: absolute; - } - /* Отступ от аватарки */ - .p-profiles .profile-head .c-brief header { - margin-left: 10rem; - } - /* Отступ от аватарки */ - .p-profiles .profile-head .c-info { - margin-left: 9rem; - } - .p-profiles .profile-head .c-brief .avatar .profile-actions { - position: static; - width: auto; - padding: 0; - margin-top: 1rem; - margin-right: -12px; - margin-left: -12px; - text-align: center; - } - .p-profiles .profile-head .c-brief .avatar .profile-actions > a:first-child { - float: none; - margin: 0; - } - .profile-actions .fav-add, - .profile-actions .fav-remove { - float: none; - } - .p-profiles .profile-head .c-brief:before { - padding-bottom: 48px; - } - .p-profiles .profile-head .c-brief .avatar { - max-width: 160px; - margin: 1rem 1rem 1rem .5rem; - } - .p-profiles .profile-head .c-brief .avatar img { - width: 120px; - } - .p-profiles .profile-head .c-brief header { - clear: none; - padding: 1rem 0 .5rem; - text-align: left; - } -} -@media screen and (min-width: 600px) { - .p-profiles .profile-head { - background-color: inherit; - } - .p-profiles .profile-head .c-brief { - margin: -3rem -1rem 0; - } - /* Отступ от аватарки */ - .p-profiles .profile-head .c-brief header { - margin-left: 12.5rem; - } - /* Отступ от аватарки */ - .p-profiles .profile-head .c-info { - margin-left: 11.5rem; - } - .p-profiles .profile-head .c-brief:before { - padding-bottom: 56px; - } - .p-profiles .profile-head .c-brief .avatar img { - width: 160px; - } - .p-profiles .profile-head .c-brief .avatar .profile-actions { - display: block; - } -} -@media screen and (min-width: 768px) { - .p-profiles .profile-head .c-brief { - overflow: visible; - } - /* Отступ от аватарки */ - .p-profiles .profile-head .c-brief header { - margin-left: 13.5rem; - } - /* Отступ от аватарки */ - .p-profiles .profile-head .c-info { - margin-left: 12.5rem; - } -} -@media screen and (min-width: 960px) { - .p-profiles .profile-head { - padding-top: 0; - margin-top: 0; - } - .p-profiles .profile-head .c-brief { - max-height: 504px; - margin: 0; - overflow: visible; - } - .p-profiles .profile-head .c-brief:before { - padding-bottom: 0; - } - .p-profiles .profile-head .c-brief .avatar { - margin: 1rem 2rem 1rem 0; - } - .p-profiles .profile-head .c-info { - margin-bottom: 1.5rem; - } - /* Отступ от аватарки */ - .p-profiles .profile-head .c-info { - margin-left: 13.5rem; - } - /* Отступ от истории */ - .p-profiles .profile-head .c-info { - margin-right: calc(23% + 3.5rem); - } - .p-profiles .profile-head .c-history { - display: block; - position: relative; - top: 1rem; - margin-left: 3.5rem; - z-index: 1; - } -} -/* END of PROFILE HEAD */ - - - -/** - * Иконки совместимости для профиля - * MIT License - * Copyright (c) 2016 grin3671 - */ - -/* ВАЖНО! */ -/* .p-profiles .profile-head .c-info { overflow: visible; } /* Настройка для варианта №1 */ - -/* Исправление видимости */ -/* Спасибо Kana Kuroki и Dewopalaxy */ -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { - position: relative; - overflow: visible; -} - -.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 { - position: relative; - font-size: 0; - line-height: 0; - margin-top: 0; -} -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:hover { - text-decoration: none; -} -div.compatibility > a, -div.compatibility > span.link-replacement { - margin: 0 -.25rem; -} -div.compatibility > span.link-replacement { - cursor: help; -} -div.compatibility > a:before, -div.compatibility > span.link-replacement > span:first-child:before, -div.compatibility > a > span:first-child:before { - display: block; - width: 2.5rem; - height: 2.5rem; - padding: .5rem; - margin: .25rem; - border-radius: .125rem; - font-size: 1.5rem; - font-family: 'Material Icons'; - line-height: 1; - box-sizing: border-box; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -div.compatibility > a > span:first-child:before { - position: absolute; - top: 0; -} -div.compatibility > a:hover:before, -div.compatibility > a:hover > span:first-child:before { - text-decoration: none; -} - -/* Настройка иконок совместимости */ -div.compatibility > a:before { - content: 'compare_arrows'; -} -div.compatibility > span.link-replacement > span:first-child:before, -div.compatibility > a > span:first-child:before { - content: 'people'; -} -div.compatibility > a > .text.zero:before, -div.compatibility > span.link-replacement > .text.zero:before { - content: 'people_outline'; -} -/* КОНЕЦ: Настройка иконок совместимости */ - -/* Цветные иконки совместимости */ -/* Низкая совместимость */ -div.compatibility > a > .text.weak:before { - background-color: #F9FBE7; - color: #CDDC39; -} -div.compatibility > a:hover > .text.weak:before, -div.compatibility > span.link-replacement > .text.weak:before { - background-color: #F0F4C3; - color: #C0CA33; -} -/* Средняя совместимость */ -div.compatibility > a > .text.moderate:before { - background-color: #F1F8E9; - color: #8BC34A; -} -div.compatibility > a:hover > .text.moderate:before, -div.compatibility > span.link-replacement > .text.moderate:before { - background-color: #DCEDC8; - color: #7CB342; -} -/* Высокая совместимость */ -div.compatibility > a > .text.high:before { - background-color: #E8F5E9; - color: #4CAF50; -} -div.compatibility > a:hover > .text.high:before, -div.compatibility > span.link-replacement > .text.high:before { - background-color: #C8E6C9; - color: #43A047; -} -/* Полная совместимость */ -div.compatibility > a > .text.full:before { - background-color: #E1F5FE; - color: #03A9F4; -} -div.compatibility > a:hover > .text.full:before, -div.compatibility > span.link-replacement > .text.full:before { - background-color: #B3E5FC; - color: #039BE5; -} -/* КОНЕЦ: Цветные иконки совместимости */ - -/* Недоступные для просмотра данные без фона */ -div.compatibility > span.link-replacement > span:first-child:before, -div.compatibility > span.link-replacement:hover > span:first-child:before { - background-color: transparent !important; -} -/* Подсказки для совместимости */ -/* По умолчанию: располагаются над иконкой */ -/* Вариант не работает без обложки, универсален только 2 вариант */ -/* Второй вариант: располагаются слева от иконки */ -div.compatibility > a:after, -div.compatibility > a > span:first-child:after, -div.compatibility > span.link-replacement > span:first-child:after { - display: block; - position: absolute; - bottom: 100%; - left: 50%; - padding: 0 .75rem; - margin: 0 0 .5rem; - background-color: #616161; - border-radius: .125rem; - color: #eee; - font-size: .875rem;; - line-height: 2rem; - white-space: nowrap; - transform: translateX(-50%); - z-index: 100; - pointer-events: none; - opacity: 0; - transition: .3s; -} -div.compatibility > a > span:first-child:after, -div.compatibility > span.link-replacement > span:first-child:after { - z-index: 101; -} -div.compatibility > a:hover:after, -div.compatibility > a:hover > span:first-child:after, -div.compatibility > span.link-replacement:hover > span:first-child:after { - opacity: .9; -} - -/* Второй вариант расположения подсказок */ -div.compatibility > a:after, -div.compatibility > a > span:first-child:after, -div.compatibility > span.link-replacement > span:first-child:after { - bottom: 0; - right: 100%; - left: auto; - margin: 0 .75rem .5rem; - transform: translateX(.75rem); -} -div.compatibility > a:hover:after, -div.compatibility > a:hover > span:first-child:after, -div.compatibility > span.link-replacement:hover > span:first-child:after { - transform: translateX(0); -} -/* КОНЕЦ: Второй вариант расположения подсказок */ - -/* Текст подсказок для совместимости */ -div.compatibility > a[href*=similar]:after { - content: 'Найти похожих пользователей'; -} -div.compatibility > a > .text.zero:after, -div.compatibility > span.link-replacement > .text.zero:after { - content: 'Нет совместимости'; -} -div.compatibility > a > .text.weak:after, -div.compatibility > span.link-replacement > .text.weak:after { - content: 'Низкая совместимость'; -} -div.compatibility > a > .text.moderate:after, -div.compatibility > span.link-replacement > .text.moderate:after { - content: 'Средняя совместимость'; -} -div.compatibility > a > .text.high:after, -div.compatibility > span.link-replacement > .text.high:after { - content: 'Высокая совместимость'; -} -div.compatibility > a > .text.full:after, -div.compatibility > span.link-replacement > .text.full:after { - content: 'Полная совместимость'; -} -/* Числовое обозначение совместимости */ -div.compatibility > a > span.rate, -div.compatibility > span.link-replacement > span.rate { - position: absolute; - top: -.125rem; - right: -.5rem; - padding: 0 .25rem; - border-radius: .125rem; - color: #fff; - font-size: .75rem; - line-height: 1rem; -} -div.compatibility > span.link-replacement > span.rate:before, -div.compatibility > a > span.rate:before { display: none; } -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .rate:after { content: '%'; color: inherit; } -div.compatibility > span.link-replacement > span.rate:after, -div.compatibility > a > span.rate:after { display: none; } - -div.compatibility > a:before { background-color: transparent; } -/* END of Иконки совместимости для профиля */ - - - - - - -/* ICON | EDIT ABOUT ME PROFILE'S BLOCK */ -.p-profiles-show .about .item-edit { - display: inline-block; - width: 2.5rem; - height: 2.5rem; - padding: .5rem; - margin: .25rem 0; -} -.p-animes .item-edit:before, -.p-mangas .item-edit:before, -.p-profiles-show .about .item-edit:before { - width: 1.5rem !important; - font-family: 'Material Icons' !important; - font-size: 1.5rem !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.p-animes .item-edit:before, -.p-mangas .item-edit:before, -.p-profiles-show .about .item-edit:before { - content: 'edit'; -} -/* END of ICON */ - - - - -/* CHIP | USER PLATES */ -.b-user16 { - vertical-align: middle; - max-width: 100%; - padding: 0 .5rem; - margin: 0 .5rem 0 0; - background-color: #eee; - border-radius: .5rem; - font-size: .875rem; - font-weight: 400; - line-height: 1rem !important; - text-transform: initial; - text-overflow: ellipsis; - overflow: hidden; -} -.b-user16:hover { - color: #f2f2f2 !important; - background-color: #747474; -} -.b-user16:after { - display: none !important; -} -.b-user16:hover a { - color: #fff !important; - text-decoration: none; -} -.b-user16 > a > span { - padding: 0; -} -.b-user16:hover span { - text-decoration: none; -} -.b-user16 img { - position: static; - display: inline-block; - vertical-align: bottom; - width: 16px !important; - padding: 0; - margin: 0 .375rem 0 -.5rem !important; - margin-top: 0 !important; - border-radius: .5rem; -} -.b-animes-menu .friend-rate .b-user16 { - display: inline-block; -} -.b-quote .quoteable a.b-user16 { - padding: 0 .5rem; -} -.p-anime_videos-index .c-video_stats .uploader .b-user16 { - padding-left: .5rem; /* thx @Dewopalaxy */ -} -.b-log_entry .b-user16, -.b-source .contributors .b-user16, -.b-source .mal .b-user16, -.b-source .source .b-user16 { - margin-right: .5rem; -} -.b-user16:last-child { - margin-right: 0 !important; -} -.b-quote .quoteable a, -.status-line > span:first-child { - margin-right: .5rem; -} -.status-line .b-user16:last-child { - margin-right: .5rem !important; -} -/* BUG: Лишний пробел в разметке */ -.b-quote .quoteable a.bubbled-processed { - margin-right: .25rem !important; /* thx @Dewopalaxy */ -} -/* BUG: Лишний пробел в разметке */ -.b-quote .quoteable a.bubbled-processed > img { - margin-right: .125rem !important; /* thx @Dewopalaxy */ -} -/* COLOR */ -.b-user16, -.b-user16 a { - color: #212121 !important; -} -/* END of USER PLATES */ - - -.b-source .contributors, -.b-source .mal, -.b-source .source { - padding: 0; -} -.was_updated > div:first-child > span:first-child { - margin-right: .5rem; /* thx @Dewopalaxy */ -} - - - -/* MODERATION LIST */ -.b-log_entry { - position: relative; - padding-right: 2.5rem !important; - font-size: .875rem; -} -.b-log_entry, -.b-log_entry .spoiler.collapse span:before, -.b-log_entry .spoiler.collapsed:before { - padding: .375rem 0; - line-height: 1.25rem; -} -.b-ban .moderator { - float: right; - position: static; -} -.b-abuse_request .remove, -.b-log_entry span, -.b-log_entry .date { - padding-right: .5rem; -} -.b-ban .abuser, -.b-ban .duration, -.b-log_entry .date, -.b-log_entry>.reason { - vertical-align: top; - font-size: inherit; -} -.b-log_entry span a { vertical-align: top; } -.b-log_entry>.reason a { color: inherit; } -.b-log_entry .spoiler.collapse, -.b-log_entry .spoiler.collapsed, -.b-log_entry .spoiler.collapse span, -.b-log_entry .spoiler.collapsed span { - font-size: 0; - line-height: 0; -} -.b-log_entry .spoiler.collapse span:before, -.b-log_entry .spoiler.collapsed:before { - position: absolute; - top: 0; right: 0; - width: 2rem; - font-family: 'Material Icons'; - font-size: 1.125rem; - font-weight: 400 !important; - text-align: center; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.b-log_entry .spoiler.collapse span:before { content: 'expand_less'; } -.b-log_entry .spoiler.collapsed:before { content: 'expand_more'; } -@media screen and (min-width: 1025px) { - .b-log_entry, - .b-log_entry .spoiler.collapse span:before, - .b-log_entry .spoiler.collapsed:before { - padding: .125rem 0; - line-height: 1.25rem; - } -} -/* FIX */ -.b-abuse_request .marker { - margin: -5px 8px 0 0 !important; /* thx @Dewopalaxy */ -} -/* END of MODERATION LIST */ - - - - -/** - * MATERIAL ICON - * Замена иконок. - * - * ПРАВИЛА: - * Следующие настройки касаются только иконок. Их цвета, родители и их положение настраивается отдельно. - * Иконки должны располагаться в псевдоэлементе :before - * Иконки используются в двух вариантах: 18px и 24px - * Следовательно родители иконок должны быть высотой 32px или 40px - * - * BUG: - * IE doesn't support Materail Icon's font format [.woff2] - */ - -@font-face { - font-family: 'Material Icons'; - font-style: normal; - font-weight: 400; - src: local('Material Icons'), - local('MaterialIcons-Regular'), - url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.woff2) format('woff2'), - url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.woff) format('woff'), - url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.eot) format('eot'), - url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.ttf) format('truetype'); -} - -/* LARGE ICON */ -.c-actions > *:before, -.profile-actions > *:before, -.l-top_menu .menu-mobile .search:before, -.l-top_menu .menu-mobile .menu:before, -.l-top_menu .menu-mobile #sign_in:before, -.l-top_menu .menu-userbox .search:before, -.l-top_menu .menu-userbox .menu:before, -.l-top_menu .menu-userbox #sign_in:before, -.l-top_menu .to-mobile-forum:before, -.l-top_menu .menu-items .submenu-toggler:before, -.l-top_menu .menu-items .submenu-toggler.active:before, -header.head h1 a.back:before, -header.head h2 a.back:before, -.item-mobile:before, -.editor-controls > span:before, -.b-add_to_list .trigger-arrow:before, -.b-add_to_list.expanded .trigger-arrow:before, -.b-add_to_list.watching .edit:before, -.b-add_to_list.rewatching .edit:before, -.b-add_to_list.on_hold .edit:before, -.b-add_to_list.dropped .edit:before, -.b-add_to_list .plus:before, -.b-add_to_list.completed .edit:before, -.b-add_to_list.planned .edit:before, -.b-comments .comments-collapser:before, -.b-list_switchers > .switcher:before, -.p-characters .item-edit:before, -.p-messages .mass-actions .action > a:before { - width: 24px !important; - font-family: 'Material Icons' !important; - font-size: 24px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -/* SMALL ICON */ -.l-top_menu .menu-items>.entry.calendar>a:before, -.l-top_menu .menu-items>.entry>.contest:before, -.l-top_menu .menu-items>.entry.info>a:before { - display: block; - width: 18px !important; - font-family: 'Material Icons' !important; - font-size: 18px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.headline>a:before, -.midheadline > a:before, -.subheadline > a:before { - display: block; - font-family: 'Material Icons' !important; - font-size: 18px !important; - font-weight: 400 !important; - line-height: 32px !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.headline>a:before, -.midheadline > a:before, -.subheadline > a:before { - content: 'chevron_right'; -} - - - -/* Иконки переключения вида каталога: список/постеры */ -.b-list_switchers .switcher.list:before { - content: 'view_list'; -} -.b-list_switchers .switcher.lines:before { - content: 'view_headline'; -} -.b-list_switchers .switcher.posters:before { - content: 'view_module'; -} -/* Иконки списка аниме/манги пользователя */ -.b-add_to_list .plus:before { - content: "add"; -} -.b-add_to_list.planned .edit:before { - content: "event"; -} -.b-add_to_list.watching .edit:before { - content: "play_arrow"; -} -.b-add_to_list.completed .edit:before { - content: "done"; -} -.b-add_to_list.rewatching .edit:before { - content: "replay"; -} -.b-add_to_list.on_hold .edit:before { - content: "query_builder"; -} -.b-add_to_list.dropped .edit:before { - content: "delete"; -} -.b-add_to_list .trigger-arrow:before { - content: "arrow_drop_down"; - transition: 240ms; -} -.b-add_to_list.expanded .trigger-arrow:before { - content: "arrow_drop_down"; - transform: rotate(180deg); -} -/* Иконки верхнего меню */ -.l-top_menu .menu-items>.entry.calendar>a:before { - content: "today"; -} -.l-top_menu .menu-items>.entry>.contest:before { - content: "poll"; -} -.l-top_menu .menu-items>.entry.info>a:before { - content: "info"; -} -.l-top_menu .menu-userbox #sign_in:before { - content: "exit_to_app"; -} -.l-top_menu .to-mobile-forum:before { - content: "forum"; -} -.l-top_menu .menu-items .submenu-toggler:before { - content: 'arrow_drop_down' -} -.l-top_menu .menu-items .submenu-toggler.active:before { - content: "arrow_drop_down"; - transform: rotate(180deg); -} -/* Иконки профиля */ -.profile-actions .mail:before { - content: "mail"; -} -.profile-actions .talk:before { - content: "message"; -} -.profile-actions .fav-add:before { - content: "person_add"; -} -.profile-actions .fav-remove:before { - content: "person"; -} -.profile-actions .fav-remove:hover:before { - content: "person_outline"; - color: inherit; -} -.profile-actions .ignore-add:before { - content: "do_not_disturb_on"; -} -.profile-actions .ignore-remove:before { - content: "do_not_disturb_off"; -} -.profile-actions .settings:before { - content: "settings"; -} -.profile-actions .ban:before { - content: "gavel"; -} -/* Иконки текстового редактора */ -.buttons .editor-bold:before { - content: "format_bold"; -} -.buttons .editor-italic:before { - content: "format_italic"; -} -.buttons .editor-underline:before { - content: "format_underlined"; -} -.buttons .editor-strike:before { - content: "strikethrough_s"; -} -.buttons .editor-link:before { - content: "insert_link"; -} -.buttons .editor-image:before { - content: "insert_photo"; -} -.buttons .editor-quote:before { - content: "format_quote"; -} -.buttons .editor-spoiler:before { - content: "error_outline"; -} -.buttons .editor-file:before { - content: "attach_file"; -} -.buttons .editor-smiley:before { - content: "insert_emoticon"; -} -/* Иконки под постером аниме/манги/персонажа и т.д. */ -.c-actions .edit:before { - content: "build"; -} -.c-actions .fav-remove:hover:before, -.c-actions .fav-add:before { - content: "favorite_border"; -} -.c-actions .fav-add:hover:before, -.c-actions .fav-remove:before { - content: "favorite"; -} -.c-actions .new_review:before { - content: "rate_review"; -} -.c-actions .new_comment:before { - content: "chat_bubble"; -} -/* Специальная иконка открывающая меню комментария/топика и т.д. */ -.item-mobile:before { - content: "more_vert"; -} - -.p-characters .item-edit:before { - content: "edit"; -} -/* Иконка "закрыть" */ -.b-dialog.aside-expanded > .inner > .item-mobile:before, -.b-message.aside-expanded > .inner > .item-mobile:before, -.b-comment.aside-expanded > .inner > .item-mobile:before { - content: "clear"; -} -/* Иконка "назад" */ -header.head h1 a.back:before, -header.head h2 a.back:before { - content: "arrow_back"; -} -/* Иконки в почте пользователя ("Отметить прочитанным" и "Удалить все") */ -.p-messages .mass-actions .action:nth-child(1) > a:before { - content: 'done_all'; -} -.p-messages .mass-actions .action:nth-child(2) > a:before { - content: 'delete_sweep'; -} - - - -.p-dialogs header.head, -.p-messages header.head, -.p-profiles-edit header.head { - padding: 16px 16px 8px; - margin: -16px -16px 0; -} - -header.head h1, -header.head h2 { - padding: 8px 0; - line-height: 32px; - color: inherit; -} -header.head h1 a.back, -header.head h2 a.back { - vertical-align: top; - width: 40px; - height: 40px; - padding: 8px; - margin: -4px 16px -4px -8px; - line-height: initial; -} -header.head h1 a.back:before, -header.head h2 a.back:before { - position: static; - color: inherit; -} -header.head h1 a.back:after, -header.head h2 a.back:after { - display: none; -} - - - - -.buttons { - margin-right: 0; -} -.delete-controls > span, -.moderation-controls > span, -.main-controls > span, -.main-controls > a, -.buttons .item-edit { - width: 220px; - padding: 11px 16px; - margin-right: auto !important; - margin-left: auto !important; - line-height: 18px !important; -} - -@media only screen and (min-width: 1025px) { - .delete-controls > span, - .moderation-controls > span, - .main-controls > span, - .main-controls > a, - .buttons .item-edit { - width: 32px; - height: 32px; - padding: 7px; - margin-left: 8px !important; - border-radius: 2px; - line-height: 18px !important; - } -} - -.item-mobile { - position: relative; - width: 40px; - height: 40px; - padding: 8px; - margin: 4px 0; - margin-left: 8px !important; - border-radius: 100%; - z-index: 4; -} - -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .plus::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .edit::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .trigger-arrow::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .plus::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .edit::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .trigger-arrow::before, -.buttons .item-summary:before, -.buttons .item-ignore:before, -.buttons .item-quote:before, -.buttons .item-reply:before, -.buttons .item-edit:before, -.buttons .item-delete:before, -.buttons .item-moderation:before, -.buttons .item-cancel:before, -.buttons .item-request-reject:before, -.buttons .item-apply:before, -.buttons .item-request-confirm:before, -.buttons .item-delete-confirm:before, -.buttons .item-abuse:before, -.buttons .item-spoiler:before, -.buttons .item-offtopic:before, -.buttons .item-delete-cancel:before, -.buttons .item-moderation-cancel:before { - vertical-align: top; - width: 18px !important; - font-family: 'Material Icons' !important; - font-size: 18px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.buttons .item-ignore:before { - content: "do_not_disturb_on"; -} -.buttons .item-quote:before { - content: "format_quote"; -} -.buttons .item-reply:before { - content: "reply"; -} -.buttons .item-edit:before { - content: "mode_edit"; -} -.buttons .item-delete:before { - content: "delete"; -} -.buttons .item-moderation:before { - content: "flag"; -} -.buttons .item-cancel:before, -.buttons .item-request-reject:before, -.buttons .item-delete-cancel:before, -.buttons .item-moderation-cancel:before { - content: "clear"; -} -.buttons .item-spoiler:before { - content: "sms_failed"; -} -.buttons .item-abuse:before { - content: "pan_tool"; -} -.buttons .item-offtopic:before { - content: "speaker_notes_off"; -} -.buttons .item-summary:before { - content: "check_circle"; -} -.buttons .item-delete-confirm:before { - content: "delete"; -} -.buttons .item-apply:before, -.buttons .item-request-confirm:before, -.buttons .item-delete-confirm:before { - content: "done"; -} - - - -.l-top_menu .menu-mobile .menu:before, -.l-top_menu .menu-userbox .menu:before, -.l-top_menu .menu-mobile .search:before, -.l-top_menu .menu-userbox .search:before { - width: 24px !important; - font-family: 'Material Icons' !important; - font-size: 24px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.l-top_menu .menu-mobile .menu:before, -.l-top_menu .menu-userbox .menu:before { - content: "menu"; -} -.l-top_menu .menu-mobile .search:before, -.l-top_menu .menu-userbox .search:before { - content: "search"; -} - - - - - -.tooltip-inner { - min-height: 56px; - padding: 14px 16px; - border: 0; - overflow: hidden; - box-shadow: 0 4px 10px 2px rgba(0,0,0,0.24); -} -.tooltip-arrow { - display: none; -} - -/** - * Simple - * MIT License - * Copyright (c) 2015 Chris Nager - * https://github.com/chrisnager/simple-paper-spinner - */ -.tooltip-details { - min-height: 140px; -} -.tooltip-details .ajax-loading { - display: inline-block; - position: absolute; - top: 50%; - left: 50%; - width: 1.75em; - height: 1.75em; - min-height: 0; - margin: -.875rem 0 0 -.875rem; - background-image: none; - border-radius: 50%; - box-shadow: inset 0 0 0 0.1875em; - overflow: hidden; - will-change: transform; - -webkit-animation: spin 2666ms linear infinite; - animation: spin 2666ms linear infinite; - -webkit-clip-path: circle(.875em at center); - clip-path: circle(.875em at center); -} - -.tooltip-details .ajax-loading:after, -.tooltip-details .ajax-loading:before { - content: ""; - position: absolute; - width: 7em; - height: 1.75em; - background-color: inherit; -} - -.tooltip-details .ajax-loading:after { - -webkit-transform: skewX(-80deg) translate(.875em, .875em); - transform: skewX(-80deg) translate(.875em, .875em); - -webkit-animation: shape-shift-after 1066.4ms cubic-bezier(.4, 0, .2, 1) infinite alternate; - animation: shape-shift-after 1066.4ms cubic-bezier(.4, 0, .2, 1) infinite alternate; -} - -.tooltip-details .ajax-loading:before { - -webkit-transform: skewX(80deg) translate(.875em, -.875em); - transform: skewX(80deg) translate(.875em, -.875em); - -webkit-animation: shape-shift-before 1066.4ms cubic-bezier(.4, 0, .2, 1) infinite alternate; - animation: shape-shift-before 1066.4ms cubic-bezier(.4, 0, .2, 1) infinite alternate; -} - -@-webkit-keyframes spin { - to { - -webkit-transform: rotate(1080deg); - transform: rotate(1080deg); - } -} - -@keyframes spin { - to { - -webkit-transform: rotate(1080deg); - transform: rotate(1080deg); - } -} - -@-webkit-keyframes shape-shift-before { - to { - -webkit-transform: skewX(-45deg) translate(.875em, -.875em); - transform: skewX(-45deg) translate(.875em, -.875em); - } -} - -@keyframes shape-shift-before { - to { - -webkit-transform: skewX(-45deg) translate(.875em, -.875em); - transform: skewX(-45deg) translate(.875em, -.875em); - } -} - -@-webkit-keyframes shape-shift-after { - to { - -webkit-transform: skewX(45deg) translate(.875em, .875em); - transform: skewX(45deg) translate(.875em, .875em); - } -} - -@keyframes shape-shift-after { - to { - -webkit-transform: skewX(45deg) translate(.875em, .875em); - transform: skewX(45deg) translate(.875em, .875em); - } -} - -.b-catalog_entry-tooltip .inner a.name { - font-size: .875rem; -} -.b-catalog_entry-tooltip .inner .line .key { -} - -/* FIX: Размер изображений в тултипах Избаранного */ -.b-catalog_entry-tooltip .inner .best-works > .c-column { - width: 22%; - margin-right: 4%; -} -.b-catalog_entry-tooltip .inner .best-works > .c-column:last-child { margin-right: 0; } - - - -/* TEXTEDITOR | SHIKI EDITOR */ - -.b-topic>.editor-container { - margin-top: 1rem; -} - -.b-shiki_editor .body { - padding: 0 !important; -} -.b-shiki_editor .body .preview { - padding: 0; - margin: 0; - background: transparent; - border: 0; -} -.b-shiki_editor .body > .preview .body { - padding-left: 0 !important; -} - -.editor-controls > span { - width: 40px; - height: 40px; - padding: 8px; - margin: 0 8px 0 0 !important; -} - -/* Расширяем file input */ -.buttons .editor-file { - position: relative; -} -.buttons .editor-file span, -.buttons .editor-file a { - top: 0; - left: 0; - width: 40px; - height: 40px; - margin: 0 !important; -} -.buttons .editor-file input { - left: 0; - width: 40px; - height: 40px; - border: 0; - font-size: 40px; -} -.b-shiki_editor aside.buttons { - margin: 0; - padding: .25rem 0; -} -.b-shiki_editor aside.markers { - height: auto; - padding: .75rem 0; -} - -.b-shiki_editor .links, -.b-shiki_editor .images, -.b-shiki_editor .quotes, -.b-shiki_editor .email, -.b-shiki_editor .upload { - height: 3rem; - line-height: 2rem; -} -.b-shiki_editor .hidden-block p { - padding: .5rem !important; -} -.b-shiki_editor .links .link-value, -.b-shiki_editor .images .link-value, -.b-shiki_editor .quotes .link-value, -.b-shiki_editor .email .link-value, -.b-shiki_editor .upload .link-value { - width: 14rem; - height: 2rem; - padding: 0 1rem; - margin: 0; - border-radius: 2px; - line-height: 2rem; -} -.b-shiki_editor .links .button.ok, -.b-shiki_editor .images .button.ok, -.b-shiki_editor .quotes .button.ok, -.b-shiki_editor .email .button.ok, -.b-shiki_editor .upload .button.ok { - display: inline-block; - vertical-align: top; - padding: 0 1rem; - margin-right: 0; - margin-left: 1rem; - font-size: .875rem; - line-height: 2rem; - border-radius: 2px; -} - -.b-shiki_editor .images input, -.b-shiki_editor .quotes input, -.b-shiki_editor .email input { - margin-left: 1rem !important; - width: 20rem !important; -} - - -.b-shiki_editor .body .editor textarea { - padding: .5rem 1rem; - margin: 0; - border-radius: 2px; - font-size: 1rem; - line-height: 1.25rem; -} -.b-shiki_editor footer input[type=submit], -.b-shiki_editor footer .unpreview, -.b-shiki_editor footer .preview { - vertical-align: top; - margin-right: 8px; -} - -.b-shiki_editor footer .preview { - margin-right: 0; -} - -.b-shiki_editor.previewed footer .unpreview { - border: 0; - font-size: 0; -} -.b-shiki_editor.previewed footer .unpreview:after { - content: 'Назад'; - vertical-align: top; - font-size: 14px; -} -.b-shiki_editor footer .cancel { - border: 0; -} -.b-shiki_editor footer .cancel:hover { - color: #3F51B5; -} - - -/* FIX: COMMENT PREVIEW WIDTH */ -.b-shiki_editor aside.markers { - position: absolute; - right: 0; - top: 0; - z-index: 2; -} -.b-shiki_editor.previewed .body .preview .b-comment { - padding: 0 !important; -} -.b-shiki_editor footer { - margin-top: 1rem; -} - - -.about-bb_codes { - font-size: 0 !important; - padding: 0 1rem; - margin-top: 0 !important; - border-radius: .125rem; - line-height: 2rem !important; -} -.about-bb_codes:before { - content: 'help'; /* NOT 'help_outline' (!) see updated guideline (2016-12) */ - display: inline-block; - vertical-align: top; - font-family: 'Material Icons' !important; - font-size: 24px !important; - line-height: 32px !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -@media only screen and (min-width: 768px) { - .about-bb_codes:before { - font-family: inherit !important; - font-size: 14px !important; - text-transform: uppercase; - } - .locale-ru .about-bb_codes:before { - content: 'Справка'; - } - .locale-en .about-bb_codes:before { - content: 'Help'; - } -} -/* END of SHIKI_EDITOR */ -/* END of TEXTEDITOR */ - -.b-abuse_marker, -.b-broadcast_marker, -.b-new_marker, -.b-offtopic_marker, -.b-summary_marker { - width: auto !important; - margin: 0 !important; - margin-top: 1px !important; - margin-left: 8px !important; -} - -.b-spoiler_marker { - width: auto; -} - -.b-abuse_marker:before, -.b-broadcast_marker:before, -.b-new_marker:before, -.b-offtopic_marker:before, -.b-spoiler_marker:before, -.b-summary_marker:before { - position: static !important; - width: auto !important; - padding: 0 4px !important; - margin-top: 8px; - border: 0 !important; - border-radius: 2px; - font-size: 10px !important; - line-height: 16px !important; - text-transform: capitalize; -} - -.b-shiki_editor .b-summary_marker, -.b-shiki_editor .b-summary_marker:before, -.b-shiki_editor .b-offtopic_marker, -.b-shiki_editor .b-offtopic_marker:before { - vertical-align: top; - padding: 0 8px !important; - margin: 0 !important; - font-size: 12px !important; - line-height: 24px !important; -} - -.b-shiki_editor .b-summary_marker, -.b-shiki_editor .b-offtopic_marker { - padding: 0 !important; - margin-left: 8px !important; -} -/* END of SHIKI_EDITOR */ - - - - - -/* FLOATED OPTIONS */ -.b-options-floated { - margin-top: 16px; - font-size: 14px; - line-height: 16px; -} - -@media screen and (min-width: 768px) { - .b-options-floated.before-buttons-2 { - padding-right: 112px; - } -} - -.p-profiles-edit .b-options-floated, -.p-dialogs .b-options-floated, -.p-messages .b-options-floated { - position: static; - margin: 0 -16px 8px; - padding: 0; - text-align: left; - white-space: nowrap; - overflow: hidden; - overflow-x: auto; -} - -.p-profiles-edit .b-options-floated > a, -.p-dialogs .b-options-floated > a, -.p-messages .b-options-floated > a { - display: inline-block; - width: auto; - min-width: 88px; - height: 48px; - padding: 0 12px; - font-size: 14px; - line-height: 48px; - text-align: center; - text-transform: uppercase; -} - -.p-profiles-edit .b-options-floated > a { - width: auto; -} - -.p-profiles-edit .b-options-floated > a:hover, -.p-dialogs .b-options-floated > a:hover, -.p-messages .b-options-floated > a:hover { - text-decoration: none; -} - - -@media screen and (min-width: 481px) { - .p-profiles-edit .b-options-floated > a, - .p-dialogs .b-options-floated > a, - .p-messages .b-options-floated > a { - width: auto; - } -} - -.b-options-floated a span.brackets, -.b-options-floated .link span.brackets { - display: inline-block; - vertical-align: text-top; - min-width: 20px; - height: 16px; - padding: 0 4px; - border-radius: 4px; - color: #fff; - font-size: 10px; - line-height: 16px; - text-align: center; -} - -.p-profiles-edit .b-options-floated > a:after, -.p-dialogs .b-options-floated > a:after, -.p-messages .b-options-floated > a:after, -.b-options-floated a span.brackets:before, -.b-options-floated a span.brackets:after, -.b-options-floated .link span.brackets:before, -.b-options-floated .link span.brackets:after { - display: none; -} - -@media screen and (min-width: 481px) { - .p-dialogs header.head, - .p-messages header.head, - .p-profiles-edit header.head { - padding: 0; - margin: 0; - background-color: transparent; - } - - .p-profiles-edit .b-options-floated, - .p-dialogs .b-options-floated, - .p-messages .b-options-floated { - position: initial; - margin: 0 -16px 8px; - padding: 0; - background-color: transparent; - text-align: right; - } -} -/* END of FLOATED OPTIONS */ - - - - -/* USER'S MAIL ICONS – READ ALL & DELETE ALL */ -.p-messages .mass-actions { - position: absolute; - top: 56px; - right: 0; - margin: 0 -.5rem; -} -.p-messages .mass-actions .action:after { - display: none; -} -.p-messages .mass-actions > .action > a { - width: 40px; - height: 40px; - padding: 8px; - margin: 4px; - border: 0; - border-radius: 2px; - font-size: 0; - line-height: 1; -} -/* END of USER'S MAIL ICONS */ - - - - -/* DB ENTRY NOTES */ -/* TODO: MERGE WITH .c-history .entry */ -.b-db_entry-note { - position: relative; - padding: 8px 0; - margin: 0; - border: 0; -} - -.b-db_entry-note:first-child { - padding-top: 8px; -} - -.b-db_entry-note:before { - content: ''; - position: absolute; - right: -16px; - bottom: 0; - left: 56px; - height: 1px; -} - -.b-db_entry-note:last-child:before { - display: none; -} - -/* FIX */ -.b-db_entry-note:before { - right: 0; - left: 64px; -} - -.p-db_entries-related .b-db_entry-note { - padding: 16px 0; -} - -.p-db_entries-related .b-db_entry-note:first-child { - padding-top: 16px; -} -/* END of DB ENTRY NOTES*/ - - - - -/* MENU ENTRY REVIEW & CLUBS */ -/* TODO: MERGE WITH .c-history .entry */ -/* TODO: where [.calendar .entry]? */ -.p-topics .l-menu .calendar .entry, -.p-topics .l-menu .reviews .entry, -.p-topics .l-menu .clubs .entry { - position: relative; - padding: 8px 0; - margin: 0; - border: 0; - overflow: initial; -} - -.p-topics .l-menu .calendar .entry:first-child, -.p-topics .l-menu .reviews .entry:first-child, -.p-topics .l-menu .clubs .entry:first-child { - padding-top: 8px; - margin-top: 0; -} - -.p-topics .l-menu .calendar .entry:before, -.p-topics .l-menu .reviews .entry:before, -.p-topics .l-menu .clubs .entry:before { - content: ''; - position: absolute; - right: -8px; - bottom: 0; - left: 56px; - height: 1px; - pointer-events: none; -} - -.p-topics .l-menu .calendar .entry:last-child:before, -.p-topics .l-menu .reviews .entry:last-child:before, -.p-topics .l-menu .clubs .entry:last-child:before { - display: none; -} - -/* Полноразмерная ссылка .entry, работает только для .l-menu */ -.p-topics .l-menu .calendar .entry a, -.p-topics .l-menu .reviews .entry a, -.p-topics .l-menu .clubs .entry a { - display: block; - padding: 8px; - margin: -8px; -} - -.p-topics .l-menu .calendar .entry a:after, -.p-topics .l-menu .reviews .entry a:after, -.p-topics .l-menu .clubs .entry a:after { - content: ''; - clear: both; - display: block; -} - -.p-topics .l-menu .calendar .entry:hover .title, -.p-topics .l-menu .reviews .entry:hover .title, -.p-topics .l-menu .clubs .entry:hover .title { - text-decoration: none; -} - -/* ADDITIONS */ -.p-topics .l-menu .reviews .entry img { - min-width: 40px; - max-height: 64px; - margin: 2px 16px 2px 0; - border-radius: 2px; -} - -.p-topics .l-menu .clubs .entry img { - width: 40px; - min-width: 40px; - height: 40px; - margin: 2px 16px 2px 0; - border-radius: 2px; -} -/* END of MENU ENTRY REVIEW & CLUBS */ - - - - -/* SIDEMENU LINKS */ -.p-topics .l-menu .sticky-topics .topic, -.p-dashboards-show .contests .contest, -.p-topics .l-menu .contests .contest { - padding: 8px; - margin: 0 -8px; - border: 0; -} - -.p-topics .l-menu .sticky-topics .topic:first-child, -.p-dashboards-show .contests .contest:first-child, -.p-topics .l-menu .contests .contest:first-child { - padding-top: 8px; - margin-top: 0; -} - -.p-topics .l-menu .sticky-topics .topic .title, -.p-dashboards-show .contests .contest .title, -.p-topics .l-menu .contests .contest .title { - line-height: 20px; -} - -.p-topics .l-menu .sticky-topics .topic:hover .title, -.p-dashboards-show .contests .contest:hover .title, -.p-topics .l-menu .contests .contest:hover .title { - text-decoration: none; -} - -.p-topics .l-menu .sticky-topics .topic .title:after, -.p-dashboards-show .contests .contest .title:after, -.p-topics .l-menu .contests .contest .title:after { - display: none; -} - -.p-topics .l-menu .sticky-topics .topic .notice, -.p-dashboards-show .contests .contest .notice, -.p-topics .l-menu .contests .contest .notice { - margin-top: 2px; - line-height: 18px; -} -/* END of SIDEMENU LINKS */ - - - -/* Стилизованные кнопки на страницах поиска аниме и манги */ -.p-user_rates .mylist-block + .block > .b-list, -.anime-params-controls > .block:first-child > .b-list, -.manga-params-controls > .block:first-child > .b-list { - margin-left: 0 !important; -} -.p-user_rates .mylist-block + .block > .b-list > li, -.anime-params-controls > .block:first-child > .b-list > li, -.manga-params-controls > .block:first-child > .b-list > li { - position: relative; - margin-bottom: .5rem; - border-radius: .125rem; - font-size: .875rem; - line-height: 2rem; - text-align: center; - text-transform: uppercase; - list-style: none; -} -.p-user_rates .mylist-block + .block > .b-list > li:before, -.p-user_rates .mylist-block + .block > .b-list > li:after, -.anime-params-controls > .block:first-child > .b-list > li:before, -.manga-params-controls > .block:first-child > .b-list > li:before, -.anime-params-controls > .block:first-child > .b-list > li:after, -.manga-params-controls > .block:first-child > .b-list > li:after { - content: ''; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - border-radius: inherit; - opacity: 0; - z-index: 0; - transition: opacity .3s; -} -.p-user_rates .mylist-block + .block > .b-list > li:before, -.anime-params-controls > .block:first-child > .b-list > li:before, -.manga-params-controls > .block:first-child > .b-list > li:before { - box-shadow: 0 1px 3px rgba(0,0,0,.56); -} -.p-user_rates .mylist-block + .block > .b-list > li:after, -.anime-params-controls > .block:first-child > .b-list > li:after, -.manga-params-controls > .block:first-child > .b-list > li:after { - background-color: rgba(0,0,0,.12); -} -.p-user_rates .mylist-block + .block > .b-list > li:hover:before, -.p-user_rates .mylist-block + .block > .b-list > li:hover:after, -.anime-params-controls > .block:first-child > .b-list > li:hover:before, -.manga-params-controls > .block:first-child > .b-list > li:hover:before, -.anime-params-controls > .block:first-child > .b-list > li:hover:after, -.manga-params-controls > .block:first-child > .b-list > li:hover:after { - opacity: 1; -} -.p-user_rates .mylist-block + .block > .b-list > li > a, -.anime-params-controls > .block:first-child > .b-list > li > a, -.manga-params-controls > .block:first-child > .b-list > li > a { - position: relative; - display: block; - color: #fff !important; - z-index: 1; -} -.p-user_rates .mylist-block + .block > .b-list > li > a:hover, -.anime-params-controls > .block:first-child > .b-list > li > a:hover, -.manga-params-controls > .block:first-child > .b-list > li > a:hover { - color: #fff !important; - text-decoration: none; -} -/* END of Стилизованные кнопки на страницах поиска аниме и манги */ - - - - - -/** - * Фильтры на страницах поиска - */ - -/* Настройка пунктов */ -.b-collection-filters .block-list li, -.b-collection-filters .b-block_list li { - position: relative; - padding: 0 .5rem; - margin: 0 -.5rem; - font-size: .875rem; - line-height: 2rem; -} - -/* Скрываем чекбокс, располагаем над псевдоэлементом */ -.b-collection-filters .block-list li > input, -.b-collection-filters .b-block_list li > input { - position: absolute; - left: .3125rem; - width: 2rem; - height: 2rem; - border: 0; - opacity: 0; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} - -/* Псевдоэлемент с иконкой чекбокса */ -.b-collection-filters .block-list li:before, -.b-collection-filters .b-block_list li:before { - display: inline-block; - vertical-align: top; - width: 1.125rem; - margin: .4375rem .875rem .4375rem 0; - font-family: 'Material Icons'; - font-size: 1.125rem; - line-height: 1; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -/* Фильтры на страницах поиска – ПОДСКАЗКИ */ -/* Положение подсказки */ -.b-collection-filters .block-list .b-question, -.b-collection-filters .b-block_list .b-question { - display: inline-block !important; - vertical-align: top; - position: absolute; - right: .3125rem; -} - -/* Иконка подсказки */ -.b-collection-filters .block-list .b-question:before, -.b-collection-filters .b-block_list .b-question:before { - display: block; - width: 1.125rem; - height: auto; - margin: .4375rem; - background-color: transparent; - font-family: 'Material Icons'; - font-size: 1.125rem; - line-height: 1; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -/* Фильтры на страницах поиска – ПЕРЕКЛЮЧАТЕЛИ */ -/* Положение переключателя */ -.b-collection-filters .filter { - top: 0; -} -.b-collection-filters .block-list .filter, -.b-collection-filters .b-block_list .filter { - float: right; - position: relative; - right: auto; - margin: 0 0 0 .5rem; -} - -/* Положение переключателя с иконками подсказок */ -.b-collection-filters .block-list.ratings .filter, -.b-collection-filters .block-list.genres .filter, -.b-collection-filters .block-list li.sub .filter, -.b-collection-filters .b-block_list.ratings .filter, -.b-collection-filters .b-block_list.genres .filter, -.b-collection-filters .b-block_list li.sub .filter { - margin-right: 2rem; -} - -/* Сбрасываем стандартные стили */ -.b-collection-filters .block-list .filter:before, -.b-collection-filters .b-block_list .filter:before { - display: block; - width: auto; - font-family: inherit; - font-size: .75rem; - line-height: inherit; - text-transform: lowercase; -} - -/* Добавляем понятные текстовые обозначения */ -.b-collection-filters .block-list .filter.item-add:before { content: 'Исключить'; } -.b-collection-filters .block-list .filter.item-minus:before { content: 'Добавить'; } -.b-collection-filters .b-block_list .filter.item-add:before { content: 'Исключить'; } -.b-collection-filters .b-block_list .filter.item-minus:before { content: 'Добавить'; } - -/* Настройка иконок */ -.b-collection-filters .block-list li:before { content: 'check_box_outline_blank'; } -.b-collection-filters .block-list li.selected:before { content: 'check_box'; } -.b-collection-filters .block-list.orders li:before { content: 'radio_button_unchecked'; } -.b-collection-filters .block-list.orders li.selected:before { content: 'radio_button_checked'; } -.b-collection-filters .block-list .b-question:before { content: 'help_outline'; } -.b-collection-filters .b-block_list li:before { content: 'check_box_outline_blank'; } -.b-collection-filters .b-block_list li.selected:before { content: 'check_box'; } -.b-collection-filters .b-block_list.orders li:before { content: 'radio_button_unchecked'; } -.b-collection-filters .b-block_list.orders li.selected:before { content: 'radio_button_checked'; } -.b-collection-filters .b-block_list .b-question:before { content: 'help_outline'; } - -/* Фильтры на страницах поиска – Размер для ПК */ -@media (min-width: 1025px) { - .b-collection-filters .block-list li { - line-height: 1.5rem; - } - .b-collection-filters .block-list li:before { - margin: .1875rem .875rem .1875rem 0; - } - .b-collection-filters .block-list .b-question:before { - margin: .1875rem; - } - .b-collection-filters .block-list li > input { - width: 1.5rem; - height: 1.5rem; - } - /* new class */ - .b-collection-filters .b-block_list li { - line-height: 1.5rem; - } - .b-collection-filters .b-block_list li:before { - margin: .1875rem .875rem .1875rem 0; - } - .b-collection-filters .b-block_list .b-question:before { - margin: .1875rem; - } - .b-collection-filters .b-block_list li > input { - width: 1.5rem; - height: 1.5rem; - } -} -/* END of Фильтры на страницах поиска */ - - - -/* "Мой список" в фильтрах поиска */ -/* Меняем название на более доступное */ -.block.mylist-block > .subheadline { - font-size: 0; - line-height: 0; -} -.block.mylist-block > .subheadline:before { - content: 'Мой список'; - font-size: .875rem; - line-height: 1rem; -} -/* Кнопка переключателя */ -.b-collection-filters .block > .filter.item-sign { - height: 2.5rem; - padding: .5rem; - margin-top: .25rem; - border-radius: .125rem; -} -.b-collection-filters .block > .filter.item-sign:before { - width: 1.5rem; - font-family: 'Material Icons'; - font-size: 1.5rem; - line-height: 1; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -/* Настройка иконки переключателя */ -.b-collection-filters .block > .filter.item-sign:before { - content: 'playlist_add_check'; -} -/* Прозрачный фон переключателя */ -@media (min-width: 1025px) { - .b-collection-filters .block > .filter.item-sign { - background-color: transparent; - } -} -/* END of "Мой список" в фильтрах поиска */ - - - -/* Страница видео */ -.b-video_player .cc-player_controls a.c-control:hover { - text-decoration: none; -} -.b-video_player .cc-player_controls .cc-navigation > .c-control > span, -.b-video_player .cc-player_controls .cc-navigation > .c-control > b { - display: inline-block; - vertical-align: top; - margin: .25rem auto; - line-height: 2.5rem; -} -.b-video_player .cc-player_controls .cc-navigation > .c-control > b { - margin-left: .5rem; -} - -@media screen and (max-width: 480px) and (orientation: portrait) { - .b-video_player .cc-player_controls .cc-navigation > .c-control > span { - display: none; - } - .b-video_player .cc-player_controls .cc-navigation > .c-control > b { - margin-left: 0; - } -} - -.b-video_player .cc-player_controls .label, -.b-video_player .cc-player_controls .episode-title .video-link { - font-size: .75rem; -} -.b-video_player .cc-player_controls .episode-title .video-link a { - display: block; - line-height: inherit; - border: 0; -} -.b-video_player .cc-player_controls .cc-options > .c-video_stats { - margin: .25rem auto; -} -.p-anime_videos-index .c-videos .video-variant-switcher, -.p-anime_videos-index .c-video_stats { - font-size: .875rem; -} -.p-anime_videos-index .c-videos .video-variant-switcher:hover { - border: 0; -} - -/* Иконки */ -.b-video_player .cc-player_controls .c-control .icon { - width: 2.5rem !important; - height: 2.5rem; - padding: .5rem; - margin: .25rem auto !important; - border-radius: 2px; -} -.b-video_player .cc-player_controls .c-control .icon:before { - width: 1.5rem; - font-family: 'Material Icons'; - font-size: 1.5rem !important; - line-height: 1; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -.b-video_player .cc-player_controls .create-user_rate .icon:before { - content: 'add'; -} -.b-video_player .cc-player_controls .increment-user_rate .icon:before { - content: 'done'; -} -.b-video_player .cc-player_controls .next .icon:before { - content: 'skip_next'; -} -.b-video_player .cc-player_controls .prev .icon:before { - content: 'skip_previous'; -} -.b-video_player .cc-player_controls .report .icon:before { - content: 'flag'; -} -.b-video_player .cc-player_controls .show-options .icon:before { - content: 'settings'; -} -.b-video_player .cc-player_controls .upload .icon:before { - content: 'cloud_upload'; -} -.b-video_player .cc-player_controls .edit .icon:before { - content: 'build'; -} -/* END of Страница видео */ -/* END of ОСНОВНОЙ ФАЙЛ */ - - - - - - - - - - -/* TENTATIVE CODE | USERLIST */ -.ajax > .b-user.detailed { - display: inline-block; - vertical-align: top; - position: relative; - width: 48%; - height: auto; - min-height: 261px; - padding: 8px; - margin-right: 4%; - margin-bottom: 4%; - background-color: #fff; - border: 0; - border-radius: 2px; - box-shadow: 0 1px 2px 0 rgba(0,0,0,.16); -} - -.ajax > .b-user.detailed:nth-child(2n+2) { - margin-right: 0; -} - -@media (min-width: 540px) { - .ajax > .b-user.detailed { - width: 32%; - margin-right: 2%; - margin-bottom: 2%; - } - - .ajax > .b-user.detailed:nth-child(2n+2) { - margin-right: 2%; - } - - .ajax > .b-user.detailed:nth-child(3n+3) { - margin-right: 0; - } -} - -@media (min-width: 768px) { - .ajax > .b-user.detailed { - width: 23.5%; - margin-right: 2%; - margin-bottom: 2%; - } - - .ajax > .b-user.detailed:nth-child(2n+2) { - margin-right: 2%; - } - - .ajax > .b-user.detailed:nth-child(3n+3) { - margin-right: 2%; - } - - .ajax > .b-user.detailed:nth-child(4n+4) { - margin-right: 0; - } -} - -@media (min-width: 960px) { - .ajax > .b-user.detailed { - width: 18.4%; - margin-right: 2%; - margin-bottom: 2%; - } - - .ajax > .b-user.detailed:nth-child(2n+2) { - margin-right: 2%; - } - - .ajax > .b-user.detailed:nth-child(3n+3) { - margin-right: 2%; - } - - .ajax > .b-user.detailed:nth-child(4n+4) { - margin-right: 2%; - } - - .ajax > .b-user.detailed:nth-child(5n+5) { - margin-right: 0; - } -} - -@media (min-width: 1200px) { - .p-users.x1200 .ajax > .b-user.detailed { - width: 15%; - margin-right: 2%; - margin-bottom: 2%; - } - - .p-users.x1200 .ajax > .b-user.detailed:nth-child(2n+2) { - margin-right: 2%; - } - - .p-users.x1200 .ajax > .b-user.detailed:nth-child(3n+3) { - margin-right: 2%; - } - - .p-users.x1200 .ajax > .b-user.detailed:nth-child(4n+4) { - margin-right: 2%; - } - - .p-users.x1200 .ajax > .b-user.detailed:nth-child(5n+5) { - margin-right: 2%; - } - - .p-users.x1200 .ajax > .b-user.detailed:nth-child(6n+6) { - margin-right: 0; - } -} - -.ajax > .b-user.detailed:before { - content: ''; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - box-shadow: 0 2px 8px 1px rgba(0,0,0,.16); - opacity: 0; - transition: .3s all; -} - -.ajax > .b-user.detailed:hover:before { - opacity: 1; -} - -.ajax > .b-user.detailed .info, -.ajax > .b-user.detailed .history { - clear: both; - float: none; - width: 100%; - margin: 0; -} - -.ajax > .b-user.detailed .info .image-name { - display: block; - padding: 16px 0; - margin: auto; - text-align: center; -} - -.ajax > .b-user.detailed .info .image-name .name { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - padding: 97px 0 0; - line-height: 32px; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; -} - -.ajax > .b-user.detailed .info .image-name .image { - clear: both; - float: none; - display: block; - padding: 0; - margin: auto auto 24px; - border-radius: 100%; -} - -.ajax > .b-user.detailed .info .last-online { - color: #9B9B9B; - text-align: center; -} - -.ajax > .b-user.detailed .history { - padding-top: 8px; - margin-top: 0; - font-size: 12px; - line-height: 20px; -} -/* TENTATIVE CODE | END */ - - - -/* TENTATIVE CODE | INDEX PAGE LAYOUT */ -.p-dashboards-show .cc-second .cc-inner { - display: none; -} - -/* FIX: index landscape layout (issue: #9) */ -@media screen and (max-width: 767px) and (orientation: landscape) { - .p-dashboards-show .cc-second .c-forum { - width: 100%; - } - .p-dashboards-show .cc-second .c-forum .b-forums, - .p-dashboards-show .cc-second .c-forum .contests - { - float: left; - width: 48%; - } - .p-dashboards-show .cc-second .c-forum .b-forums { - margin-right: 4%; - } -} - -@media only screen and (min-width: 768px) { - .p-dashboards-show .cc-second { - float: right; - width: 30.33333%; - } - .p-dashboards-show .cc-second > .cc-inner { - display: block; - float: none; - width: 100%; - margin: 0; - } - .p-dashboards-show .cc-second > .c-forum { - float: none; - width: 100%; - } - .p-dashboards-show .cc-second > .cc-inner > .c-content, - .p-dashboards-show .cc-second > .cc-inner > .c-my_list { - float: none; - width: 100%; - padding: 0; - } - .p-dashboards-show .cc-second { - margin-bottom: 0; - } - .p-dashboards-show .cc-second .c-forum > .b-forums, - .p-dashboards-show .cc-second .c-forum > .block:last-child { - margin-bottom: 1.5rem; - } - /* Настройки для экранов больше 768 */ - .p-dashboards-show .cc-second .cc-inner { - display: none; /* Скрываем блоки: Мой лист и Быстрые ссылки Аниме/Манга */ - } - .p-dashboards-show .cc-second .cc-inner > .c-content { - /* display: none; /* Скрываем блоки: Быстрые ссылки Аниме/Манга */ - } - .p-dashboards-show .cc-second .cc-inner > .c-my_list { - /* display: none; /* Скрываем блоки: Мой лист */ - } - .p-dashboards-show .cc-second .cc-inner >.b-forums { - /* display: none; /* Скрываем блоки: Темы форума */ - } -} -/* TENTATIVE CODE | END */ - - - -/* TENTATIVE CODE | RIGHT SIDEBAR */ -@media (max-width: 1024px) { - .l-menu { - position: fixed !important; - top: 0; - right: 0; - width: 25rem !important; - max-width: calc(100% - 3.5rem); - height: 100%; - background-color: #FFFFFF; /* #FFFFFF / #424242 */ - z-index: 100; - padding: 4.5rem 1rem 1.5rem; - box-shadow: 0 2px 3px 1px rgba(0, 0, 0, .24); - overflow-y: auto; - transform: translateX(100%); - transition: .25s ease; - } - .l-page.menu-expanded .l-menu { - transform: translateX(0); - } - .menu-slide-outer .l-content { - margin-left: 0 !important; - } -} -/* TENTATIVE CODE | END */ - - - -/* TENTATIVE CODE | PROFILE CONTENT */ -.p-profiles .lifetime { - margin-bottom: 0; - min-height: 0; -} -.p-profiles .lifetime .bar, -.p-profiles .lifetime .times, -.p-profiles .profile-content .activity .title { - display: none; -} -.p-profiles .lifetime .title > .label { - font-size: 0; - line-height: 0; -} -.p-profiles .lifetime .title > .label:before { - display: block; - font-size: 0.875rem; - line-height: 1rem; -} -.p-profiles.locale-ru .lifetime .title > .label:before { - content: 'Активность'; -} -.p-profiles.locale-en .lifetime .title > .label:before { - content: 'Time spent'; -} -.p-profiles .lifetime .title .value { - height: 16px; - margin-top: 0; - line-height: 16px; -} -.p-profiles .profile-content .cc-2 .c-right .cc-2a { - margin-bottom: 16px !important; -} -@media (min-width: 768px) { - .p-profiles .profile-content .graph { - height: 155px; - } - .p-profiles .profile-content .cc-2 > .c-column { - width: 100%; - margin-bottom: 1rem; - } - .p-profiles .profile-content .cc-2 .activity { - padding-bottom: 1rem; - } -} -@media (min-width: 960px) { - .p-profiles .profile-content .cc-2 { - position: relative; - } - .p-profiles .profile-content .cc-2 .c-left { - width: 77%; - min-height: 220px; - padding-right: 3.5rem; - margin-bottom: 1.5rem; - } - .p-profiles .profile-content .cc-2 .c-right .cc-2a { - position: absolute; - top: 0; - right: 0; - width: 23%; - margin-top: -244px; - } - .p-profiles .profile-content .cc-2 .c-right .cc-2a > .c-column { - clear: both; - width: 100%; - margin: 0; - } -} -/* TENTATIVE CODE | END */ - - - - - - - - - - -/* МОИ НАСТРОЙКИ */ - -/* Фон страницы */ -body { - background-image: none; -} - - -/** - * Рамка по бокам страницы - * Используйте цвет фона центральной области, чтобы визуально расширить её. - * Эта настройка будет полезна при использовании фоновой картинки - * - с легкой прозрачностью (.85 и более) - * - без прозрачности - */ -.l-page:before { - outline-color: transparent; -} +/** + * Shikimori.org – CSS Theme + * MIT License + * Copyright (c) 2016 grin3671 + */ + + + +/* SPECIAL CODE */ +/* Кнопка сохранения стиля всегда на виду */ +#submit_style { + position: fixed; + bottom: 0; + right: 0; + margin: 5rem; + z-index: 1000; +} + +/* Настройки вверху, CSS внизу */ +.b-edit_styles { + display: flex; + flex-direction: column-reverse; +} + +/* Широкое полотно стиля */ +.b-edit_styles > .c-column { + width: 100%; + margin: 0; +} + +/* Настройка текста */ +.style_css textarea { + font-family: monospace; + font-size: 1rem; + line-height: 1.5 !important; + white-space: nowrap; + overflow-x: auto !important; +} + +/* SPECIAL CODE | END */ + + + + + + + + + + +/* FONT COLLECTION */ +body, input, select, button, textarea { + font-family: 'Arial', sans-serif; +} + +.b-show_more, +.b-show_more-more .hide-more, +.l-footer:before, +.b-sponsors_block_3:before, +.l-top_menu .inner .logo:before, +.b-user_rate .rate-show .note:before, +.button, +.buttons, +.b-contests-menu .results, +.b-link_button, +input[type=submit], +.p-animes_collection-index .pagination, +.p-mangas_collection-index .pagination, +.p-recommendations-index .pagination, +.p-userlist_comparer-show .pagination, +.mischeadline, +.c-my_list .title, +.subheadline, +.midheadline, +.b-stats_bar .title, +.profile-content .activity .title, +.lifetime .title, +.midheadline > a, +.subheadline > a, +.b-form .cancel, +.b-shiki_editor footer .unpreview, +.b-shiki_editor footer .preview, +.p-contests .contest-match .vs .refrain, +.p-contests .contest-match .votes-percents, +.p-contests .contest-match .vs > div:first-child, +.p-contests .contest-match .vs .next, +.b-lang_trigger, +.b-topic > .inner > header .about a, +.b-topic-preview > .inner .status-line .b-link, +.b-hot_topics .topic.subject, +div.compatibility > a > span.rate, +div.compatibility > span.link-replacement > span.rate, +.b-abuse_marker:before, +.b-broadcast_marker:before, +.b-new_marker:before, +.b-offtopic_marker:before, +.b-summary_marker:before, +.b-options-floated, +.p-profiles-edit .b-options-floated > a, +.p-dialogs .b-options-floated > a, +.p-messages .b-options-floated > a, +.b-options-floated a span.brackets, +.b-options-floated .link span.brackets, +.p-user_rates .mylist-block + .block > .b-list > li, +.b-collection-filters > .block:first-child > .b-list > li, +.b-collection-filters > .block:first-child > .b-list > li, +.b-collection-filters .block-list .filter, +.b-collection-filters .b-block_list .filter, +.edit-page a.cancel, +.b-topic-preview > .editor-container .hide, +.b-button, +.p-clubs-edit .pages .b-button, +.p-profiles-show .lifetime .times .time.checked, +.p-anime_videos-index .c-videos .video-variant-switcher { + font-weight: 700; +} + +.b-topic .name-date .name, +.b-comment .name-date .name, +.b-dialog .name-date .name, +text, +.highcharts-tooltip text tspan:last-child { + font-weight: 700 !important; +} + +@media only screen and (min-width: 768px) { + .about-bb_codes:before { + font-weight: 700 !important; + } +} + +@media screen and (min-width: 1025px) { + .b-entry-info .line .value { + font-weight: 400 !important; + } +} + +/* END of FONT COLLECTION */ + + + + + + + + + + +/* НАСТРОЙКА ЦВЕТОВ */ +/* Цвет текста ссылки по умолчанию */ +a { + color: #009688; +} + +/* Цвет ссылки при наведении */ +a:hover { + color: #FFAB40; +} + +/* Цвет ссылки при нажатии */ +@media only screen and (min-width: 1025px) { + a:active { + color: #FF9100; + } +} + +.b-abuse_request .ban-form .cancel, +.b-ban .abuser, +.b-bb_codes-examples .example a, +.b-bb_codes-examples .result a, +.b-bracket-actions > div, +.b-bracket-actions > span, +.b-catalog_entry-tooltip .inner a.name, +.b-catalog_entry-tooltip .inner .line .value a, +.b-catalog_entry-tooltip .inner .line.works .value a, +.b-catalog_entry .cover .title, +.b-club .name, +.b-comment > .inner header .name-date a.name, +.b-comments .comments-collapser, +.b-cosplay-topic > .inner .cosplay-info .line .value a, +.b-cosplay_gallery h3 a, +.b-db_entry-note .name-container .name, +.b-db_entry > .c-about .additional-links .line-container > .link, +.b-db_entry > .c-about .additional-links .line-container > a, +.b-dialog > .inner header .name-date a.name, +.b-entry-info .line a, +.b-feedback-inner .about a, +.b-form .variants .variant a, +.b-form .cancel, +.b-forums .forum .link-with-input .link, +.b-forums .reload, +.b-header_filters .filter-line a, +.b-height_shortener .expand, +.b-js-action, +.b-js-link, +.b-lang_trigger span, +.b-link, +.b-log_entry a, +.b-log_entry .link, +.b-log_entry .moderation a, +.b-log_entry .spoiler.collapsed, +.b-log_entry .spoiler.collapse, +.b-log_entry .spoiler.collapse span, +.b-log_entry .spoiler.collapsed span, +.b-mention, +.b-message > .inner header .name-date a.name, +.b-nothing_here a, +.b-options-floated a, +.b-options-floated .link, +.b-options-floated .action, +.b-options-floated.mobile-desktop a, +.b-person .name, +.b-shiki_editor footer .unpreview, +.b-shiki_editor footer .unpreview:not(.link), +.b-shiki_editor footer .cancel, +.b-shiki_editor footer .hide, +.b-shiki_editor footer .about-bb_codes, +.b-source .contributors .val a, +.b-source .mal .val a, +.b-source .source .val a, +.b-spoiler .content .before, +.b-spoiler .content .after, +.b-spoiler label, +.b-stats_bar a.title, +.b-table a, +.b-topic > .inner header .name-date a.name, +.b-topic .footer-vote .vote-group .vote, +.b-user.named_avatar .name, +.b-user.detailed .info .image-name, +.b-user.detailed .history .line a .event, +.b-user16, +header.head h1 a.back, +header.head h2 a.back, +header.head a.misc, +header.head a.edit, +.headline > a, +.midheadline > a, +.subheadline > a, +.subheadline .misc-link, +.b-video_player .cc-player_controls a.c-control, +.b-video_player .cc-player_controls .episode-title .video-link a, +.b-video_variant a, +.b-animes-menu .menu-topics-block .history-entry-tooltip a, +.p-animes-files .l-content a, +.p-mangas-files .l-content a, +div.history .block-list li .tooltip-inner a, +div.history .b-block_list li .tooltip-inner a, +.p-animes_collection-index .pagination .link, +.p-mangas_collection-index .pagination .link, +.p-recommendations-index .pagination .link, +.p-userlist_comparer-show .pagination .link, +.p-contests .contest-match .vs .next, +.p-contests .contest-match .vs .refrain, +.p-contests-edit .grid, +.p-contests .match-day .match-link a, +.p-contests .rating .member a, +.p-contests .results a, +.p-contests .suggestion > a, +.p-contests .variant > a, +.b-contests-menu .results, +.b-contests-menu .grid a, +.p-contests-grid .round .match a, +.p-contests-index .contest a, +.p-dashboards .c-my_list .list-type > .title .link, +.p-dashboards .c-my_list .history > .title .link, +.p-dashboards .c-my_list .list-type > .title .switch, +.p-dashboards .c-my_list .history > .title .switch, +.p-dashboards .user_list .list-type > .title .link, +.p-dashboards .user_list .history > .title .link, +.p-dashboards .user_list .list-type > .title .switch, +.p-dashboards .user_list .history > .title .switch, +.p-dashboards-show .midheadline .b-link, +.p-dashboards-show .c-content .options .option, +.p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name, +.p-profiles .profile-head .c-brief header .notice a, +.p-profiles .profile-head .c-mobile-actions a, +.p-profiles .profile-head .c-mobile-actions span, +.p-profiles .profile-head .c-info .c-additionals div a, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a, +.p-profiles-edit .account .change-password a, +.p-profiles-edit .misc .profile-action a, +.p-profiles-edit .misc .profile-action .link, +.p-profiles-edit .misc .nickname-changes a, +.p-profiles-edit .misc .nickname-changes .link, +.p-profiles-edit .list .profile-action a, +.p-profiles-edit .list .profile-action .link, +.p-profiles-edit .list .nickname-changes a, +.p-profiles-edit .list .nickname-changes .link, +.p-profiles-edit .list #import_form .link, +.p-profiles-show .about a, +.p-studios .studio .name, +.p-translations .animes a, +.p-user_history-index .history-page .history-interval p a, +.p-user_rates-index .list-lines tr .name a, +.p-userlist_comparer .comparer table .name a, +.b-log_entry .comment-block ins, +.p-statistics-index .forum-nav .sections a.selected, +.p-anime_videos-index .c-videos .video-variant-switcher, +.p-user_rates-index .stat-categories .category, +.b-video_player .cc-player_controls .episode-num .video-link a, +.b-video_player .cc-player_controls .c-control { + color: #009688; + border-bottom-color: rgba(0, 150, 136, 0.3); +} + +@media screen and (max-width: 480px) and (orientation: portrait) { + .b-options-floated.mobile-phone_portrait a { + color: #009688; + } +} + +@media screen and (max-width: 767px) { + .b-options-floated.mobile-phone a { + color: #009688; + } +} + +@media screen and (max-width: 1024px) { + .b-options-floated.mobile-tablet a { + color: #009688; + } +} + +.b-abuse_request .ban-form .cancel:hover, +.b-ban .abuser:hover, +.b-bb_codes-examples .example a:hover, +.b-bb_codes-examples .result a:hover, +.b-bracket-actions > div:hover, +.b-bracket-actions > span:hover, +.b-catalog_entry-tooltip .inner a.name:hover, +.b-catalog_entry-tooltip .inner .line .value a:hover, +.b-catalog_entry-tooltip .inner .line.works .value a:hover, +.b-catalog_entry .cover .title:hover, +.b-club .name:hover, +.b-comment > .inner header .name-date a.name:hover, +.b-comments .comments-collapser:hover, +.b-cosplay-topic > .inner .cosplay-info .line .value a:hover, +.b-cosplay_gallery h3 a:hover, +.b-db_entry-note .name-container .name:hover, +.b-db_entry > .c-about .additional-links .line-container > .link:hover, +.b-db_entry > .c-about .additional-links .line-container > a:hover, +.b-dialog > .inner header .name-date a.name:hover, +.b-entry-info .line a:hover, +.b-feedback-inner .about a:hover, +.b-form .variants .variant a:hover, +.b-form .cancel:hover, +.b-forums .forum .link-with-input .link:hover, +.b-forums .reload:hover, +.b-header_filters .filter-line a:hover, +.b-height_shortener .expand:hover, +.b-js-action:hover, +.b-js-link:hover, +.b-lang_trigger span:hover, +.b-link:hover, +.b-log_entry a:hover, +.b-log_entry .link:hover, +.b-log_entry .moderation a:hover, +.b-log_entry .spoiler.collapsed:hover, +.b-log_entry .spoiler.collapse:hover, +.b-log_entry .spoiler.collapse span:hover, +.b-log_entry .spoiler.collapsed span:hover, +.b-mention:hover, +.b-message > .inner header .name-date a.name:hover, +.b-nothing_here a:hover, +.b-options-floated a:hover, +.b-options-floated .link:hover, +.b-options-floated .action:hover, +.b-options-floated.mobile-desktop a:hover, +.b-person .name:hover, +.b-shiki_editor footer .unpreview:hover, +.b-shiki_editor footer .unpreview:not(.link):hover, +.b-shiki_editor footer .cancel:hover, +.b-shiki_editor footer .hide:hover, +.b-shiki_editor footer .about-bb_codes:hover, +.b-source .contributors .val a:hover, +.b-source .mal .val a:hover, +.b-source .source .val a:hover, +.b-spoiler label:hover, +.b-spoiler .content:hover .before, +.b-spoiler .content:hover .after, +.b-stats_bar a.title:hover, +.b-table a:hover, +.b-topic > .inner header .name-date a.name:hover, +.b-topic .footer-vote .vote-group .vote:hover, +.b-user.named_avatar .name:hover, +.b-user.detailed .info .image-name:hover, +.b-user.detailed .history .line a .event:hover, +.b-user16:hover, +header.head h1 a.back:hover, +header.head h2 a.back:hover, +header.head a.misc:hover, +header.head a.edit:hover, +.headline > a:hover, +.midheadline > a:hover, +.subheadline > a:hover, +.subheadline .misc-link:hover, +.b-video_player .cc-player_controls a.c-control:hover, +.b-video_player .cc-player_controls .episode-title .video-link a:hover, +.b-video_variant a:hover, +.b-animes-menu .menu-topics-block .history-entry-tooltip a:hover, +.p-animes-files .l-content a:hover, +.p-mangas-files .l-content a:hover, +div.history .block-list li .tooltip-inner a:hover, +div.history .b-block_list li .tooltip-inner a:hover, +.p-animes_collection-index .pagination .link:hover, +.p-mangas_collection-index .pagination .link:hover, +.p-recommendations-index .pagination .link:hover, +.p-userlist_comparer-show .pagination .link:hover, +.p-contests .contest-match .vs .next:hover, +.p-contests .contest-match .vs .refrain:hover, +.p-contests-edit .grid:hover, +.p-contests .match-day .match-link a:hover, +.p-contests .rating .member a:hover, +.p-contests .results a:hover, +.p-contests .suggestion > a:hover, +.p-contests .variant > a:hover, +.b-contests-menu .results:hover, +.b-contests-menu .grid a:hover, +.p-contests-grid .round .match a:hover, +.p-contests-index .contest a:hover, +.p-dashboards .c-my_list .list-type > .title .link:hover, +.p-dashboards .c-my_list .history > .title .link:hover, +.p-dashboards .c-my_list .list-type > .title .switch:hover, +.p-dashboards .c-my_list .history > .title .switch:hover, +.p-dashboards .user_list .list-type > .title .link:hover, +.p-dashboards .user_list .history > .title .link:hover, +.p-dashboards .user_list .list-type > .title .switch:hover, +.p-dashboards .user_list .history > .title .switch:hover, +.p-dashboards-show .midheadline .b-link:hover, +.p-dashboards-show .c-content .options .option:hover, +.p-dashboards-show .c-content .options .option.selected, +.p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name:hover, +.p-profiles .profile-head .c-brief header .notice a:hover, +.p-profiles .profile-head .c-mobile-actions a:hover, +.p-profiles .profile-head .c-mobile-actions span:hover, +.p-profiles .profile-head .c-info .c-additionals div a:hover, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:hover, +.p-profiles-edit .account .change-password a:hover, +.p-profiles-edit .misc .profile-action a:hover, +.p-profiles-edit .misc .profile-action .link:hover, +.p-profiles-edit .misc .nickname-changes a:hover, +.p-profiles-edit .misc .nickname-changes .link:hover, +.p-profiles-edit .list .profile-action a:hover, +.p-profiles-edit .list .profile-action .link:hover, +.p-profiles-edit .list .nickname-changes a:hover, +.p-profiles-edit .list .nickname-changes .link:hover, +.p-profiles-edit .list #import_form .link:hover, +.p-profiles-show .about a:hover, +.p-studios .studio .name:hover, +.p-translations .animes a:hover, +.p-user_history-index .history-page .history-interval p a:hover, +.p-user_rates-index .list-lines tr .name a:hover, +.p-userlist_comparer .comparer table .name a:hover, +.p-statistics-index .forum-nav .sections a:hover, +.block-list-alt a:hover, +.b-block_list-alt a:hover, +.b-catalog_entry .cover:hover, +.b-catalog_entry .cover:hover .title, +.b-comment > .inner .was_updated:hover, +.b-comment header .hash:hover, +.b-dialog > .inner .was_updated:hover, +.b-message > .inner .was_updated:hover, +.b-options-floated .selected, +.b-options-floated .selected.always-active:hover, +.b-show_more:hover, +.b-show_more-more .hide-more:hover, +.b-stats_bar .stat_names .stat_name a:hover, +.b-topic > .inner .was_updated:hover, +.headline > a:hover:before, +.midheadline > a:hover:before, +.subheadline > a:hover:before, +.headline.linkheadline > a:hover, +.linkheadline.midheadline > a:hover, +.linkheadline.subheadline > a:hover, +.headline.linkheadline > a:hover:before, +.linkheadline.midheadline > a:hover:before, +.linkheadline.subheadline > a:hover:before, +.tooltip-inner .close:hover, +.p-animes-franchise .sticky-tooltip .close:hover, +.p-mangas-franchise .sticky-tooltip .close:hover, +.p-contests .contest-match .prev-match:hover, +.p-contests .contest-match .next-match:hover, +.p-contests .match-day .match-link.voted-none > .c-column a:hover, +.p-contests .match-day .match-link.voted-left > .c-column:last-child a:hover, +.p-contests .match-day .match-link.voted-right > .c-column:first-child a:hover, +.p-contests .match-day .match-link .c-column.loser a:hover, +.p-contests .match-day .match-link .c-column.created a:hover, +.p-contests-grid .round .match .date a:hover, +.p-dashboards-show .contests .contest:hover .title, +.p-dashboards-show .contests .contest:hover .title:after, +.p-dashboards-show .contests .contest .title:hover, +.p-dashboards-show .contests .contest .title:hover:after, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.zero:hover, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.weak:hover, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.moderate:hover, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.high:hover, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.full:hover, +.p-topics .l-menu .sticky-topics .topic:hover .title, +.p-topics .l-menu .sticky-topics .topic:hover .title:after, +.p-topics .l-menu .sticky-topics .topic .title:hover, +.p-topics .l-menu .sticky-topics .topic .title:hover:after, +.p-topics .l-menu .contests .contest:hover .title, +.p-topics .l-menu .contests .contest:hover .title:after, +.p-topics .l-menu .contests .contest .title:hover, +.p-topics .l-menu .contests .contest .title:hover:after, +.p-topics header h1 a.reload:hover, +.p-user_rates-index .l-content .order-control:hover, +.p-user_rates-index .list-lines tr td .anime-status:hover, +.p-user_rates-index .list-lines tr td .anime-remove:hover, +.p-user_rates-index .list-lines tr td .anime-remove.selected, +.p-anime_videos-index .c-videos .video-variant-switcher:hover, +.p-user_rates-index .stat-categories .category:hover, +.b-options-floated.mobile-desktop a.selected, +.p-user_rates-index .stat-categories .category.active, +.p-anime_videos-index .c-videos .video-variant-switcher.active, +.b-video_player .cc-player_controls .episode-num .video-link a:hover, +.b-video_player .cc-player_controls .c-control:hover, +.b-video_variant.active a, +.b-video_player .cc-player_controls .c-control.selected { + color: #FFAB40; + border-bottom-color: rgba(255, 171, 64, 0.3); +} + +@media screen and (max-width: 480px) and (orientation: portrait) { + .b-options-floated.mobile-phone_portrait a:hover { + color: #FFAB40; + } +} + +@media screen and (max-width: 767px) { + .b-options-floated.mobile-phone a:hover { + color: #FFAB40; + } +} + +@media screen and (max-width: 1024px) { + .b-options-floated.mobile-tablet a:hover { + color: #FFAB40; + } +} + +.b-header_filters .filter-line a:active, +.b-person .name:active, +.b-source .contributors .val a:active, +.b-source .mal .val a:active, +.b-source .source .val a:active, +.b-animes-menu .menu-topics-block .history-entry-tooltip a:active, +.p-animes-files .l-content a:active, +.p-mangas-files .l-content a:active, +div.history .block-list li .tooltip-inner a:active, +div.history .b-block_list li .tooltip-inner a:active, +.p-dashboards-show .midheadline .b-link:active, +.p-dashboards-show .c-content .options .option:active, +.p-profiles .profile-head .c-brief header .notice a:active, +.p-profiles .profile-head .c-mobile-actions a:active, +.p-profiles .profile-head .c-mobile-actions span:active, +.p-profiles .profile-head .c-info .c-additionals div a:active, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:active, +.block-list-alt a:active, +.b-block_list-alt a:active, +.b-options-floated .selected:hover, +.b-show_more:active, +.b-show_more-more .hide-more:active, +.headline > a:active:before, +.midheadline > a:active:before, +.subheadline > a:active:before, +.p-dashboards-show .contests .contest:active .title, +.p-dashboards-show .contests .contest:active .title:after, +.p-dashboards-show .contests .contest .title:active, +.p-dashboards-show .contests .contest .title:active:after, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.zero:active, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.weak:active, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.moderate:active, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.high:active, +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.full:active, +.p-topics .l-menu .sticky-topics .topic:active .title, +.p-topics .l-menu .sticky-topics .topic:active .title:after, +.p-topics .l-menu .sticky-topics .topic .title:active, +.p-topics .l-menu .sticky-topics .topic .title:active:after, +.p-topics .l-menu .contests .contest:active .title, +.p-topics .l-menu .contests .contest:active .title:after, +.p-topics .l-menu .contests .contest .title:active, +.p-topics .l-menu .contests .contest .title:active:after, +.p-user_rates-index .stat-categories .category:active, +.b-options-floated.mobile-desktop a.selected:hover, +.p-user_rates-index .stat-categories .category.active:hover, +.p-anime_videos-index .c-videos .video-variant-switcher.active:hover, +.b-video_player .cc-player_controls .c-control.selected:hover { + color: #FF9100; +} + +@media only screen and (min-width: 1025px) { + .b-abuse_request .ban-form .cancel:active, + .b-ban .abuser:active, + .b-bb_codes-examples .example a:active, + .b-bb_codes-examples .result a:active, + .b-bracket-actions > div:active, + .b-bracket-actions > span:active, + .b-catalog_entry-tooltip .inner a.name:active, + .b-catalog_entry-tooltip .inner .line .value a:active, + .b-catalog_entry-tooltip .inner .line.works .value a:active, + .b-catalog_entry .cover .title:active, + .b-club .name:active, + .b-comment > .inner header .name-date a.name:active, + .b-comments .comments-collapser:active, + .b-cosplay-topic > .inner .cosplay-info .line .value a:active, + .b-cosplay_gallery h3 a:active, + .b-db_entry-note .name-container .name:active, + .b-db_entry > .c-about .additional-links .line-container > .link:active, + .b-db_entry > .c-about .additional-links .line-container > a:active, + .b-dialog > .inner header .name-date a.name:active, + .b-entry-info .line a:active, + .b-feedback-inner .about a:active, + .b-form .variants .variant a:active, + .b-form .cancel:active, + .b-forums .forum .link-with-input .link:active, + .b-forums .reload:active, + .b-header_filters .filter-line a:active, + .b-height_shortener .expand:active, + .b-js-action:active, + .b-js-link:active, + .b-lang_trigger span:active, + .b-link:active, + .b-log_entry a:active, + .b-log_entry .link:active, + .b-log_entry .moderation a:active, + .b-log_entry .spoiler.collapsed:active, + .b-log_entry .spoiler.collapse:active, + .b-log_entry .spoiler.collapse span:active, + .b-log_entry .spoiler.collapsed span:active, + .b-mention:active, + .b-message > .inner header .name-date a.name:active, + .b-nothing_here a:active, + .b-options-floated a:active, + .b-options-floated .link:active, + .b-options-floated .action:active, + .b-options-floated.mobile-desktop a:active, + .b-shiki_editor footer .unpreview:active, + .b-shiki_editor footer .unpreview:not(.link):active, + .b-shiki_editor footer .cancel:active, + .b-shiki_editor footer .hide:active, + .b-shiki_editor footer .about-bb_codes:active, + .b-spoiler label:active, + .b-stats_bar a.title:active, + .b-table a:active, + .b-topic > .inner header .name-date a.name:active, + .b-topic .footer-vote .vote-group .vote:active, + .b-user.named_avatar .name:active, + .b-user.detailed .info .image-name:active, + .b-user.detailed .history .line a .event:active, + .b-user16:active, + header.head h1 a.back:active, + header.head h2 a.back:active, + header.head a.misc:active, + header.head a.edit:active, + .headline > a:active, + .midheadline > a:active, + .subheadline > a:active, + .subheadline .misc-link:active, + .b-video_player .cc-player_controls a.c-control:active, + .b-video_player .cc-player_controls .episode-title .video-link a:active, + .b-video_variant a:active, + .p-animes_collection-index .pagination .link:active, + .p-mangas_collection-index .pagination .link:active, + .p-recommendations-index .pagination .link:active, + .p-userlist_comparer-show .pagination .link:active, + .p-contests .contest-match .vs .next:active, + .p-contests .contest-match .vs .refrain:active, + .p-contests-edit .grid:active, + .p-contests .match-day .match-link a:active, + .p-contests .rating .member a:active, + .p-contests .results a:active, + .p-contests .suggestion > a:active, + .p-contests .variant > a:active, + .b-contests-menu .results:active, + .b-contests-menu .grid a:active, + .p-contests-grid .round .match a:active, + .p-contests-index .contest a:active, + .p-dashboards .c-my_list .list-type > .title .link:active, + .p-dashboards .c-my_list .history > .title .link:active, + .p-dashboards .c-my_list .list-type > .title .switch:active, + .p-dashboards .c-my_list .history > .title .switch:active, + .p-dashboards .user_list .list-type > .title .link:active, + .p-dashboards .user_list .history > .title .link:active, + .p-dashboards .user_list .list-type > .title .switch:active, + .p-dashboards .user_list .history > .title .switch:active, + .p-dashboards-show .midheadline .b-link:active, + .p-dashboards-show .c-content .options .option:active, + .p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name:active, + .p-profiles .profile-head .c-brief header .notice a:active, + .p-profiles .profile-head .c-mobile-actions a:active, + .p-profiles .profile-head .c-mobile-actions span:active, + .p-profiles .profile-head .c-info .c-additionals div a:active, + .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:active, + .p-profiles-edit .account .change-password a:active, + .p-profiles-edit .misc .profile-action a:active, + .p-profiles-edit .misc .profile-action .link:active, + .p-profiles-edit .misc .nickname-changes a:active, + .p-profiles-edit .misc .nickname-changes .link:active, + .p-profiles-edit .list .profile-action a:active, + .p-profiles-edit .list .profile-action .link:active, + .p-profiles-edit .list .nickname-changes a:active, + .p-profiles-edit .list .nickname-changes .link:active, + .p-profiles-edit .list #import_form .link:active, + .p-profiles-show .about a:active, + .p-studios .studio .name:active, + .p-translations .animes a:active, + .p-user_history-index .history-page .history-interval p a:active, + .p-user_rates-index .list-lines tr .name a:active, + .p-userlist_comparer .comparer table .name a:active, + .p-statistics-index .forum-nav .sections a:active, + .b-catalog_entry .cover:active, + .b-comment > .inner .was_updated:active, + .b-comment header .hash:active, + .b-dialog > .inner .was_updated:active, + .b-message > .inner .was_updated:active, + .b-options-floated .selected.always-active:active, + .b-stats_bar .stat_names .stat_name a:active, + .b-topic > .inner .was_updated:active, + .headline.linkheadline > a:active, + .linkheadline.midheadline > a:active, + .linkheadline.subheadline > a:active, + .headline.linkheadline > a:active:before, + .linkheadline.midheadline > a:active:before, + .linkheadline.subheadline > a:active:before, + .tooltip-inner .close:active, + .p-animes-franchise .sticky-tooltip .close:active, + .p-mangas-franchise .sticky-tooltip .close:active, + .p-contests .contest-match .prev-match:active, + .p-contests .contest-match .next-match:active, + .p-contests .match-day .match-link.voted-none > .c-column a:active, + .p-contests .match-day .match-link.voted-left > .c-column:last-child a:active, + .p-contests .match-day .match-link.voted-right > .c-column:first-child a:active, + .p-contests .match-day .match-link .c-column.loser a:active, + .p-contests .match-day .match-link .c-column.created a:active, + .p-contests-grid .round .match .date a:active, + .p-topics header h1 a.reload:active, + .p-user_rates-index .l-content .order-control:active, + .p-user_rates-index .list-lines tr td .anime-status:active, + .p-user_rates-index .list-lines tr td .anime-remove:active, + .b-bracket-details:active, + .b-form a.remove:active, + .p-anime_videos-index .c-videos .video-variant-switcher:active, + .p-anime_videos-index .c-videos .video-variant-switcher.active, + .b-video_player .cc-player_controls .episode-num .video-link a:active, + .b-video_player .cc-player_controls .c-control:active { + color: #FF9100; + border-bottom-color: rgba(255, 145, 0, 0.3); + } +} + +@media only screen and (max-width: 480px) and (orientation: portrait) and (min-width: 1025px) { + .b-options-floated.mobile-phone_portrait a:active { + color: #FF9100; + } +} + +@media only screen and (max-width: 767px) and (min-width: 1025px) { + .b-options-floated.mobile-phone a:active { + color: #FF9100; + } +} + +@media only screen and (max-width: 1024px) and (min-width: 1025px) { + .b-options-floated.mobile-tablet a:active { + color: #FF9100; + } +} + +body { + background-color: #FAFAFA; +} + +.l-page, +.c-actions:before, +.p-contests .contest-match .vs > div:first-child, +.p-contests .match-day > .date, +.p-animes_collection-index .l-content.ajax_request::before, +.p-mangas_collection-index .l-content.ajax_request::before, +.p-recommendations-index .l-content.ajax_request::before, +.p-userlist_comparer-show .l-content.ajax_request::before, +.b-ajax:before { + background: #FAFAFA; +} + +.l-page:before { + outline-color: #FAFAFA; +} + +@media screen and (max-width: 960px) { + .p-profiles .profile-head .c-brief header { + background-color: #FAFAFA; + } +} + +@media screen and (max-width: 1024px) { + body { + background-color: #FAFAFA !important; + } +} + +.b-height_shortener .shade { + background-image: linear-gradient(to bottom, transparent, #FAFAFA); +} + +.b-topic.aside-expanded > .inner aside.buttons, +.b-dialog.aside-expanded > .inner aside.buttons, +.b-message.aside-expanded > .inner aside.buttons, +.b-comment.aside-expanded > .inner aside.buttons { + background-color: rgba(250, 250, 250, 0.9); +} + +/* BLACK GREY WHITE */ +body, +header.head h1, +header.head h2, +.ac_results, +.tooltip-inner, +.b-input input, +.b-input textarea, +.b-shiki_editor .body .editor textarea, +.b-shiki_editor .links .link-value, +.b-shiki_editor .images .link-value, +.b-shiki_editor .quotes .link-value, +.b-shiki_editor .email .link-value, +.b-shiki_editor .upload .link-value, +.p-user_rates-index .list-lines tr td .new-value input, +.p-user_rates-index .l-content .filter input, +.subheadline-input, +.b-catalog_entry-tooltip .inner a.name, +.b-catalog_entry .cover .title, +.b-catalog_entry-tooltip .inner .line .value a, +.b-clubs-menu .block-list li:hover, +.b-clubs-menu .block-list li:hover a, +.b-clubs-menu .block-list li a:hover, +.b-clubs-menu .b-block_list li:hover, +.b-clubs-menu .b-block_list li:hover a, +.b-clubs-menu .b-block_list li a:hover, +.b-db_entry > .c-image .c-actions > a:after, +.b-db_entry-note .name-container .name, +.b-dialog > .inner header .name-date a.name, +.b-entry-info .line .b-tag, +.b-forums .forum .link-with-input .link, +.b-height_shortener .expand, +.b-hot_topics .topic.subject, +.b-hot_topics .topic a:hover, +.b-message > .inner header .name-date a.name, +.b-modal .subheadline, +.b-link_button, +.b-link_button:hover, +.b-link_button:active, +.block-list li:hover, +.block-list-alt li:hover, +.b-block_list li:hover, +.b-block_list-alt li:hover, +.b-pages .b-link, +.b-show_more:hover, +.b-show_more-more .hide-more:hover, +.b-stats_bar .stat_names .stat_name a, +.b-video_player .cc-player_controls .episode-title, +.b-video_variant .episode-num, +.b-video_variant .video-author, +.b-video_variant .video-id, +.headline, +.b-catalog_entry-tooltip .inner .line .value .tag:hover, +.b-entry-info .line .b-tag:hover, +.b-tag:hover, +.p-contests .match-day .match-link.voted-none > .c-column a, +.p-contests .match-day .match-link.voted-left > .c-column:last-child a, +.p-contests .match-day .match-link.voted-right > .c-column:first-child a, +.p-contests .match-day .match-link .c-column.loser a, +.p-contests .match-day .match-link .c-column.created a, +.p-dashboards-show .contests .contest .title, +.p-dialogs .b-options-floated > a.selected, +.p-moderations-missing_videos .missing-video > .info span, +.p-messages .b-options-floated > a.selected, +.p-profiles-edit .b-options-floated > a.selected, +.p-profiles .profile-head .c-history .entry .title, +.p-topics .l-menu .calendar .entry a, +.p-topics .l-menu .clubs .entry a, +.p-topics .l-menu .contests .contest .title, +.p-topics .l-menu .reviews .entry a, +.p-topics .l-menu .sticky-topics .topic .title, +.p-user_rates-index .l-content .order-control, +.p-user_rates-index .l-content .order-control:hover { + color: #212121 !important; +} + +/* Цвет основного текста в области при наведении */ +.b-clubs-menu .b-link:hover, +.b-clubs-menu .actions li:hover, +.b-clubs-menu .actions .upload label:hover, +.b-clubs-menu .actions .invite span:hover, +.b-clubs-menu .actions .join a:hover, +.b-clubs-menu .actions .leave a:hover, +.b-hot_topics .topic a, +.b-forums .forum:hover .link-with-input .link, +.b-image .marker, +.b-video .marker, +.b-video .name, +.p-dashboards-show .contests .contest:hover .title, +.p-profiles .profile-head .c-history .entry:hover .title, +.p-topics .l-menu .calendar .entry:hover a, +.p-topics .l-menu .clubs .entry:hover a, +.p-topics .l-menu .contests .contest:hover .title, +.p-topics .l-menu .reviews .entry:hover a, +.p-topics .l-menu .sticky-topics .topic:hover .title { + color: #212121 !important; +} + +@media (max-width: 1024px) { + .l-top_menu .menu-items > .entry > a, + .l-top_menu .menu-items > .entry > .submenu > a, + .l-top_menu .inner .sign_out { + color: #212121 !important; + } +} + +h3, +header.head .notice, +.bar.horizontal .line .x_label, +.bar.vertical .line .x_label, +.b-entry-info .line .b-tag, +.b-catalog_entry-tooltip .inner .line .key, +.b-catalog_entry-tooltip .inner .line .value .tag, +.b-catalog_entry-tooltip .inner .rating, +.b-collection-filters .block > .filter.item-sign:hover, +.b-height_shortener:hover .expand, +.b-lang_trigger:hover span, +.b-lang_trigger span:hover, +.b-show_more, +.b-show_more-more .hide-more, +.b-stats_bar .stat_names:hover:before, +.b-tag, +.block-list li, +.block-list-alt li, +.block-list li a, +.block-list-alt li a, +.b-block_list li, +.b-block_list li a, +div.compatibility > a:hover:before, +div.compatibility > a:hover > span:first-child:before, +.item-add:hover, +.l-footer .copyright, +.p-characters .item-edit:hover, +.p-characters .item-edit:active, +.p-contests .match-day > .date .from, +.p-contests .match-day > .date .to, +.p-profiles-edit .b-options-floated > a, +.p-dialogs .b-options-floated > a, +.p-messages .b-options-floated > a, +.p-user_rates-index .list-lines tr td .episodes_total, +.p-user_rates-index .list-lines tr td .rate-text { + color: #424242; +} + +header.head h1 > a.back:hover, +header.head h2 > a.back:hover, +header.head h1 > a.back:active, +header.head h2 > a.back:active, +.b-video_player .cc-player_controls .c-control:hover .icon, +.p-animes_collection-index .pagination .link:hover, +.p-mangas_collection-index .pagination .link:hover, +.p-recommendations-index .pagination .link:hover, +.p-userlist_comparer-show .pagination .link:hover, +.b-clubs-menu .block-list li, +.b-clubs-menu .block-list li a, +.b-clubs-menu .b-block_list li, +.b-clubs-menu .b-block_list li a, +.b-list_switchers > .switcher:hover, +.c-actions > *:hover, +.editor-controls > span:hover, +.profile-actions > a:hover, +.p-animes .item-edit:hover, +.p-contests .contest-match .prev-match:hover, +.p-contests .contest-match .next-match:hover, +.p-mangas .item-edit:hover, +.p-profiles-show .about .item-edit:hover, +.p-messages .mass-actions .action > a:hover, +.p-topics header h1 a.reload, +.delete-controls > span, +.delete-controls > span:hover, +.main-controls > span, +.main-controls > span:hover, +.main-controls > a, +.main-controls > a:hover, +.buttons .item-edit, +.buttons .item-edit:hover, +.moderation-controls > span, +.moderation-controls > span:hover, +.b-video_player .cc-player_controls .episode-num { + color: #424242 !important; +} + +.midheadline, +.subheadline, +.b-animes-menu .menu-topics-block .date, +.b-breadcrumbs, +.b-breadcrumbs a.b-link, +.b-catalog_entry .cover .misc span, +.b-catalog_entry-tooltip .inner .rating .text, +.b-club .info .number, +.b-comment-info, +.b-comment .inner .name-date a.name .normal, +.b-collection-filters .block > .filter.item-sign, +.b-db_entry-note .name-container .note, +.b-entry-info .line .key, +.b-forums .forum .link-with-input input + .link, +.b-forums .forum .topics, +.b-lang_trigger span, +.b-log_entry .id-label, +.b-log_entry .state.auto_accepted, +.b-options-floated.count, +.b-pages .title, +.b-quote .quoteable:before, +.b-replies:before, +.b-stats_bar .title, +.b-stats_bar .stat_names:before, +.b-source .contributors .key, +.b-source .mal .key, +.b-source .source .key, +.b-topic-preview > .inner .status-line .about, +.b-topic-preview > .inner .status-line .from, +.b-collection-filters .block-list li:before, +.b-collection-filters .block-list .b-question:before, +.b-collection-filters .b-block_list li:before, +.b-collection-filters .b-block_list .b-question:before, +div.compatibility > a:before, +div.compatibility > span.link-replacement > span:first-child:before, +div.compatibility > a > span:first-child:before, +.item-add, +.item-mobile, +.item-mobile:hover, +.item-mobile:active, +.l-footer:before, +.l-footer .links a, +.l-top_menu .menu-items .submenu-toggler, +.p-animes_collection-index .pagination .link, +.p-mangas_collection-index .pagination .link, +.p-recommendations-index .pagination .link, +.p-userlist_comparer-show .pagination .link, +.p-characters .item-edit, +.p-contests .contest-match .vs, +.p-contests .contest-match .vs .help, +.p-contests .contest-match .vs .next, +.p-contests .contest-match .vs .finish, +.p-contests .contest-match .vs .refrain, +.p-contests .contest-match .vs .refrained, +.p-contests .match-day .matches-num, +.p-dashboards-show .contests .contest .notice, +.p-db_entries-edit .b-list .field, +.p-profiles .profile-head .c-info .c-additionals b, +.p-topics .l-menu .sticky-topics .topic .notice, +.b-user.detailed .info .last-online, +.b-video_variant .episode-hostings, +.b-video_variant .video-hosting, +.b-video_variant .video-language, +.p-anime_videos-index .c-video_stats .views_count, +.p-anime_videos-index .same-videos .title, +.p-anime_videos-index .c-anime_video_episodes .title, +.p-anime_videos-index .c-videos .title { + color: #757575; +} + +header.head h1 a.back, +header.head h2 a.back, +.about-bb_codes:before, +.b-db_entry > .c-about .additional-links .key, +.b-list_switchers > .switcher, +.b-user_rate .rate-show .note, +.c-actions > *, +.editor-controls > span, +.profile-actions > a, +.p-animes .item-edit, +.p-animes_collection-index .pagination .link, +.p-clubs-index header.head a.misc, +.p-contests .contest-match .prev-match, +.p-contests .contest-match .next-match, +.p-mangas .item-edit, +.p-mangas_collection-index .pagination .link, +.p-messages .mass-actions > .action > a, +.p-profiles .profile-head .c-history .entry .misc, +.p-profiles-show .about .item-edit, +.p-profiles-show .lifetime .title > .label:before, +.p-profiles-show .profile-content .activity .title, +.p-recommendations-index .pagination .link, +.p-topics .l-menu .calendar .entry .misc, +.p-topics .l-menu .reviews .entry .misc, +.p-topics .l-menu .clubs .entry .misc, +.p-userlist_comparer-show .pagination .link, +.p-user_rates-index .list-lines tr.edit-form .remove, +.p-user_rates-index .list-lines tr.edit-form .remove:hover, +.p-user_history-index .history-page .history-interval p .date { + color: #757575 !important; +} + +@media only screen and (min-width: 1025px) { + .delete-controls > span, + .moderation-controls > span, + .main-controls > span, + .main-controls > a, + .buttons .item-edit { + color: #757575 !important; + } +} + +.b-user.detailed .history .line .date, +.b-video_variant .episode-hostings:before, +.b-video_variant .episode-hostings:after, +.b-video_variant .video-hosting:before, +.b-video_variant .video-hosting:after, +.b-video_variant .video-language:before, +.b-video_variant .video-language:after, +.b-video_variant .video-kind.english:before, +.p-anime_videos-index .c-videos .video-variant-switcher:not(:first-child):after, +.b-nothing_here, +.b-review_votes span, +.b-topic-preview > .inner .status-line .time { + color: #9E9E9E; +} + +.b-video_player .cc-player_controls .c-control .icon, +.p-animes_collection-index .pagination .link.disabled, +.p-mangas_collection-index .pagination .link.disabled, +.p-recommendations-index .pagination .link.disabled, +.p-userlist_comparer-show .pagination .link.disabled, +.p-animes_collection-index .pagination .link.disabled:hover, +.p-mangas_collection-index .pagination .link.disabled:hover, +.p-recommendations-index .pagination .link.disabled:hover, +.p-userlist_comparer-show .pagination .link.disabled:hover, +.p-profiles .profile-head .c-history .entry .misc.date, +.p-topics .l-menu .calendar .entry .misc.date, +.p-topics .l-menu .reviews .entry .misc.date, +.p-topics .l-menu .clubs .entry .misc.date { + color: #9E9E9E !important; +} + +/* PRIMARY COLOR */ +input[type=submit], +.button, +.b-button, +.b-contests-menu .results, +.b-form input[type=submit], +.b-link_button.dark, +.btn-primary, +.b-shiki_editor .links .button.ok, +.b-shiki_editor .images .button.ok, +.b-shiki_editor .quotes .button.ok, +.b-shiki_editor .email .button.ok, +.b-shiki_editor .upload .button.ok, +.p-contests .contest-match .votes-percents .right-part, +.p-contests .contest-match .votes-percents .left-part:hover .right-part, +.p-user_rates .mylist-block + .block > .b-list > li, +.b-collection-filters > .block:first-child > .b-list > li, +.b-collection-filters > .block:first-child > .b-list > li, +.b-stats_bar.anime .bar .first, +.b-stats_bar.anime .bar .second, +.line:nth-child(odd) > .bar-container > .bar, +.line:nth-child(odd) > .bar-container > .bar:hover, +.line:nth-child(even) > .bar-container > .bar, +.line:nth-child(even) > .bar-container > .bar:hover, +.b-image .mobile-edit, +.b-image .delete:hover, +.b-image.deletable .confirm:hover, +.b-image.deletable .cancel:hover, +.p-user_rates-index .list-posters .user_rate .edit-user_rate, +.p-user_rates-index .list-posters .user_rate .edit-user_rate:hover { + background-color: #009688; +} + +.p-contests .contest-match .votes-percents .right-part, +.p-contests .contest-match .votes-percents .left-part:hover .right-part, +.b-main_search .input:after { + border-color: #009688; +} + +.subheadline > a:hover, +.midheadline > a:hover, +.edit-page a.cancel:hover, +.b-form .cancel:hover, +.b-shiki_editor footer .unpreview:hover, +.b-shiki_editor footer .preview:hover, +.b-topic-preview > .editor-container .hide:hover, +.p-contests .contest-match .vs .refrain:hover, +.p-dashboards-show .b-forums > .b-link_button.maxi:hover:after, +.p-profiles-show .b-stats_bar a.title:hover { + background-color: rgba(0, 150, 136, 0.12); +} + +input[type=submit]:hover, +.button:hover, +.b-button:hover, +.b-contests-menu .results:hover, +.b-form input[type=submit]:hover, +.b-link_button.dark:hover { + background-color: #008478; +} + +.b-contests-menu .results, +.b-link_button.dark, +.btn-submit { + color: #FAFAFA !important; +} + +.b-rate .stars.score, +.b-forums .forum input:checked + .link:before, +.b-collection-filters .block-list .filter, +.b-collection-filters .block-list li.selected:before, +.b-collection-filters .b-block_list .filter, +.b-collection-filters .b-block_list li.selected:before, +.p-contests .contest-match .vs .refrain, +.p-contests .contest-match .vs .refrain:hover, +.p-contests .contest-match .vs .refrain:active, +.tooltip-details .ajax-loading { + color: #009688; +} + +.headline > a, +.headline > a:hover, +.headline.linkheadline > a, +.midheadline > a, +.midheadline > a:hover, +.midheadline.linkheadline > a, +.subheadline > a, +.subheadline > a:hover, +.subheadline.linkheadline > a, +.edit-page a.cancel, +.p-dashboards-show .b-forums > .b-link_button.maxi:after, +.b-form .cancel, +.b-shiki_editor footer .unpreview, +.b-shiki_editor footer .unpreview:not(.link):hover, +.b-shiki_editor footer .preview, +.b-stats_bar a.title, +.b-topic-preview > .editor-container .hide { + color: #009688 !important; +} + +/* END of PRIMARY COLOR */ +/* ACCENT COLOR */ +.menu .unread-count, +.menu:hover .unread-count, +.menu .contest, +.menu:hover .contest, +.p-contests .contest-match .votes-percents .left-part, +.p-contests .contest-match .votes-percents .left-part:hover, +.b-options-floated a span.brackets, +.b-options-floated .link span.brackets, +.b-stats_bar.manga .bar .first, +.b-stats_bar.manga .bar .second, +div.compatibility > a > span.rate, +div.compatibility > span.link-replacement > span.rate { + background-color: #FFAB40; +} + +.menu .unread-count:hover, +.menu .contest:hover { + background-color: #FFAB40 !important; +} + +.p-profiles-show .b-stats_bar.manga a.title:hover { + background-color: rgba(255, 171, 64, 0.12); +} + +.p-profiles-edit .b-options-floated > a.selected, +.p-dialogs .b-options-floated > a.selected, +.p-messages .b-options-floated > a.selected { + border-bottom: 2px solid #FFAB40; +} + +.menu .unread-count, +.menu:hover .unread-count, +.menu .contest, +.menu:hover .contest { + color: #212121 !important; +} + +.b-rate .stars.hover, +.c-actions .fav-add:hover:before, +.c-actions .fav-remove:before, +.profile-actions .fav-remove:before { + color: #FFAB40; +} + +.b-list_switchers > .switcher.selected, +.editor-controls > span.selected, +.p-profiles-show .b-stats_bar.manga a.title { + color: #FFAB40 !important; +} + +/* END of ACCENT COLOR */ +/* BACKGROUND COLOR */ +.ac_results, +.b-image .marker, +.b-modal > .inner, +.b-video .marker, +.b-video .name, +.l-top_menu .menu-items, +.tooltip-inner, +.tooltip-details .ajax-loading { + background: #FFFFFF; +} + +@media screen and (max-width: 599px) { + .b-stats_bar .stat_names:hover { + background-color: #FFFFFF; + } +} + +.b-link_button, +.b-comments .comments-loader, +.b-comments .comments-hider, +.b-comments .comments-expander, +.b-comments .messages-postloader, +.b-comments .faye-loader, +.b-forum .faye-loader, +.p-animes-show .other-names.click-loader, +.p-mangas-show .other-names.click-loader, +.collapsed { + background-color: #EEEEEE; + border-color: #E0E0E0; +} + +.b-link_button:hover, +.b-comments .comments-loader:hover, +.b-comments .comments-hider:hover, +.b-comments .comments-expander:hover, +.b-comments .messages-postloader:hover, +.b-comments .faye-loader:hover, +.b-forum .faye-loader:hover, +.p-animes-show .other-names.click-loader:hover, +.p-mangas-show .other-names.click-loader:hover, +.collapsed:hover { + background-color: #E0E0E0; + border-color: #DDDDDD; +} + +.b-link_button:active, +.b-comments .comments-loader:active, +.b-comments .comments-hider:active, +.b-comments .comments-expander:active, +.b-comments .messages-postloader:active, +.b-comments .faye-loader:active, +.b-forum .faye-loader:active, +.p-animes-show .other-names.click-loader:active, +.p-mangas-show .other-names.click-loader:active, +.collapsed:active { + background-color: #DDDDDD; + border-color: #DDDDDD; +} + +.b-quote, .b-quote .b-quote .b-quote { + background: #F5F5F5; +} + +.b-quote .b-quote, .b-quote .b-quote .b-quote .b-quote { + background: #EEEEEE; +} + +.b-user_rate .rate-show .note, +.p-topics-new .topic_video, +.p-topics-edit .topic_video, +.p-topics-create .topic_video, +.p-topics-update .topic_video, +.p-user_rates-index .list-lines tr.edit-form form { + background: #EEEEEE; +} + +select, +.b-editable_grid tbody tr:nth-child(odd) td, +.b-input input, +.b-input textarea, +.b-pages, +.b-shiki_editor .body .editor textarea, +.b-shiki_editor .links .link-value, +.b-shiki_editor .images .link-value, +.b-shiki_editor .quotes .link-value, +.b-shiki_editor .email .link-value, +.b-shiki_editor .upload .link-value, +div.compatibility > a:before, +div.compatibility > span.link-replacement > span:first-child:before, +div.compatibility > a > span:first-child:before, +.l-page .menu-toggler .toggler, +.p-contests .match-day .match-link:hover, +.p-contests .match-day .match-link.active, +.p-user_rates-index .list-groups .summary.posters, +.p-user_rates-index .list-lines tr td .new-value input, +.p-user_rates-index .l-content .filter input, +.subheadline-input { + background: #F5F5F5; +} + +.editor textarea.b-comment, +.editor textarea.b-message { + background: #F5F5F5 !important; +} + +/* Области наведения */ +.b-collection-filters .block > .filter.item-sign, +.b-lang_trigger, +.b-tag, +.block-list li:hover, +.block-list-alt li:hover, +.block-list li.selected, +.block-list-alt li.selected, +.b-block_list li:hover, +.b-block_list li.selected, +.b-entry-info .line .b-tag, +.b-catalog_entry-tooltip .inner .line .value .tag, +.b-hot_topics .topic a, +.b-forums .forum:hover, +.b-show_more:hover, +.b-show_more-more .hide-more:hover, +.b-stats_bar .stat_names:hover:before, +.history-interval p:hover, +.p-profiles .profile-head .c-history .entry:hover a, +.p-topics .l-menu .sticky-topics .topic:hover, +.p-dashboards-show .contests .contest:hover, +.p-topics .l-menu .calendar .entry:hover a, +.p-topics .l-menu .clubs .entry:hover a, +.p-topics .l-menu .contests .contest:hover, +.p-topics .l-menu .reviews .entry:hover a, +.p-user_rates-index .list-lines .selectable:hover, +.p-user_rates-index .l-content .order-control:hover, +.p-animes_collection-index .pagination .link:hover, +.p-mangas_collection-index .pagination .link:hover, +.p-recommendations-index .pagination .link:hover, +.p-userlist_comparer-show .pagination .link:hover { + background-color: #EEEEEE; +} + +.block-list li:active, +.block-list-alt li:active, +.b-block_list li:active, +.p-contests .match-day .match-link:active { + background-color: #EEEEEE !important; +} + +.p-dialogs header.head, +.p-messages header.head, +.p-profiles-edit header.head, +.p-profiles-edit .b-options-floated, +.p-dialogs .b-options-floated, +.p-messages .b-options-floated, +.b-hot_topics .topic a:hover { + background-color: #E0E0E0; +} + +.p-userlist_comparer .comparer table .selectable:hover { + background-color: #E0E0E0 !important; +} + +/* Кнопки при наведении */ +div.compatibility > a:hover:before, +div.compatibility > a:hover > span:first-child:before, +.b-video_player .cc-player_controls .c-control:hover .icon, +.p-animes_collection-index .pagination .link:hover, +.p-mangas_collection-index .pagination .link:hover, +.p-recommendations-index .pagination .link:hover, +.p-userlist_comparer-show .pagination .link:hover, +.b-collection-filters .block > .filter.item-sign:hover, +.b-lang_trigger:hover, +.b-list_switchers > .switcher:hover, +.b-tag:hover, +.b-entry-info .line .b-tag:hover, +.b-catalog_entry-tooltip .inner .line .value .tag:hover, +.b-user_rate .rate-show .rate-number .item-add:hover, +.p-animes .item-edit:hover, +.p-characters .item-edit:hover, +.p-contests .contest-match .prev-match:hover, +.p-contests .contest-match .next-match:hover, +.p-mangas .item-edit:hover, +.p-profiles-show .about .item-edit:hover, +.p-messages .mass-actions .action > a:hover, +.p-user_rates-index .list-lines tr.edit-form .remove:hover, +.delete-controls > span:hover, +.moderation-controls > span:hover, +.main-controls > span:hover, +.main-controls > a:hover, +.buttons .item-edit:hover, +.editor-controls > span:hover, +.c-actions > *:hover, +.about-bb_codes:hover, +.profile-actions > *:hover, +.item-mobile:hover, +.item-mobile:active, +header.head h1 > a.back:hover, +header.head h2 > a.back:hover { + background-color: #E0E0E0; +} + +/* ЦВЕТ ГРАНИЦ ЭЛЕМЕНТОВ */ +hr, +.b-db_entry-note:before, +.b-dialog:before, +.b-message:before, +.b-comment:before, +.b-comments .comments-loaded:before, +.p-contests .match-day:before, +.p-profiles .profile-head .c-history .entry:before, +.p-topics .l-menu .calendar .entry:before, +.p-topics .l-menu .reviews .entry:before, +.p-topics .l-menu .clubs .entry:before { + background-color: #DDDDDD; +} + +h3, +select, +.b-input input, +.b-input textarea, +.b-pages, +.b-topic, +.b-shiki_editor .body .editor textarea, +.b-shiki_editor .links .link-value, +.b-shiki_editor .images .link-value, +.b-shiki_editor .quotes .link-value, +.b-shiki_editor .email .link-value, +.b-shiki_editor .upload .link-value, +.b-quote, +.l-page .menu-toggler .toggler, +.p-topics-new .topic_video, +.p-topics-edit .topic_video, +.p-topics-create .topic_video, +.p-topics-update .topic_video, +.p-user_rates-index .list-groups .summary.posters, +.p-user_rates-index .list-lines tr.edit-form form, +.p-user_rates-index .list-lines tr td .new-value input, +.p-user_rates-index .l-content .filter input, +.subheadline-input { + border-color: #DDDDDD; +} + +/* ОСОБЫЕ ЦВЕТА */ +.b-entry-info .line .b-tag:active, +.b-catalog_entry-tooltip .inner .line .value .tag:active { + background-color: #DDDDDD; +} + +.b-rate .stars.background { + color: #DDDDDD; +} + +.b-stats_bar .bar .third { + background: #DDDDDD; +} + +/* END of НАСТРОЙКА ЦВЕТОВ */ + + + + + + + + + + +/* BUGFIX */ +/* В превью комментария не отображается заголовок на страницах клубов */ +.p-club_pages .new_comment .preview .b-comment .inner header, +.p-club_pages .edit_comment .preview .b-comment .inner header { + display: block; +} + +/* ОСНОВНОЙ ФАЙЛ */ +header.head h1, +header.head h2, +input { + font-family: inherit; +} + +.buttons, +.ac_results .name, +.b-animes-menu .total-rates, +.b-comment > .inner header .name-date a.name, +.b-comments .comments-expander, +.b-comments .comments-expander:hover, +.b-comments .comments-hider, +.b-comments .comments-hider:hover, +.b-comments .comments-loader, +.b-comments .comments-loader:hover, +.b-comments .faye-loader, +.b-comments .faye-loader:hover, +.b-comments .messages-postloader, +.b-comments .messages-postloader:hover, +.b-entry-info .line .value, +.b-forum .faye-loader, +.b-forum .faye-loader:hover, +.b-header_filters .filter-line .title, +.b-header_filters .filter-line a.current, +.b-mention s, +.b-options-floated .selected.always-active, +.b-quote, +.b-rate .score-notice, +.b-rate .text-score, +.b-table th, +.b-topic > .inner header .name-date a.name, +.b-user.detailed .history .line .event, +.collapsed, +.completable-block .name, +.l-page .menu-toggler .toggler:after, +.p-anime_videos-index .c-anime_video_episodes .title, +.p-anime_videos-index .c-videos .title, +.p-anime_videos-index .same-videos .title, +.p-statistics-index .forum-nav .sections a, +.p-user_rates-index .list-groups .summary.lines, +.p-userlist_comparer .comparer table .name a, +.tooltip-details .b-nothing_here.centered { + color: inherit; +} + +.b-comments .comments-expander:active, +.b-comments .comments-hider:active, +.b-comments .comments-loader:active, +.b-forum .faye-loader:active, +.block-list li.selected, +.block-list-alt li.selected, +.b-block_list li.selected, +.p-animes-show .other-names.click-loader, +.p-mangas-show .other-names.click-loader { + color: inherit !important; +} + +@media screen and (max-width: 767px) { + .b-options-floated.mobile-phone a.selected { + color: inherit; + } +} + +/* MAIN BLOCKS */ +body { + position: relative; + min-height: 100%; + font-size: 16px; + font-weight: 400; + line-height: 1.25; + overflow-x: hidden; +} + +.l-page { + min-height: 100%; + padding-top: 4.5rem; + padding-right: 1rem; + padding-bottom: 4.5rem; + padding-left: 1rem; + background-color: inherit; +} + +.l-footer { + position: absolute; + right: 0; + bottom: 0; + left: 0; + width: 100%; + max-width: inherit; + padding: 0 1rem; + margin: auto; +} + +.l-page:before { + content: ''; + display: block; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: auto; + background: none; + outline-width: 1rem; + outline-style: solid; + z-index: -1; +} + +.l-footer:before { + content: 'Theme by grin3671'; + display: block; + float: left; + position: static; + left: auto; + bottom: auto; + width: auto; + height: auto; + background: none; + font-size: .6875rem; +} + +.l-footer:before, +.l-footer .copyright { + padding: .5rem 0; + line-height: 1rem; +} + +.l-page:after, +.l-footer:after { + display: none; +} + +.l-footer .links { + padding: .25rem 0; + font: inherit; + font-size: .75rem; + line-height: 1rem; + text-align: center; +} + +.l-footer .links a:last-child { + margin: 0; +} + +/* END of MAIN BLOCKS */ +/* ВЫСОТА СТРОКИ */ +.cc-2a > .c-column, +.block, +.b-db_entry, +.p-animes .b-db_entry > *:last-child { + line-height: inherit; +} + +@media only screen and (min-width: 768px) { + .cc-2 > .c-column { + line-height: inherit; + } +} + +.cc-3-flex > .c-column { + line-height: inherit; +} + +/* ЗАКРУГЛЕНИЕ */ +.b-comments .comments-loader, +.b-comments .comments-hider, +.b-comments .comments-expander, +.b-comments .messages-postloader, +.b-forum .faye-loader, +.collapsed, +.tipsy-inner, +.button, +.b-button, +.b-contests-menu .results, +.b-link_button, +input[type=submit], +.btn, +.b-comments-notifier, +.p-animes_collection-index .pagination .link, +.p-mangas_collection-index .pagination .link, +.p-recommendations-index .pagination .link, +.p-userlist_comparer-show .pagination .link, +.subheadline-buttons .item-edit, +.p-characters .item-edit, +.p-contests .contest-match .vs .refrain, +.b-catalog_entry .image-cutter, +.b-main_search .input, +.b-lang_trigger, +.b-user_rate .rate-show .note, +.c-poster img, +.c-actions > *, +.b-user_rate .rate-show .rate-number .item-add, +.p-animes-show .watch-online, +.p-animes-show .upload-video, +.p-mangas-show .watch-online, +.p-mangas-show .upload-video, +.b-tag, +.b-entry-info .line .b-tag, +.b-catalog_entry-tooltip .inner .line .value .tag, +.b-topic > .inner header img, +.b-quote, +.p-clubs-index header.head a.misc, +.b-list_switchers > .switcher, +.p-user_rates-index .l-content .filter input, +.p-user_rates-index .list-lines tr td .new-value input, +.p-user_rates-index .list-lines tr.edit-form form, +.p-user_rates-index .list-lines tr.edit-form .remove, +.p-profiles-show .b-stats_bar a.title, +.b-stats_bar .bar, +.profile-actions > a, +.l-page .b-anime_status_tag:before, +.p-profiles .profile-head .c-history .entry img, +.p-profiles-show .about .item-edit, +header.head h1 a.back, +header.head h2 a.back, +.edit-page a.cancel, +.editor-controls > span, +.tooltip-inner, +.b-topic-preview > .editor-container .hide, +.b-input, +.b-input input { + border-radius: .125rem; +} + +/* LAYOUT */ +@media screen and (max-width: 480px) and (orientation: portrait) { + .l-page .menu-slide-outer .menu-slide-inner { + width: 100%; + } + .menu-slide-outer.x199 .l-content, + .menu-slide-outer.x240 .l-content { + float: none; + width: 100%; + margin: 0; + } +} + +@media screen and (min-width: 481px) and (max-width: 767px), screen and (max-width: 767px) and (orientation: landscape) { + .l-page .menu-slide-outer .menu-slide-inner { + width: 100%; + } + .menu-slide-outer.x199 .l-content, + .menu-slide-outer.x240 .l-content { + float: none; + width: 100%; + margin-right: 0; + } +} + +@media screen and (min-width: 768px) and (max-width: 1024px) { + .l-page.menu-expanded .x240 .l-content { + margin-left: 0; + } +} + +@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { + .l-page .menu-slide-outer.x240.ipad-expanded .menu-slide-inner { + width: 100%; + } + .menu-slide-outer.x199 .l-content, + .menu-slide-outer.x240 .l-content { + float: none; + width: 100%; + margin-right: 0; + } +} + +@media screen and (max-width: 1024px) { + .l-page .menu-slide-outer { + overflow: visible; + } +} + +/* ОБЩИЕ КЛАССЫ */ +.p0, +.m0, +.m1, +.m2, +.m3, +.m4, +.m5, +.m6, +.m7, +.m8, +.m10, +.m12, +.m13, +.m15, +.m20, +.m25, +.m30, +.m40, +.m50 { + margin-bottom: .5rem !important; +} + +h3 { + font-size: 1.125rem; + line-height: 1.5; + margin-bottom: .5rem; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} + +hr { + margin: .5rem 0; + background-image: none; +} + +.ajax-loading.vk-like { + min-height: 1.5rem; +} + +.b-ajax:before { + opacity: .75; +} + +.b-ajax:after { + width: 1.5rem; + height: 1.5rem; + margin-top: -.75rem; + margin-left: -.75rem; + background: transparent; + border: .25em solid; + border-right-color: transparent; + border-radius: 50%; + color: #009688; + -webkit-animation: spin 2s linear infinite; + animation: spin 2s linear infinite; +} + +/* Списки */ +.b-list { + margin: .5rem 0 1rem 2rem; +} + +.b-list li { + margin: 0; + line-height: 1.5; + list-style-type: disc; + list-style-image: none; +} + +.b-list li + li { + margin: .5rem 0 0 0; +} + +.b-list .b-list li + li { + margin: 0; +} + +.b-height_shortener { + position: relative; + padding-left: 0; + cursor: s-resize; +} + +.b-comment .b-height_shortener, +.b-dialog .b-height_shortener, +.p-clubs .b-height_shortener { + padding-left: 3.5rem; +} + +.buttons .cancel { + vertical-align: top; + margin-right: .5rem; + border: 0; +} + +.b-form .cancel { + margin-left: 0; +} + +.b-form .cancel:hover { + text-decoration: none; +} + +.b-errors { + margin-bottom: .5rem; + line-height: inherit; +} + +.red, +.b-errors .subheadline { + margin-bottom: 0; + border: 0; +} + +.b-review-topic .b-height_shortener { + padding-left: 0; + cursor: default; +} + +.b-height_shortener .shade { + right: 0; + left: 0; + width: auto; + height: 2.5rem; + margin-top: -2.5rem; +} + +.b-height_shortener .expand { + font-size: .875rem; +} + +.b-comment.b-comment-info { + font-size: .875rem; + text-align: left; + line-height: 1.5rem; +} + +.b-comment.b-comment-info > span { + margin-right: .5rem; +} + +.b-comments .comments-loader, +.b-comments .comments-hider, +.b-comments .comments-expander, +.b-comments .messages-postloader, +.b-forum .faye-loader, +.collapsed { + padding: .4375rem 2.5rem; + margin: 0; + margin-bottom: .5rem; + line-height: 1.5rem; +} + +.b-dropzone { + padding: .5rem 1rem 3rem; + background-color: #EEEEEE; + border: 1px dashed #DDDDDD; + border-radius: .125rem; +} + +.b-dropzone:hover { + border-color: #009688; +} + +.b-dropzone:before { + margin: .5rem 0; + font-size: 14px; +} + +.b-dropzone .thank-you { + margin-bottom: .5rem; +} + +.b-dropzone input[type=file] { + bottom: 1rem; +} + +.b-dropzone:before, +.b-dropzone input[type=file] { + color: #9E9E9E; +} + +.b-dropzone:hover:before, +.b-dropzone:hover input[type=file] { + color: #424242; +} + +.b-forum .faye-loader { + padding: .4375rem .5rem; +} + +.b-comments .comments-collapser { + width: 2.5rem; + padding: .5rem; + margin: 0; + border: 0; + font-size: 0; + line-height: 0; +} + +.b-comments .comments-collapser:before { + content: 'expand_less'; + display: block; +} + +.b-image { + display: inline-block; + vertical-align: top; +} + +/* Кнопки управления изображениями */ +.b-image img { + vertical-align: top; + border-radius: .125rem; +} + +.b-gallery .b-image { + padding: .125rem; +} + +.b-gallery .b-image .controls { + margin: .125rem; + text-align: right; +} + +/* Кнопки */ +.b-image .mobile-edit, +.b-image .delete, +.b-image.deletable .confirm, +.b-image.deletable .cancel, +.p-user_rates-index .list-posters .user_rate .edit-user_rate { + width: auto; + height: auto; + padding: .5rem; + margin-top: .25rem !important; + margin-right: .25rem !important; + background-color: transparent; + border-radius: .125rem; +} + +.b-image .mobile-edit, +.b-gallery .grid_sizer .controls { + margin-top: .375rem !important; + margin-right: .375rem !important; +} + +@media screen and (min-width: 767px) { + .p-user_rates-index .list-posters .user_rate .edit-user_rate { + background-color: transparent; + } +} + +/* Настройки иконок */ +.b-image .mobile-edit:before, +.b-image .delete:before, +.b-image.deletable .confirm:before, +.b-image.deletable .cancel:before, +.p-user_rates-index .list-posters .user_rate .edit-user_rate:before { + width: 1.5rem; + font-size: 1.5rem; +} + +.p-user_rates-index .list-posters .user_rate .edit-user_rate:before { + position: static; + height: auto; + background: transparent; +} + +/* Затемнение */ +.b-gallery .b-image .controls, +.user_rate .b-catalog_entry:after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-image: linear-gradient(rgba(0, 0, 0, 0.6) 0%, transparent 40%); + border-radius: .125rem; +} + +.user_rate .b-catalog_entry:after { + content: ''; + opacity: 0; + pointer-events: none; +} + +.b-image:hover, +.b-image.deletable img, +.b-image.deletable:after, +.b-image.mobile-editing:after, +.p-user_rates-index .list-posters .user_rate:hover .b-catalog_entry:after { + opacity: 1; +} + +/* Вид иконки */ +.b-image .mobile-edit:before, +.p-user_rates-index .list-posters .user_rate .edit-user_rate:before { + content: 'edit'; +} + +.b-image .delete:before { + content: 'delete'; +} + +.b-image .confirm:before { + content: 'check'; +} + +.b-image .cancel:before { + content: 'close'; +} + +/* END of Кнопки управления изображениями */ +.b-modal > .inner { + padding: 16px 24px; +} + +.b-modal .subheadline { + font-size: 20px; + font-weight: 400; + text-transform: none; +} + +.b-prgrph, +.b-spoiler_prgrph { + margin-bottom: .5rem !important; +} + +.b-show_more, +.b-show_more-more .hide-more { + display: inline-block; + padding: 0 .5rem; + margin: .25rem 0; + border-radius: .625rem; + font-size: .875rem; +} + +.b-source { + margin-top: .5rem; + margin-bottom: 1rem; +} + +.b-spoiler label { + font-size: inherit; + letter-spacing: initial; +} + +.b-spoiler .content .before, +.b-spoiler .content .after { + font-size: inherit; + letter-spacing: initial; +} + +.b-nothing_here { + margin-left: 0; + font-size: .875rem; + line-height: 2.5rem; +} + +header.head h1, +header.head h2 { + font-family: inherit; +} + +header.head .notice { + margin: .5rem 0; + font-size: .875rem; + line-height: 1.25rem; +} + +header.head h1 ~ .notice, +header.head h2 ~ .notice { + margin-top: -.5rem; +} + +.b-breadcrumbs { + margin: 0; + line-height: 1rem; +} + +.b-breadcrumbs > span:after { + content: '»'; +} + +/* Всплывающая подсказка */ +.tipsy { + padding: .875rem; + font-size: .875rem; + opacity: .9 !important; + pointer-events: none; +} + +.tipsy-arrow { + display: none; +} + +.tipsy-inner { + padding: .375rem 1rem; + background-color: #616161; + color: #eee; + text-align: left; + box-shadow: none; +} + +input { + font-family: inherit; + font-size: inherit; +} + +/* Кнопки */ +.button, +.b-button, +.b-form input[type=submit], +.b-topic-preview > .editor-container .hide, +.edit-page a.cancel { + display: inline-block; +} + +input[type=submit], +.button, +.b-button, +.b-form input[type=submit], +.b-contests-menu .results, +.b-link_button, +.b-shiki_editor .links .b-button.ok, +.b-shiki_editor .images .b-button.ok, +.b-shiki_editor .quotes .b-button.ok, +.b-shiki_editor .email .b-button.ok, +.b-shiki_editor .upload .b-button.ok, +.edit-page a.cancel { + min-width: 5.5rem; + padding: 0 1rem; + margin-right: .5rem; + font-size: .875rem; + line-height: 2rem !important; + text-align: center; + text-decoration: none !important; + text-transform: uppercase; +} + +input[type=submit]:last-child, +.b-button:last-child, +.b-form input[type=submit]:last-child { + margin-right: 0; +} + +input[type=submit]:hover { + box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.24); +} + +/* TODO: new variable $btn_disabled_color (L: #9E9E9E; D: #757575) */ +.b-button[disabled], +.b-button.disabled, +.b-button[disabled]:hover, +.b-button.disabled:hover, +.b-form input[type=submit][disabled], +.b-form input[type=submit].disabled, +.b-form input[type=submit][disabled]:hover, +.b-form input[type=submit].disabled:hover { + background-color: #E0E0E0; + box-shadow: none; + color: #9E9E9E !important; +} + +.b-shiki_editor .links .b-button.ok, +.b-shiki_editor .images .b-button.ok, +.b-shiki_editor .quotes .b-button.ok, +.b-shiki_editor .email .b-button.ok, +.b-shiki_editor .upload .b-button.ok { + min-width: auto; + margin-left: 1rem; +} + +.b-shiki_editor .links input, +.b-shiki_editor .images input, +.b-shiki_editor .quotes input, +.b-shiki_editor .email input, +.b-shiki_editor .upload input { + vertical-align: middle; + margin-top: 0px; +} + +.edit-page a.cancel, +.b-topic-preview > .editor-container .hide { + background-color: transparent; +} + +.b-topic-preview > .editor-container .hide { + vertical-align: top; + border: 0; +} + +.b-topic { + overflow: visible; +} + +.b-topic > .inner { + overflow: visible; +} + +.b-topic-preview > .inner > footer { + overflow: hidden; +} + +/* Чекбоксы */ +/* TODO: L: border-color normal #757575 disabled #BDBDBD */ +/* D: border-color normal #FFFFFF disabled rgba(255,255,255,.3) */ +input[type=checkbox], +.b-input input[type=checkbox] { + display: inline-block; + vertical-align: top; + width: 1.125rem !important; + height: 1.125rem; + padding: 0; + margin: .1875rem 1rem .1875rem 0; + background-color: transparent; + background-repeat: no-repeat; + background-size: 1.125rem; + background-position: -.125rem -.125rem; + border: 0.125rem solid #757575; + border-radius: .125rem; + box-sizing: border-box; + transition: 0.24s cubic-bezier(0.4, 0, 0.2, 1); + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +input[type=checkbox]:checked, +.b-input input[type=checkbox]:checked { + background-color: #009688; + background-image: url("data\:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNOSAxNi4xN0w0LjgzIDEybC0xLjQyIDEuNDFMOSAxOSAyMSA3bC0xLjQxLTEuNDF6Ii8+PC9zdmc+"); + border-color: transparent; +} + +input[type=checkbox]:disabled, +.b-input input[type=checkbox]:disabled { + border-color: #9E9E9E; +} + +input[type=checkbox]:checked:disabled, +.b-input input[type=checkbox]:checked:disabled { + background-color: #9E9E9E; + border-color: transparent; +} + +/* Формы */ +.b-form { + overflow: visible; +} + +.b-form:after { + content: ''; + display: block; + clear: both; +} + +.b-input input, +.b-input textarea { + padding: .3125rem 1rem; + line-height: 1.25rem; +} + +.b-input textarea { + padding: .4375rem 1rem; +} + +.b-input input[disabled] { + background: transparent; + border-width: 0; + border-bottom-width: .125rem; + padding: .375rem 0 .25rem; + color: #9E9E9E !important; +} + +/* TODO: check moz & ms browsers */ +.b-input input::-webkit-input-placeholder, +.b-input textarea::-webkit-input-placeholder, +.b-shiki_editor .body .editor textarea::-webkit-input-placeholder { + padding: 0; + line-height: inherit; +} + +.b-input input:-moz-placeholder, +.b-input textarea:-moz-placeholder, +.b-shiki_editor .body .editor textarea:-moz-placeholder { + padding: 0; + line-height: inherit; +} + +.b-input input::-moz-placeholder, +.b-input textarea::-moz-placeholder, +.b-shiki_editor .body .editor textarea::-moz-placeholder { + padding: 0; + line-height: inherit; +} + +.b-input input:-ms-input-placeholder, +.b-input textarea:-ms-input-placeholder, +.b-shiki_editor .body .editor textarea:-ms-input-placeholder { + padding: 0; + line-height: inherit; +} + +select { + max-width: 100%; + height: 2rem; + padding: 2px .5rem; + font-size: .875rem; + line-height: 2rem; +} + +.b-input .hint { + font-size: .75rem; + line-height: 1.25rem; +} + +.b-input label { + line-height: 1.5; +} + +.buttons { + font-family: inherit; + font-size: inherit; +} + +.b-form .buttons { + margin-top: .5rem; +} + +.btn { + line-height: 2rem; +} + +.b-contests-menu .results { + float: none; + display: block; + margin: .5rem 0; +} + +.b-link_button { + margin-bottom: .5rem; +} + +.b-link_button.maxi { + padding: 0; + font-size: 1rem; + line-height: 2.5rem; +} + +.b-contests-menu .results, +.b-forums > .b-link_button.maxi, +.b-link_button.create-topic { + margin-right: 0; +} + +.l-page .menu-toggler { + top: 64px; + z-index: 9; +} + +.p-user_rates-index .l-page .menu-toggler { + top: -96px; +} + +.locale-ru .l-page .menu-toggler .toggler:before { + content: 'меню'; +} + +.locale-en .l-page .menu-toggler .toggler:before { + content: 'sidebar'; +} + +.history-interval, +.mischeadline, +.b-input, +.prgrph, +.spoiler-prgrph, +.review-votes_count { + margin-bottom: .5rem !important; +} + +.text { + margin-left: 0 !important; +} + +.tooltip-inner .close { + background: transparent; + color: inherit; +} + +.block-list li, +.block-list-alt li { + line-height: 1.5rem; + margin: 2px -.5rem; + padding: 0 .5rem; +} + +.b-block_list li { + padding: 0 .5rem; + margin: 0 -.5rem; + font-family: inherit; + line-height: 1.5rem; +} + +.b-comments-notifier { + top: 0 !important; + width: 2rem; + height: 2rem; + margin-top: 4rem; + line-height: 2rem; +} + +.block, +.b-topic .body { + line-height: 1.25; +} + +.b-pages-container, +.b-topic > .inner > .body, +.b-db_entry > div:last-child .text { + line-height: 1.5; +} + +.b-user.named_avatar .name { + margin: auto; +} + +/* FIX: BACKFACE VISIBILITY */ +.b-collection-filters > .block:first-child > .b-list > li:after, +.b-collection-filters > .block:first-child > .b-list > li:before, +.b-collection-filters > .block:first-child > .b-list > li:after, +.b-collection-filters > .block:first-child > .b-list > li:before, +.p-user_rates .mylist-block + .block > .b-list > li:after, +.p-user_rates .mylist-block + .block > .b-list > li:before { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; +} + +/** + * TOPMENU + * Изменение верхнего меню сайта. + * Меню закреплено и увеличено. + */ +/* НАСТРОЙКА ЦВЕТОВ МЕНЮ */ +/* ОСНОВНОЕ МЕНЮ */ +/* Фон меню */ +.l-top_menu:before { + background-color: #212121; +} + +/* Цвет текста в меню */ +.l-top_menu { + color: #FAFAFA; +} + +/* Цвет текста пунктов меню при наведении */ +/* Цвет текста активных пунктов меню */ +/* По умолчанию: цвет текста наследуется от меню */ +.l-top_menu .menu-items > .entry.selected, +.l-top_menu .menu-items > .entry > a:active { + color: inherit !important; +} + +/* Цвет текста пунктов меню при наведении */ +/* По умолчанию: цвет текста наследуется от меню */ +.l-top_menu .menu-items > .entry:hover { + color: inherit; +} + +/* Цвет фона пунктов меню при наведении */ +.l-top_menu .menu-items > .entry > a:hover { + background-color: rgba(255, 255, 255, 0.12) !important; +} + +/* ВЫПАДАЮЩЕЕ МЕНЮ */ +@media only screen and (min-width: 1025px) { + /* Цвет фона выпадающего меню при наведении */ + .l-top_menu .submenu, + .b-main_search ul.popup { + background: #424242; + } + /* Цвет пунктов выпадающего меню при щелчке */ + /* Цвет активных пунктов выпадающего меню */ + /* По умолчанию: затемненный цвет фона выпадающего меню */ + .l-top_menu .submenu > .entry:active, + .l-top_menu .submenu > .entry.active, + .b-main_search .popup li:active, + .b-main_search .popup li.active { + background-color: rgba(0, 0, 0, 0.24); + } + /* Цвет пунктов выпадающего меню при наведении */ + /* По умолчанию: осветленный цвет фона выпадающего меню */ + .l-top_menu .submenu > .entry:hover, + .b-main_search .popup li:hover { + background-color: rgba(255, 255, 255, 0.24); + } + /* Цвет текста выпадающих меню */ + /* По умолчанию: цвет текста наследуется от меню */ + .l-top_menu .menu-search > .entry, + .l-top_menu .menu-userbox > .entry, + .l-top_menu .submenu { + color: inherit; + } + /* Цвет текста выпадающих меню при щелчке */ + /* Цвет текста активных пунктов выпадающего меню */ + /* По умолчанию: цвет текста наследуется от выпадающего меню */ + .l-top_menu .submenu > .entry:active, + .l-top_menu .submenu > .entry.active, + .b-main_search .popup li:active, + .b-main_search .popup li.active { + color: inherit; + } + /* Цвет текста выпадающих меню при наведении */ + /* По умолчанию: цвет текста наследуется от выпадающего меню */ + .l-top_menu .submenu > .entry:hover, + .b-main_search .popup li:hover { + color: inherit; + } + /* ЦВЕТА ПОИСКА */ + /* Фон строки поиска */ + .b-main_search .input { + background: rgba(242, 242, 242, 0.32); + } + /* Набираемый текст в строке поиска */ + .b-main_search .input input { + color: #fff; + } + /* Вспомогательный текст в строке поиска */ + .b-main_search input::-webkit-input-placeholder { + color: #ddd; + } + .b-main_search input:-moz-placeholder { + color: #ddd; + } + .b-main_search input::-moz-placeholder { + color: #ddd; + } + .b-main_search input:-ms-input-placeholder { + color: #ddd; + } +} + +/* ЦВЕТ ИКОНОК в меню (для мобильной версии) */ +/* По умолчанию: цвет текста наследуется от меню */ +.l-top_menu .to-mobile-forum, +.l-top_menu .menu-mobile .search, +.l-top_menu .menu-mobile .menu, +.l-top_menu .menu-mobile #sign_in, +.l-top_menu .menu-userbox .search, +.l-top_menu .menu-userbox .menu, +.l-top_menu .menu-userbox #sign_in { + color: inherit; +} + +/* END of Настройка цветов в меню */ +/* NOTE: Что это за элемент? */ +.to-top-fix { + height: 0; + background: none; + border: 0; +} + +.l-top_menu:before { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + opacity: 1; + transition: .3s; +} + +.l-top_menu { + position: fixed; + top: 0; + right: 0; + left: 0; + width: 100%; + max-width: 100%; + height: auto; + margin: auto; + background-color: transparent; + background-image: none; + border: none; + box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.24); + overflow: visible; +} + +/* Высота меню на мобильном телефоне в портретном режиме */ +/* Если вы меняете высоту меню, необходимо изменить верхний отступ страницы: */ +/* .l-page padding-top: 64px цифра равна высоте меню + 16px */ +/* Скопируйте правило и вставьте его в блоке МОИ НАСТРОЙКИ в конце файла. */ +.l-top_menu { + padding: 4px 0; +} + +/* NOTE: Максимальное разрешение SONY Xperia Z Ultra: 960x540px */ +@media screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape) { + .l-top_menu { + padding: 0; + } + .l-page { + padding-top: 64px; + } +} + +/* На планшетах и далее, высота меню равна 56px */ +@media screen and (min-width: 961px) and (orientation: landscape) { + .l-top_menu { + padding: 4px 0; + } +} + +/* MENUTOP > LOGO */ +.l-top_menu .inner > a:first-child { + display: inline-block; + vertical-align: top; + margin: 0 0 0 32px; + color: inherit !important; +} + +.l-top_menu .inner .logo { + float: none; + position: static; + width: auto; + height: auto; + padding: .8125rem 1rem; + margin: 0; + background: none; +} + +.l-top_menu .inner .logo:before { + content: 'Главная'; + display: block; + color: inherit; + font-size: 16px; + line-height: 22px; +} + +@media only screen and (min-width: 320px) { + .l-top_menu .inner .logo:before { + content: 'Shikimori'; + font-size: 20px; + text-transform: uppercase; + } +} + +@media only screen and (min-width: 480px) { + .l-top_menu .inner .logo:before { + content: 'Shikimori'; + font-size: 20px; + text-transform: uppercase; + } +} + +.l-top_menu .to-mobile-forum { + display: inline-block; + vertical-align: top; + position: static; + left: 138px; + width: 40px; + height: 40px; + padding: 8px; + margin: 4px !important; +} + +.l-top_menu .to-mobile-forum:before { + width: 1.5rem; + line-height: 1.5rem; + text-align: center; + font-size: 24px; +} + +.l-top_menu .mobile-menu-toggler, +.l-top_menu .mobile-search-toggler { + position: absolute; + top: 0; + z-index: 10; +} + +.l-top_menu .mobile-menu-toggler { + left: 0; +} + +.l-top_menu .mobile-search-toggler { + right: 56px; +} + +/* Перерисовываем меню сайта под Material */ +.l-top_menu .mobile-menu-toggler.active { + position: fixed; + top: 0; + left: 0; + width: 100% !important; + height: 100% !important; + margin: 0 !important; + background-color: #000; + z-index: 12; + opacity: .48; +} + +.l-top_menu .menu-items { + position: absolute; + top: 0; + width: calc(100% - 56px); + max-width: 320px; + height: calc(100vh + 16px); + padding: 8px 0; + margin: -8px 0; + overflow-y: auto; + z-index: 13; +} + +/* EXPERIMENTAL > ANIMATED MOBILE MENU */ +.l-top_menu .menu-items { + display: block; + transform: translate(-100%, 0); + transition: 240ms ease-out; +} + +.l-top_menu .menu-items.active { + transform: translate(0, 0); +} + +/* END of EXPERIMENTAL */ +@media only screen and (min-width: 320px) { + .l-top_menu .inner > a:first-child { + margin: 0 0 0 40px; + } +} + +@media only screen and (min-width: 360px) { + .l-top_menu .inner > a:first-child { + margin: 0 0 0 48px; + } +} + +@media only screen and (min-width: 1025px) { + .l-top_menu .inner > a:first-child { + margin: 0; + } +} + +@media only screen and (min-width: 1025px) { + .l-top_menu .to-mobile-forum { + display: none; + } + .l-top_menu .menu-items { + display: inline-block; + vertical-align: top; + position: static; + width: auto; + max-width: 100%; + height: auto; + padding: 0; + margin: 0; + margin-left: 0; + background-color: transparent; + color: inherit; + overflow: initial; + overflow-y: visible; + transform: translate(0, 0); + } + .l-top_menu .menu-items > .entry:active { + background-color: inherit; + } + .l-top_menu .menu-items > .entry:active, + .l-top_menu .submenu > .entry:active, + .l-top_menu .menu-items > .entry > a { + color: inherit !important; + } + .l-top_menu .menu-items > .entry > .submenu { + margin-top: 4px; + margin-left: 0; + } + .l-top_menu .submenu.right { + right: 0px; + margin-top: 4px; + } + .b-main_search ul.popup, + .b-main_search.hovered .popup { + margin: 0; + margin-top: 12px; + } + .l-top_menu .submenu > .entry, + .b-main_search .popup li { + color: inherit; + } + .b-main_search.hovered .popup { + height: 304px; + } + .l-top_menu .menu-items > .entry.calendar > a, + .l-top_menu .menu-items > .entry.info > a { + padding: 0.9375rem; + } + .l-top_menu .menu-items > .entry.calendar > a:before, + .l-top_menu .menu-items > .entry.info > a:before { + display: block !important; + } + .l-top_menu .menu-items > .entry.calendar > a:after, + .l-top_menu .menu-items > .entry.info > a:after { + display: none; + } +} + +.l-top_menu .menu-items > .entry { + float: none; + display: block; + padding: 0; + border: 0; + line-height: inherit; +} + +@media (min-width: 1025px) { + .l-top_menu .menu-items > .entry { + display: inline-block; + vertical-align: top; + } +} + +.l-top_menu .menu-items > .entry.selected, +.l-top_menu .menu-items > .entry:hover { + background-color: transparent; +} + +.l-top_menu .menu-items > .entry > a, +.l-top_menu .menu-items > .entry.sign_out { + padding: 1rem; + margin: 0; + font-size: inherit; + line-height: 1rem; +} + +.l-top_menu .menu-items > .entry > a.contest { + width: 3rem; + height: 3rem; + padding: .75rem !important; + background: inherit; +} + +.l-top_menu .menu-items > .entry > a.contest:before { + width: 1.5rem !important; + font-size: 1.5rem !important; + color: #424242; +} + +@media only screen and (min-width: 1025px) { + .l-top_menu .menu-items > .entry > a.contest { + width: 40px; + height: 40px; + padding: 11px !important; + margin: 4px; + background: transparent; + border-radius: 2px; + } + .l-top_menu .menu-items > .entry > a.contest:before { + position: static; + width: 18px !important; + margin: 0; + color: inherit; + font-size: 18px !important; + } +} + +/* Текст вместо иконок в верхнем меню */ +.l-top_menu .menu-items > .entry.calendar > a, +.l-top_menu .menu-items > .entry.info > a { + padding: 1rem; + margin: 0; + line-height: 1rem; +} + +.l-top_menu .menu-items > .entry.calendar > a:before, +.l-top_menu .menu-items > .entry.info > a:before { + display: none !important; +} + +.locale-ru .l-top_menu .menu-items > .entry.calendar > a:after { + content: 'Календарь онгоингов'; +} + +.locale-en .l-top_menu .menu-items > .entry.calendar > a:after { + content: 'Calendar'; +} + +.locale-ru .l-top_menu .menu-items > .entry.info > a:after { + content: 'Информация'; +} + +.locale-en .l-top_menu .menu-items > .entry.info > a:after { + content: 'Info'; +} + +@media only screen and (min-width: 1025px) { + .l-top_menu .menu-items > .entry.calendar > a, + .l-top_menu .menu-items > .entry.info > a { + padding: 0.9375rem; + } + .l-top_menu .menu-items > .entry.calendar > a:before, + .l-top_menu .menu-items > .entry.info > a:before { + display: block !important; + } + .l-top_menu .menu-items > .entry.calendar > a:after, + .l-top_menu .menu-items > .entry.info > a:after { + display: none; + } +} + +/* END of Текст вместо иконок в верхнем меню */ +/* Уведомления о голосованиях */ +.l-top_menu .menu-items > .entry > a.contest { + position: relative; +} + +.l-top_menu .menu-items > .entry > a.contest:hover { + background-color: transparent !important; +} + +.l-top_menu .menu-items > .entry > a.contest, +.l-top_menu .menu-items > .entry > a.contest:before { + transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); +} + +.l-top_menu .menu-items > .entry > a.contest:after { + content: attr(data-count); + position: absolute; + top: .125rem; + right: .125rem; + width: 1.25rem; + background-color: #FFAB40; + border-radius: 50%; + color: #212121; + font-size: .75rem; + line-height: 1.25rem; + text-align: center; +} + +@media screen and (min-width: 1025px) { + .l-top_menu .menu-items > .entry > a.contest:after { + top: -.25rem; + right: -.25rem; + } +} + +/* END of Уведомления о голосованиях */ +/* Уменьшение ширины пунктов меню */ +/* Уменьшение ширины "Сообщество" */ +@media screen and (min-width: 1025px) { + .l-top_menu .menu-items > .entry > a[href*="/forum"] { + padding: .875rem; + font-size: 0; + line-height: 0; + } + .l-top_menu .menu-items > .entry > a[href*="/forum"]:before { + content: 'people'; + font-size: 1.25rem; + } +} + +/* Уменьшение ширины всех пунктов меню */ +.x1000 .l-top_menu .menu-items > .entry > a, +.x1000 .l-top_menu .menu-items > .entry.sign_out { + padding: 1rem .875rem; +} + +/* END of Уменьшение ширины пунктов меню */ +.l-top_menu .submenu, +.b-main_search ul.popup { + min-width: 112px; + border: 0; +} + +.b-main_search .popup li { + transition: 0s; +} + +.l-top_menu .submenu > .entry { + height: 2rem; + padding: .5rem 1rem; + background-color: transparent; + border: 0; + font-size: .875rem; + line-height: 1rem; +} + +.l-top_menu .submenu > .entry:first-child, +.b-main_search ul.popup li:first-child { + margin-top: .5rem; +} + +.l-top_menu .submenu > .entry:last-child, +.b-main_search ul.popup li:last-child { + margin-bottom: .5rem; +} + +.l-top_menu .menu-items .submenu-toggler { + right: 0; + width: 48px; + height: 48px; + padding: .75rem; + margin: 0; + z-index: 10; +} + +.l-top_menu .menu-items .submenu-toggler:before { + width: 24px; + line-height: 24px; +} + +@media screen and (min-width: 1025px) { + .l-top_menu .menu-items .submenu-toggler, + .l-top_menu .inner .sign_out { + display: none; + } + .l-top_menu .menu-items > .entry { + color: inherit; + } +} + +@media screen and (max-width: 1024px) { + .l-top_menu .submenu { + padding-left: 32px; + } +} + +/* TOPMENU | SEARCH */ +.l-top_menu .menu-search { + padding: 8px 0; +} + +@media screen and (min-width: 1025px) { + .l-top_menu .menu-search { + padding: 0; + } + .l-top_menu .menu-search > .entry { + width: 234px; + padding: 8px 0 !important; + } +} + +.b-main_search { + padding-right: 8px !important; + padding-left: 8px !important; +} + +.b-main_search .input { + position: relative; + width: auto; + height: 2rem; + padding: 0; + margin: 0; + transition: background .3s; +} + +.b-main_search.hovered .popup { + border: 0; + font-size: .875rem; +} + +.b-main_search ul.popup li { + width: auto; + height: 2rem; + padding: .5rem 1rem; + border: 0; + font-family: inherit; + font-size: .875rem; + line-height: 1rem; +} + +.b-main_search .input input { + width: 100%; + padding: 0 1rem; + font-family: inherit; + font-size: 1rem; + line-height: 2rem; +} + +.b-main_search .input input.ac_loading { + width: 100%; + padding: 0 1rem; +} + +.b-main_search ul.popup { + width: inherit; +} + +/* END of SEARCH */ +/* TOPMENU | SEARCHRESULT */ +.ac_results.menu-suggest, +.completable-block.menu-suggest { + border: 0; + box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.24); +} + +.ac_results, +.completable-block { + font-size: .75rem; +} + +.ac_odd { + background-color: rgba(0, 0, 0, 0.24); +} + +.ac_over { + background-color: rgba(255, 255, 255, 0.24); +} + +.ac_results li { + padding: 0 .5rem; + border: none; + line-height: 2rem; +} + +.b-main_search ul.popup, +.b-main_search.hovered .popup { + margin: 0; +} + +.ac_results.menu-suggest, +.completable-block.menu-suggest { + margin-top: -17px; + margin-left: 6px; +} + +.ac_results .name { + font-size: 14px; +} + +.ac_results .name > strong { + background-color: #ff0; + color: #111; +} + +.ac_results .character-suggest .animes { + line-height: 1.25rem; +} + +.ac_results .character-suggest .animes > div { + margin: 2px 0 0; +} + +.ac_results .character-suggest .avatar { + width: 40px; + height: auto; + max-height: 64px; + margin: 8px 0 0 8px; + clip-path: circle(20px at 20px 20px); +} + +/* END of SEARCHRESULT */ +/* TOPMENU | USERBOX */ +.l-top_menu .menu-userbox { + position: absolute; + top: 0; + right: 0; +} + +.l-top_menu .menu-userbox > .entry { + position: relative; + height: 48px; + padding: 0 !important; + margin: 0 .5rem 0 1rem !important; + cursor: default; +} + +.entry.userbox > .avatar { + display: inline-block; + vertical-align: top; + position: relative; + width: 32px; + height: 32px; + margin: 8px; + border-radius: 100%; +} + +.entry.userbox > .avatar:after { + content: ''; + display: block; + position: absolute; + top: 0; + left: 0; + width: inherit; + height: inherit; + border-radius: 100%; +} + +.entry.userbox > .avatar > img { + height: inherit; +} + +.userbox > a .graphics-arrow-down, +.l-top_menu .menu-search .arrow-container, +.l-top_menu .menu-userbox .arrow-container, +.l-top_menu .menu-search .arrow-container .arrow-down, +.l-top_menu .menu-userbox .arrow-container .arrow-down { + display: none; +} + +@media screen and (max-width: 1024px) { + .userbox img.avatar, + .menu .unread-count { + margin-top: 0; + } +} + +.menu .unread-count { + position: absolute; + top: 0; + right: 0; + width: 1.25rem; + height: auto; + margin: 0; + border-radius: 100%; + line-height: 1.25rem; + z-index: 1; +} + +@media screen and (min-width: 1025px) { + .l-top_menu .menu-userbox { + position: relative; + } +} + +/* END of USERBOX */ +/* TOPMENU | ICON */ +.l-top_menu .menu-mobile .search, +.l-top_menu .menu-mobile .menu, +.l-top_menu .menu-userbox .search, +.l-top_menu .menu-userbox .menu { + width: 40px; + height: 40px; + padding: 8px; + margin: 4px; + margin-left: 4px !important; +} + +.l-top_menu .menu-mobile #sign_in, +.l-top_menu .menu-userbox #sign_in { + width: 40px; + height: 40px; + padding: 8px; + margin: 4px; + margin-left: 4px !important; +} + +@media (min-width: 1025px) { + .l-top_menu .menu-mobile #sign_in, + .l-top_menu .menu-userbox #sign_in { + width: 48px; + height: 48px; + padding: 12px; + margin: 0; + } +} + +/* END of ICON */ +/* ************** */ +/* END of TOPMENU */ +/* ************** */ +/** + * PAGINATION + * + */ +/* Делаем пагинацию более удобной */ +.p-animes_collection-index .pagination, +.p-mangas_collection-index .pagination, +.p-recommendations-index .pagination, +.p-userlist_comparer-show .pagination { + margin: 8px 0; + color: inherit; + font-size: 14px; + line-height: 32px; +} + +/* Добавляем разной ерунды */ +.p-animes_collection-index .pagination > *, +.p-mangas_collection-index .pagination > *, +.p-recommendations-index .pagination > *, +.p-userlist_comparer-show .pagination > * { + vertical-align: top; +} + +.p-animes_collection-index .pagination .link, +.p-mangas_collection-index .pagination .link, +.p-recommendations-index .pagination .link, +.p-userlist_comparer-show .pagination .link { + width: 40px; + height: 40px; + padding: 8px; + margin: -4px 8px; + font-size: 0; +} + +.p-animes_collection-index .pagination .link:first-child, +.p-mangas_collection-index .pagination .link:first-child, +.p-recommendations-index .pagination .link:first-child, +.p-userlist_comparer-show .pagination .link:first-child { + margin-left: 0; +} + +.p-animes_collection-index .pagination .link:last-child, +.p-mangas_collection-index .pagination .link:last-child, +.p-recommendations-index .pagination .link:last-child, +.p-userlist_comparer-show .pagination .link:last-child { + margin-right: 0; +} + +.p-animes_collection-index .pagination .link:hover, +.p-mangas_collection-index .pagination .link:hover, +.p-recommendations-index .pagination .link:hover, +.p-userlist_comparer-show .pagination .link:hover { + text-decoration: none; +} + +.p-animes_collection-index .pagination .link.disabled:hover, +.p-mangas_collection-index .pagination .link.disabled:hover, +.p-recommendations-index .pagination .link.disabled:hover, +.p-userlist_comparer-show .pagination .link.disabled:hover { + background-color: transparent; +} + +.p-animes_collection-index .pagination .link:before, +.p-mangas_collection-index .pagination .link:before, +.p-recommendations-index .pagination .link:before, +.p-userlist_comparer-show .pagination .link:before { + display: block; + width: 24px !important; + font-family: 'Material Icons' !important; + font-size: 24px !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-animes_collection-index .pagination .link.link-prev:before, +.p-mangas_collection-index .pagination .link.link-prev:before, +.p-recommendations-index .pagination .link.link-prev:before, +.p-userlist_comparer-show .pagination .link.link-prev:before { + content: 'chevron_left'; +} + +.p-animes_collection-index .pagination .link.link-next:before, +.p-mangas_collection-index .pagination .link.link-next:before, +.p-recommendations-index .pagination .link.link-next:before, +.p-userlist_comparer-show .pagination .link.link-next:before { + content: 'chevron_right'; +} + +/* ***************** */ +/* END of PAGINATION */ +/* ***************** */ +/** + * SUBHEADER + * Изменение подзаголовков разделов и ссылок в них. + */ +.headline { + padding: 8px 0; + margin: 8px 0; + background: none; + border: 0; + font-size: 24px; + font-weight: 400; + line-height: 32px; + text-transform: capitalize; +} + +.mischeadline, +.c-my_list .title, +.subheadline, +.midheadline, +.b-stats_bar .title, +.profile-content .activity .title, +.lifetime .title { + padding: 16px 0; + margin-bottom: 0; + background-color: transparent; + border: 0; + font-size: .875rem; + line-height: 1rem; + text-transform: uppercase; + overflow: initial; +} + +.p-db_entries-edit_field .subheadline { + overflow: hidden; +} + +.midheadline > a, +.subheadline > a { + vertical-align: top; + margin: -.5rem -1rem; +} + +.midheadline > a, +.subheadline > a, +.b-form .cancel, +.b-shiki_editor footer .unpreview, +.b-shiki_editor footer .preview, +.b-topic-preview > .editor-container .hide { + display: inline-block; + padding: 0 1rem; + background-color: transparent; + border-radius: .125rem; + font-size: .875rem; + line-height: 2rem !important; + text-transform: uppercase; +} + +.headline > a:before, +.midheadline > a:before, +.subheadline > a:before { + right: 0; + left: 0; + text-align: right; + opacity: 0; + pointer-events: auto; +} + +.headline.linkheadline > a, +.linkheadline.midheadline > a, +.linkheadline.subheadline > a { + text-decoration: none; +} + +.subheadline .misc-link { + float: right; +} + +.subheadline-input { + padding: 5px 8px; + margin-top: 8px !important; + border-radius: 2px !important; + font-size: 14px; + line-height: inherit !important; +} + +@media screen and (max-width: 767px) { + .subheadline-input { + padding-bottom: 5px !important; + padding-top: 5px !important; + } +} + +.subheadline-buttons { + right: 0; + margin: 0; +} + +.subheadline-buttons + .subheadline { + padding-right: 3rem; +} + +/* HOVER */ +.headline > a:hover, +.midheadline > a:hover, +.subheadline > a:hover { + text-decoration: none; +} + +.subheadline-buttons .item-edit, +.p-characters .item-edit { + display: inline-block; + width: 40px; + height: 40px; + padding: 8px; + margin: 4px 0; +} + +@media only screen and (min-width: 768px) { + .b-options-floated.r-edit { + margin-right: 48px; + } +} + +/* END of SUBHEADER */ +/** + * CONTEST PAGE + */ +.p-contests .contest-match { + padding: 16px 0; + margin-bottom: 0; +} + +.p-contests .contest-match .current-match .match-members:last-child { + margin-bottom: 0 !important; +} + +.p-contests .contest-match .vs .refrain { + display: inline-block; + padding: 0 16px; + font-size: 14px; + line-height: 32px; + text-transform: uppercase; +} + +.p-contests .contest-match .vs .refrain:hover { + text-decoration: none; +} + +.p-contests .match-day { + position: relative; + margin-bottom: 16px; + text-align: center; +} + +.p-contests .match-day:before { + content: ''; + display: block; + position: absolute; + top: 10px; + right: 0; + left: 0; + height: 1px; +} + +.p-contests .match-day > .date { + position: relative; + display: inline-block; + padding: 0 16px; + margin-bottom: 4px; + text-align: center; + text-transform: uppercase; +} + +.p-contests .match-day > .date .from, +.p-contests .match-day > .date .to { + margin-right: 8px; +} + +.p-contests .match-day > .date .to { + margin-left: 8px; +} + +.p-contests .match-day .match-link { + padding-left: 0; + text-align: left; +} + +.p-contests .match-day .match-link .c-column { + line-height: 32px; +} + +.p-contests .match-day .match-link .voted:before, +.p-contests .match-day .match-link .winner:before, +.p-contests .match-day .match-link .loser:before, +.p-contests .match-day .match-link .created:before, +.p-contests .match-day .match-link .started:before, +.p-contests .match-day .match-link .finished:before { + display: inline-block; + vertical-align: top; + width: 18px; + padding-right: 0; + padding-left: 0; + margin: 7px 0; + margin-right: 14px; + font-family: "Material Icons"; + font-size: 18px; + font-weight: normal !important; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-contests .match-day .match-link .created:before { + color: #9B9B9B; + content: "lock"; + padding-right: 0; +} + +.p-contests .match-day .match-link .started:before { + content: "check_box_outline_blank"; + color: #757575; +} + +.p-contests .match-day .match-link.voted-none .started:before { + color: #9B9B9B; +} + +.p-contests .match-day .match-link.voted-left .started:first-child:before, +.p-contests .match-day .match-link.voted-right .started:last-child:before { + content: "check_box"; +} + +.p-contests .match-day .match-link.voted-left .started:last-child:before, +.p-contests .match-day .match-link.voted-right .started:first-child:before { + content: 'indeterminate_check_box'; +} + +.p-contests .match-day .match-link .winner:before { + content: "thumb_up"; +} + +.p-contests .match-day .match-link .loser:before { + content: "thumb_down"; + padding-right: 0; +} + +.p-contests .match-day .match-link.voted-left .started:first-child:before, +.p-contests .match-day .match-link.voted-right .started:last-child:before, +.p-contests .match-day .match-link .winner:before { + color: #66BB6A; +} + +.p-contests .match-day .match-link.voted-left .started:last-child:before, +.p-contests .match-day .match-link.voted-right .started:first-child:before, +.p-contests .match-day .match-link .loser:before { + color: #EF5350; +} + +.p-contests .match-day .matches-num { + display: inline-block; + width: 56px; + padding-right: 0; + font-size: 16px; +} + +.p-contests-show .cc-round_stats > .c-column:first-child:last-child > .block:last-child { + padding: 4px 0; +} + +.p-contests-show .warning { + margin-top: 0; + margin-bottom: 16px; +} + +.p-contests .rating .member { + height: auto; +} + +.p-contests-users .subheadline a:hover { + background: none; +} + +.p-contests .contest-match .votes-percents { + border-radius: 4px; + font-size: 14px; + line-height: 24px; +} + +.p-contests .contest-match .votes-percents span { + float: left; + position: relative; + white-space: nowrap; + z-index: 1; +} + +.p-contests .contest-match .votes-percents .left-part { + position: relative; + border-radius: inherit; + padding-left: 8px; +} + +.p-contests .contest-match .votes-percents .left-part > span { + color: #212121; +} + +.p-contests .contest-match .votes-percents .right-part { + position: absolute; + top: 0; + right: 0; + padding-right: 8px; +} + +.p-contests .contest-match .votes-percents .right-part span { + float: right; +} + +.p-contests .contest-match .votes-percents .left-part, +.p-contests .contest-match .votes-percents .right-part { + height: auto; +} + +.p-contests .contest-match .votes-percents .right-part:before { + left: -24px; + border-right-width: 24px; + border-top-width: 48px; +} + +.p-contests .contest-match .votes-percents .left-part:hover .right-part:before { + border-right-width: 24px; +} + +.p-contests .contest-match .votes-percents .right-part:before, +.p-contests .contest-match .votes-percents .left-part:hover .right-part:before { + border-right-color: inherit; +} + +.p-contests .results .cc-result .c-rounds .match-day:before { + display: none; +} + +.p-contests .results .cc-result .c-rounds .match-day .match { + padding-bottom: 0; + line-height: 32px; + text-align: left; +} + +.p-contests .results .cc-result .c-rounds .match-link { + display: inline-block; +} + +@media (min-width: 481px) { + .p-contests .contest-match .prev-match:hover, + .p-contests .contest-match .next-match:hover { + background-color: transparent; + } +} + +/* Mobile Ver. */ +@media (max-width: 480px) { + .p-contests .contest-match .prev-match, + .p-contests .contest-match .next-match { + position: absolute; + left: 0; + width: auto; + padding: 8px; + border-radius: 2px; + line-height: 32px; + z-index: 2; + } + .p-contests .contest-match .next-match { + right: 0; + left: auto; + } + .p-contests .contest-match .next-match:before { + margin: 0; + } + .p-contests .contest-match .prev-match:before, + .p-contests .contest-match .next-match:before { + display: block; + font-family: 'Material Icons'; + font-size: 24px; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; + } + .p-contests .contest-match .prev-match:before { + content: 'chevron_left'; + } + .p-contests .contest-match .next-match:before { + content: 'chevron_right'; + } + .p-contests .contest-match .current-match { + clear: both; + } + .p-contests .contest-match .current-match .match-members { + padding-top: 96px; + margin-bottom: 4px; + } + .p-contests .contest-match .current-match .match-member { + position: relative; + width: 48%; + z-index: 2; + } + .p-contests .contest-match .current-match .match-member:first-child { + float: left; + } + .p-contests .contest-match .current-match .match-member:last-child { + float: right; + } + .p-contests .contest-match .vs { + position: absolute; + top: 72px; + width: 100%; + } + .p-contests .contest-match .vs > div:first-child { + display: inline-block; + position: absolute; + top: 112px; + right: 0; + left: 0; + width: 72px; + height: 72px; + margin: auto; + border-radius: 100%; + font-size: 24px; + line-height: 72px; + text-transform: uppercase; + z-index: 6; + } + .p-contests .contest-match .vs .finish { + position: absolute; + top: -64px; + right: 0; + left: 0; + width: 148px; + margin: auto; + font-size: 12px; + line-height: 20px; + } + .p-contests .contest-match .vs .refrain { + position: absolute; + top: -62px; + right: 0; + left: 0; + width: 168px; + margin: auto; + z-index: 7; + } + .p-contests .contest-match .vs .next { + position: absolute; + top: -56px; + right: 0; + left: 0; + width: 168px; + margin: auto; + font-size: 14px; + line-height: 32px; + text-transform: uppercase; + z-index: 5; + } + .p-contests .contest-match .match-losers { + display: block; + padding: 0; + } +} + +@media (max-width: 1024px) { + .p-contests .match-day .match-link .c-column { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + } + .p-contests .match-day .match-link .winner:before, + .p-contests .match-day .match-link .loser:before { + display: none; + } + .p-contests .match-day .matches-num { + width: auto; + padding: 0 4px; + margin-right: 8px; + border-radius: 2px; + color: #FFF; + font-size: 12px; + line-height: 20px; + } + .p-contests .match-day .winner .matches-num { + background-color: #66bb6a; + } + .p-contests .match-day .loser .matches-num { + background-color: #ef5350; + } +} + +/* END of Mobile Ver. */ +/* END of CONTEST PAGE */ +/* ROUNDED IMAGES */ +.b-dialog > .inner header img, +.b-message > .inner header img, +.p-user_rates-index .l-menu .avatar img, +.avatar > img { + border-radius: 100%; +} + +/* END of ROUNDED IMAGES */ +/* TODO: replace */ +.b-catalog_entry.dropped .image-cutter { + filter: grayscale(100%); +} + +/** + * ANIME PAGE + */ +.b-animes-menu .friend-rate { + line-height: 1.5rem; + white-space: nowrap; +} + +.b-animes-menu .site-icon { + margin-top: .25rem; + margin-right: .75rem; +} + +.b-db_entry { + margin-bottom: 8px; +} + +.b-db_entry-note .name-container { + padding: .25rem 0; +} + +.b-db_entry-note .name-container .name { + display: block; + font-size: 1rem; + line-height: 1.25rem; +} + +.b-db_entry-note .name-container .note { + margin-top: 4px; + font-size: .875rem; + line-height: 1rem; +} + +.b-db_entry-note .name-container .note > span { + display: inline-block; + vertical-align: top; +} + +.b-db_entry-note .name-container .b-user_rate { + margin-top: .375rem; +} + +.b-db_entry > .c-about .c-info-left, +.b-db_entry > .c-about .c-info-right, +.b-db_entry > .c-about .c-info-left:last-child, +.b-db_entry > .c-about .c-info-right:last-child { + margin-bottom: 8px !important; +} + +.p-animes .b-db_entry > *:last-child { + clear: left; + padding-top: 0; + margin-left: 0 !important; +} + +.p-people .subheadline.m10 { + width: 100%; +} + +.p-people .m0 { + clear: both; + padding: 0; + margin: 0 !important; +} + +.p-characters .subheadline.m5 { + width: 100%; + overflow: hidden; +} + +.p-characters .subheadline.m5 > a { + display: block; +} + +.p-characters .subheadline.m10 { + width: auto; +} + +.p-characters .subheadline.m10 > a { + display: inline-block; +} + +@media screen and (max-width: 480px) and (orientation: portrait) { + .b-db_entry > .c-image .c-actions > a { + width: auto !important; + } +} + +.b-lang_trigger { + position: absolute; + top: -53px; + right: 0; + width: 40px; + height: 40px; + padding: 10px 0; + margin: 4px; + font-size: 12px; + line-height: 20px; + text-align: center; + text-transform: uppercase; + cursor: pointer; +} + +.b-lang_trigger:before, +.b-lang_trigger:after { + display: none; +} + +.b-lang_trigger span { + border: 0; +} + +.midheadline, +.m10 { + margin-bottom: 0 !important; +} + +.b-user_rate .rate-show .note { + padding: 8px 16px; + font-size: 14px; + line-height: 20px; +} + +.b-user_rate .rate-show .note:before { + content: 'Заметка'; + display: block; + font-size: 10px; +} + +.b-forums .forum .topics { + margin-left: 8px; + margin-top: 0; +} + +/* ADD TO LIST BUTTON */ +.b-add_to_list { + min-width: 0; +} + +.b-add_to_list .trigger, +.b-add_to_list .option { + border: 0; +} + +.b-add_to_list .trigger, +.b-add_to_list .option { + padding: .5rem 1rem .5rem 3rem; + border: 0; + line-height: 1.5rem; +} + +/* thx @bot.AkiKawasaki */ +.b-add_to_list .trigger { + border-radius: .125rem; +} + +.b-add_to_list .option:last-child { + border-radius: 0 0 .125rem .125rem; +} + +.b-add_to_list .trigger + .expanded-options { + margin-top: -.125rem; +} + +.b-add_to_list .plus, +.b-add_to_list .edit, +.b-add_to_list .trigger-arrow { + width: 2.5rem; + height: 2.5rem; + padding: .5rem; + margin: -.5rem -1rem -.5rem 0; + color: inherit !important; +} + +.b-add_to_list .plus, +.b-add_to_list .edit { + position: absolute; + left: 0; + margin-left: 0 !important; + margin-right: .5rem !important; +} + +.b-add_to_list .trigger-arrow { + position: relative; +} + +.b-add_to_list .expanded-options .option .text { + padding-left: 0; +} + +.b-add_to_list.completed ~ .rate-show > .rate-number, +.b-add_to_list.completed ~ .rate-show > .episodes { + height: 1rem; + margin-bottom: 0; + font-size: 0; +} + +/* DENSE ATL_BUTTON */ +.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 { + padding: 0 1rem 0 2.25rem; + line-height: 2rem; +} + +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .plus, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .edit, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger-arrow { + width: 2rem; + height: 2rem; + padding: .4375rem; + margin: 0 -1rem 0 .25rem; +} + +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .plus, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .edit { + margin-right: .25rem !important; +} + +/* END of DENSE ATL_BUTTON */ +/* ATL_BUTTON in NEWS */ +.b-catalog_entry-tooltip .b-add_to_list { + width: auto; +} + +.b-catalog_entry-tooltip .b-add_to_list .trigger { + font-size: .875rem; + line-height: 1.5rem; +} + +.b-catalog_entry-tooltip .b-add_to_list .option { + font-size: .875rem; +} + +.b-catalog_entry-tooltip .b-add_to_list .trigger, +.b-catalog_entry-tooltip .b-add_to_list .add-trigger, +.b-catalog_entry-tooltip .b-add_to_list .remove-trigger { + max-width: 224px; +} + +/* END of ATL_BUTTON in NEWS */ +/* FIX ORIGINAL STYLE */ +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .plus::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .edit::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .trigger-arrow::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .plus::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .edit::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .trigger-arrow::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .plus::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .edit::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .trigger-arrow::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .plus::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .edit::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .trigger-arrow::before { + color: inherit; +} + +/* FIX: ADD_TO_LIST LAYOUT IN NOTES (issue #7) */ +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger { + padding: 0 1rem 0 2rem; +} + +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger + .expanded-options { + margin-top: 0; +} + +/* END of ADD TO LIST BUTTON */ +.b-catalog_entry.planned .image-decor::after, +.b-catalog_entry.watching .image-decor::after, +.b-catalog_entry.completed .image-decor::after, +.b-catalog_entry.rewatching .image-decor::after, +.b-catalog_entry.on_hold .image-decor::after, +.b-catalog_entry.dropped .image-decor::after { + top: auto; + right: .375rem; + bottom: .375rem; + width: 2rem; + height: auto; + border: none; + border-radius: 100%; + font-size: 1.125rem; + line-height: 2rem; + box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.32); + /* TODO: MERGE with ICON_FONT */ + font-family: 'Material Icons'; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-animes_collection-index.x1000 .b-catalog_entry .image-decor::after, +.p-mangas_collection-index.x1000 .b-catalog_entry .image-decor::after, +.p-recommendations-index.x1000 .b-catalog_entry .image-decor::after, +.p-userlist_comparer-show.x1000 .b-catalog_entry .image-decor::after { + width: 32px; + height: auto; + border-radius: 100%; + line-height: 32px; +} + +.b-catalog_entry.planned .image-decor::after { + content: "event"; +} + +.b-catalog_entry.watching .image-decor::after { + content: "play_arrow"; +} + +.b-catalog_entry.rewatching .image-decor::after { + content: "replay"; +} + +.b-catalog_entry.completed .image-decor::after { + content: "done"; +} + +.b-catalog_entry.on_hold .image-decor::after { + content: "schedule"; +} + +.b-catalog_entry.dropped .image-decor::after { + content: "delete"; +} + +.b-db_entry-note .name-container { + margin-left: 64px; + line-height: inherit; +} + +header.head, +.block, +.b-add_to_list, +.b-user_rate .rate-show { + margin-bottom: .5rem; +} + +.l-page > div > header.head { + margin-bottom: 1.5rem; +} + +.p-profiles-edit .l-page > div > header.head, +.p-dialogs .l-page > div > header.head, +.p-messages .l-page > div > header.head { + margin-bottom: 0; +} + +.c-poster img { + display: block; + min-height: 48px; +} + +/* Кнопки управления над постером */ +@media (min-width: 481px) { + .c-poster:hover ~ .c-actions { + opacity: 0; + } + .c-actions { + position: absolute; + bottom: 0; + width: 100%; + padding: 4px 0; + } + .c-actions:before { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + opacity: .8; + } + .c-actions > * { + position: relative; + } +} + +.c-actions > * { + width: 40px !important; + height: 40px !important; + padding: .5rem; +} + +.c-actions > *:not(:last-child) { + margin-right: 8px !important; +} + +.c-actions > *:before { + font-size: 24px !important; + line-height: 1 !important; +} + +.c-actions .fav-remove:hover:before { + color: inherit; +} + +@media screen and (min-width: 1200px) { + .c-poster center { + text-align: left; + } + .p-animes-show .c-image .b-user_rate, + .p-mangas-show .c-image .b-user_rate { + margin: 0; + } +} + +.b-rate { + padding: 6px 0; +} + +.b-rate .text-score { + vertical-align: top; +} + +.b-rate .score-value { + line-height: 36px; +} + +.b-rate .score-notice { + font-size: 10px; + margin-top: -46px; + text-transform: uppercase; +} + +.b-review-topic .b-rate .score-notice { + margin-top: -58px; +} + +.b-user_rate .rate-show .episodes { + margin-bottom: 8px; + font-size: 14px; + line-height: 32px; +} + +.b-user_rate .rate-show .rate-number { + margin-right: 0; +} + +.b-user_rate .rate-show .rate-number .current-episodes, +.b-user_rate .rate-show .rate-number .sep, +.b-user_rate .rate-show .rate-number .total-episodes { + display: inline-block; + vertical-align: top; + line-height: 32px; +} + +.b-user_rate .rate-show .rate-number .item-add { + display: inline-block; + vertical-align: top; + width: 40px; + height: 40px; + padding: 8px; + margin: -4px 0 0 8px; +} + +.b-user_rate .rate-show .rate-number .item-add:before { + width: 24px !important; + font-family: 'Material Icons' !important; + font-size: 24px !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.b-user_rate .rate-show .rate-number .item-add:before { + content: 'add'; +} + +.b-rate .stars:after { + font-size: 36px !important; + font-family: 'Material Icons' !important; + line-height: 1 !important; + font-weight: 400 !important; + text-transform: none; + letter-spacing: -6px; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.b-rate .stars.background:after { + content: 'star_border star_border star_border star_border star_border'; +} + +.b-rate .stars.score-1:after { + content: 'star_half'; +} + +.b-rate .stars.score-2:after { + content: 'star'; +} + +.b-rate .stars.score-3:after { + content: 'star star_half'; +} + +.b-rate .stars.score-4:after { + content: 'star star'; +} + +.b-rate .stars.score-5:after { + content: 'star star star_half'; +} + +.b-rate .stars.score-6:after { + content: 'star star star'; +} + +.b-rate .stars.score-7:after { + content: 'star star star star_half'; +} + +.b-rate .stars.score-8:after { + content: 'star star star star'; +} + +.b-rate .stars.score-9:after { + content: 'star star star star star_half'; +} + +.b-rate .stars.score-10:after { + content: 'star star star star star'; +} + +.watch-online-placeholer { + margin: 2rem auto .5rem; +} + +.b-link_button.watch-online:before, +.b-link_button.upload-video:before, +.b-link_button.create-topic:before { + display: none; +} + +.b-entry-info { + margin: 0; + font-size: .875rem; +} + +.b-entry-info .line { + line-height: 1.5rem; +} + +.b-tag, +.b-entry-info .line .b-tag, +.b-catalog_entry-tooltip .inner .line .value .tag { + padding: 0 8px; + margin: 0 4px 0 0; + border: 0; + font-size: .625rem; + line-height: 20px; + text-transform: uppercase; +} + +.b-tag:hover, +.b-entry-info .line .b-tag:hover, +.b-catalog_entry-tooltip .inner .line .value .tag:hover { + padding: 0 8px; + margin: 0 4px 0 0; +} + +.b-tag { + font-size: .875rem; + line-height: 24px; +} + +.b-catalog_entry-tooltip .inner .line .value .tag, +.b-catalog_entry-tooltip .inner .line .value .tag:hover { + padding: 0 6px; + line-height: 18px; +} + +@media screen and (min-width: 1200px) { + .p-animes_collection-index.x1200 .cc-entries > .c-column { + width: 18.4%; + margin-right: 2%; + border-radius: 2px; + } +} + +/** + * COMMENT + * Изменение всех комментариев, новостей, диалогов, топиков. + */ +.b-comment, +.b-dialog, +.b-message { + position: relative; + padding-top: .75rem !important; + padding-bottom: .75rem; + margin-bottom: 0; + border: 0; +} + +.b-comments { + line-height: inherit; +} + +.b-dialog { + position: relative; +} + +.b-topic { + padding-top: .5rem; +} + +.b-comment > .inner .was_updated { + margin: 0; + color: #9E9E9E; +} + +/* Исправление для предпросмотра комментария во всплывающем окне */ +.tooltip-inner .b-message { + padding-top: 0 !important; + padding-bottom: 0; +} + +/* inset dividers */ +.b-dialog:before, +.b-message:before, +.b-comment:before, +.b-comments .comments-loaded:before { + content: ''; + position: absolute; + bottom: 0; + right: 0; + left: 3.5rem; + height: 1px; +} + +.b-generated_news:before { + left: 0; +} + +.b-comments .comments-loaded .b-comment:last-child { + margin: 0; +} + +.b-dialog:last-child:before, +.b-message:last-child:before, +.b-comment:last-child:before, +.tooltip-inner .b-message:before { + display: none; +} + +.b-comment .body, +.b-message .body, +.b-topic .body, +.b-dialog .body { + padding: 4px 0; + padding-left: 0; + line-height: inherit; + overflow: hidden; +} + +/* Левый отступ комментариев от края экрана */ +.inner > header, +.inner > .body, +.inner > footer, +.b-topic-preview > .b-comments { + padding-left: 3.5rem; +} + +/* Фикс отступа в новостях и новостных топиках */ +.b-topic-preview.mini > .inner > header, +.b-generated_news-topic > .inner > header, +.b-generated_news > .inner > header, +.b-generated_news > .inner > .body { + padding-left: 0; +} + +/* Предпросмотр описания и страниц клуба */ +.edit_club .b-shiki_editor .b-comment .inner .body, +.edit_club_page .b-shiki_editor .b-comment .inner .body { + padding-left: 0; +} + +@media screen and (max-width: 767px) { + .b-topic-preview > .b-comments { + padding-left: 0; + } + .b-topic-preview > .inner > .body, + .b-topic-preview > .inner > footer { + padding-left: 3.5rem; + } +} + +@media screen and (min-width: 767px) { + .b-news-topic > .b-comments { + padding-left: 3.5rem; + } +} + +/* END of Левый отступ комментариев от края экрана */ +.b-comment > .inner header, +.b-dialog > .inner header, +.b-message > .inner header, +.b-topic > .inner header { + margin-bottom: 0; +} + +.b-dialog > .inner header, +.b-message > .inner header { + padding-top: .25rem; + padding-bottom: .25rem; +} + +.b-comment > .inner header > a, +.b-message > .inner header > a, +.b-dialog > .inner header > a, +.b-topic > .inner header > a { + position: absolute; + left: 0; +} + +.b-dialog .body .b-message > .inner header > a { + position: relative; +} + +.b-topic > .inner header img { + width: 2.5rem; + margin: .25rem 1rem 0 0; +} + +.b-comment > .inner header img, +.b-message > .inner header img, +.b-dialog > .inner header img { + width: 2.5rem; + margin: .25rem 1rem 0 0; + border-radius: 100%; +} + +.b-topic > .inner header .name-date, +.b-comment > .inner header .name-date { + padding: .25rem 0; + line-height: 2rem; +} + +.b-topic > .inner header .name-date { + line-height: 20px; +} + +.b-message > .inner header .name-date, +.b-dialog > .inner header .name-date { + line-height: 2rem; +} + +.b-topic .name-date .name, +.b-comment .name-date .name, +.b-dialog .name-date .name { + font-size: 1rem; +} + +.b-message > .inner header .name-date a.name, +.b-topic > .inner header .name-date a.name, +.b-comment > .inner header .name-date a.name, +.b-dialog > .inner header .name-date a.name { + display: block; + margin-right: .5rem; + line-height: 1.25rem; +} + +.b-topic > .inner header .name-date a.name, +.b-topic > .inner header .name-date .about { + display: inline-block; + vertical-align: top; + line-height: inherit; +} + +.b-topic > .inner header .name-date .about { + margin-right: .5rem; +} + +.b-topic > .inner > header .name-date a { + font-size: 16px; +} + +.b-topic > .inner > header .about > span { + display: inline-block; + vertical-align: top; + color: #9E9E9E; + padding: 0 .5rem 0 0; + font-size: .875rem; + line-height: inherit; +} + +.b-topic > .inner > header .about a { + display: inline-block; + vertical-align: top; + font-size: 1rem; + line-height: inherit; +} + +.b-comment > .inner header .name-date a.name:hover { + text-decoration: none; +} + +.b-message > .inner header .name-date .time, +.b-topic > .inner header .name-date .time, +.b-comment > .inner header .name-date .time, +.b-dialog > .inner header .name-date .time { + position: relative; + padding-top: 0; + padding-left: 0; + margin-right: .5rem; + line-height: 1.25rem; +} + +.b-message > .inner header .name-date .time > time, +.b-comment > .inner header .name-date .time > time, +.b-topic > .inner header .name-date .time > time { + display: block; + font-size: .875rem; + line-height: inherit; +} + +.b-topic > .inner header .name-date .time { + font-size: .875rem; + line-height: inherit; +} + +.b-comment > .inner header .name-date .time:hover { + text-decoration: underline; +} + +.b-comment header .hash { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: 0; + opacity: 0; + z-index: 1; +} + +.b-comment .inner .name-date a.name .normal { + vertical-align: top; +} + +@media only screen and (min-width: 1025px) { + .b-topic > .inner header .name-date, + .b-comment > .inner header .name-date { + padding: .25rem 0; + line-height: 1.5rem; + } + .b-comment > .inner header .name-date a.name, + .b-comment > .inner header .name-date .time, + .b-dialog > .inner header .name-date a.name, + .b-dialog > .inner header .name-date .time { + display: inline-block; + vertical-align: top; + line-height: inherit; + } + .b-message > .inner header .name-date .time > time, + .b-comment > .inner header .name-date .time > time { + display: block; + font-size: 13px; + line-height: inherit; + } + .p-dialogs .b-message > .inner header { + padding-top: 0; + padding-bottom: 0; + } + .p-dialogs .b-message > .inner header .name-date { + line-height: 32px; + } + .p-dialogs .b-message > .inner header .name-date a.name, + .p-dialogs .b-message > .inner header .name-date .time { + display: inline-block; + vertical-align: top; + line-height: inherit; + } + .b-comment > .inner header img, + .b-message > .inner header img, + .b-dialog > .inner header img { + margin: 6px 16px 0 0; + } + .b-topic > .inner header .name-date .time { + display: inline-block; + vertical-align: top; + line-height: inherit; + } +} + +.p-messages .b-message > .inner header .name-date a.name, +.p-messages .b-message > .inner header .name-date .time { + display: inline-block !important; + vertical-align: top; + padding-top: 0; + line-height: inherit !important; +} + +@media screen and (max-width: 1024px) { + .b-dialog .time { + display: block !important; + padding-left: 0 !important; + font-size: 14px !important; + line-height: 20px !important; + } + .b-dialog > .inner header .name-date time { + display: block; + line-height: inherit; + } + .b-dialog .b-message > .inner header .name-date .time { + display: inline-block !important; + vertical-align: top; + padding-left: 0 !important; + line-height: inherit !important; + } + .b-dialog .b-message .inner header .name-date .name { + display: inline-block !important; + vertical-align: top; + } +} + +.b-dialog > .inner header .name-date .time, +.b-message > .inner header .name-date .time { + color: #9E9E9E; +} + +.b-dialog .b-message { + position: static; + margin: 0; + padding: 0 !important; + overflow: visible; +} + +.b-dialog .b-message .inner header { + padding: 4px 0; +} + +.b-dialog .b-message .inner header img { + width: 20px; + margin: 0 8px 0 0; +} + +.b-dialog .b-message .inner header .name-date { + line-height: 20px; +} + +.b-dialog .b-message .inner .body { + padding-left: 0 !important; +} + +.yellow-fade { + background: rgba(249, 247, 19, 0.16); + outline-color: rgba(249, 247, 19, 0.16); +} + +.b-replies { + padding: 8px 0 0; +} + +.b-quote { + margin: .5rem 0; + padding: .5rem 1rem; +} + +.b-quote .quoteable { + margin: 0 0 .5rem; + line-height: 20px; +} + +.b-quote .quoteable:before { + float: left; + margin-right: 8px; +} + +.b-quote .b-quote { + margin-left: 0 !important; +} + +.b-topic > .inner header:after { + content: ""; + clear: both; + display: none; +} + +.b-topic .body { + line-height: 20px; +} + +.b-topic-preview > .inner .status-line { + margin-top: -8px; + margin-bottom: 8px; + font-size: 14px; + line-height: 20px; +} + +.b-topic-preview > .inner .status-line .author { + padding: 0; +} + +.b-topic-preview > .inner .status-line .b-link { + padding: 0 8px; +} + +.b-topic-preview > .inner .status-line .additional { + padding-left: .5rem; + margin-left: .5rem; +} + +.b-topic-preview > .inner .status-line .additional .comments, +.b-topic-preview > .inner .status-line .additional .likes { + color: inherit; +} + +.b-topic-preview > .inner .status-line .additional .comments:before, +.b-topic-preview > .inner .status-line .additional .likes:before { + vertical-align: top; + padding-right: 8px; + color: #757575; +} + +.b-topic-preview > .inner .status-line .additional .comments:before, +.b-topic-preview > .inner .status-line .additional .likes:before { + padding-right: 8px; + font-family: 'Material Icons'; + font-size: 18px; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.b-topic-preview > .inner .status-line .additional .comments:before { + content: "mode_comment"; +} + +.b-topic-preview > .inner .status-line .additional .likes:before { + content: "thumb_up"; +} + +.b-topic-preview > .inner .status-line .additional .b-review_votes { + margin-left: 1rem; +} + +.b-collection-topic .b-review_votes { + display: inline-block; + font-size: inherit; + line-height: inherit; +} + +.b-review-topic .review-votes_count { + font-size: .875rem; +} + +/* Просмотр комментариев во всплывающей подсказке */ +.tooltip .b-comment { + padding-top: 0 !important; + padding-bottom: 0; +} + +.tooltip .b-comment:before { + display: none; +} + +/* Иконки коллекций */ +.b-collection-topic > .inner .status-line .collection-size { + color: inherit; +} + +.b-collection-topic > .inner .status-line .collection-size:before, +.b-review_votes:before { + vertical-align: top; + width: 1.125rem; + padding-right: .5rem; + color: #757575; + font-size: 1.125rem; +} + +.b-collection-topic > .inner .status-line .collection-size:before { + content: 'collections_bookmark'; +} + +.b-review_votes:before { + content: 'thumbs_up_down'; +} + +.b-review_votes .votes-for { + color: #66BB6A; +} + +.b-review_votes .votes-against { + color: #EF5350; +} + +/* Кнопки голосования в рецензиях и коллекциях */ +.b-topic .footer-vote { + padding: 0; + margin-top: 1rem; + margin-bottom: 1rem; + background: transparent; + border: 0; + color: inherit; + font-size: .875rem; + line-height: inherit; +} + +.b-topic .footer-vote:after { + content: ''; + display: block; + clear: both; +} + +.b-topic .footer-vote .star { + vertical-align: top; + padding: .5rem; + line-height: 0; +} + +.b-topic .footer-vote .star:before { + content: 'thumbs_up_down'; + width: 1.5rem; + padding: 0; + font-size: 1.5rem; +} + +.b-topic .footer-vote .notice { + margin: 0 1.5rem 0 1rem; + line-height: 2.5rem; +} + +.b-topic .footer-vote .vote-group { + float: right; +} + +.b-topic .footer-vote .vote-group .vote { + min-width: 5.5rem; + padding: 0 1rem; + margin: .25rem 0; + background-color: #DDDDDD; + border: 0; + border-radius: .125rem; + color: inherit; + font-size: .875rem; + font-weight: 700; + line-height: 2rem; + text-transform: uppercase; + opacity: 1; + transition: background-color .24s ease, color .24s ease; +} + +.b-topic .footer-vote .vote-group .vote:not(:last-child) { + margin-right: .5rem; +} + +.b-topic .footer-vote .vote-group .vote.yes.selected, +.b-topic .footer-vote .vote-group .vote.yes:hover { + background-color: #4CAF50; + background-color: #66BB6A; + color: #FFFFFF; +} + +.b-topic .footer-vote .vote-group .vote.no.selected, +.b-topic .footer-vote .vote-group .vote.no:hover { + background-color: #F44336; + background-color: #EF5350; + color: #FFFFFF; +} + +.b-topic .footer-vote .vote-group .vote.yes:before, +.b-topic .footer-vote .vote-group .vote.no:before { + vertical-align: middle; + width: 1.125rem; + padding: 0; + margin-right: .875rem; + font-size: 1.125rem; +} + +.b-topic .footer-vote .vote-group .vote.yes:before { + content: 'thumb_up'; +} + +.b-topic .footer-vote .vote-group .vote.no:before { + content: 'thumb_down'; +} + +.b-topic .footer-vote .vote-group .separator { + display: none; +} + +/* END of Кнопки голосования в рецензиях и коллекциях */ +/** + * COMMENT DOESN'T SLIDE + * Большие комментарии, топики не должны сдвигаться margin'ами. + * Либо translate3d либо никак. + */ +.b-topic.aside-expanded > .inner, +.b-dialog.aside-expanded > .inner, +.b-message.aside-expanded > .inner, +.b-comment.aside-expanded > .inner, +.b-topic.aside-expanded > .b-comments { + margin-left: 0; +} + +.b-topic.aside-expanded > .inner aside.buttons, +.b-dialog.aside-expanded > .inner aside.buttons, +.b-message.aside-expanded > .inner aside.buttons, +.b-comment.aside-expanded > .inner aside.buttons { + position: absolute; + top: 0; + right: 0; + left: 0; + width: auto; + height: 100%; + margin: 0 -16px; + padding: 8px 16px; + border: 0; + overflow-y: auto; + z-index: 3; +} + +.b-dialog > .inner > aside.buttons > .main-controls > a:after, +.b-dialog > .inner > aside.buttons > .main-controls > span:after, +.b-dialog > .inner > aside.buttons > .delete-controls > span:after, +.b-dialog > .inner > aside.buttons > .moderation-controls > span:after, +.b-message > .inner > aside.buttons > .main-controls > a:after, +.b-message > .inner > aside.buttons > .main-controls > span:after, +.b-message > .inner > aside.buttons > .delete-controls > span:after, +.b-message > .inner > aside.buttons > .moderation-controls > span:after, +.b-comment > .inner > aside.buttons > .main-controls > a:after, +.b-comment > .inner > aside.buttons > .main-controls > span:after, +.b-comment > .inner > aside.buttons > .delete-controls > span:after, +.b-comment > .inner > aside.buttons > .moderation-controls > span:after { + vertical-align: top; + padding-left: 12px !important; + font-size: 16px !important; + line-height: 18px; +} + +/* OPEN DIALOG BY CLICK */ +.b-dialog .to_dialog { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: 0 -16px; + font-size: 0; +} + +.b-dialog:hover .to_dialog { + background-color: rgba(0, 0, 0, 0.05); + z-index: 0; +} + +.b-dialog img, +.b-dialog a, +.b-dialog .buttons, +.b-dialog .b-new_marker { + position: relative; + z-index: 2; +} + +/* END of OPEN DIALOG BY CLICK */ +/** + * BBCode: CODE + * Новый тег отвечающий за оформление программных кодов. + */ +code { + vertical-align: middle; + padding: .5px 4px; + background-color: rgba(32, 32, 32, 0.05); + border-radius: 2px; + font-size: .875rem; +} + +pre { + position: relative; +} + +.b-code { + padding: 1rem; + margin: .5rem 0; + background: #303030; + border-radius: 2px; + font-size: .875rem; +} + +@media (min-width: 960px) { + .b-code:before { + content: attr(data-language); + position: absolute; + top: 1rem; + right: .5rem; + padding: 0 .5rem; + background-color: #747474; + border-radius: 2px; + } + .tooltip-details .b-code:before { + display: none; + } +} + +/* END of CODE */ +/* CODE: SUBLIME 3 MATERIAL THEME'S COLOR */ +.b-code { + background: #263238; +} + +.hljs-selector-tag { + color: #FF5370; +} + +.hljs-selector-id { + color: #FAD430; +} + +.hljs-selector-class { + color: #FFCB6B; +} + +.hljs-selector-pseudo, +.hljs-meta { + color: #C792EA; +} + +.hljs-attribute { + color: #80CBC4; +} + +.hljs-built_in { + color: #89DDFF; +} + +.hljs-number { + color: #F77669; +} + +.hljs-string { + color: #C3E88D; +} + +.hljs-comment { + color: #5C7E8C; +} + +/* END of CODE' THEME */ +/* -------------- */ +/* END of COMMENT */ +/* -------------- */ +/* TOAST */ +#toast-container { + line-height: 1.5rem; +} + +.toast-top-right { + top: auto; + bottom: 0; + right: 0; + left: 0; +} + +#toast-container > div { + width: 100%; + max-width: 25rem; + padding: .875rem 1.5rem; + margin: auto; +} + +.toast-message { + display: inline-block; + vertical-align: top; + line-height: 1.5rem; +} + +#toast-container > .toast-success { + background-color: #323232; + background-image: none !important; +} + +#toast-container > .toast-error { + background-color: #323232; + background-image: none !important; +} + +#toast-container > .toast-error:before { + content: 'error_outline'; + float: left; + display: inline-block; + vertical-align: top; + margin: -4px 1.5rem -4px 0; + font-size: 2rem; + font-family: 'Material Icons'; + line-height: 1; + box-sizing: border-box; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +/* END of TOAST */ +/* CLUB */ +.b-clubs-menu .b-block_list li { + font-size: .875rem; +} + +/* Действия в клубах */ +.b-clubs-menu .club-actions { + margin: 0 0 .5rem 0; +} + +.club-actions .edit-club, +.club-actions .broadcast, +.club-actions .upload, +.club-actions .join, +.club-actions .invite, +.club-actions .leave { + width: auto; + height: auto; + padding: .5rem; + margin: 0 .5rem 0 0; + border-radius: .125rem; + color: #757575 !important; + line-height: 0; +} + +.club-actions .edit-club:hover, +.club-actions .broadcast:hover, +.club-actions .upload:hover, +.club-actions .join:hover, +.club-actions .invite:hover, +.club-actions .leave:hover { + background-color: #E0E0E0; + color: #424242 !important; +} + +.club-actions .edit-club:before, +.club-actions .broadcast:before, +.club-actions .upload:before, +.club-actions .join:before, +.club-actions .invite:before, +.club-actions .leave:before { + width: 1.5rem; + font-family: 'Material Icons'; + font-size: 1.5rem; + line-height: 1; +} + +.club-actions .edit-club:before { + content: 'build'; +} + +.club-actions .broadcast:before { + content: 'speaker_notes'; +} + +.club-actions .upload:before { + content: 'attach_file'; +} + +.club-actions .join:before, +.club-actions .invite:before { + content: 'person_add'; +} + +.club-actions .leave:before { + content: 'directions_run'; +} + +@media screen and (max-width: 480px) and (orientation: portrait) { + .club-actions .edit-club, + .club-actions .broadcast, + .club-actions .upload, + .club-actions .join, + .club-actions .invite, + .club-actions .leave { + display: block; + margin: 0; + } + .club-actions .edit-club:after, + .club-actions .broadcast:after, + .club-actions .upload:after, + .club-actions .join:after, + .club-actions .invite:after, + .club-actions .leave:after { + color: #212121; + padding-left: 1.5rem; + font-size: inherit; + line-height: 1.5; + } +} + +/* Навигация в клубах: "контент" */ +.b-pages { + max-width: 15rem; + padding: 0 1rem; + margin: 0 0 1.5rem 2rem; + border-radius: 2px; +} + +.b-pages .title { + font-size: .875rem; + line-height: 3rem; + text-transform: uppercase; +} + +.b-pages .section { + margin: 0 0 .5rem; +} + +/* Названия страниц клубов */ +.p-club_pages .l-content .subheadline, +.p-club_pages .l-content .subheadline > a { + max-width: 100%; + white-space: normal; +} + +/* CLUB PAGE EDITOR */ +@media screen and (max-width: 767px) { + .edit_club_page .cc-2a > .c-column { + width: 100%; + } + .edit_club_page .cc-2a > .c-column:nth-child(1n+1) { + clear: left; + } +} + +/* FIX: CLUB'S BUTTONS */ +.p-clubs-edit .pages .button { + margin-right: .5rem; +} + +.p-clubs-edit .pages .club_page-layout, +.p-clubs-edit .pages .club_page-actions { + font-size: .875rem; + padding-left: 1rem; +} + +.p-clubs-edit .pages .club_page-actions .b-js-link { + margin-right: .5rem; +} + +.p-club_pages-show .item-edit:before { + content: 'edit'; +} + +/* END of CLUB'S BUTTONS */ +/* ICON | CREATE CLUB */ +.p-clubs-index header.head a.misc { + float: right; + width: 40px; + height: 40px; + padding: 8px; + margin: 4px; + font-size: 0; +} + +.p-clubs-index header.head a.misc:hover { + background-color: #ddd; + text-decoration: none; +} + +.p-clubs-index header.head a.misc:before { + content: 'group_add'; +} + +/* END of CREATE CLUB */ +/* TODO: merge with Material icons */ +.p-club_pages-show .item-edit:before, +.p-clubs-index header.head a.misc:before { + width: 1.5rem !important; + font-family: 'Material Icons' !important; + font-size: 1.5rem !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-club_pages-show .item-edit { + color: #757575; +} + +.p-club_pages-show .item-edit:hover { + background-color: #E0E0E0; + color: #424242; +} + +@media only screen and (min-width: 1025px) { + .p-club_pages-show .item-edit:active { + background-color: #E0E0E0; + color: #424242; + } +} + +/* END of CLUB */ +/* TODO: replace */ +.p-contests .results .cc-result .c-rounds .label { + font-size: .875rem; +} + +/** + * INDEX + * Изменения главной страницы. + * + */ +.p-dashboards-show .c-my_list { + padding: 0; + background: initial; + border: none; +} + +.p-dashboards-show .c-my_list .title .switch, +.p-dashboards-show .c-my_list .title .link { + float: right; +} + +.p-dashboards-show .cc-news .c-generated_news .b-topic .name-date a { + font-size: 16px !important; +} + +.b-forums { + margin-bottom: .5rem; + line-height: inherit; +} + +@media screen and (max-width: 767px) { + .p-dashboards-show .cc-second { + margin-bottom: .5rem; + } +} + +/* Изменение новостей на главной */ +.p-dashboards-show .cc-news .c-news_topics .b-topic { + padding: 1rem 0 1.5rem; + border-top-width: 1px; +} + +@media screen and (max-width: 767px) { + .p-dashboards-show .cc-news .c-news_topics .b-topic { + margin-bottom: 0; + } +} + +@media only screen and (min-width: 768px) { + .p-dashboards-show .cc-news .c-news_topics .b-topic { + margin-bottom: 0; + } +} + +.p-dashboards-show .cc-news .c-news_topics .b-topic .name-date a { + padding: 0 0 .25rem; + font-size: 22px !important; + font-weight: 400 !important; + line-height: 1.65; + white-space: normal; +} + +.p-dashboards-show .cc-news .c-news_topics .b-topic .b-anime_status_tag { + display: none; +} + +/* КОНЕЦ – Изменение новостей на главной */ +/* Change Forum Button */ +/* NOTE: Цвета настраиваются в общем блоке ЦВЕТА */ +.p-dashboards-show .b-forums > .b-link_button.maxi { + position: relative; + margin-bottom: 0; + background-color: transparent; + font-size: 0; + line-height: 0; + text-align: left; + overflow: visible; +} + +.p-dashboards-show .b-forums > .b-link_button.maxi:after { + display: inline-block; + vertical-align: top; + padding: 0 1rem; + margin: .5rem -1rem; + border-radius: .125rem; + font-size: .875rem; + line-height: 2rem; +} + +.locale-ru.p-dashboards-show .b-forums > .b-link_button.maxi:after { + content: 'Форум'; +} + +.locale-en.p-dashboards-show .b-forums > .b-link_button.maxi:after { + content: 'Forum'; +} + +.p-dashboards-show .b-forums > .b-link_button.maxi:before { + display: block; + font-family: 'Material Icons' !important; + font-size: 18px !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-dashboards-show .b-forums > .b-link_button.maxi:before { + position: absolute; + right: 0; + left: 0; + color: inherit; + line-height: 3rem !important; + text-align: right; +} + +.p-dashboards-show .b-forums > .b-link_button.maxi:before { + content: 'chevron_right'; +} + +/* END of Change Forum Button */ +/* ТЕМЫ ДНЯ */ +.b-hot_topics { + padding: .5rem 1rem; + margin: -.5rem -1rem 0 -1rem; + background-color: initial; + border: 0; +} + +.b-hot_topics .topic { + font-size: .875rem; + line-height: 2rem; + text-align: left; +} + +.b-hot_topics .topic.subject { + font-size: .875rem; + line-height: 2rem; + text-align: left; + text-transform: uppercase; + white-space: nowrap; +} + +.b-hot_topics .topic a { + padding: 0 .75rem; + border-radius: 1rem; +} + +.b-hot_topics .topic a:hover { + text-decoration: none; +} + +.b-hot_topics .topic a .poster { + position: initial; + display: inline-block; + vertical-align: middle; + width: 2rem; + height: 2rem; + margin-left: -.75rem; + margin-right: .5rem; + border-radius: 100%; +} + +@media screen and (max-width: 1024px) { + .b-hot_topics { + padding: 14px 16px; + margin: -16px -16px 0 -16px; + border: 0; + } +} + +@media only screen and (min-width: 1025px) { + .b-hot_topics .topic { + margin-right: .5%; + width: 10.6666%; + } +} + +/** + * FORUM + * СТРАНИЦЫ ФОРУМА + */ +.p-topics .l-menu .b-forums, +.block2, +.contests.block { + margin-bottom: 1.5rem; + line-height: 1.5rem; +} + +.b-forums .forum { + clear: both; + position: relative; + min-height: 1.5rem; + line-height: 1.5rem; + padding: 0 .5rem; + margin: 0 -.5rem; +} + +.b-forums .forum .link-with-input .link { + display: inline-block; + vertical-align: top; + position: absolute; + right: 0; + left: 0; + padding-left: .5rem; +} + +.b-forums .forum input { + position: absolute; + left: 0; + width: 2rem; + height: 1.5rem; + margin-right: .25rem; + border: 0; + opacity: 0; + z-index: 1; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +.b-forums .forum .link-with-input input + .link { + padding-left: 2.25rem; +} + +.b-forums .forum input + .link:before { + content: 'check_box_outline_blank'; + display: block; + position: absolute; + top: 0; + left: 0.375rem; + width: 1.125rem; + margin: 0.1875rem 0; + font-family: 'Material Icons' !important; + font-size: 1.125rem !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.b-forums .forum input:hover + .link:before { + opacity: .9; +} + +.b-forums .forum input:checked + .link:before { + content: 'check_box'; +} + +.b-forums .forum input:disabled + .link:before { + color: #BDBDBD; +} + +.b-forums .forum .topics { + font-size: .75rem; +} + +/* FIX: TOPIC UPDATE ICON (issue #5) */ +.p-topics header h1 a.reload:hover:after { + position: static; +} + +/* END of FORUM */ +/** + * PROFILE + * ПРОФИЛЬ ПОЛЬЗОВАТЕЛЯ + */ +/* Убираем лишние overflow */ +.p-profiles-show .profile-content { + overflow: visible; +} + +/* Настраиваем равномерные отступы */ +.p-profiles .profile-content .cc-2, +.p-profiles .profile-content .about, +.p-profiles .profile-content .cc-2 .c-right .cc-2a { + margin-bottom: 1rem !important; +} + +@media screen and (max-width: 767px) { + .cc-2 > .c-column { + margin-bottom: 1rem; + } + .p-profiles-show .profile-content .activity:last-child { + margin-bottom: 1.25rem !important; + } +} + +/* Полосы аниме/манги */ +.b-stats_bar .bar .first, +.b-stats_bar .bar .second { + color: inherit; +} + +.b-stats_bar.anime .bar { + color: #FAFAFA; +} + +.b-stats_bar.manga .bar { + color: #212121; +} + +.b-stats_bar .bar .third { + color: #212121; +} + +.b-stats_bar.anime .bar .second { + background-color: rgba(0, 150, 136, 0.72); +} + +.b-stats_bar.manga .bar .second { + background-color: rgba(255, 171, 64, 0.72); +} + +.line:nth-child(even) > .bar-container > .bar { + opacity: 0.64; +} + +/* Столбики активности */ +.bar.vertical { + padding: 0; + border: none; +} + +.bar.vertical .line { + border: none; +} + +.bar.vertical .line .bar-container .value { + font-size: .75rem; + line-height: 1.25rem; +} + +/* User aliases */ +.p-profiles .profile-head .c-brief header h1 { + vertical-align: top; +} + +.p-profiles .profile-head .c-brief header h1.aliases { + cursor: help; +} + +.p-profiles .profile-head .c-brief header h1.aliases:after { + display: inline-block; + vertical-align: top; + width: 2rem; + height: 2rem; + margin: 0; + margin-left: .5rem; + color: inherit; + font-family: 'Material Icons'; + font-size: 1.125rem; + line-height: 2rem; + text-align: center; + cursor: help; + opacity: .5; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-profiles .profile-head .c-brief header h1.aliases:after { + content: 'label'; +} + +.p-profiles header.head .misc { + vertical-align: top; + padding: 0 1rem; + margin: 0; + font-size: .875rem; + line-height: 3rem; +} + +.p-profiles .profile-head .c-brief header .notice { + line-height: 1.25rem; +} + +/* FIX: update 2017-03-19 */ +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar::after { + clear: none; +} + +/* Списки аниме/манги */ +.b-stats_bar .stat_names .stat_name:after { + display: none; +} + +.b-stats_bar .stat_names .stat_name { + padding: 0 1rem 0 0; + font-size: .875rem; + line-height: 2rem; +} + +.b-stats_bar .stat_names .stat_name a { + display: block; + line-height: inherit; +} + +/* Выпадающий список аниме/манги в профиле */ +@media screen and (max-width: 599px) { + .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { + position: relative; + } + .b-stats_bar .stat_names .stat_name { + display: none; + } + .b-stats_bar .stat_names:hover .stat_name { + display: block; + } + .b-stats_bar .stat_names .stat_name, + .b-stats_bar .stat_names .stat_name a { + padding: 0 1rem 0 0; + } + .b-stats_bar .stat_names .stat_name a { + display: block; + margin: 0 -1rem; + } + .b-stats_bar .stat_names .stat_name a:hover { + background-color: rgba(0, 0, 0, 0.24); + text-decoration: none; + } + .b-stats_bar .stat_names { + position: absolute; + top: 0; + min-width: 165px; + border-radius: .125rem; + } + .b-stats_bar .stat_names:hover { + padding: 3rem 0 .5rem; + z-index: 10; + } + .b-stats_bar .stat_names:after { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.32); + z-index: -1; + } + .b-stats_bar .stat_names:before { + content: 'arrow_drop_down'; + display: block; + position: absolute; + top: 0; + right: 0; + width: 2rem; + height: 2rem; + padding: .25rem; + margin: .5rem .25rem; + border-radius: 100%; + font-size: 1.5rem; + font-family: 'Material Icons'; + line-height: 1; + box-sizing: border-box; + pointer-events: auto; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; + } + .b-stats_bar .stat_names .stat_name, + .b-stats_bar .stat_names .stat_name a { + padding: 0 1rem; + } +} + +/* Конец: Выпадающий список аниме/манги в профиле */ +.edit_user_preferences .b-options-floated.about-options { + position: absolute; + right: 0; + margin: 1rem 0; + background: transparent !important; + text-align: right; + z-index: 1; +} + +.edit_user_preferences .about-options .b-input { + margin-bottom: 0 !important; +} + +.edit_user_preferences .about-options .b-input label { + line-height: 1.5rem; +} + +.b-list_switchers > .switcher { + width: 2.5rem; + height: 2.5rem; + padding: .5rem; + margin: .25rem; +} + +.b-list_switchers .switcher.posters { + margin-left: .25rem !important; +} + +.b-list_switchers .switcher.list { + margin-left: .25rem !important; +} + +.p-user_rates-index .l-menu .avatar img { + width: 10rem; + height: 10rem; +} + +.p-user_rates-index .l-content thead tr { + font-size: 13px; + line-height: 2rem; +} + +.p-user_rates-index .list-lines tr td .rate-text { + font-size: .875rem; + line-height: 1.25rem; +} + +.p-user_rates-index .list-lines tr td .new-value input { + height: 1.5rem; + font-size: 1rem; + line-height: 1.5rem; +} + +.p-user_rates-index .list-lines tr.edit-form form { + padding: .25rem 1rem; + margin: .5rem 0; + border-style: solid; + border-width: 1px; +} + +.p-user_rates-index .list-lines tr.edit-form .b-input.text textarea { + font-size: .875rem; +} + +.b-user_rate .rate-edit .b-input.integer input, +.p-user_rates-index .list-lines tr.edit-form .b-input.integer input { + width: 7rem; +} + +.p-profiles-show .b-stats_bar a.title { + padding: .5rem 1rem; + margin: .5rem -1rem; +} + +.p-profiles-show .b-stats_bar a.title:hover { + text-decoration: none !important; +} + +.p-user_rates-index .list-lines tr.edit-form .remove { + width: 2.5rem; + height: 2.5rem; + padding: .5rem; + margin: .25rem; +} + +.p-user_rates-index .list-lines tr.edit-form .remove { + margin: -.25rem 0 0; + border: 0; + font-size: 0; +} + +.p-user_rates-index .list-lines tr.edit-form .remove:before { + width: 1.5rem !important; + font-family: 'Material Icons' !important; + font-size: 1.5rem !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-user_rates-index .list-lines tr.edit-form .remove:before { + content: 'delete'; +} + +/* Комментарий на постере */ +.p-user_rates-index .list-posters .user_rate > .text { + bottom: 4rem; + padding: .25rem .5rem; + background: rgba(0, 0, 0, 0.6); + border-radius: 0 0 .125rem .125rem; +} + +.p-user_rates-index .list-posters .user_rate > .text:before { + display: none; +} + +.p-user_rates-index .list-posters .user_rate.b-ajax:after { + margin-top: -1.5rem; +} + +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { + overflow: visible; +} + +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { + margin-bottom: 0; +} + +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar::after { + clear: none; +} + +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar.manga { + margin-top: 8px; +} + +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a { + font-size: .875rem; + margin-top: 1rem; +} + +.b-stats_bar .bar { + height: auto; +} + +.b-stats_bar .bar .first, +.b-stats_bar .bar .second, +.b-stats_bar .bar .third { + font-size: .75rem; + line-height: 1.25rem; +} + +.p-profiles .profile-head .c-brief .avatar .profile-actions { + margin-top: 1rem; + margin-right: -.75rem; + margin-left: -.75rem; +} + +.profile-actions > a { + display: inline-block; + padding: .5rem; +} + +.profile-actions > *:before { + vertical-align: top; + width: 1.5rem !important; + line-height: 1 !important; + font-size: 1.5rem !important; +} + +.p-profiles .profile-head .c-brief .avatar > img { + display: block; + margin: auto; +} + +@media only screen and (min-width: 768px) { + .p-profiles .profile-head .c-brief .avatar { + margin: .5rem 2rem 3rem 1rem; + } + .p-profiles .profile-head .c-brief .avatar > img { + width: 10rem; + height: 10rem; + } +} + +@media screen and (max-width: 1024px) { + .profile-actions .settings, + .profile-actions .fav-add, + .profile-actions .fav-remove, + .profile-actions .ignore-add, + .profile-actions .ignore-remove, + .profile-actions .ban { + margin-left: .5rem; + } +} + +@media only screen and (min-width: 1025px) { + .profile-actions .settings, + .profile-actions .fav-add, + .profile-actions .fav-remove, + .profile-actions .ignore-add, + .profile-actions .ignore-remove, + .profile-actions .ban { + margin-left: .5rem; + } +} + +/* TODO: replace */ +.b-catalog-entry-embedded .b-catalog_entry { + margin-bottom: 0 !important; +} + +/* TODO: replace */ +.l-page .b-anime_status_tag:before { + vertical-align: text-bottom; + padding: 0 .25rem; + border: 0; + font-size: .625rem; + line-height: 1rem; + text-transform: uppercase; +} + +/* TODO: replace */ +.b-topic { + margin-bottom: .5rem; +} + +/* TODO: replace */ +.m13 { + margin-bottom: 0 !important; +} + +/* USER PROFILE |> HISTORY ENTRY */ +.p-profiles .profile-head .c-history .entry { + position: relative; + padding: .5rem 0; + margin: 0; + border: 0; + overflow: initial; +} + +.p-profiles .profile-head .c-history .entry, +.p-profiles .profile-head .c-history .entry:first-child { + padding-top: .5rem; + margin-top: 0; +} + +.p-profiles .profile-head .c-history .entry:before { + content: ''; + display: block; + position: absolute; + right: -.5rem; + bottom: 0; + left: 3.5rem; + height: 1px; + pointer-events: none; +} + +.p-profiles .profile-head .c-history .entry:last-child:before { + display: none; +} + +/* Полноразмерная ссылка .entry, работает только для .c-history & .l-menu */ +.p-profiles .profile-head .c-history .entry a { + display: block; + padding: .5rem .5rem; + margin: -.5rem; +} + +@media screen and (min-width: 960px) { + .p-profiles .profile-head .c-history .entry a { + padding: .75rem .5rem; + } +} + +.p-profiles .profile-head .c-history .entry a:after { + content: ''; + clear: both; + display: block; +} + +.p-profiles .profile-head .c-history .entry:hover .title { + text-decoration: none; +} + +/* END of FULLENTRY LINK */ +.p-profiles .profile-head .c-history .entry img { + margin: 0 16px 0 0; + max-height: 72px; + max-width: 40px; +} + +/* Страница истории пользователя */ +.p-user_history-index .history-page .history-interval p { + line-height: 1.5rem; + margin-bottom: 0; +} + +.b-user_rate-extended > .midheadline { + overflow: hidden; +} + +.p-user_rates-index .l-content .filter input { + padding: .5rem 1rem; + font-size: .875rem; +} + +/* Страница сравнения списков */ +.p-userlist_comparer .notice span { + padding: 1.5px 4px !important; + border-radius: 2px; +} + +/* Цвета списков */ +.p-userlist_comparer .comparer table .abslt-difr, +.p-userlist_comparer .legend .abslt-difr, +.p-userlist_comparer .notice span:nth-child(6) { + background: rgba(244, 67, 54, 0.5) !important; +} + +.p-userlist_comparer .comparer table .slightly-difr, +.p-userlist_comparer .legend .slightly-difr, +.p-userlist_comparer .notice span:nth-child(4) { + background: rgba(255, 138, 128, 0.5) !important; +} + +.p-userlist_comparer .comparer table .almost-same, +.p-userlist_comparer .legend .almost-same, +.p-userlist_comparer .notice span:nth-child(3) { + background: rgba(185, 246, 202, 0.5) !important; +} + +.p-userlist_comparer .comparer table .exact-same, +.p-userlist_comparer .legend .exact-same, +.p-userlist_comparer .notice span:nth-child(5) { + background: rgba(76, 175, 80, 0.5) !important; +} + +.p-profiles .profile-head .c-info .c-additionals { + margin-top: 8px; + margin-bottom: 8px; +} + +.p-profiles .profile-head .c-info .c-additionals b { + padding-right: 8px; + font-size: 0; +} + +.p-profiles .profile-head .c-info .c-additionals b:after { + font-size: 14px; +} + +.p-profiles.locale-ru .profile-head .c-info .c-additionals b:after { + content: 'Активность на сайте:'; +} + +.p-profiles.locale-en .profile-head .c-info .c-additionals b:after { + content: 'Activity:'; +} + +/* Время за аниме и манга */ +.p-profiles .lifetime .bar, .p-profiles .lifetime .times { + line-height: 0; +} + +.p-profiles-show .lifetime .bar { + height: 1.25rem; +} + +.b-stats_bar.lifetime .bar .first { + background: #009688; + opacity: .72; +} + +.p-profiles-show .lifetime .cuts .cut { + width: 0; + height: 0; + margin: .5rem -.25rem; + background: transparent; + border: .375rem solid transparent; + border-bottom-color: #FAFAFA; + z-index: 1; +} + +.p-profiles-show .lifetime .times .time { + color: #9E9E9E; + font-size: .625rem; + line-height: 1.25rem; + text-transform: uppercase; +} + +.p-profiles-show .lifetime .times .time.checked { + color: #009688; +} + +.p-profiles-show .lifetime .times .time.checked:before { + display: none; + color: #009688; + opacity: .72; +} + +/** + * PROFILE HEAD + * Adaptive profile header includes: avatar, history, information, anime/manga bars. + */ +.p-profiles .profile-head { + position: relative; + overflow: visible; +} + +.p-profiles .profile-head { + min-height: 15.5rem; + padding-top: 3rem; + margin-top: -1rem; +} + +.p-profiles .profile-head .c-info { + margin-bottom: .5rem; +} + +.p-profiles .profile-head .c-info { + overflow: visible; +} + +.p-profiles .profile-head .c-history { + margin-bottom: 3rem; +} + +.p-profiles .profile-head .c-history.x3 { + margin-bottom: 2rem; +} + +.p-profiles .profile-head .c-brief { + position: relative; + margin: -3rem -1rem 1rem; + overflow: hidden; +} + +.p-profiles .profile-head .c-brief:before { + content: ''; + display: block; + height: 0; + padding-bottom: 0; +} + +.p-profiles .profile-head .c-brief .avatar > img, +.p-profiles .profile-head .c-history { + display: none; +} + +@media screen and (min-width: 320px) { + .p-profiles .profile-head .c-mobile-actions { + display: none; + } + .p-profiles .profile-head .c-brief:before { + content: ''; + display: block; + height: 0; + padding-bottom: 34%; + } + .p-profiles .profile-head .c-brief .avatar { + float: none; + max-width: 100%; + margin: 0 auto; + margin-top: -17%; + } + .p-profiles .profile-head .c-brief .avatar > img { + display: block; + width: 36%; + max-width: 10rem; + min-width: 5rem; + margin: auto; + } + .p-profiles .profile-head .c-brief .avatar .profile-actions { + display: block; + position: absolute; + width: 100%; + padding: 0 .5rem; + margin: 0 auto; + margin-top: -15%; + text-align: left; + } + .p-profiles .profile-head .c-brief .avatar .profile-actions > a:first-child { + float: right; + margin: 0 .25rem; + } + .profile-actions .fav-add, + .profile-actions .fav-remove { + float: right; + } + .p-profiles .profile-head .c-brief header { + clear: both; + margin: 0; + text-align: center; + } +} + +@media screen and (min-width: 320px) and (max-width: 479px) { + .p-profiles .profile-head .c-brief header .notice { + padding: .5rem 1rem; + } +} + +@media screen and (min-width: 320px) and (max-width: 599px) { + .p-profiles .profile-head .c-brief header { + background-color: inherit !important; + } +} + +@media screen and (min-width: 320px) and (max-width: 959px) { + .p-profiles .profile-head .c-history { + display: block; + position: absolute; + top: 0; + right: 0; + left: 0; + width: auto; + padding: 0 1rem; + margin: 0 -1rem; + background-color: rgba(0, 0, 0, 0.48); + white-space: nowrap; + overflow-x: auto; + z-index: 1; + } + .p-profiles .profile-head .c-history > .subheadline { + display: inline-block; + vertical-align: top; + } + .p-profiles .profile-head .c-history > .subheadline > a { + color: #eee !important; + } + .p-profiles .profile-head .c-history > .subheadline > a:before { + display: none; + } + .p-profiles .profile-head .c-history > .b-block_list { + display: inline-block; + vertical-align: top; + padding: .5rem; + margin-left: .5rem; + } + .p-profiles .profile-head .c-history .entry { + display: inline-block; + vertical-align: top; + min-width: 112px; + height: 2rem; + padding-right: .5rem; + padding-left: .5rem; + margin-left: .5rem; + border-radius: 1rem; + overflow: hidden; + } + .p-profiles .profile-head .c-history .entry:before { + display: none; + } + .p-profiles .profile-head .c-history .entry .image-name { + float: left; + width: 32px; + height: 32px; + margin: -8px 8px -8px -8px; + border-radius: 50%; + font-size: 0; + line-height: 0; + overflow: hidden; + } + .p-profiles .profile-head .c-history .entry span.misc { + display: none; + } +} + +@media screen and (min-width: 320px) and (max-width: 959px) and (min-width: 600px) { + .p-profiles .profile-head .c-history { + padding: .25rem 1rem; + } +} + +@media screen and (max-width: 767px) and (min-width: 481px), screen and (max-width: 767px) and (orientation: landscape) { + .p-profiles .profile-head .c-history .entry:first-child { + display: inline-block; + } +} + +@media screen and (min-width: 360px) { + .profile-actions .settings, + .profile-actions .fav-add, + .profile-actions .fav-remove, + .profile-actions .ignore-add, + .profile-actions .ignore-remove, + .profile-actions .ban { + margin-left: .25rem; + } +} + +@media screen and (min-width: 360px) and (max-width: 599px) { + .p-profiles .profile-head .c-mobile-actions { + display: none; + } + .p-profiles .profile-head .c-brief .avatar .profile-actions { + display: block; + } +} + +@media screen and (min-width: 480px) { + .p-profiles .profile-head .c-brief { + margin-bottom: 0; + overflow: visible; + } + .p-profiles .profile-head .c-brief .avatar { + position: absolute; + } + /* Отступ от аватарки */ + .p-profiles .profile-head .c-brief header { + margin-left: 10rem; + } + /* Отступ от аватарки */ + .p-profiles .profile-head .c-info { + margin-left: 9rem; + } + .p-profiles .profile-head .c-brief .avatar .profile-actions { + position: static; + width: auto; + padding: 0; + margin-top: 1rem; + margin-right: -12px; + margin-left: -12px; + text-align: center; + } + .p-profiles .profile-head .c-brief .avatar .profile-actions > a:first-child { + float: none; + margin: 0; + } + .profile-actions .fav-add, + .profile-actions .fav-remove { + float: none; + } + .p-profiles .profile-head .c-brief:before { + padding-bottom: 48px; + } + .p-profiles .profile-head .c-brief .avatar { + max-width: 160px; + margin: 1rem 1rem 1rem .5rem; + } + .p-profiles .profile-head .c-brief .avatar img { + width: 120px; + } + .p-profiles .profile-head .c-brief header { + clear: none; + padding: 1rem 0 .5rem; + text-align: left; + } +} + +@media screen and (min-width: 600px) { + .p-profiles .profile-head { + background-color: inherit; + } + .p-profiles .profile-head .c-brief { + margin: -3rem -1rem 0; + } + /* Отступ от аватарки */ + .p-profiles .profile-head .c-brief header { + margin-left: 12.5rem; + } + /* Отступ от аватарки */ + .p-profiles .profile-head .c-info { + margin-left: 11.5rem; + } + .p-profiles .profile-head .c-brief:before { + padding-bottom: 56px; + } + .p-profiles .profile-head .c-brief .avatar img { + width: 160px; + } + .p-profiles .profile-head .c-brief .avatar .profile-actions { + display: block; + } +} + +@media screen and (min-width: 768px) { + .p-profiles .profile-head .c-brief { + overflow: visible; + } + /* Отступ от аватарки */ + .p-profiles .profile-head .c-brief header { + margin-left: 13.5rem; + } + /* Отступ от аватарки */ + .p-profiles .profile-head .c-info { + margin-left: 12.5rem; + } +} + +@media screen and (min-width: 960px) { + .p-profiles .profile-head { + padding-top: 0; + margin-top: 0; + } + .p-profiles .profile-head .c-brief { + max-height: 504px; + margin: 0; + overflow: visible; + } + .p-profiles .profile-head .c-brief:before { + padding-bottom: 0; + } + .p-profiles .profile-head .c-brief .avatar { + margin: 1rem 2rem 1rem 0; + } + .p-profiles .profile-head .c-info { + margin-bottom: 1.5rem; + } + /* Отступ от аватарки */ + .p-profiles .profile-head .c-info { + margin-left: 13.5rem; + } + /* Отступ от истории */ + .p-profiles .profile-head .c-info { + margin-right: calc(23% + 3.5rem); + } + .p-profiles .profile-head .c-history { + display: block; + position: relative; + top: 1rem; + margin-left: 3.5rem; + z-index: 1; + } +} + +/* END of PROFILE HEAD */ +/** + * Иконки совместимости для профиля + * MIT License + * Copyright (c) 2016 grin3671 + */ +/* ВАЖНО! */ +/* .p-profiles .profile-head .c-info overflow: visible /* Настройка для варианта №1 */ +/* Исправление видимости */ +/* Спасибо Kana Kuroki и Dewopalaxy */ +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { + position: relative; + overflow: visible; +} + +.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 { + position: relative; + font-size: 0; + line-height: 0; + margin-top: 0; +} + +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:hover { + text-decoration: none; +} + +div.compatibility > a, +div.compatibility > span.link-replacement { + margin: 0 -.25rem; +} + +div.compatibility > span.link-replacement { + cursor: help; +} + +div.compatibility > a:before, +div.compatibility > span.link-replacement > span:first-child:before, +div.compatibility > a > span:first-child:before { + display: block; + width: 2.5rem; + height: 2.5rem; + padding: .5rem; + margin: .25rem; + border-radius: .125rem; + font-size: 1.5rem; + font-family: 'Material Icons'; + line-height: 1; + box-sizing: border-box; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +div.compatibility > a > span:first-child:before { + position: absolute; + top: 0; +} + +div.compatibility > a:hover:before, +div.compatibility > a:hover > span:first-child:before { + text-decoration: none; +} + +/* Настройка иконок совместимости */ +div.compatibility > a:before { + content: 'compare_arrows'; +} + +div.compatibility > span.link-replacement > span:first-child:before, +div.compatibility > a > span:first-child:before { + content: 'people'; +} + +div.compatibility > a > .text.zero:before, +div.compatibility > span.link-replacement > .text.zero:before { + content: 'people_outline'; +} + +/* КОНЕЦ: Настройка иконок совместимости */ +/* Цветные иконки совместимости */ +/* Низкая совместимость */ +div.compatibility > a > .text.weak:before { + background-color: #F9FBE7; + color: #CDDC39; +} + +div.compatibility > a:hover > .text.weak:before, +div.compatibility > span.link-replacement > .text.weak:before { + background-color: #F0F4C3; + color: #C0CA33; +} + +/* Средняя совместимость */ +div.compatibility > a > .text.moderate:before { + background-color: #F1F8E9; + color: #8BC34A; +} + +div.compatibility > a:hover > .text.moderate:before, +div.compatibility > span.link-replacement > .text.moderate:before { + background-color: #DCEDC8; + color: #7CB342; +} + +/* Высокая совместимость */ +div.compatibility > a > .text.high:before { + background-color: #E8F5E9; + color: #4CAF50; +} + +div.compatibility > a:hover > .text.high:before, +div.compatibility > span.link-replacement > .text.high:before { + background-color: #C8E6C9; + color: #43A047; +} + +/* Полная совместимость */ +div.compatibility > a > .text.full:before { + background-color: #E1F5FE; + color: #03A9F4; +} + +div.compatibility > a:hover > .text.full:before, +div.compatibility > span.link-replacement > .text.full:before { + background-color: #B3E5FC; + color: #039BE5; +} + +/* КОНЕЦ: Цветные иконки совместимости */ +/* Недоступные для просмотра данные без фона */ +div.compatibility > span.link-replacement > span:first-child:before, +div.compatibility > span.link-replacement:hover > span:first-child:before { + background-color: transparent !important; +} + +/* Подсказки для совместимости */ +/* По умолчанию: располагаются над иконкой */ +/* Вариант не работает без обложки, универсален только 2 вариант */ +/* Второй вариант: располагаются слева от иконки */ +div.compatibility > a:after, +div.compatibility > a > span:first-child:after, +div.compatibility > span.link-replacement > span:first-child:after { + display: block; + position: absolute; + bottom: 100%; + left: 50%; + padding: 0 .75rem; + margin: 0 0 .5rem; + background-color: #616161; + border-radius: .125rem; + color: #eee; + font-size: .875rem; + line-height: 2rem; + white-space: nowrap; + transform: translateX(-50%); + z-index: 100; + pointer-events: none; + opacity: 0; + transition: .3s; +} + +div.compatibility > a > span:first-child:after, +div.compatibility > span.link-replacement > span:first-child:after { + z-index: 101; +} + +div.compatibility > a:hover:after, +div.compatibility > a:hover > span:first-child:after, +div.compatibility > span.link-replacement:hover > span:first-child:after { + opacity: .9; +} + +/* Второй вариант расположения подсказок */ +div.compatibility > a:after, +div.compatibility > a > span:first-child:after, +div.compatibility > span.link-replacement > span:first-child:after { + bottom: 0; + right: 100%; + left: auto; + margin: 0 .75rem .5rem; + transform: translateX(0.75rem); +} + +div.compatibility > a:hover:after, +div.compatibility > a:hover > span:first-child:after, +div.compatibility > span.link-replacement:hover > span:first-child:after { + transform: translateX(0); +} + +/* КОНЕЦ: Второй вариант расположения подсказок */ +/* Текст подсказок для совместимости */ +.locale-ru div.compatibility > a[href*="similar"]:after { + content: 'Найти похожих пользователей'; +} + +.locale-en div.compatibility > a[href*="similar"]:after { + content: 'Find similar users'; +} + +.locale-ru div.compatibility > a > .text.zero:after, +.locale-ru div.compatibility > span.link-replacement > .text.zero:after { + content: 'Нет совместимости'; +} + +.locale-en div.compatibility > a > .text.zero:after, +.locale-en div.compatibility > span.link-replacement > .text.zero:after { + content: 'No compatibility'; +} + +.locale-ru div.compatibility > a > .text.weak:after, +.locale-ru div.compatibility > span.link-replacement > .text.weak:after { + content: 'Низкая совместимость'; +} + +.locale-en div.compatibility > a > .text.weak:after, +.locale-en div.compatibility > span.link-replacement > .text.weak:after { + content: 'Low compatibility'; +} + +.locale-ru div.compatibility > a > .text.moderate:after, +.locale-ru div.compatibility > span.link-replacement > .text.moderate:after { + content: 'Средняя совместимость'; +} + +.locale-en div.compatibility > a > .text.moderate:after, +.locale-en div.compatibility > span.link-replacement > .text.moderate:after { + content: 'Medium compatibility'; +} + +.locale-ru div.compatibility > a > .text.high:after, +.locale-ru div.compatibility > span.link-replacement > .text.high:after { + content: 'Высокая совместимость'; +} + +.locale-en div.compatibility > a > .text.high:after, +.locale-en div.compatibility > span.link-replacement > .text.high:after { + content: 'High compatibility'; +} + +.locale-ru div.compatibility > a > .text.full:after, +.locale-ru div.compatibility > span.link-replacement > .text.full:after { + content: 'Полная совместимость'; +} + +.locale-en div.compatibility > a > .text.high:after, +.locale-en div.compatibility > span.link-replacement > .text.high:after { + content: 'Full compatibility'; +} + +/* Числовое обозначение совместимости */ +div.compatibility > a > span.rate, +div.compatibility > span.link-replacement > span.rate { + position: absolute; + top: -.125rem; + right: -.5rem; + padding: 0 .25rem; + border-radius: .125rem; + color: #fff; + font-size: .75rem; + line-height: 1rem; +} + +div.compatibility > span.link-replacement > span.rate:before, +div.compatibility > a > span.rate:before { + display: none; +} + +.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .rate:after { + content: '%'; + color: inherit; +} + +div.compatibility > span.link-replacement > span.rate:after, +div.compatibility > a > span.rate:after { + display: none; +} + +div.compatibility > a:before { + background-color: transparent; +} + +/* END of Иконки совместимости для профиля */ +/* ICON | EDIT ABOUT ME PROFILE'S BLOCK */ +.p-profiles-show .about .item-edit { + display: inline-block; + width: 2.5rem; + height: 2.5rem; + padding: .5rem; + margin: .25rem 0; +} + +.p-animes .item-edit:before, +.p-mangas .item-edit:before, +.p-profiles-show .about .item-edit:before { + width: 1.5rem !important; + font-family: 'Material Icons' !important; + font-size: 1.5rem !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.p-animes .item-edit:before, +.p-mangas .item-edit:before, +.p-profiles-show .about .item-edit:before { + content: 'edit'; +} + +/* END of ICON */ +/* CHIP | USER PLATES */ +.b-user16 { + vertical-align: middle; + max-width: 100%; + padding: 0 .5rem; + margin: 0 .5rem 0 0; + background-color: #eee; + border-radius: .5rem; + font-size: .875rem; + font-weight: 400; + line-height: 1rem !important; + text-transform: initial; + text-overflow: ellipsis; + overflow: hidden; +} + +.b-user16:hover { + color: #f2f2f2 !important; + background-color: #747474; +} + +.b-user16:after { + display: none !important; +} + +.b-user16:hover a { + color: #fff !important; + text-decoration: none; +} + +.b-user16 > a > span { + padding: 0; +} + +.b-user16:hover span { + text-decoration: none; +} + +.b-user16 img { + position: static; + display: inline-block; + vertical-align: bottom; + width: 16px !important; + padding: 0; + margin: 0 .375rem 0 -.5rem !important; + margin-top: 0 !important; + border-radius: .5rem; +} + +.b-animes-menu .friend-rate .b-user16 { + display: inline-block; +} + +.b-quote .quoteable a.b-user16 { + padding: 0 .5rem; +} + +.p-anime_videos-index .c-video_stats .uploader .b-user16 { + padding-left: 0.5rem; +} + +.b-log_entry .b-user16, +.b-source .contributors .b-user16, +.b-source .mal .b-user16, +.b-source .source .b-user16 { + margin-right: .5rem; +} + +.b-user16:last-child { + margin-right: 0 !important; +} + +.b-quote .quoteable a, +.status-line > span:first-child { + margin-right: .5rem; +} + +.status-line .b-user16:last-child { + margin-right: .5rem !important; +} + +/* BUG: Лишний пробел в разметке */ +.b-quote .quoteable a.bubbled-processed { + margin-right: 0.25rem !important; +} + +/* BUG: Лишний пробел в разметке */ +.b-quote .quoteable a.bubbled-processed > img { + margin-right: 0.125rem !important; +} + +/* COLOR */ +.b-user16, +.b-user16 a { + color: #212121 !important; +} + +/* END of USER PLATES */ +.b-source .contributors, +.b-source .mal, +.b-source .source { + padding: 0; +} + +.was_updated > div:first-child > span:first-child { + margin-right: 0.5rem; +} + +/* MODERATION LIST */ +.b-log_entry { + position: relative; + padding-right: 2.5rem !important; + font-size: .875rem; +} + +.b-log_entry, +.b-log_entry .spoiler.collapse span:before, +.b-log_entry .spoiler.collapsed:before { + padding: .375rem 0; + line-height: 1.25rem; +} + +.b-log_entry .spoiler.collapse, +.b-log_entry .spoiler.collapsed, +.b-log_entry .spoiler.collapse span, +.b-log_entry .spoiler.collapsed span { + position: absolute; + top: 0; + right: 0; + margin: 0; + border: 0; +} + +.b-log_entry .spoiler.collapse span:before, +.b-log_entry .spoiler.collapsed:before { + display: inline-block; + vertical-align: top; + position: relative; + width: 1.5rem; +} + +.b-ban .moderator { + float: right; + position: static; +} + +.b-abuse_request .remove, +.b-log_entry span, +.b-log_entry .date { + padding-right: .5rem; +} + +.b-ban .abuser, +.b-ban .duration, +.b-log_entry .date, +.b-log_entry > .reason { + vertical-align: top; + font-size: inherit; +} + +.b-log_entry span a { + vertical-align: top; +} + +.b-log_entry > .reason a { + color: inherit; +} + +.b-log_entry .spoiler.collapse, +.b-log_entry .spoiler.collapsed, +.b-log_entry .spoiler.collapse span, +.b-log_entry .spoiler.collapsed span { + font-size: 0; + line-height: 0; +} + +.b-log_entry .spoiler.collapse span:before, +.b-log_entry .spoiler.collapsed:before { + position: absolute; + top: 0; + right: 0; + width: 2rem; + font-family: 'Material Icons'; + font-size: 1.125rem; + font-weight: 400 !important; + text-align: center; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.b-log_entry .spoiler.collapse span:before { + content: 'expand_less'; +} + +.b-log_entry .spoiler.collapsed:before { + content: 'expand_more'; +} + +@media screen and (min-width: 1025px) { + .b-log_entry, + .b-log_entry .spoiler.collapse span:before, + .b-log_entry .spoiler.collapsed:before { + padding: .125rem 0; + line-height: 1.25rem; + } +} + +/* FIX */ +.b-abuse_request .marker { + margin: -5px 8px 0 0 !important; +} + +/* END of MODERATION LIST */ +/** + * MATERIAL ICON + * Замена иконок. + * + * ПРАВИЛА: + * Следующие настройки касаются только иконок. Их цвета, родители и их положение настраивается отдельно. + * Иконки должны располагаться в псевдоэлементе :before + * Иконки используются в двух вариантах: 18px и 24px + * Следовательно родители иконок должны быть высотой 32px или 40px + * + * BUG: + * IE doesn't support Materail Icon's font format [.woff2] + */ +@font-face { + font-family: 'Material Icons'; + font-style: normal; + font-weight: 400; + src: local("Material Icons"), local("MaterialIcons-Regular"), url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.woff) format("woff"), url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.eot) format("eot"), url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.ttf) format("truetype"); +} + +/* Стили Material Icons */ +.b-collection-topic > .inner .status-line .collection-size:before, +.b-review_votes:before, +.b-topic .footer-vote .star:before, +.b-topic .footer-vote .vote-group .vote:before, +.b-image .mobile-edit:before, +.b-image .delete:before, +.b-image.deletable .confirm:before, +.b-image.deletable .cancel:before, +.l-top_menu .menu-items > .entry > a[href*="/forum"]:before, +.p-user_rates-index .list-posters .user_rate .edit-user_rate:before { + font-family: 'Material Icons'; + line-height: 1; + font-weight: normal; + letter-spacing: normal; + text-transform: none; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +/* LARGE ICON */ +.c-actions > *:before, +.profile-actions > *:before, +.l-top_menu .menu-mobile .search:before, +.l-top_menu .menu-mobile .menu:before, +.l-top_menu .menu-mobile #sign_in:before, +.l-top_menu .menu-userbox .search:before, +.l-top_menu .menu-userbox .menu:before, +.l-top_menu .menu-userbox #sign_in:before, +.l-top_menu .to-mobile-forum:before, +.l-top_menu .menu-items .submenu-toggler:before, +.l-top_menu .menu-items .submenu-toggler.active:before, +header.head h1 a.back:before, +header.head h2 a.back:before, +.item-mobile:before, +.editor-controls > span:before, +.b-add_to_list .trigger-arrow:before, +.b-add_to_list.expanded .trigger-arrow:before, +.b-add_to_list.watching .edit:before, +.b-add_to_list.rewatching .edit:before, +.b-add_to_list.on_hold .edit:before, +.b-add_to_list.dropped .edit:before, +.b-add_to_list .plus:before, +.b-add_to_list.completed .edit:before, +.b-add_to_list.planned .edit:before, +.b-comments .comments-collapser:before, +.b-list_switchers > .switcher:before, +.p-characters .item-edit:before, +.p-messages .mass-actions .action > a:before { + width: 24px !important; + font-family: 'Material Icons' !important; + font-size: 24px !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +/* SMALL ICON */ +.l-top_menu .menu-items > .entry.calendar > a:before, +.l-top_menu .menu-items > .entry > .contest:before, +.l-top_menu .menu-items > .entry.info > a:before { + display: block; + width: 18px !important; + font-family: 'Material Icons' !important; + font-size: 18px !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.headline > a:before, +.midheadline > a:before, +.subheadline > a:before { + display: block; + font-family: 'Material Icons' !important; + font-size: 18px !important; + font-weight: 400 !important; + line-height: 32px !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.headline > a:before, +.midheadline > a:before, +.subheadline > a:before { + content: 'chevron_right'; +} + +/* Иконки переключения вида каталога: список/постеры */ +.b-list_switchers .switcher.list:before { + content: 'view_list'; +} + +.b-list_switchers .switcher.lines:before { + content: 'view_headline'; +} + +.b-list_switchers .switcher.posters:before { + content: 'view_module'; +} + +/* Иконки списка аниме/манги пользователя */ +.b-add_to_list .plus:before { + content: "add"; +} + +.b-add_to_list.planned .edit:before { + content: "event"; +} + +.b-add_to_list.watching .edit:before { + content: "play_arrow"; +} + +.b-add_to_list.completed .edit:before { + content: "done"; +} + +.b-add_to_list.rewatching .edit:before { + content: "replay"; +} + +.b-add_to_list.on_hold .edit:before { + content: "query_builder"; +} + +.b-add_to_list.dropped .edit:before { + content: "delete"; +} + +.b-add_to_list .trigger-arrow:before { + content: "arrow_drop_down"; + transition: 240ms; +} + +.b-add_to_list.expanded .trigger-arrow:before { + content: "arrow_drop_down"; + transform: rotate(180deg); +} + +/* Иконки верхнего меню */ +.l-top_menu .menu-items > .entry.calendar > a:before { + content: "today"; +} + +.l-top_menu .menu-items > .entry > .contest:before { + content: "poll"; +} + +.l-top_menu .menu-items > .entry.info > a:before { + content: "info"; +} + +.l-top_menu .menu-userbox #sign_in:before { + content: "exit_to_app"; +} + +.l-top_menu .to-mobile-forum:before { + content: "forum"; +} + +.l-top_menu .menu-items .submenu-toggler:before { + content: 'arrow_drop_down'; +} + +.l-top_menu .menu-items .submenu-toggler.active:before { + content: "arrow_drop_down"; + transform: rotate(180deg); +} + +/* Иконки профиля */ +.profile-actions .mail:before { + content: "mail"; +} + +.profile-actions .talk:before { + content: "message"; +} + +.profile-actions .fav-add:before { + content: "person_add"; +} + +.profile-actions .fav-remove:before { + content: "person"; +} + +.profile-actions .fav-remove:hover:before { + content: "person_outline"; + color: inherit; +} + +.profile-actions .ignore-add:before { + content: "do_not_disturb_on"; +} + +.profile-actions .ignore-remove:before { + content: "do_not_disturb_off"; +} + +.profile-actions .settings:before { + content: "settings"; +} + +.profile-actions .ban:before { + content: "gavel"; +} + +/* Иконки текстового редактора */ +.buttons .editor-bold:before { + content: "format_bold"; +} + +.buttons .editor-italic:before { + content: "format_italic"; +} + +.buttons .editor-underline:before { + content: "format_underlined"; +} + +.buttons .editor-strike:before { + content: "strikethrough_s"; +} + +.buttons .editor-link:before { + content: "insert_link"; +} + +.buttons .editor-image:before { + content: "insert_photo"; +} + +.buttons .editor-quote:before { + content: "format_quote"; +} + +.buttons .editor-spoiler:before { + content: "error_outline"; +} + +.buttons .editor-file:before { + content: "attach_file"; +} + +.buttons .editor-smiley:before { + content: "insert_emoticon"; +} + +/* Иконки под постером аниме/манги/персонажа и т.д. */ +.c-actions .edit:before { + content: "build"; +} + +.c-actions .fav-remove:hover:before, +.c-actions .fav-add:before { + content: "favorite_border"; +} + +.c-actions .fav-add:hover:before, +.c-actions .fav-remove:before { + content: "favorite"; +} + +.c-actions .new_review:before { + content: "rate_review"; +} + +.c-actions .new_comment:before { + content: "chat_bubble"; +} + +/* Специальная иконка открывающая меню комментария/топика и т.д. */ +.item-mobile:before { + content: "more_vert"; +} + +.p-characters .item-edit:before { + content: "edit"; +} + +/* Иконка "закрыть" */ +.b-dialog.aside-expanded > .inner > .item-mobile:before, +.b-message.aside-expanded > .inner > .item-mobile:before, +.b-comment.aside-expanded > .inner > .item-mobile:before { + content: "clear"; +} + +/* Иконка "назад" */ +header.head h1 a.back:before, +header.head h2 a.back:before { + content: "arrow_back"; +} + +/* Иконки в почте пользователя ("Отметить прочитанным" и "Удалить все") */ +.p-messages .mass-actions .action:nth-child(1) > a:before { + content: 'done_all'; +} + +.p-messages .mass-actions .action:nth-child(2) > a:before { + content: 'delete_sweep'; +} + +.p-dialogs header.head, +.p-messages header.head, +.p-profiles-edit header.head { + padding: 16px 16px 8px; + margin: -16px -16px 0; +} + +header.head h1, +header.head h2 { + padding: 8px 0; + line-height: 32px; + color: inherit; +} + +header.head h1 a.back, +header.head h2 a.back { + vertical-align: top; + width: 40px; + height: 40px; + padding: 8px; + margin: -4px 16px -4px -8px; + line-height: initial; +} + +header.head h1 a.back:before, +header.head h2 a.back:before { + position: static; + color: inherit; +} + +header.head h1 a.back:after, +header.head h2 a.back:after { + display: none; +} + +.buttons { + margin-right: 0; +} + +.delete-controls > span, +.moderation-controls > span, +.main-controls > span, +.main-controls > a, +.buttons .item-edit { + width: 220px; + padding: 11px 16px; + margin-right: auto !important; + margin-left: auto !important; + line-height: 18px !important; +} + +@media only screen and (min-width: 1025px) { + .delete-controls > span, + .moderation-controls > span, + .main-controls > span, + .main-controls > a, + .buttons .item-edit { + width: 32px; + height: 32px; + padding: 7px; + margin-left: 8px !important; + border-radius: 2px; + line-height: 18px !important; + } +} + +.item-mobile { + position: relative; + width: 40px; + height: 40px; + padding: 8px; + margin: 4px 0; + margin-left: 8px !important; + border-radius: 100%; + z-index: 4; +} + +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .plus::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .edit::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .trigger-arrow::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .plus::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .edit::before, +.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .trigger-arrow::before, +.buttons .item-summary:before, +.buttons .item-ignore:before, +.buttons .item-quote:before, +.buttons .item-reply:before, +.buttons .item-edit:before, +.buttons .item-delete:before, +.buttons .item-moderation:before, +.buttons .item-cancel:before, +.buttons .item-request-reject:before, +.buttons .item-apply:before, +.buttons .item-request-confirm:before, +.buttons .item-delete-confirm:before, +.buttons .item-abuse:before, +.buttons .item-spoiler:before, +.buttons .item-offtopic:before, +.buttons .item-delete-cancel:before, +.buttons .item-moderation-cancel:before { + vertical-align: top; + width: 18px !important; + font-family: 'Material Icons' !important; + font-size: 18px !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.buttons .item-ignore:before { + content: "do_not_disturb_on"; +} + +.buttons .item-quote:before { + content: "format_quote"; +} + +.buttons .item-reply:before { + content: "reply"; +} + +.buttons .item-edit:before { + content: "mode_edit"; +} + +.buttons .item-delete:before { + content: "delete"; +} + +.buttons .item-moderation:before { + content: "flag"; +} + +.buttons .item-cancel:before, +.buttons .item-request-reject:before, +.buttons .item-delete-cancel:before, +.buttons .item-moderation-cancel:before { + content: "clear"; +} + +.buttons .item-spoiler:before { + content: "sms_failed"; +} + +.buttons .item-abuse:before { + content: "pan_tool"; +} + +.buttons .item-offtopic:before { + content: "speaker_notes_off"; +} + +.buttons .item-summary:before { + content: "check_circle"; +} + +.buttons .item-delete-confirm:before { + content: "delete"; +} + +.buttons .item-apply:before, +.buttons .item-request-confirm:before, +.buttons .item-delete-confirm:before { + content: "done"; +} + +.l-top_menu .menu-mobile .menu:before, +.l-top_menu .menu-userbox .menu:before, +.l-top_menu .menu-mobile .search:before, +.l-top_menu .menu-userbox .search:before { + width: 24px !important; + font-family: 'Material Icons' !important; + font-size: 24px !important; + font-weight: 400 !important; + line-height: 1 !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.l-top_menu .menu-mobile .menu:before, +.l-top_menu .menu-userbox .menu:before { + content: "menu"; +} + +.l-top_menu .menu-mobile .search:before, +.l-top_menu .menu-userbox .search:before { + content: "search"; +} + +.tooltip-inner { + min-height: 56px; + padding: 14px 16px; + border: 0; + overflow: hidden; + box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.24); +} + +.tooltip-arrow { + display: none; +} + +/** + * Simple + * MIT License + * Copyright (c) 2015 Chris Nager + * https://github.com/chrisnager/simple-paper-spinner + */ +.tooltip-details { + min-height: 140px; +} + +.tooltip-details .ajax-loading { + display: inline-block; + position: absolute; + top: 50%; + left: 50%; + width: 1.75em; + height: 1.75em; + min-height: 0; + margin: -.875rem 0 0 -.875rem; + background-image: none; + border-radius: 50%; + box-shadow: inset 0 0 0 0.1875em; + overflow: hidden; + will-change: transform; + -webkit-animation: spin 2666ms linear infinite; + animation: spin 2666ms linear infinite; + -webkit-clip-path: circle(0.875em at center); + clip-path: circle(0.875em at center); +} + +.tooltip-details .ajax-loading:after, +.tooltip-details .ajax-loading:before { + content: ""; + position: absolute; + width: 7em; + height: 1.75em; + background-color: inherit; +} + +.tooltip-details .ajax-loading:after { + -webkit-transform: skewX(-80deg) translate(0.875em, 0.875em); + transform: skewX(-80deg) translate(0.875em, 0.875em); + -webkit-animation: shape-shift-after 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate; + animation: shape-shift-after 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate; +} + +.tooltip-details .ajax-loading:before { + -webkit-transform: skewX(80deg) translate(0.875em, -0.875em); + transform: skewX(80deg) translate(0.875em, -0.875em); + -webkit-animation: shape-shift-before 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate; + animation: shape-shift-before 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate; +} + +@-webkit-keyframes spin { + to { + -webkit-transform: rotate(1080deg); + transform: rotate(1080deg); + } +} + +@keyframes spin { + to { + -webkit-transform: rotate(1080deg); + transform: rotate(1080deg); + } +} + +@-webkit-keyframes shape-shift-before { + to { + -webkit-transform: skewX(-45deg) translate(0.875em, -0.875em); + transform: skewX(-45deg) translate(0.875em, -0.875em); + } +} + +@keyframes shape-shift-before { + to { + -webkit-transform: skewX(-45deg) translate(0.875em, -0.875em); + transform: skewX(-45deg) translate(0.875em, -0.875em); + } +} + +@-webkit-keyframes shape-shift-after { + to { + -webkit-transform: skewX(45deg) translate(0.875em, 0.875em); + transform: skewX(45deg) translate(0.875em, 0.875em); + } +} + +@keyframes shape-shift-after { + to { + -webkit-transform: skewX(45deg) translate(0.875em, 0.875em); + transform: skewX(45deg) translate(0.875em, 0.875em); + } +} + +.b-catalog_entry-tooltip .inner a.name { + font-size: .875rem; +} + +.b-catalog_entry-tooltip .inner .rating { + font-family: inherit; +} + +.b-catalog_entry-tooltip .inner .rating .text { + font-size: .75rem; +} + +/* FIX: Размер изображений в тултипах Избаранного */ +.b-catalog_entry-tooltip .inner .best-works > .c-column { + width: 22%; + margin-right: 4%; +} + +.b-catalog_entry-tooltip .inner .best-works > .c-column:last-child { + margin-right: 0; +} + +/* TEXTEDITOR | SHIKI EDITOR */ +.b-topic > .editor-container { + margin-top: 1rem; +} + +.b-shiki_editor .body .preview { + padding: 0; + margin: 0; + background: transparent; + border: 0; +} + +.editor-controls > span { + width: 40px; + height: 40px; + padding: 8px; + margin: 0 8px 0 0 !important; +} + +/* Расширяем file input */ +.buttons .editor-file { + position: relative; +} + +.buttons .editor-file span, +.buttons .editor-file a { + top: 0; + left: 0; + width: 40px; + height: 40px; + margin: 0 !important; +} + +.buttons .editor-file input { + left: 0; + width: 40px; + height: 40px; + border: 0; + font-size: 40px; +} + +.b-shiki_editor aside.buttons { + margin: 0; + padding: .25rem 0; +} + +.b-shiki_editor aside.markers { + height: auto; + padding: .75rem 0; +} + +.b-shiki_editor .links, +.b-shiki_editor .images, +.b-shiki_editor .quotes, +.b-shiki_editor .email, +.b-shiki_editor .upload { + height: 3rem; + line-height: 2rem; +} + +.b-shiki_editor .hidden-block p { + padding: .5rem !important; +} + +.b-shiki_editor .links .link-value, +.b-shiki_editor .images .link-value, +.b-shiki_editor .quotes .link-value, +.b-shiki_editor .email .link-value, +.b-shiki_editor .upload .link-value { + width: 14rem; + height: 2rem; + padding: 0 1rem; + margin: 0; + border-radius: 2px; + line-height: 2rem; +} + +.b-shiki_editor .links .button.ok, +.b-shiki_editor .images .button.ok, +.b-shiki_editor .quotes .button.ok, +.b-shiki_editor .email .button.ok, +.b-shiki_editor .upload .button.ok { + display: inline-block; + vertical-align: top; + padding: 0 1rem; + margin-right: 0; + margin-left: 1rem; + font-size: .875rem; + line-height: 2rem; + border-radius: 2px; +} + +.b-shiki_editor .images input, +.b-shiki_editor .quotes input, +.b-shiki_editor .email input { + margin-left: 1rem !important; + width: 20rem !important; +} + +.b-shiki_editor .body .editor textarea { + padding: .5rem 1rem; + margin: 0; + border-radius: 2px; + font-size: 1rem; + line-height: 1.25rem; +} + +.b-shiki_editor footer input[type=submit], +.b-shiki_editor footer .unpreview, +.b-shiki_editor footer .preview { + vertical-align: top; + margin-right: 8px; +} + +.b-shiki_editor footer .preview { + margin-right: 0; +} + +.b-shiki_editor.previewed footer .unpreview { + border: 0; + font-size: 0; +} + +.b-shiki_editor.previewed footer .unpreview:after { + content: 'Назад'; + vertical-align: top; + font-size: 14px; +} + +.b-shiki_editor footer .cancel { + border: 0; +} + +.b-shiki_editor footer .cancel:hover { + color: #3F51B5; +} + +/* FIX: COMMENT PREVIEW WIDTH */ +.b-shiki_editor aside.markers { + position: absolute; + right: 0; + top: 0; + z-index: 2; +} + +.b-shiki_editor.previewed .body .preview .b-comment { + padding: 0 !important; +} + +.b-shiki_editor footer { + margin-top: 1rem; +} + +.about-bb_codes { + font-size: 0 !important; + padding: 0 1rem; + margin-top: 0 !important; + border-radius: .125rem; + line-height: 2rem !important; +} + +.about-bb_codes:before { + content: "help"; + display: inline-block; + vertical-align: top; + font-family: 'Material Icons' !important; + font-size: 24px !important; + line-height: 32px !important; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +@media only screen and (min-width: 768px) { + .about-bb_codes:before { + font-family: inherit !important; + font-size: 14px !important; + text-transform: uppercase; + } + .locale-ru .about-bb_codes:before { + content: 'Справка'; + } + .locale-en .about-bb_codes:before { + content: 'Help'; + } +} + +/* END of SHIKI_EDITOR */ +/* END of TEXTEDITOR */ +.b-abuse_marker, +.b-broadcast_marker, +.b-new_marker, +.b-offtopic_marker, +.b-summary_marker { + width: auto !important; + margin: 0 !important; + margin-top: 1px !important; + margin-left: 8px !important; +} + +.b-spoiler_marker { + width: auto; +} + +.b-abuse_marker:before, +.b-broadcast_marker:before, +.b-new_marker:before, +.b-offtopic_marker:before, +.b-spoiler_marker:before, +.b-summary_marker:before { + position: static !important; + width: auto !important; + padding: 0 4px !important; + margin-top: 8px; + border: 0 !important; + border-radius: 2px; + font-size: 10px !important; + line-height: 16px !important; + text-transform: capitalize; +} + +.b-shiki_editor .b-summary_marker, +.b-shiki_editor .b-summary_marker:before, +.b-shiki_editor .b-offtopic_marker, +.b-shiki_editor .b-offtopic_marker:before { + vertical-align: top; + padding: 0 8px !important; + margin: 0 !important; + font-size: 12px !important; + line-height: 24px !important; +} + +.b-shiki_editor .b-summary_marker, +.b-shiki_editor .b-offtopic_marker { + padding: 0 !important; + margin-left: 8px !important; +} + +/* END of SHIKI_EDITOR */ +/* FLOATED OPTIONS */ +.b-options-floated { + margin-top: 16px; + font-size: 14px; + line-height: 16px; +} + +@media screen and (min-width: 768px) { + .b-options-floated.before-buttons-2 { + padding-right: 112px; + } +} + +.p-profiles-edit .b-options-floated, +.p-dialogs .b-options-floated, +.p-messages .b-options-floated { + position: static; + margin: 0 -16px 8px; + padding: 0; + text-align: left; + white-space: nowrap; + overflow: hidden; + overflow-x: auto; +} + +.p-profiles-edit .b-options-floated > a, +.p-dialogs .b-options-floated > a, +.p-messages .b-options-floated > a { + display: inline-block; + width: auto; + min-width: 88px; + height: 48px; + padding: 0 12px; + font-size: 14px; + line-height: 48px; + text-align: center; + text-transform: uppercase; +} + +.p-profiles-edit .b-options-floated > a { + width: auto; +} + +.p-profiles-edit .b-options-floated > a:hover, +.p-dialogs .b-options-floated > a:hover, +.p-messages .b-options-floated > a:hover { + text-decoration: none; +} + +@media screen and (min-width: 481px) { + .p-profiles-edit .b-options-floated > a, + .p-dialogs .b-options-floated > a, + .p-messages .b-options-floated > a { + width: auto; + } +} + +.b-options-floated a span.brackets, +.b-options-floated .link span.brackets { + display: inline-block; + vertical-align: text-top; + min-width: 20px; + height: 16px; + padding: 0 4px; + border-radius: 4px; + color: #212121; + font-size: 10px; + line-height: 16px; + text-align: center; +} + +.b-options-floated a:after, +.b-options-floated .link:after { + padding: 0 .375rem; + color: #9E9E9E; +} + +.p-profiles-edit .b-options-floated > a:after, +.p-dialogs .b-options-floated > a:after, +.p-messages .b-options-floated > a:after, +.b-options-floated a span.brackets:before, +.b-options-floated a span.brackets:after, +.b-options-floated .link span.brackets:before, +.b-options-floated .link span.brackets:after { + display: none; +} + +@media screen and (min-width: 481px) { + .p-dialogs header.head, + .p-messages header.head, + .p-profiles-edit header.head { + padding: 0; + margin: 0; + background-color: transparent; + } + .p-profiles-edit .b-options-floated, + .p-dialogs .b-options-floated, + .p-messages .b-options-floated { + position: initial; + margin: 0 -16px 8px; + padding: 0; + background-color: transparent; + text-align: right; + } +} + +/* END of FLOATED OPTIONS */ +/* USER'S MAIL ICONS – READ ALL & DELETE ALL */ +.p-messages .mass-actions { + position: absolute; + top: 56px; + right: 0; + margin: 0 -.5rem; +} + +.p-messages .mass-actions .action:after { + display: none; +} + +.p-messages .mass-actions > .action > a { + width: 40px; + height: 40px; + padding: 8px; + margin: 4px; + border: 0; + border-radius: 2px; + font-size: 0; + line-height: 1; +} + +/* END of USER'S MAIL ICONS */ +/* DB ENTRY NOTES */ +/* TODO: MERGE WITH .c-history .entry */ +.b-db_entry-note { + position: relative; + padding: 8px 0; + margin: 0; + border: 0; +} + +.b-db_entry-note:first-child { + padding-top: 8px; +} + +.b-db_entry-note:before { + content: ''; + position: absolute; + right: -16px; + bottom: 0; + left: 56px; + height: 1px; +} + +.b-db_entry-note:last-child:before { + display: none; +} + +/* FIX */ +.b-db_entry-note:before { + right: 0; + left: 64px; +} + +.p-db_entries-related .b-db_entry-note { + padding: 16px 0; +} + +.p-db_entries-related .b-db_entry-note:first-child { + padding-top: 16px; +} + +/* END of DB ENTRY NOTES*/ +/* MENU ENTRY REVIEW & CLUBS */ +/* TODO: MERGE WITH .c-history .entry */ +/* TODO: where [.calendar .entry]? */ +.p-topics .l-menu .calendar .entry, +.p-topics .l-menu .reviews .entry, +.p-topics .l-menu .clubs .entry { + position: relative; + padding: 8px 0; + margin: 0; + border: 0; + overflow: initial; +} + +.p-topics .l-menu .calendar .entry:first-child, +.p-topics .l-menu .reviews .entry:first-child, +.p-topics .l-menu .clubs .entry:first-child { + padding-top: 8px; + margin-top: 0; +} + +.p-topics .l-menu .calendar .entry:before, +.p-topics .l-menu .reviews .entry:before, +.p-topics .l-menu .clubs .entry:before { + content: ''; + position: absolute; + right: -8px; + bottom: 0; + left: 56px; + height: 1px; + pointer-events: none; +} + +.p-topics .l-menu .calendar .entry:last-child:before, +.p-topics .l-menu .reviews .entry:last-child:before, +.p-topics .l-menu .clubs .entry:last-child:before { + display: none; +} + +/* Полноразмерная ссылка .entry, работает только для .l-menu */ +.p-topics .l-menu .calendar .entry a, +.p-topics .l-menu .reviews .entry a, +.p-topics .l-menu .clubs .entry a { + display: block; + padding: 8px; + margin: -8px; +} + +.p-topics .l-menu .calendar .entry a:after, +.p-topics .l-menu .reviews .entry a:after, +.p-topics .l-menu .clubs .entry a:after { + content: ''; + clear: both; + display: block; +} + +.p-topics .l-menu .calendar .entry:hover .title, +.p-topics .l-menu .reviews .entry:hover .title, +.p-topics .l-menu .clubs .entry:hover .title { + text-decoration: none; +} + +/* ADDITIONS */ +.p-topics .l-menu .reviews .entry img { + min-width: 40px; + max-height: 64px; + margin: 2px 16px 2px 0; + border-radius: 2px; +} + +.p-topics .l-menu .clubs .entry img { + width: 40px; + min-width: 40px; + height: 40px; + margin: 2px 16px 2px 0; + border-radius: 2px; +} + +/* END of MENU ENTRY REVIEW & CLUBS */ +/* SIDEMENU LINKS */ +.p-topics .l-menu .sticky-topics .topic, +.p-dashboards-show .contests .contest, +.p-topics .l-menu .contests .contest { + padding: 8px; + margin: 0 -8px; + border: 0; +} + +.p-topics .l-menu .sticky-topics .topic:first-child, +.p-dashboards-show .contests .contest:first-child, +.p-topics .l-menu .contests .contest:first-child { + padding-top: 8px; + margin-top: 0; +} + +.p-topics .l-menu .sticky-topics .topic .title, +.p-dashboards-show .contests .contest .title, +.p-topics .l-menu .contests .contest .title { + line-height: 20px; +} + +.p-topics .l-menu .sticky-topics .topic:hover .title, +.p-dashboards-show .contests .contest:hover .title, +.p-topics .l-menu .contests .contest:hover .title { + text-decoration: none; +} + +.p-topics .l-menu .sticky-topics .topic .title:after, +.p-dashboards-show .contests .contest .title:after, +.p-topics .l-menu .contests .contest .title:after { + display: none; +} + +.p-topics .l-menu .sticky-topics .topic .notice, +.p-dashboards-show .contests .contest .notice, +.p-topics .l-menu .contests .contest .notice { + margin-top: 2px; + line-height: 18px; +} + +/* END of SIDEMENU LINKS */ +/* Стилизованные кнопки на страницах поиска аниме и манги */ +.p-user_rates .mylist-block + .block > .b-list, +.b-collection-filters > .block:first-child > .b-list, +.b-collection-filters > .block:first-child > .b-list { + margin-left: 0 !important; +} + +.p-user_rates .mylist-block + .block > .b-list > li, +.b-collection-filters > .block:first-child > .b-list > li, +.b-collection-filters > .block:first-child > .b-list > li { + position: relative; + margin-bottom: .5rem; + border-radius: .125rem; + font-size: .875rem; + line-height: 2rem; + text-align: center; + text-transform: uppercase; + list-style: none; +} + +.p-user_rates .mylist-block + .block > .b-list > li:before, +.p-user_rates .mylist-block + .block > .b-list > li:after, +.b-collection-filters > .block:first-child > .b-list > li:before, +.b-collection-filters > .block:first-child > .b-list > li:before, +.b-collection-filters > .block:first-child > .b-list > li:after, +.b-collection-filters > .block:first-child > .b-list > li:after { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: inherit; + opacity: 0; + z-index: 0; + transition: opacity .3s; +} + +.p-user_rates .mylist-block + .block > .b-list > li:before, +.b-collection-filters > .block:first-child > .b-list > li:before, +.b-collection-filters > .block:first-child > .b-list > li:before { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.56); +} + +.p-user_rates .mylist-block + .block > .b-list > li:after, +.b-collection-filters > .block:first-child > .b-list > li:after, +.b-collection-filters > .block:first-child > .b-list > li:after { + background-color: rgba(0, 0, 0, 0.12); +} + +.p-user_rates .mylist-block + .block > .b-list > li:hover:before, +.p-user_rates .mylist-block + .block > .b-list > li:hover:after, +.b-collection-filters > .block:first-child > .b-list > li:hover:before, +.b-collection-filters > .block:first-child > .b-list > li:hover:before, +.b-collection-filters > .block:first-child > .b-list > li:hover:after, +.b-collection-filters > .block:first-child > .b-list > li:hover:after { + opacity: 1; +} + +.p-user_rates .mylist-block + .block > .b-list > li > a, +.b-collection-filters > .block:first-child > .b-list > li > a, +.b-collection-filters > .block:first-child > .b-list > li > a { + position: relative; + display: block; + color: #fff !important; + z-index: 1; +} + +.p-user_rates .mylist-block + .block > .b-list > li > a:hover, +.b-collection-filters > .block:first-child > .b-list > li > a:hover, +.b-collection-filters > .block:first-child > .b-list > li > a:hover { + color: #fff !important; + text-decoration: none; +} + +/* END of Стилизованные кнопки на страницах поиска аниме и манги */ +/** + * Фильтры на страницах поиска + */ +/* Настройка пунктов */ +.b-collection-filters .block-list li, +.b-collection-filters .b-block_list li { + position: relative; + padding: 0 .5rem; + margin: 0 -.5rem; + font-size: .875rem; + line-height: 2rem; +} + +/* Отступ для подпунктов */ +.b-collection-filters .block-list li.sub, +.b-collection-filters .b-block_list li.sub { + padding-left: 2.5rem; +} + +/* Скрываем чекбокс, располагаем над псевдоэлементом */ +.b-collection-filters .block-list li > input, +.b-collection-filters .b-block_list li > input { + position: absolute; + left: .3125rem; + width: 2rem; + height: 2rem; + border: 0; + opacity: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +/* Псевдоэлемент с иконкой чекбокса */ +.b-collection-filters .block-list li:before, +.b-collection-filters .b-block_list li:before { + display: inline-block; + vertical-align: top; + width: 1.125rem; + margin: .4375rem .875rem .4375rem 0; + font-family: 'Material Icons'; + font-size: 1.125rem; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +/* Фильтры на страницах поиска – ПОДСКАЗКИ */ +/* Положение подсказки */ +.b-collection-filters .block-list .b-question, +.b-collection-filters .b-block_list .b-question { + display: inline-block !important; + vertical-align: top; + position: absolute; + right: .3125rem; +} + +/* Иконка подсказки */ +.b-collection-filters .block-list .b-question:before, +.b-collection-filters .b-block_list .b-question:before { + display: block; + width: 1.125rem; + height: auto; + margin: .4375rem; + background-color: transparent; + font-family: 'Material Icons'; + font-size: 1.125rem; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +/* Фильтры на страницах поиска – ПЕРЕКЛЮЧАТЕЛИ */ +/* Положение переключателя */ +.b-collection-filters .filter { + top: 0; +} + +.b-collection-filters .block-list .filter, +.b-collection-filters .b-block_list .filter { + float: right; + position: relative; + right: auto; + margin: 0 0 0 .5rem; +} + +/* Положение переключателя с иконками подсказок */ +.b-collection-filters .block-list.ratings .filter, +.b-collection-filters .block-list.genres .filter, +.b-collection-filters .block-list li.sub .filter, +.b-collection-filters .b-block_list.ratings .filter, +.b-collection-filters .b-block_list.genres .filter, +.b-collection-filters .b-block_list li.sub .filter { + margin-right: 2rem; +} + +/* Сбрасываем стандартные стили */ +.b-collection-filters .block-list .filter:before, +.b-collection-filters .b-block_list .filter:before { + display: block; + width: auto; + font-family: inherit; + font-size: .75rem; + line-height: inherit; + text-transform: lowercase; +} + +/* Добавляем понятные текстовые обозначения */ +.locale-ru .b-collection-filters .b-block_list .filter.item-add:before { + content: 'Исключить'; +} + +.locale-en .b-collection-filters .b-block_list .filter.item-add:before { + content: 'Exclude'; +} + +.locale-ru .b-collection-filters .b-block_list .filter.item-minus:before { + content: 'Добавить'; +} + +.locale-en .b-collection-filters .b-block_list .filter.item-minus:before { + content: 'Include'; +} + +/* Настройка иконок */ +.b-collection-filters .block-list li:before { + content: 'check_box_outline_blank'; +} + +.b-collection-filters .block-list li.selected:before { + content: 'check_box'; +} + +.b-collection-filters .block-list.orders li:before { + content: 'radio_button_unchecked'; +} + +.b-collection-filters .block-list.orders li.selected:before { + content: 'radio_button_checked'; +} + +.b-collection-filters .block-list .b-question:before { + content: 'help_outline'; +} + +.b-collection-filters .b-block_list li:before { + content: 'check_box_outline_blank'; +} + +.b-collection-filters .b-block_list li.selected:before { + content: 'check_box'; +} + +.b-collection-filters .b-block_list.orders li:before { + content: 'radio_button_unchecked'; +} + +.b-collection-filters .b-block_list.orders li.selected:before { + content: 'radio_button_checked'; +} + +.b-collection-filters .b-block_list .b-question:before { + content: 'help_outline'; +} + +/* Фильтры на страницах поиска – Размер для ПК */ +@media (min-width: 1025px) { + .b-collection-filters .block-list li { + line-height: 1.5rem; + } + .b-collection-filters .block-list li:before { + margin: .1875rem .875rem .1875rem 0; + } + .b-collection-filters .block-list .b-question:before { + margin: .1875rem; + } + .b-collection-filters .block-list li > input { + width: 1.5rem; + height: 1.5rem; + } + /* new class */ + .b-collection-filters .b-block_list li { + line-height: 1.5rem; + } + .b-collection-filters .b-block_list li:before { + margin: .1875rem .875rem .1875rem 0; + } + .b-collection-filters .b-block_list .b-question:before { + margin: .1875rem; + } + .b-collection-filters .b-block_list li > input { + width: 1.5rem; + height: 1.5rem; + } +} + +/* END of Фильтры на страницах поиска */ +/* "Мой список" в фильтрах поиска */ +/* Меняем название на более доступное */ +.block.mylist-block > .subheadline { + font-size: 0; + line-height: 0; +} + +.block.mylist-block > .subheadline:before { + font-size: .875rem; + line-height: 1rem; +} + +.locale-ru .block.mylist-block > .subheadline:before { + content: 'Мой список'; +} + +.locale-en .block.mylist-block > .subheadline:before { + content: 'My List'; +} + +/* Кнопка переключателя */ +.b-collection-filters .block > .filter.item-sign { + height: 2.5rem; + padding: .5rem; + margin-top: .25rem; + border-radius: .125rem; +} + +.b-collection-filters .block > .filter.item-sign:before { + width: 1.5rem; + font-family: 'Material Icons'; + font-size: 1.5rem; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +/* Настройка иконки переключателя */ +.b-collection-filters .block > .filter.item-sign:before { + content: 'playlist_add_check'; +} + +/* Прозрачный фон переключателя */ +@media (min-width: 1025px) { + .b-collection-filters .block > .filter.item-sign { + background-color: transparent; + } +} + +/* END of "Мой список" в фильтрах поиска */ +/* Страница видео */ +.b-video_player .cc-player_controls .episode-num input { + margin: .75rem .25rem; +} + +.b-video_player .cc-player_controls a.c-control:hover { + text-decoration: none; +} + +.b-video_player .cc-player_controls .cc-navigation > .c-control > span, +.b-video_player .cc-player_controls .cc-navigation > .c-control > b { + display: inline-block; + vertical-align: top; + margin: .25rem auto; + line-height: 2.5rem; +} + +.b-video_player .cc-player_controls .cc-navigation > .c-control > b { + margin-left: .5rem; +} + +@media screen and (max-width: 480px) and (orientation: portrait) { + .b-video_player .cc-player_controls .cc-navigation > .c-control > span, + .b-video_player .cc-player_controls .cc-navigation > .c-control > b { + display: none; + } +} + +.b-video_player .cc-player_controls .label, +.b-video_player .cc-player_controls .episode-title .video-link { + font-size: .75rem; +} + +.b-video_player .cc-player_controls .episode-title .video-link a { + display: block; + line-height: inherit; + border: 0; +} + +.b-video_player .cc-player_controls .cc-options > .c-video_stats { + margin: .25rem auto; +} + +.p-anime_videos-index .c-videos .video-variant-switcher, +.p-anime_videos-index .c-video_stats { + font-size: .875rem; +} + +.p-anime_videos-index .c-videos .video-variant-switcher:hover { + border: 0; +} + +.b-video_player .cc-player_controls .c-control:hover { + text-decoration: none; +} + +/* Подзаголовки на странице видео */ +.p-anime_videos-index .same-videos .title, +.p-anime_videos-index .c-anime_video_episodes .title, +.p-anime_videos-index .c-videos .title { + padding: 1rem 0; + margin: 0; + font-size: .875rem; + font-weight: 700; + line-height: 1rem; + text-transform: uppercase; +} + +/* Переключатели в варинатах видео */ +.p-anime_videos-index .c-videos .video-variant-switcher { + float: right; + margin: 0; + border: 0; + line-height: 1rem; + text-transform: capitalize; +} + +.p-anime_videos-index .c-videos .video-variant-switcher:not(:first-child):after { + content: '/'; + padding: 0 .375rem; + font-weight: normal; +} + +.b-video_variant.active a { + border: 0; +} + +/* Иконки */ +.b-video_player .cc-player_controls .c-control .icon { + width: 2.5rem !important; + height: 2.5rem; + padding: .5rem; + margin: .25rem auto !important; + border-radius: 2px; +} + +.b-video_player .cc-player_controls .c-control .icon:before { + width: 1.5rem; + font-family: 'Material Icons'; + font-size: 1.5rem !important; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + /* Support for all WebKit browsers. */ + -webkit-font-smoothing: antialiased; + /* Support for Safari and Chrome. */ + text-rendering: optimizeLegibility; + /* Support for Firefox. */ + -moz-osx-font-smoothing: grayscale; + /* Support for IE. */ + font-feature-settings: 'liga'; +} + +.b-video_player .cc-player_controls .create-user_rate .icon:before { + content: 'add'; +} + +.b-video_player .cc-player_controls .increment-user_rate .icon:before { + content: 'done'; +} + +.b-video_player .cc-player_controls .next .icon:before { + content: 'skip_next'; +} + +.b-video_player .cc-player_controls .prev .icon:before { + content: 'skip_previous'; +} + +.b-video_player .cc-player_controls .report .icon:before { + content: 'flag'; +} + +.b-video_player .cc-player_controls .show-options .icon:before { + content: 'settings'; +} + +.b-video_player .cc-player_controls .upload .icon:before { + content: 'cloud_upload'; +} + +.b-video_player .cc-player_controls .edit .icon:before { + content: 'build'; +} + +/* END of Страница видео */ +/* END of ОСНОВНОЙ ФАЙЛ */ + + + + + + + + + + +/* TENTATIVE CODE | USERLIST */ +.ajax > .b-user.detailed { + display: inline-block; + vertical-align: top; + position: relative; + width: 48%; + height: auto; + min-height: 261px; + padding: 8px; + margin-right: 4%; + margin-bottom: 4%; + background-color: #FFFFFF; + border: 0; + border-radius: 2px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16); +} + +.ajax > .b-user.detailed:nth-child(2n+2) { + margin-right: 0; +} + +@media (min-width: 540px) { + .ajax > .b-user.detailed { + width: 32%; + margin-right: 2%; + margin-bottom: 2%; + } + .ajax > .b-user.detailed:nth-child(2n+2) { + margin-right: 2%; + } + .ajax > .b-user.detailed:nth-child(3n+3) { + margin-right: 0; + } +} + +@media (min-width: 768px) { + .ajax > .b-user.detailed { + width: 23.5%; + margin-right: 2%; + margin-bottom: 2%; + } + .ajax > .b-user.detailed:nth-child(2n+2) { + margin-right: 2%; + } + .ajax > .b-user.detailed:nth-child(3n+3) { + margin-right: 2%; + } + .ajax > .b-user.detailed:nth-child(4n+4) { + margin-right: 0; + } +} + +@media (min-width: 960px) { + .ajax > .b-user.detailed { + width: 18.4%; + margin-right: 2%; + margin-bottom: 2%; + } + .ajax > .b-user.detailed:nth-child(2n+2) { + margin-right: 2%; + } + .ajax > .b-user.detailed:nth-child(3n+3) { + margin-right: 2%; + } + .ajax > .b-user.detailed:nth-child(4n+4) { + margin-right: 2%; + } + .ajax > .b-user.detailed:nth-child(5n+5) { + margin-right: 0; + } +} + +@media (min-width: 1200px) { + .p-users.x1200 .ajax > .b-user.detailed { + width: 15%; + margin-right: 2%; + margin-bottom: 2%; + } + .p-users.x1200 .ajax > .b-user.detailed:nth-child(2n+2) { + margin-right: 2%; + } + .p-users.x1200 .ajax > .b-user.detailed:nth-child(3n+3) { + margin-right: 2%; + } + .p-users.x1200 .ajax > .b-user.detailed:nth-child(4n+4) { + margin-right: 2%; + } + .p-users.x1200 .ajax > .b-user.detailed:nth-child(5n+5) { + margin-right: 2%; + } + .p-users.x1200 .ajax > .b-user.detailed:nth-child(6n+6) { + margin-right: 0; + } +} + +.ajax > .b-user.detailed:before { + content: ''; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.16); + opacity: 0; + transition: .3s all; +} + +.ajax > .b-user.detailed:hover:before { + opacity: 1; +} + +.ajax > .b-user.detailed .info, +.ajax > .b-user.detailed .history { + clear: both; + float: none; + width: 100%; + margin: 0; +} + +.ajax > .b-user.detailed .info .image-name { + display: block; + padding: 16px 0; + margin: auto; + text-align: center; +} + +.ajax > .b-user.detailed .info .image-name .name { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: 97px 0 0; + line-height: 32px; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} + +.ajax > .b-user.detailed .info .image-name .image { + clear: both; + float: none; + display: block; + padding: 0; + margin: auto auto 24px; + border-radius: 100%; +} + +.ajax > .b-user.detailed .info .last-online { + color: #9B9B9B; + text-align: center; +} + +.ajax > .b-user.detailed .history { + padding-top: 8px; + margin-top: 0; + font-size: 12px; + line-height: 20px; +} + +/* TENTATIVE CODE | END */ + + + +/* TENTATIVE CODE | INDEX PAGE LAYOUT */ +.p-dashboards-show .cc-second .cc-inner { + display: none; +} + +/* FIX: index landscape layout (issue: #9) */ +@media screen and (max-width: 767px) and (orientation: landscape) { + .p-dashboards-show .cc-second .c-forum { + width: 100%; + } + .p-dashboards-show .cc-second .c-forum .b-forums, + .p-dashboards-show .cc-second .c-forum .contests { + float: left; + width: 48%; + } + .p-dashboards-show .cc-second .c-forum .b-forums { + margin-right: 4%; + } +} + +@media only screen and (min-width: 768px) { + .p-dashboards-show .cc-second { + float: right; + width: 30.33333%; + } + .p-dashboards-show .cc-second > .cc-inner { + display: block; + float: none; + width: 100%; + margin: 0; + } + .p-dashboards-show .cc-second > .c-forum { + float: none; + width: 100%; + } + .p-dashboards-show .cc-second > .cc-inner > .c-content, + .p-dashboards-show .cc-second > .cc-inner > .c-my_list { + float: none; + width: 100%; + padding: 0; + } + .p-dashboards-show .cc-second { + margin-bottom: 0; + } + .p-dashboards-show .cc-second .c-forum > .b-forums, + .p-dashboards-show .cc-second .c-forum > .block:last-child { + margin-bottom: 1.5rem; + } + /* Настройки для экранов больше 768 */ + .p-dashboards-show .cc-second .cc-inner { + display: none; + } + .p-dashboards-show .cc-second .cc-inner > .c-content { + /* display: none /* Скрываем блоки: Быстрые ссылки Аниме/Манга */ + } + .p-dashboards-show .cc-second .cc-inner > .c-my_list { + /* display: none /* Скрываем блоки: Мой лист */ + } + .p-dashboards-show .cc-second .cc-inner > .b-forums { + /* display: none /* Скрываем блоки: Темы форума */ + } +} + +/* TENTATIVE CODE | END */ + + + +/* TENTATIVE CODE | RIGHT SIDEBAR */ +@media (max-width: 1024px) { + .l-menu { + position: fixed !important; + top: 0; + right: 0; + width: 25rem !important; + max-width: calc(100% - 3.5rem); + height: 100%; + background-color: #FFFFFF; + z-index: 100; + padding: 4.5rem 1rem 1.5rem; + box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.24); + overflow-y: auto; + transform: translateX(100%); + transition: .25s ease; + } + .l-page.menu-expanded .l-menu { + transform: translateX(0); + } + .menu-slide-outer .l-content { + margin-left: 0 !important; + } +} + +/* TENTATIVE CODE | END */ + + + +/* TENTATIVE CODE | PROFILE CONTENT */ +.p-profiles .lifetime { + margin-bottom: 0; + min-height: 0; +} + +.p-profiles .lifetime .bar, +.p-profiles .lifetime .times, +.p-profiles .profile-content .activity .title { + display: none; +} + +.p-profiles .lifetime .title > .label { + font-size: 0; + line-height: 0; +} + +.p-profiles .lifetime .title > .label:before { + display: block; + font-size: 0.875rem; + line-height: 1rem; +} + +.p-profiles.locale-ru .lifetime .title > .label:before { + content: 'Активность'; +} + +.p-profiles.locale-en .lifetime .title > .label:before { + content: 'Time spent'; +} + +.p-profiles .lifetime .title .value { + height: 16px; + margin-top: 0; + line-height: 16px; +} + +.p-profiles .profile-content .cc-2 .c-right .cc-2a { + margin-bottom: 16px !important; +} + +@media (min-width: 768px) { + .p-profiles .profile-content .graph { + height: 155px; + } + .p-profiles .profile-content .cc-2 > .c-column { + width: 100%; + margin-bottom: 1rem; + } + .p-profiles .profile-content .cc-2 .activity { + padding-bottom: 1rem; + } +} + +@media (min-width: 960px) { + .p-profiles .profile-content .cc-2 { + position: relative; + } + .p-profiles .profile-content .cc-2 .c-left { + width: 77%; + min-height: 220px; + padding-right: 3.5rem; + margin-bottom: 1.5rem; + } + .p-profiles .profile-content .cc-2 .c-right .cc-2a { + position: absolute; + top: 0; + right: 0; + width: 23%; + margin-top: -244px; + } + .p-profiles .profile-content .cc-2 .c-right .cc-2a > .c-column { + clear: both; + width: 100%; + margin: 0; + } +} + +/* TENTATIVE CODE | END */ + + + + + + + + + + +/* МОИ НАСТРОЙКИ */ +/* Фон страницы */ +body { + background-image: none; +} + +/** + * Рамка по бокам страницы + * Используйте цвет фона центральной области, чтобы визуально расширить её. + * Эта настройка будет полезна при использовании фоновой картинки + * - с легкой прозрачностью (.85 и более) + * - без прозрачности + */ +.l-page:before { + outline-color: transparent; +} + +/* Цвета меню */ +.l-top_menu:before { + background-color: #333333; +} + +@media only screen and (min-width: 1025px) { + .l-top_menu .submenu, .b-main_search ul.popup { + background: #2d2d2d; + } +} \ No newline at end of file From 4c3cd866eb7bb7a56922144c801edce3b0ac9ac7 Mon Sep 17 00:00:00 2001 From: grin3671 Date: Fri, 2 Jun 2017 14:17:43 +0300 Subject: [PATCH 09/19] Update v1.2.14 --- beta/theme-dark-cover.css | 214 +++++++++++++++++++++++++++---------- beta/theme-dark.css | 214 +++++++++++++++++++++++++++---------- beta/theme-light-cover.css | 214 +++++++++++++++++++++++++++---------- beta/theme-light.css | 214 +++++++++++++++++++++++++++---------- 4 files changed, 628 insertions(+), 228 deletions(-) diff --git a/beta/theme-dark-cover.css b/beta/theme-dark-cover.css index f17edf9..ead0139 100644 --- a/beta/theme-dark-cover.css +++ b/beta/theme-dark-cover.css @@ -1175,8 +1175,15 @@ input[type=submit], .line:nth-child(odd) > .bar-container > .bar:hover, .line:nth-child(even) > .bar-container > .bar, .line:nth-child(even) > .bar-container > .bar:hover, -.b-image .mobile-edit, +.b-image .cancel:hover, +.b-image .cancel:active, +.b-image .confirm:hover, +.b-image .confirm:active, .b-image .delete:hover, +.b-image .delete:active, +.b-image .mobile-edit, +.b-image .mobile-edit:hover, +.b-image .mobile-edit:active, .b-image.deletable .confirm:hover, .b-image.deletable .cancel:hover, .p-user_rates-index .list-posters .user_rate .edit-user_rate, @@ -1184,6 +1191,12 @@ input[type=submit], background-color: #009688; } +@media screen and (max-width: 1024px) { + .p-user_rates-index .list-posters .user_rate .edit-user_rate { + background: #009688; + } +} + .p-contests .contest-match .votes-percents .right-part, .p-contests .contest-match .votes-percents .left-part:hover .right-part, .b-main_search .input:after { @@ -1277,6 +1290,11 @@ div.compatibility > span.link-replacement > span.rate { background-color: rgba(255, 171, 64, 0.12); } +html.turbolinks-progress-bar:before { + background: #FFAB40 !important; + box-shadow: 0 0 10px rgba(255, 171, 64, 0.7) !important; +} + .p-profiles-edit .b-options-floated > a.selected, .p-dialogs .b-options-floated > a.selected, .p-messages .b-options-floated > a.selected { @@ -1381,6 +1399,7 @@ div.compatibility > span.link-replacement > span.rate { background: #616161; } +input, select, .b-editable_grid tbody tr:nth-child(odd) td, .b-input input, @@ -1519,6 +1538,7 @@ hr, background-color: #757575; } +input, h3, select, .b-input input, @@ -1659,6 +1679,7 @@ body { padding-bottom: 4.5rem; padding-left: 1rem; background-color: inherit; + z-index: auto; } .l-footer { @@ -1848,7 +1869,7 @@ header.head h2 a.back, @media screen and (max-width: 1024px) { .l-page .menu-slide-outer { - overflow: visible; + overflow: hidden; } } @@ -2094,6 +2115,15 @@ hr { border-radius: .125rem; } +.b-image .delete, +.b-image .confirm, +.b-image .cancel, +.b-image .move-left, +.b-image .move-right, +.b-image .mobile-edit { + z-index: 8; +} + .b-image .mobile-edit, .b-gallery .grid_sizer .controls { margin-top: .375rem !important; @@ -2168,7 +2198,9 @@ hr { /* END of Кнопки управления изображениями */ .b-modal > .inner { - padding: 16px 24px; + padding: 1rem 1.5rem; + border-radius: .125rem; + box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.24); } .b-modal .subheadline { @@ -2515,6 +2547,16 @@ select { z-index: 9; } +.l-page.menu-expanded .menu-toggler { + z-index: 10; +} + +@media (max-width: 1024px) { + .l-menu { + z-index: 9; + } +} + .p-user_rates-index .l-page .menu-toggler { top: -96px; } @@ -2587,6 +2629,8 @@ select { .b-collection-filters > .block:first-child > .b-list > li:before, .b-collection-filters > .block:first-child > .b-list > li:after, .b-collection-filters > .block:first-child > .b-list > li:before, +.l-top_menu .inner > a:first-child, +.l-top_menu .menu-items > .entry > a, .p-user_rates .mylist-block + .block > .b-list > li:after, .p-user_rates .mylist-block + .block > .b-list > li:before { -webkit-backface-visibility: hidden; @@ -2625,11 +2669,6 @@ select { color: inherit; } -/* Цвет фона пунктов меню при наведении */ -.l-top_menu .menu-items > .entry > a:hover { - background-color: rgba(255, 255, 255, 0.12) !important; -} - /* ВЫПАДАЮЩЕЕ МЕНЮ */ @media only screen and (min-width: 1025px) { /* Цвет фона выпадающего меню при наведении */ @@ -2977,6 +3016,18 @@ select { } } +.l-top_menu .inner > a:first-child, +.l-top_menu .menu-items > .entry > a { + opacity: .87; + transition: 0.24s cubic-bezier(0.4, 0, 0.2, 1); +} + +.l-top_menu .inner > a:first-child:hover, +.l-top_menu .menu-items > .entry > a:hover { + background-color: transparent !important; + opacity: 1; +} + .l-top_menu .menu-items > .entry.selected, .l-top_menu .menu-items > .entry:hover { background-color: transparent; @@ -3005,12 +3056,12 @@ select { @media only screen and (min-width: 1025px) { .l-top_menu .menu-items > .entry > a.contest { - width: 40px; - height: 40px; - padding: 11px !important; - margin: 4px; + width: 3rem; + height: 3rem; + padding: .9375rem !important; + margin: 0; background: transparent; - border-radius: 2px; + border-radius: .125rem; } .l-top_menu .menu-items > .entry > a.contest:before { position: static; @@ -3075,11 +3126,6 @@ select { background-color: transparent !important; } -.l-top_menu .menu-items > .entry > a.contest, -.l-top_menu .menu-items > .entry > a.contest:before { - transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); -} - .l-top_menu .menu-items > .entry > a.contest:after { content: attr(data-count); position: absolute; @@ -3096,8 +3142,8 @@ select { @media screen and (min-width: 1025px) { .l-top_menu .menu-items > .entry > a.contest:after { - top: -.25rem; - right: -.25rem; + top: 0; + right: 0; } } @@ -3112,14 +3158,14 @@ select { } .l-top_menu .menu-items > .entry > a[href*="/forum"]:before { content: 'people'; - font-size: 1.25rem; + font-size: 1.125rem; } } /* Уменьшение ширины всех пунктов меню */ .x1000 .l-top_menu .menu-items > .entry > a, .x1000 .l-top_menu .menu-items > .entry.sign_out { - padding: 1rem .875rem; + padding: 0.9375rem; } /* END of Уменьшение ширины пунктов меню */ @@ -4169,9 +4215,11 @@ select { } .b-user_rate .rate-show .note { - padding: 8px 16px; - font-size: 14px; - line-height: 20px; + padding: .5rem 1rem; + font-size: .875rem; + line-height: 1.25rem; + max-height: 10rem; + overflow-y: auto; } .b-user_rate .rate-show .note:before { @@ -4753,7 +4801,8 @@ header.head, /* Предпросмотр описания и страниц клуба */ .edit_club .b-shiki_editor .b-comment .inner .body, -.edit_club_page .b-shiki_editor .b-comment .inner .body { +.edit_club_page .b-shiki_editor .b-comment .inner .body, +.new_club_page .b-shiki_editor .b-comment .inner .body { padding-left: 0; } @@ -5060,11 +5109,15 @@ header.head, } .b-topic .body { - line-height: 20px; + line-height: 1.25; +} + +.b-topic-preview > .inner header { + margin-bottom: 0; } .b-topic-preview > .inner .status-line { - margin-top: -8px; + margin-top: -4px; margin-bottom: 8px; font-size: 14px; line-height: 20px; @@ -5498,6 +5551,10 @@ pre { font-size: .875rem; } +.p-clubs-show .b-topic-preview.mini { + margin-bottom: .5rem; +} + /* Действия в клубах */ .b-clubs-menu .club-actions { margin: 0 0 .5rem 0; @@ -5535,9 +5592,7 @@ pre { .club-actions .invite:before, .club-actions .leave:before { width: 1.5rem; - font-family: 'Material Icons'; font-size: 1.5rem; - line-height: 1; } .club-actions .edit-club:before { @@ -7095,25 +7150,25 @@ div.compatibility > span.link-replacement:hover > span:first-child:before { } /* Подсказки для совместимости */ -/* По умолчанию: располагаются над иконкой */ -/* Вариант не работает без обложки, универсален только 2 вариант */ -/* Второй вариант: располагаются слева от иконки */ +/* + Подсказки для действий с почтой – thx Kaur */ +/* По умолчанию: располагаются слева от иконки */ div.compatibility > a:after, div.compatibility > a > span:first-child:after, -div.compatibility > span.link-replacement > span:first-child:after { +div.compatibility > span.link-replacement > span:first-child:after, +.p-messages .mass-actions > .action > a:after { display: block; position: absolute; - bottom: 100%; - left: 50%; + right: 100%; + bottom: 0; padding: 0 .75rem; - margin: 0 0 .5rem; + margin: 0 .75rem .5rem; background-color: #616161; border-radius: .125rem; color: #eee; font-size: .875rem; line-height: 2rem; white-space: nowrap; - transform: translateX(-50%); + transform: translateX(0.75rem); z-index: 100; pointer-events: none; opacity: 0; @@ -7125,30 +7180,18 @@ div.compatibility > span.link-replacement > span:first-child:after { z-index: 101; } -div.compatibility > a:hover:after, -div.compatibility > a:hover > span:first-child:after, -div.compatibility > span.link-replacement:hover > span:first-child:after { - opacity: .9; -} - -/* Второй вариант расположения подсказок */ -div.compatibility > a:after, -div.compatibility > a > span:first-child:after, -div.compatibility > span.link-replacement > span:first-child:after { - bottom: 0; - right: 100%; - left: auto; - margin: 0 .75rem .5rem; - transform: translateX(0.75rem); +.p-messages .mass-actions > .action > a:after { + margin: 0 .75rem .25rem; } div.compatibility > a:hover:after, div.compatibility > a:hover > span:first-child:after, -div.compatibility > span.link-replacement:hover > span:first-child:after { +div.compatibility > span.link-replacement:hover > span:first-child:after, +.p-messages .mass-actions > .action > a:hover:after { + opacity: .9; transform: translateX(0); } -/* КОНЕЦ: Второй вариант расположения подсказок */ /* Текст подсказок для совместимости */ .locale-ru div.compatibility > a[href*="similar"]:after { content: 'Найти похожих пользователей'; @@ -7208,6 +7251,23 @@ div.compatibility > span.link-replacement:hover > span:first-child:after { content: 'Full compatibility'; } +/* Текст для действий с почтой */ +.locale-ru.p-messages .mass-actions > .action:nth-child(1) > a:after { + content: 'Прочитать всё'; +} + +.locale-en.p-messages .mass-actions > .action:nth-child(1) > a:after { + content: 'Mark all messages as read'; +} + +.locale-ru.p-messages .mass-actions > .action:nth-child(2) > a:after { + content: 'Удалить всё'; +} + +.locale-en.p-messages .mass-actions > .action:nth-child(2) > a:after { + content: 'Remove all messages'; +} + /* Числовое обозначение совместимости */ div.compatibility > a > span.rate, div.compatibility > span.link-replacement > span.rate { @@ -7290,12 +7350,16 @@ div.compatibility > a:before { border-radius: .5rem; font-size: .875rem; font-weight: 400; - line-height: 1rem !important; text-transform: initial; text-overflow: ellipsis; overflow: hidden; } +.b-user16, +.b-user16 a { + line-height: 0 !important; +} + .b-user16:hover { color: #f2f2f2 !important; background-color: #747474; @@ -7312,6 +7376,7 @@ div.compatibility > a:before { .b-user16 > a > span { padding: 0; + line-height: 1rem !important; } .b-user16:hover span { @@ -7533,6 +7598,12 @@ div.compatibility > a:before { .b-image .delete:before, .b-image.deletable .confirm:before, .b-image.deletable .cancel:before, +.club-actions .edit-club:before, +.club-actions .broadcast:before, +.club-actions .upload:before, +.club-actions .join:before, +.club-actions .invite:before, +.club-actions .leave:before, .l-top_menu .menu-items > .entry > a[href*="/forum"]:before, .p-user_rates-index .list-posters .user_rate .edit-user_rate:before { font-family: 'Material Icons'; @@ -8581,6 +8652,7 @@ header.head h2 a.back:after { } .p-messages .mass-actions > .action > a { + position: relative; width: 40px; height: 40px; padding: 8px; @@ -9177,6 +9249,24 @@ header.head h2 a.back:after { text-transform: uppercase; } +.x1000.p-anime_videos-index .c-videos .title { + font-size: 0; + line-height: 0; +} + +.x1000.p-anime_videos-index .c-videos .title:after { + font-size: .875rem; + line-height: 1rem; +} + +.locale-ru.x1000.p-anime_videos-index .c-videos .title:after { + content: 'Варианты'; +} + +.locale-en.x1000.p-anime_videos-index .c-videos .title:after { + content: 'Variants'; +} + /* Переключатели в варинатах видео */ .p-anime_videos-index .c-videos .video-variant-switcher { float: right; @@ -9793,6 +9883,16 @@ header.head h2 a.back:after { + + + + + + + + + + /* МОИ НАСТРОЙКИ */ /* Фон страницы */ body { @@ -9826,4 +9926,4 @@ body { /* background-image: url(//i.imgur.com/bd8W6VB.jpg); /* Пример */ background-image: url(); background-position: center; -} \ No newline at end of file +} diff --git a/beta/theme-dark.css b/beta/theme-dark.css index f3a8e85..460261a 100644 --- a/beta/theme-dark.css +++ b/beta/theme-dark.css @@ -1159,8 +1159,15 @@ input[type=submit], .line:nth-child(odd) > .bar-container > .bar:hover, .line:nth-child(even) > .bar-container > .bar, .line:nth-child(even) > .bar-container > .bar:hover, -.b-image .mobile-edit, +.b-image .cancel:hover, +.b-image .cancel:active, +.b-image .confirm:hover, +.b-image .confirm:active, .b-image .delete:hover, +.b-image .delete:active, +.b-image .mobile-edit, +.b-image .mobile-edit:hover, +.b-image .mobile-edit:active, .b-image.deletable .confirm:hover, .b-image.deletable .cancel:hover, .p-user_rates-index .list-posters .user_rate .edit-user_rate, @@ -1168,6 +1175,12 @@ input[type=submit], background-color: #009688; } +@media screen and (max-width: 1024px) { + .p-user_rates-index .list-posters .user_rate .edit-user_rate { + background: #009688; + } +} + .p-contests .contest-match .votes-percents .right-part, .p-contests .contest-match .votes-percents .left-part:hover .right-part, .b-main_search .input:after { @@ -1261,6 +1274,11 @@ div.compatibility > span.link-replacement > span.rate { background-color: rgba(255, 171, 64, 0.12); } +html.turbolinks-progress-bar:before { + background: #FFAB40 !important; + box-shadow: 0 0 10px rgba(255, 171, 64, 0.7) !important; +} + .p-profiles-edit .b-options-floated > a.selected, .p-dialogs .b-options-floated > a.selected, .p-messages .b-options-floated > a.selected { @@ -1365,6 +1383,7 @@ div.compatibility > span.link-replacement > span.rate { background: #616161; } +input, select, .b-editable_grid tbody tr:nth-child(odd) td, .b-input input, @@ -1503,6 +1522,7 @@ hr, background-color: #757575; } +input, h3, select, .b-input input, @@ -1643,6 +1663,7 @@ body { padding-bottom: 4.5rem; padding-left: 1rem; background-color: inherit; + z-index: auto; } .l-footer { @@ -1832,7 +1853,7 @@ header.head h2 a.back, @media screen and (max-width: 1024px) { .l-page .menu-slide-outer { - overflow: visible; + overflow: hidden; } } @@ -2078,6 +2099,15 @@ hr { border-radius: .125rem; } +.b-image .delete, +.b-image .confirm, +.b-image .cancel, +.b-image .move-left, +.b-image .move-right, +.b-image .mobile-edit { + z-index: 8; +} + .b-image .mobile-edit, .b-gallery .grid_sizer .controls { margin-top: .375rem !important; @@ -2152,7 +2182,9 @@ hr { /* END of Кнопки управления изображениями */ .b-modal > .inner { - padding: 16px 24px; + padding: 1rem 1.5rem; + border-radius: .125rem; + box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.24); } .b-modal .subheadline { @@ -2499,6 +2531,16 @@ select { z-index: 9; } +.l-page.menu-expanded .menu-toggler { + z-index: 10; +} + +@media (max-width: 1024px) { + .l-menu { + z-index: 9; + } +} + .p-user_rates-index .l-page .menu-toggler { top: -96px; } @@ -2571,6 +2613,8 @@ select { .b-collection-filters > .block:first-child > .b-list > li:before, .b-collection-filters > .block:first-child > .b-list > li:after, .b-collection-filters > .block:first-child > .b-list > li:before, +.l-top_menu .inner > a:first-child, +.l-top_menu .menu-items > .entry > a, .p-user_rates .mylist-block + .block > .b-list > li:after, .p-user_rates .mylist-block + .block > .b-list > li:before { -webkit-backface-visibility: hidden; @@ -2609,11 +2653,6 @@ select { color: inherit; } -/* Цвет фона пунктов меню при наведении */ -.l-top_menu .menu-items > .entry > a:hover { - background-color: rgba(255, 255, 255, 0.12) !important; -} - /* ВЫПАДАЮЩЕЕ МЕНЮ */ @media only screen and (min-width: 1025px) { /* Цвет фона выпадающего меню при наведении */ @@ -2961,6 +3000,18 @@ select { } } +.l-top_menu .inner > a:first-child, +.l-top_menu .menu-items > .entry > a { + opacity: .87; + transition: 0.24s cubic-bezier(0.4, 0, 0.2, 1); +} + +.l-top_menu .inner > a:first-child:hover, +.l-top_menu .menu-items > .entry > a:hover { + background-color: transparent !important; + opacity: 1; +} + .l-top_menu .menu-items > .entry.selected, .l-top_menu .menu-items > .entry:hover { background-color: transparent; @@ -2989,12 +3040,12 @@ select { @media only screen and (min-width: 1025px) { .l-top_menu .menu-items > .entry > a.contest { - width: 40px; - height: 40px; - padding: 11px !important; - margin: 4px; + width: 3rem; + height: 3rem; + padding: .9375rem !important; + margin: 0; background: transparent; - border-radius: 2px; + border-radius: .125rem; } .l-top_menu .menu-items > .entry > a.contest:before { position: static; @@ -3059,11 +3110,6 @@ select { background-color: transparent !important; } -.l-top_menu .menu-items > .entry > a.contest, -.l-top_menu .menu-items > .entry > a.contest:before { - transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); -} - .l-top_menu .menu-items > .entry > a.contest:after { content: attr(data-count); position: absolute; @@ -3080,8 +3126,8 @@ select { @media screen and (min-width: 1025px) { .l-top_menu .menu-items > .entry > a.contest:after { - top: -.25rem; - right: -.25rem; + top: 0; + right: 0; } } @@ -3096,14 +3142,14 @@ select { } .l-top_menu .menu-items > .entry > a[href*="/forum"]:before { content: 'people'; - font-size: 1.25rem; + font-size: 1.125rem; } } /* Уменьшение ширины всех пунктов меню */ .x1000 .l-top_menu .menu-items > .entry > a, .x1000 .l-top_menu .menu-items > .entry.sign_out { - padding: 1rem .875rem; + padding: 0.9375rem; } /* END of Уменьшение ширины пунктов меню */ @@ -4153,9 +4199,11 @@ select { } .b-user_rate .rate-show .note { - padding: 8px 16px; - font-size: 14px; - line-height: 20px; + padding: .5rem 1rem; + font-size: .875rem; + line-height: 1.25rem; + max-height: 10rem; + overflow-y: auto; } .b-user_rate .rate-show .note:before { @@ -4737,7 +4785,8 @@ header.head, /* Предпросмотр описания и страниц клуба */ .edit_club .b-shiki_editor .b-comment .inner .body, -.edit_club_page .b-shiki_editor .b-comment .inner .body { +.edit_club_page .b-shiki_editor .b-comment .inner .body, +.new_club_page .b-shiki_editor .b-comment .inner .body { padding-left: 0; } @@ -5044,11 +5093,15 @@ header.head, } .b-topic .body { - line-height: 20px; + line-height: 1.25; +} + +.b-topic-preview > .inner header { + margin-bottom: 0; } .b-topic-preview > .inner .status-line { - margin-top: -8px; + margin-top: -4px; margin-bottom: 8px; font-size: 14px; line-height: 20px; @@ -5482,6 +5535,10 @@ pre { font-size: .875rem; } +.p-clubs-show .b-topic-preview.mini { + margin-bottom: .5rem; +} + /* Действия в клубах */ .b-clubs-menu .club-actions { margin: 0 0 .5rem 0; @@ -5519,9 +5576,7 @@ pre { .club-actions .invite:before, .club-actions .leave:before { width: 1.5rem; - font-family: 'Material Icons'; font-size: 1.5rem; - line-height: 1; } .club-actions .edit-club:before { @@ -7079,25 +7134,25 @@ div.compatibility > span.link-replacement:hover > span:first-child:before { } /* Подсказки для совместимости */ -/* По умолчанию: располагаются над иконкой */ -/* Вариант не работает без обложки, универсален только 2 вариант */ -/* Второй вариант: располагаются слева от иконки */ +/* + Подсказки для действий с почтой – thx Kaur */ +/* По умолчанию: располагаются слева от иконки */ div.compatibility > a:after, div.compatibility > a > span:first-child:after, -div.compatibility > span.link-replacement > span:first-child:after { +div.compatibility > span.link-replacement > span:first-child:after, +.p-messages .mass-actions > .action > a:after { display: block; position: absolute; - bottom: 100%; - left: 50%; + right: 100%; + bottom: 0; padding: 0 .75rem; - margin: 0 0 .5rem; + margin: 0 .75rem .5rem; background-color: #616161; border-radius: .125rem; color: #eee; font-size: .875rem; line-height: 2rem; white-space: nowrap; - transform: translateX(-50%); + transform: translateX(0.75rem); z-index: 100; pointer-events: none; opacity: 0; @@ -7109,30 +7164,18 @@ div.compatibility > span.link-replacement > span:first-child:after { z-index: 101; } -div.compatibility > a:hover:after, -div.compatibility > a:hover > span:first-child:after, -div.compatibility > span.link-replacement:hover > span:first-child:after { - opacity: .9; -} - -/* Второй вариант расположения подсказок */ -div.compatibility > a:after, -div.compatibility > a > span:first-child:after, -div.compatibility > span.link-replacement > span:first-child:after { - bottom: 0; - right: 100%; - left: auto; - margin: 0 .75rem .5rem; - transform: translateX(0.75rem); +.p-messages .mass-actions > .action > a:after { + margin: 0 .75rem .25rem; } div.compatibility > a:hover:after, div.compatibility > a:hover > span:first-child:after, -div.compatibility > span.link-replacement:hover > span:first-child:after { +div.compatibility > span.link-replacement:hover > span:first-child:after, +.p-messages .mass-actions > .action > a:hover:after { + opacity: .9; transform: translateX(0); } -/* КОНЕЦ: Второй вариант расположения подсказок */ /* Текст подсказок для совместимости */ .locale-ru div.compatibility > a[href*="similar"]:after { content: 'Найти похожих пользователей'; @@ -7192,6 +7235,23 @@ div.compatibility > span.link-replacement:hover > span:first-child:after { content: 'Full compatibility'; } +/* Текст для действий с почтой */ +.locale-ru.p-messages .mass-actions > .action:nth-child(1) > a:after { + content: 'Прочитать всё'; +} + +.locale-en.p-messages .mass-actions > .action:nth-child(1) > a:after { + content: 'Mark all messages as read'; +} + +.locale-ru.p-messages .mass-actions > .action:nth-child(2) > a:after { + content: 'Удалить всё'; +} + +.locale-en.p-messages .mass-actions > .action:nth-child(2) > a:after { + content: 'Remove all messages'; +} + /* Числовое обозначение совместимости */ div.compatibility > a > span.rate, div.compatibility > span.link-replacement > span.rate { @@ -7274,12 +7334,16 @@ div.compatibility > a:before { border-radius: .5rem; font-size: .875rem; font-weight: 400; - line-height: 1rem !important; text-transform: initial; text-overflow: ellipsis; overflow: hidden; } +.b-user16, +.b-user16 a { + line-height: 0 !important; +} + .b-user16:hover { color: #f2f2f2 !important; background-color: #747474; @@ -7296,6 +7360,7 @@ div.compatibility > a:before { .b-user16 > a > span { padding: 0; + line-height: 1rem !important; } .b-user16:hover span { @@ -7517,6 +7582,12 @@ div.compatibility > a:before { .b-image .delete:before, .b-image.deletable .confirm:before, .b-image.deletable .cancel:before, +.club-actions .edit-club:before, +.club-actions .broadcast:before, +.club-actions .upload:before, +.club-actions .join:before, +.club-actions .invite:before, +.club-actions .leave:before, .l-top_menu .menu-items > .entry > a[href*="/forum"]:before, .p-user_rates-index .list-posters .user_rate .edit-user_rate:before { font-family: 'Material Icons'; @@ -8565,6 +8636,7 @@ header.head h2 a.back:after { } .p-messages .mass-actions > .action > a { + position: relative; width: 40px; height: 40px; padding: 8px; @@ -9161,6 +9233,24 @@ header.head h2 a.back:after { text-transform: uppercase; } +.x1000.p-anime_videos-index .c-videos .title { + font-size: 0; + line-height: 0; +} + +.x1000.p-anime_videos-index .c-videos .title:after { + font-size: .875rem; + line-height: 1rem; +} + +.locale-ru.x1000.p-anime_videos-index .c-videos .title:after { + content: 'Варианты'; +} + +.locale-en.x1000.p-anime_videos-index .c-videos .title:after { + content: 'Variants'; +} + /* Переключатели в варинатах видео */ .p-anime_videos-index .c-videos .video-variant-switcher { float: right; @@ -9602,6 +9692,16 @@ header.head h2 a.back:after { + + + + + + + + + + /* МОИ НАСТРОЙКИ */ /* Фон страницы */ body { @@ -9628,4 +9728,4 @@ body { .l-top_menu .submenu, .b-main_search ul.popup { background: #2d2d2d; } -} \ No newline at end of file +} diff --git a/beta/theme-light-cover.css b/beta/theme-light-cover.css index 74f588e..43117e3 100644 --- a/beta/theme-light-cover.css +++ b/beta/theme-light-cover.css @@ -1175,8 +1175,15 @@ input[type=submit], .line:nth-child(odd) > .bar-container > .bar:hover, .line:nth-child(even) > .bar-container > .bar, .line:nth-child(even) > .bar-container > .bar:hover, -.b-image .mobile-edit, +.b-image .cancel:hover, +.b-image .cancel:active, +.b-image .confirm:hover, +.b-image .confirm:active, .b-image .delete:hover, +.b-image .delete:active, +.b-image .mobile-edit, +.b-image .mobile-edit:hover, +.b-image .mobile-edit:active, .b-image.deletable .confirm:hover, .b-image.deletable .cancel:hover, .p-user_rates-index .list-posters .user_rate .edit-user_rate, @@ -1184,6 +1191,12 @@ input[type=submit], background-color: #009688; } +@media screen and (max-width: 1024px) { + .p-user_rates-index .list-posters .user_rate .edit-user_rate { + background: #009688; + } +} + .p-contests .contest-match .votes-percents .right-part, .p-contests .contest-match .votes-percents .left-part:hover .right-part, .b-main_search .input:after { @@ -1277,6 +1290,11 @@ div.compatibility > span.link-replacement > span.rate { background-color: rgba(255, 171, 64, 0.12); } +html.turbolinks-progress-bar:before { + background: #FFAB40 !important; + box-shadow: 0 0 10px rgba(255, 171, 64, 0.7) !important; +} + .p-profiles-edit .b-options-floated > a.selected, .p-dialogs .b-options-floated > a.selected, .p-messages .b-options-floated > a.selected { @@ -1381,6 +1399,7 @@ div.compatibility > span.link-replacement > span.rate { background: #EEEEEE; } +input, select, .b-editable_grid tbody tr:nth-child(odd) td, .b-input input, @@ -1519,6 +1538,7 @@ hr, background-color: #DDDDDD; } +input, h3, select, .b-input input, @@ -1659,6 +1679,7 @@ body { padding-bottom: 4.5rem; padding-left: 1rem; background-color: inherit; + z-index: auto; } .l-footer { @@ -1848,7 +1869,7 @@ header.head h2 a.back, @media screen and (max-width: 1024px) { .l-page .menu-slide-outer { - overflow: visible; + overflow: hidden; } } @@ -2094,6 +2115,15 @@ hr { border-radius: .125rem; } +.b-image .delete, +.b-image .confirm, +.b-image .cancel, +.b-image .move-left, +.b-image .move-right, +.b-image .mobile-edit { + z-index: 8; +} + .b-image .mobile-edit, .b-gallery .grid_sizer .controls { margin-top: .375rem !important; @@ -2168,7 +2198,9 @@ hr { /* END of Кнопки управления изображениями */ .b-modal > .inner { - padding: 16px 24px; + padding: 1rem 1.5rem; + border-radius: .125rem; + box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.24); } .b-modal .subheadline { @@ -2515,6 +2547,16 @@ select { z-index: 9; } +.l-page.menu-expanded .menu-toggler { + z-index: 10; +} + +@media (max-width: 1024px) { + .l-menu { + z-index: 9; + } +} + .p-user_rates-index .l-page .menu-toggler { top: -96px; } @@ -2587,6 +2629,8 @@ select { .b-collection-filters > .block:first-child > .b-list > li:before, .b-collection-filters > .block:first-child > .b-list > li:after, .b-collection-filters > .block:first-child > .b-list > li:before, +.l-top_menu .inner > a:first-child, +.l-top_menu .menu-items > .entry > a, .p-user_rates .mylist-block + .block > .b-list > li:after, .p-user_rates .mylist-block + .block > .b-list > li:before { -webkit-backface-visibility: hidden; @@ -2625,11 +2669,6 @@ select { color: inherit; } -/* Цвет фона пунктов меню при наведении */ -.l-top_menu .menu-items > .entry > a:hover { - background-color: rgba(255, 255, 255, 0.12) !important; -} - /* ВЫПАДАЮЩЕЕ МЕНЮ */ @media only screen and (min-width: 1025px) { /* Цвет фона выпадающего меню при наведении */ @@ -2977,6 +3016,18 @@ select { } } +.l-top_menu .inner > a:first-child, +.l-top_menu .menu-items > .entry > a { + opacity: .87; + transition: 0.24s cubic-bezier(0.4, 0, 0.2, 1); +} + +.l-top_menu .inner > a:first-child:hover, +.l-top_menu .menu-items > .entry > a:hover { + background-color: transparent !important; + opacity: 1; +} + .l-top_menu .menu-items > .entry.selected, .l-top_menu .menu-items > .entry:hover { background-color: transparent; @@ -3005,12 +3056,12 @@ select { @media only screen and (min-width: 1025px) { .l-top_menu .menu-items > .entry > a.contest { - width: 40px; - height: 40px; - padding: 11px !important; - margin: 4px; + width: 3rem; + height: 3rem; + padding: .9375rem !important; + margin: 0; background: transparent; - border-radius: 2px; + border-radius: .125rem; } .l-top_menu .menu-items > .entry > a.contest:before { position: static; @@ -3075,11 +3126,6 @@ select { background-color: transparent !important; } -.l-top_menu .menu-items > .entry > a.contest, -.l-top_menu .menu-items > .entry > a.contest:before { - transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); -} - .l-top_menu .menu-items > .entry > a.contest:after { content: attr(data-count); position: absolute; @@ -3096,8 +3142,8 @@ select { @media screen and (min-width: 1025px) { .l-top_menu .menu-items > .entry > a.contest:after { - top: -.25rem; - right: -.25rem; + top: 0; + right: 0; } } @@ -3112,14 +3158,14 @@ select { } .l-top_menu .menu-items > .entry > a[href*="/forum"]:before { content: 'people'; - font-size: 1.25rem; + font-size: 1.125rem; } } /* Уменьшение ширины всех пунктов меню */ .x1000 .l-top_menu .menu-items > .entry > a, .x1000 .l-top_menu .menu-items > .entry.sign_out { - padding: 1rem .875rem; + padding: 0.9375rem; } /* END of Уменьшение ширины пунктов меню */ @@ -4169,9 +4215,11 @@ select { } .b-user_rate .rate-show .note { - padding: 8px 16px; - font-size: 14px; - line-height: 20px; + padding: .5rem 1rem; + font-size: .875rem; + line-height: 1.25rem; + max-height: 10rem; + overflow-y: auto; } .b-user_rate .rate-show .note:before { @@ -4753,7 +4801,8 @@ header.head, /* Предпросмотр описания и страниц клуба */ .edit_club .b-shiki_editor .b-comment .inner .body, -.edit_club_page .b-shiki_editor .b-comment .inner .body { +.edit_club_page .b-shiki_editor .b-comment .inner .body, +.new_club_page .b-shiki_editor .b-comment .inner .body { padding-left: 0; } @@ -5060,11 +5109,15 @@ header.head, } .b-topic .body { - line-height: 20px; + line-height: 1.25; +} + +.b-topic-preview > .inner header { + margin-bottom: 0; } .b-topic-preview > .inner .status-line { - margin-top: -8px; + margin-top: -4px; margin-bottom: 8px; font-size: 14px; line-height: 20px; @@ -5498,6 +5551,10 @@ pre { font-size: .875rem; } +.p-clubs-show .b-topic-preview.mini { + margin-bottom: .5rem; +} + /* Действия в клубах */ .b-clubs-menu .club-actions { margin: 0 0 .5rem 0; @@ -5535,9 +5592,7 @@ pre { .club-actions .invite:before, .club-actions .leave:before { width: 1.5rem; - font-family: 'Material Icons'; font-size: 1.5rem; - line-height: 1; } .club-actions .edit-club:before { @@ -7095,25 +7150,25 @@ div.compatibility > span.link-replacement:hover > span:first-child:before { } /* Подсказки для совместимости */ -/* По умолчанию: располагаются над иконкой */ -/* Вариант не работает без обложки, универсален только 2 вариант */ -/* Второй вариант: располагаются слева от иконки */ +/* + Подсказки для действий с почтой – thx Kaur */ +/* По умолчанию: располагаются слева от иконки */ div.compatibility > a:after, div.compatibility > a > span:first-child:after, -div.compatibility > span.link-replacement > span:first-child:after { +div.compatibility > span.link-replacement > span:first-child:after, +.p-messages .mass-actions > .action > a:after { display: block; position: absolute; - bottom: 100%; - left: 50%; + right: 100%; + bottom: 0; padding: 0 .75rem; - margin: 0 0 .5rem; + margin: 0 .75rem .5rem; background-color: #616161; border-radius: .125rem; color: #eee; font-size: .875rem; line-height: 2rem; white-space: nowrap; - transform: translateX(-50%); + transform: translateX(0.75rem); z-index: 100; pointer-events: none; opacity: 0; @@ -7125,30 +7180,18 @@ div.compatibility > span.link-replacement > span:first-child:after { z-index: 101; } -div.compatibility > a:hover:after, -div.compatibility > a:hover > span:first-child:after, -div.compatibility > span.link-replacement:hover > span:first-child:after { - opacity: .9; -} - -/* Второй вариант расположения подсказок */ -div.compatibility > a:after, -div.compatibility > a > span:first-child:after, -div.compatibility > span.link-replacement > span:first-child:after { - bottom: 0; - right: 100%; - left: auto; - margin: 0 .75rem .5rem; - transform: translateX(0.75rem); +.p-messages .mass-actions > .action > a:after { + margin: 0 .75rem .25rem; } div.compatibility > a:hover:after, div.compatibility > a:hover > span:first-child:after, -div.compatibility > span.link-replacement:hover > span:first-child:after { +div.compatibility > span.link-replacement:hover > span:first-child:after, +.p-messages .mass-actions > .action > a:hover:after { + opacity: .9; transform: translateX(0); } -/* КОНЕЦ: Второй вариант расположения подсказок */ /* Текст подсказок для совместимости */ .locale-ru div.compatibility > a[href*="similar"]:after { content: 'Найти похожих пользователей'; @@ -7208,6 +7251,23 @@ div.compatibility > span.link-replacement:hover > span:first-child:after { content: 'Full compatibility'; } +/* Текст для действий с почтой */ +.locale-ru.p-messages .mass-actions > .action:nth-child(1) > a:after { + content: 'Прочитать всё'; +} + +.locale-en.p-messages .mass-actions > .action:nth-child(1) > a:after { + content: 'Mark all messages as read'; +} + +.locale-ru.p-messages .mass-actions > .action:nth-child(2) > a:after { + content: 'Удалить всё'; +} + +.locale-en.p-messages .mass-actions > .action:nth-child(2) > a:after { + content: 'Remove all messages'; +} + /* Числовое обозначение совместимости */ div.compatibility > a > span.rate, div.compatibility > span.link-replacement > span.rate { @@ -7290,12 +7350,16 @@ div.compatibility > a:before { border-radius: .5rem; font-size: .875rem; font-weight: 400; - line-height: 1rem !important; text-transform: initial; text-overflow: ellipsis; overflow: hidden; } +.b-user16, +.b-user16 a { + line-height: 0 !important; +} + .b-user16:hover { color: #f2f2f2 !important; background-color: #747474; @@ -7312,6 +7376,7 @@ div.compatibility > a:before { .b-user16 > a > span { padding: 0; + line-height: 1rem !important; } .b-user16:hover span { @@ -7533,6 +7598,12 @@ div.compatibility > a:before { .b-image .delete:before, .b-image.deletable .confirm:before, .b-image.deletable .cancel:before, +.club-actions .edit-club:before, +.club-actions .broadcast:before, +.club-actions .upload:before, +.club-actions .join:before, +.club-actions .invite:before, +.club-actions .leave:before, .l-top_menu .menu-items > .entry > a[href*="/forum"]:before, .p-user_rates-index .list-posters .user_rate .edit-user_rate:before { font-family: 'Material Icons'; @@ -8581,6 +8652,7 @@ header.head h2 a.back:after { } .p-messages .mass-actions > .action > a { + position: relative; width: 40px; height: 40px; padding: 8px; @@ -9177,6 +9249,24 @@ header.head h2 a.back:after { text-transform: uppercase; } +.x1000.p-anime_videos-index .c-videos .title { + font-size: 0; + line-height: 0; +} + +.x1000.p-anime_videos-index .c-videos .title:after { + font-size: .875rem; + line-height: 1rem; +} + +.locale-ru.x1000.p-anime_videos-index .c-videos .title:after { + content: 'Варианты'; +} + +.locale-en.x1000.p-anime_videos-index .c-videos .title:after { + content: 'Variants'; +} + /* Переключатели в варинатах видео */ .p-anime_videos-index .c-videos .video-variant-switcher { float: right; @@ -9793,6 +9883,16 @@ header.head h2 a.back:after { + + + + + + + + + + /* МОИ НАСТРОЙКИ */ /* Фон страницы */ body { @@ -9826,4 +9926,4 @@ body { /* background-image: url(//i.imgur.com/bd8W6VB.jpg); /* Пример */ background-image: url(); background-position: center; -} \ No newline at end of file +} diff --git a/beta/theme-light.css b/beta/theme-light.css index 756754a..4f0ee6c 100644 --- a/beta/theme-light.css +++ b/beta/theme-light.css @@ -1159,8 +1159,15 @@ input[type=submit], .line:nth-child(odd) > .bar-container > .bar:hover, .line:nth-child(even) > .bar-container > .bar, .line:nth-child(even) > .bar-container > .bar:hover, -.b-image .mobile-edit, +.b-image .cancel:hover, +.b-image .cancel:active, +.b-image .confirm:hover, +.b-image .confirm:active, .b-image .delete:hover, +.b-image .delete:active, +.b-image .mobile-edit, +.b-image .mobile-edit:hover, +.b-image .mobile-edit:active, .b-image.deletable .confirm:hover, .b-image.deletable .cancel:hover, .p-user_rates-index .list-posters .user_rate .edit-user_rate, @@ -1168,6 +1175,12 @@ input[type=submit], background-color: #009688; } +@media screen and (max-width: 1024px) { + .p-user_rates-index .list-posters .user_rate .edit-user_rate { + background: #009688; + } +} + .p-contests .contest-match .votes-percents .right-part, .p-contests .contest-match .votes-percents .left-part:hover .right-part, .b-main_search .input:after { @@ -1261,6 +1274,11 @@ div.compatibility > span.link-replacement > span.rate { background-color: rgba(255, 171, 64, 0.12); } +html.turbolinks-progress-bar:before { + background: #FFAB40 !important; + box-shadow: 0 0 10px rgba(255, 171, 64, 0.7) !important; +} + .p-profiles-edit .b-options-floated > a.selected, .p-dialogs .b-options-floated > a.selected, .p-messages .b-options-floated > a.selected { @@ -1365,6 +1383,7 @@ div.compatibility > span.link-replacement > span.rate { background: #EEEEEE; } +input, select, .b-editable_grid tbody tr:nth-child(odd) td, .b-input input, @@ -1503,6 +1522,7 @@ hr, background-color: #DDDDDD; } +input, h3, select, .b-input input, @@ -1643,6 +1663,7 @@ body { padding-bottom: 4.5rem; padding-left: 1rem; background-color: inherit; + z-index: auto; } .l-footer { @@ -1832,7 +1853,7 @@ header.head h2 a.back, @media screen and (max-width: 1024px) { .l-page .menu-slide-outer { - overflow: visible; + overflow: hidden; } } @@ -2078,6 +2099,15 @@ hr { border-radius: .125rem; } +.b-image .delete, +.b-image .confirm, +.b-image .cancel, +.b-image .move-left, +.b-image .move-right, +.b-image .mobile-edit { + z-index: 8; +} + .b-image .mobile-edit, .b-gallery .grid_sizer .controls { margin-top: .375rem !important; @@ -2152,7 +2182,9 @@ hr { /* END of Кнопки управления изображениями */ .b-modal > .inner { - padding: 16px 24px; + padding: 1rem 1.5rem; + border-radius: .125rem; + box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.24); } .b-modal .subheadline { @@ -2499,6 +2531,16 @@ select { z-index: 9; } +.l-page.menu-expanded .menu-toggler { + z-index: 10; +} + +@media (max-width: 1024px) { + .l-menu { + z-index: 9; + } +} + .p-user_rates-index .l-page .menu-toggler { top: -96px; } @@ -2571,6 +2613,8 @@ select { .b-collection-filters > .block:first-child > .b-list > li:before, .b-collection-filters > .block:first-child > .b-list > li:after, .b-collection-filters > .block:first-child > .b-list > li:before, +.l-top_menu .inner > a:first-child, +.l-top_menu .menu-items > .entry > a, .p-user_rates .mylist-block + .block > .b-list > li:after, .p-user_rates .mylist-block + .block > .b-list > li:before { -webkit-backface-visibility: hidden; @@ -2609,11 +2653,6 @@ select { color: inherit; } -/* Цвет фона пунктов меню при наведении */ -.l-top_menu .menu-items > .entry > a:hover { - background-color: rgba(255, 255, 255, 0.12) !important; -} - /* ВЫПАДАЮЩЕЕ МЕНЮ */ @media only screen and (min-width: 1025px) { /* Цвет фона выпадающего меню при наведении */ @@ -2961,6 +3000,18 @@ select { } } +.l-top_menu .inner > a:first-child, +.l-top_menu .menu-items > .entry > a { + opacity: .87; + transition: 0.24s cubic-bezier(0.4, 0, 0.2, 1); +} + +.l-top_menu .inner > a:first-child:hover, +.l-top_menu .menu-items > .entry > a:hover { + background-color: transparent !important; + opacity: 1; +} + .l-top_menu .menu-items > .entry.selected, .l-top_menu .menu-items > .entry:hover { background-color: transparent; @@ -2989,12 +3040,12 @@ select { @media only screen and (min-width: 1025px) { .l-top_menu .menu-items > .entry > a.contest { - width: 40px; - height: 40px; - padding: 11px !important; - margin: 4px; + width: 3rem; + height: 3rem; + padding: .9375rem !important; + margin: 0; background: transparent; - border-radius: 2px; + border-radius: .125rem; } .l-top_menu .menu-items > .entry > a.contest:before { position: static; @@ -3059,11 +3110,6 @@ select { background-color: transparent !important; } -.l-top_menu .menu-items > .entry > a.contest, -.l-top_menu .menu-items > .entry > a.contest:before { - transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); -} - .l-top_menu .menu-items > .entry > a.contest:after { content: attr(data-count); position: absolute; @@ -3080,8 +3126,8 @@ select { @media screen and (min-width: 1025px) { .l-top_menu .menu-items > .entry > a.contest:after { - top: -.25rem; - right: -.25rem; + top: 0; + right: 0; } } @@ -3096,14 +3142,14 @@ select { } .l-top_menu .menu-items > .entry > a[href*="/forum"]:before { content: 'people'; - font-size: 1.25rem; + font-size: 1.125rem; } } /* Уменьшение ширины всех пунктов меню */ .x1000 .l-top_menu .menu-items > .entry > a, .x1000 .l-top_menu .menu-items > .entry.sign_out { - padding: 1rem .875rem; + padding: 0.9375rem; } /* END of Уменьшение ширины пунктов меню */ @@ -4153,9 +4199,11 @@ select { } .b-user_rate .rate-show .note { - padding: 8px 16px; - font-size: 14px; - line-height: 20px; + padding: .5rem 1rem; + font-size: .875rem; + line-height: 1.25rem; + max-height: 10rem; + overflow-y: auto; } .b-user_rate .rate-show .note:before { @@ -4737,7 +4785,8 @@ header.head, /* Предпросмотр описания и страниц клуба */ .edit_club .b-shiki_editor .b-comment .inner .body, -.edit_club_page .b-shiki_editor .b-comment .inner .body { +.edit_club_page .b-shiki_editor .b-comment .inner .body, +.new_club_page .b-shiki_editor .b-comment .inner .body { padding-left: 0; } @@ -5044,11 +5093,15 @@ header.head, } .b-topic .body { - line-height: 20px; + line-height: 1.25; +} + +.b-topic-preview > .inner header { + margin-bottom: 0; } .b-topic-preview > .inner .status-line { - margin-top: -8px; + margin-top: -4px; margin-bottom: 8px; font-size: 14px; line-height: 20px; @@ -5482,6 +5535,10 @@ pre { font-size: .875rem; } +.p-clubs-show .b-topic-preview.mini { + margin-bottom: .5rem; +} + /* Действия в клубах */ .b-clubs-menu .club-actions { margin: 0 0 .5rem 0; @@ -5519,9 +5576,7 @@ pre { .club-actions .invite:before, .club-actions .leave:before { width: 1.5rem; - font-family: 'Material Icons'; font-size: 1.5rem; - line-height: 1; } .club-actions .edit-club:before { @@ -7079,25 +7134,25 @@ div.compatibility > span.link-replacement:hover > span:first-child:before { } /* Подсказки для совместимости */ -/* По умолчанию: располагаются над иконкой */ -/* Вариант не работает без обложки, универсален только 2 вариант */ -/* Второй вариант: располагаются слева от иконки */ +/* + Подсказки для действий с почтой – thx Kaur */ +/* По умолчанию: располагаются слева от иконки */ div.compatibility > a:after, div.compatibility > a > span:first-child:after, -div.compatibility > span.link-replacement > span:first-child:after { +div.compatibility > span.link-replacement > span:first-child:after, +.p-messages .mass-actions > .action > a:after { display: block; position: absolute; - bottom: 100%; - left: 50%; + right: 100%; + bottom: 0; padding: 0 .75rem; - margin: 0 0 .5rem; + margin: 0 .75rem .5rem; background-color: #616161; border-radius: .125rem; color: #eee; font-size: .875rem; line-height: 2rem; white-space: nowrap; - transform: translateX(-50%); + transform: translateX(0.75rem); z-index: 100; pointer-events: none; opacity: 0; @@ -7109,30 +7164,18 @@ div.compatibility > span.link-replacement > span:first-child:after { z-index: 101; } -div.compatibility > a:hover:after, -div.compatibility > a:hover > span:first-child:after, -div.compatibility > span.link-replacement:hover > span:first-child:after { - opacity: .9; -} - -/* Второй вариант расположения подсказок */ -div.compatibility > a:after, -div.compatibility > a > span:first-child:after, -div.compatibility > span.link-replacement > span:first-child:after { - bottom: 0; - right: 100%; - left: auto; - margin: 0 .75rem .5rem; - transform: translateX(0.75rem); +.p-messages .mass-actions > .action > a:after { + margin: 0 .75rem .25rem; } div.compatibility > a:hover:after, div.compatibility > a:hover > span:first-child:after, -div.compatibility > span.link-replacement:hover > span:first-child:after { +div.compatibility > span.link-replacement:hover > span:first-child:after, +.p-messages .mass-actions > .action > a:hover:after { + opacity: .9; transform: translateX(0); } -/* КОНЕЦ: Второй вариант расположения подсказок */ /* Текст подсказок для совместимости */ .locale-ru div.compatibility > a[href*="similar"]:after { content: 'Найти похожих пользователей'; @@ -7192,6 +7235,23 @@ div.compatibility > span.link-replacement:hover > span:first-child:after { content: 'Full compatibility'; } +/* Текст для действий с почтой */ +.locale-ru.p-messages .mass-actions > .action:nth-child(1) > a:after { + content: 'Прочитать всё'; +} + +.locale-en.p-messages .mass-actions > .action:nth-child(1) > a:after { + content: 'Mark all messages as read'; +} + +.locale-ru.p-messages .mass-actions > .action:nth-child(2) > a:after { + content: 'Удалить всё'; +} + +.locale-en.p-messages .mass-actions > .action:nth-child(2) > a:after { + content: 'Remove all messages'; +} + /* Числовое обозначение совместимости */ div.compatibility > a > span.rate, div.compatibility > span.link-replacement > span.rate { @@ -7274,12 +7334,16 @@ div.compatibility > a:before { border-radius: .5rem; font-size: .875rem; font-weight: 400; - line-height: 1rem !important; text-transform: initial; text-overflow: ellipsis; overflow: hidden; } +.b-user16, +.b-user16 a { + line-height: 0 !important; +} + .b-user16:hover { color: #f2f2f2 !important; background-color: #747474; @@ -7296,6 +7360,7 @@ div.compatibility > a:before { .b-user16 > a > span { padding: 0; + line-height: 1rem !important; } .b-user16:hover span { @@ -7517,6 +7582,12 @@ div.compatibility > a:before { .b-image .delete:before, .b-image.deletable .confirm:before, .b-image.deletable .cancel:before, +.club-actions .edit-club:before, +.club-actions .broadcast:before, +.club-actions .upload:before, +.club-actions .join:before, +.club-actions .invite:before, +.club-actions .leave:before, .l-top_menu .menu-items > .entry > a[href*="/forum"]:before, .p-user_rates-index .list-posters .user_rate .edit-user_rate:before { font-family: 'Material Icons'; @@ -8565,6 +8636,7 @@ header.head h2 a.back:after { } .p-messages .mass-actions > .action > a { + position: relative; width: 40px; height: 40px; padding: 8px; @@ -9161,6 +9233,24 @@ header.head h2 a.back:after { text-transform: uppercase; } +.x1000.p-anime_videos-index .c-videos .title { + font-size: 0; + line-height: 0; +} + +.x1000.p-anime_videos-index .c-videos .title:after { + font-size: .875rem; + line-height: 1rem; +} + +.locale-ru.x1000.p-anime_videos-index .c-videos .title:after { + content: 'Варианты'; +} + +.locale-en.x1000.p-anime_videos-index .c-videos .title:after { + content: 'Variants'; +} + /* Переключатели в варинатах видео */ .p-anime_videos-index .c-videos .video-variant-switcher { float: right; @@ -9602,6 +9692,16 @@ header.head h2 a.back:after { + + + + + + + + + + /* МОИ НАСТРОЙКИ */ /* Фон страницы */ body { @@ -9628,4 +9728,4 @@ body { .l-top_menu .submenu, .b-main_search ul.popup { background: #2d2d2d; } -} \ No newline at end of file +} From 2c731b79ea23472a2a5f4efbedd113fefdfcc93a Mon Sep 17 00:00:00 2001 From: grin3671 Date: Sat, 3 Jun 2017 20:07:07 +0300 Subject: [PATCH 10/19] Update v1.2.18 --- beta/theme-dark-cover.css | 25 ++++++++++++++++++++----- beta/theme-dark.css | 25 ++++++++++++++++++++----- beta/theme-light-cover.css | 25 ++++++++++++++++++++----- beta/theme-light.css | 25 ++++++++++++++++++++----- 4 files changed, 80 insertions(+), 20 deletions(-) diff --git a/beta/theme-dark-cover.css b/beta/theme-dark-cover.css index ead0139..d630651 100644 --- a/beta/theme-dark-cover.css +++ b/beta/theme-dark-cover.css @@ -1,5 +1,5 @@ /** - * Shikimori.org – CSS Theme + * Shikimori.org – CSS Theme v1.12.18 * MIT License * Copyright (c) 2016 grin3671 */ @@ -1175,10 +1175,13 @@ input[type=submit], .line:nth-child(odd) > .bar-container > .bar:hover, .line:nth-child(even) > .bar-container > .bar, .line:nth-child(even) > .bar-container > .bar:hover, +.b-image .cancel, .b-image .cancel:hover, .b-image .cancel:active, +.b-image .confirm, .b-image .confirm:hover, .b-image .confirm:active, +.b-image .delete, .b-image .delete:hover, .b-image .delete:active, .b-image .mobile-edit, @@ -2111,10 +2114,19 @@ hr { padding: .5rem; margin-top: .25rem !important; margin-right: .25rem !important; - background-color: transparent; border-radius: .125rem; } +@media screen and (min-width: 1024px) { + .b-image .mobile-edit, + .b-image .delete, + .b-image.deletable .confirm, + .b-image.deletable .cancel, + .p-user_rates-index .list-posters .user_rate .edit-user_rate { + background-color: transparent; + } +} + .b-image .delete, .b-image .confirm, .b-image .cancel, @@ -7360,6 +7372,11 @@ div.compatibility > a:before { line-height: 0 !important; } +.b-user16 > span, +.b-user16 > a > span { + line-height: 1rem !important; +} + .b-user16:hover { color: #f2f2f2 !important; background-color: #747474; @@ -7376,7 +7393,6 @@ div.compatibility > a:before { .b-user16 > a > span { padding: 0; - line-height: 1rem !important; } .b-user16:hover span { @@ -9775,7 +9791,6 @@ header.head h2 a.back:after { max-width: calc(100% - 3.5rem); height: 100%; background-color: #424242; - z-index: 100; padding: 4.5rem 1rem 1.5rem; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.24); overflow-y: auto; @@ -9917,7 +9932,7 @@ body { @media only screen and (min-width: 1025px) { .l-top_menu .submenu, .b-main_search ul.popup { - background: #2d2d2d; + background: #2D2D2D; } } diff --git a/beta/theme-dark.css b/beta/theme-dark.css index 460261a..b8e0723 100644 --- a/beta/theme-dark.css +++ b/beta/theme-dark.css @@ -1,5 +1,5 @@ /** - * Shikimori.org – CSS Theme + * Shikimori.org – CSS Theme v1.12.18 * MIT License * Copyright (c) 2016 grin3671 */ @@ -1159,10 +1159,13 @@ input[type=submit], .line:nth-child(odd) > .bar-container > .bar:hover, .line:nth-child(even) > .bar-container > .bar, .line:nth-child(even) > .bar-container > .bar:hover, +.b-image .cancel, .b-image .cancel:hover, .b-image .cancel:active, +.b-image .confirm, .b-image .confirm:hover, .b-image .confirm:active, +.b-image .delete, .b-image .delete:hover, .b-image .delete:active, .b-image .mobile-edit, @@ -2095,10 +2098,19 @@ hr { padding: .5rem; margin-top: .25rem !important; margin-right: .25rem !important; - background-color: transparent; border-radius: .125rem; } +@media screen and (min-width: 1024px) { + .b-image .mobile-edit, + .b-image .delete, + .b-image.deletable .confirm, + .b-image.deletable .cancel, + .p-user_rates-index .list-posters .user_rate .edit-user_rate { + background-color: transparent; + } +} + .b-image .delete, .b-image .confirm, .b-image .cancel, @@ -7344,6 +7356,11 @@ div.compatibility > a:before { line-height: 0 !important; } +.b-user16 > span, +.b-user16 > a > span { + line-height: 1rem !important; +} + .b-user16:hover { color: #f2f2f2 !important; background-color: #747474; @@ -7360,7 +7377,6 @@ div.compatibility > a:before { .b-user16 > a > span { padding: 0; - line-height: 1rem !important; } .b-user16:hover span { @@ -9584,7 +9600,6 @@ header.head h2 a.back:after { max-width: calc(100% - 3.5rem); height: 100%; background-color: #424242; - z-index: 100; padding: 4.5rem 1rem 1.5rem; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.24); overflow-y: auto; @@ -9726,6 +9741,6 @@ body { @media only screen and (min-width: 1025px) { .l-top_menu .submenu, .b-main_search ul.popup { - background: #2d2d2d; + background: #2D2D2D; } } diff --git a/beta/theme-light-cover.css b/beta/theme-light-cover.css index 43117e3..1ac1497 100644 --- a/beta/theme-light-cover.css +++ b/beta/theme-light-cover.css @@ -1,5 +1,5 @@ /** - * Shikimori.org – CSS Theme + * Shikimori.org – CSS Theme v1.12.18 * MIT License * Copyright (c) 2016 grin3671 */ @@ -1175,10 +1175,13 @@ input[type=submit], .line:nth-child(odd) > .bar-container > .bar:hover, .line:nth-child(even) > .bar-container > .bar, .line:nth-child(even) > .bar-container > .bar:hover, +.b-image .cancel, .b-image .cancel:hover, .b-image .cancel:active, +.b-image .confirm, .b-image .confirm:hover, .b-image .confirm:active, +.b-image .delete, .b-image .delete:hover, .b-image .delete:active, .b-image .mobile-edit, @@ -2111,10 +2114,19 @@ hr { padding: .5rem; margin-top: .25rem !important; margin-right: .25rem !important; - background-color: transparent; border-radius: .125rem; } +@media screen and (min-width: 1024px) { + .b-image .mobile-edit, + .b-image .delete, + .b-image.deletable .confirm, + .b-image.deletable .cancel, + .p-user_rates-index .list-posters .user_rate .edit-user_rate { + background-color: transparent; + } +} + .b-image .delete, .b-image .confirm, .b-image .cancel, @@ -7360,6 +7372,11 @@ div.compatibility > a:before { line-height: 0 !important; } +.b-user16 > span, +.b-user16 > a > span { + line-height: 1rem !important; +} + .b-user16:hover { color: #f2f2f2 !important; background-color: #747474; @@ -7376,7 +7393,6 @@ div.compatibility > a:before { .b-user16 > a > span { padding: 0; - line-height: 1rem !important; } .b-user16:hover span { @@ -9775,7 +9791,6 @@ header.head h2 a.back:after { max-width: calc(100% - 3.5rem); height: 100%; background-color: #FFFFFF; - z-index: 100; padding: 4.5rem 1rem 1.5rem; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.24); overflow-y: auto; @@ -9917,7 +9932,7 @@ body { @media only screen and (min-width: 1025px) { .l-top_menu .submenu, .b-main_search ul.popup { - background: #2d2d2d; + background: #2D2D2D; } } diff --git a/beta/theme-light.css b/beta/theme-light.css index 4f0ee6c..7171d83 100644 --- a/beta/theme-light.css +++ b/beta/theme-light.css @@ -1,5 +1,5 @@ /** - * Shikimori.org – CSS Theme + * Shikimori.org – CSS Theme v1.12.18 * MIT License * Copyright (c) 2016 grin3671 */ @@ -1159,10 +1159,13 @@ input[type=submit], .line:nth-child(odd) > .bar-container > .bar:hover, .line:nth-child(even) > .bar-container > .bar, .line:nth-child(even) > .bar-container > .bar:hover, +.b-image .cancel, .b-image .cancel:hover, .b-image .cancel:active, +.b-image .confirm, .b-image .confirm:hover, .b-image .confirm:active, +.b-image .delete, .b-image .delete:hover, .b-image .delete:active, .b-image .mobile-edit, @@ -2095,10 +2098,19 @@ hr { padding: .5rem; margin-top: .25rem !important; margin-right: .25rem !important; - background-color: transparent; border-radius: .125rem; } +@media screen and (min-width: 1024px) { + .b-image .mobile-edit, + .b-image .delete, + .b-image.deletable .confirm, + .b-image.deletable .cancel, + .p-user_rates-index .list-posters .user_rate .edit-user_rate { + background-color: transparent; + } +} + .b-image .delete, .b-image .confirm, .b-image .cancel, @@ -7344,6 +7356,11 @@ div.compatibility > a:before { line-height: 0 !important; } +.b-user16 > span, +.b-user16 > a > span { + line-height: 1rem !important; +} + .b-user16:hover { color: #f2f2f2 !important; background-color: #747474; @@ -7360,7 +7377,6 @@ div.compatibility > a:before { .b-user16 > a > span { padding: 0; - line-height: 1rem !important; } .b-user16:hover span { @@ -9584,7 +9600,6 @@ header.head h2 a.back:after { max-width: calc(100% - 3.5rem); height: 100%; background-color: #FFFFFF; - z-index: 100; padding: 4.5rem 1rem 1.5rem; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.24); overflow-y: auto; @@ -9726,6 +9741,6 @@ body { @media only screen and (min-width: 1025px) { .l-top_menu .submenu, .b-main_search ul.popup { - background: #2d2d2d; + background: #2D2D2D; } } From 49131d11395ccdc6975f860637e32efd0532c366 Mon Sep 17 00:00:00 2001 From: grin3671 Date: Sat, 3 Jun 2017 20:42:43 +0300 Subject: [PATCH 11/19] Delete color.sass --- custom/color.sass | 1384 --------------------------------------------- 1 file changed, 1384 deletions(-) delete mode 100644 custom/color.sass diff --git a/custom/color.sass b/custom/color.sass deleted file mode 100644 index 5c168d3..0000000 --- a/custom/color.sass +++ /dev/null @@ -1,1384 +0,0 @@ -/* НАСТРОЙКА ЦВЕТОВ */ -/* Фон сайта (По умолчанию: #FAFAFA) */ -$background: #FAFAFA -/* Фон всплывающей и поднятой областей (По умолчанию: #FFFFFF) */ -$background_dialog: #FFFFFF -/* Фон области (цитаты, поле ввода, некоторые кнопки) (По умолчанию: #F5F5F5) */ -$Grey100: #F5F5F5 -/* Фон области (цитаты, поле ввода, некоторые кнопки) (По умолчанию: #EEEEEE) */ -$background_normal: #EEEEEE -/* Фон области при наведении (По умолчанию: #E0E0E0) */ -$background_hover: #E0E0E0 -/* Фон области при нажатии (По умолчанию: #DDDDDD) */ -$background_active: #DDDDDD - -/* Фон кнопок при наведении (По умолчанию: #E0E0E0) */ -$button_hover: #E0E0E0 - -/* Цвет границ элементов (По умолчанию: #DDDDDD) */ -$border: #DDDDDD - -/* Цвет основной информации (По умолчанию: #212121) */ -$text_primary: #212121 -/* Цвет дополнительной информации (По умолчанию: #424242) */ -$text_secondary: #424242 -/* Цвет подсказок (По умолчанию: #757575) */ -$text_hint: #757575 -/* Цвет выключенного текста (По умолчанию: #9E9E9E) */ -$text_disabled: #9E9E9E - -/* Цвет текста ссылки по умолчанию */ -$link_normal: #2196F3 -/* Цвет ссылки при наведении */ -$link_hover: #FF4081 -/* Цвет ссылки при нажатии */ -$link_active: #ff1402 - -/* Основной цвет приложения (По умолчанию: #2196F3) */ -$primary: #2196F3 -/* Цвет текста на фоне основного цвета (По умолчанию: #FFFFFF) */ -$primaryBG_color: #FFFFFF -/* Цвет при наведении (По умолчанию: #1E88E5) */ -$primary_darker: #1E88E5 -/* Акцентирующий цвет приложения (По умолчанию: #FF4081) */ -$accent: #FF4081 -/* Цвет текста на фоне акцентирующего цвета (По умолчанию: #FFFFFF) */ -$accentBG_color: #FFFFFF - - - - -/* Цвет текста ссылки по умолчанию */ -a - color: $link_normal - -/* Цвет ссылки при наведении */ -a:hover - color: $link_hover - -/* Цвет ссылки при нажатии */ -@media only screen and (min-width: 1025px) - a:active - color: $link_active - -.b-abuse_request .ban-form .cancel, -.b-ban .abuser, -.b-bb_codes-examples .example a, -.b-bb_codes-examples .result a, -.b-bracket-actions > div, -.b-bracket-actions > span, -.b-catalog_entry-tooltip .inner a.name, -.b-catalog_entry-tooltip .inner .line .value a, -.b-catalog_entry-tooltip .inner .line.works .value a, -.b-catalog_entry .cover .title, -.b-club .name, -.b-comment > .inner header .name-date a.name, -.b-comments .comments-collapser, -.b-cosplay-topic > .inner .cosplay-info .line .value a, -.b-cosplay_gallery h3 a, -.b-db_entry-note .name-container .name, -.b-db_entry > .c-about .additional-links .line-container > .link, -.b-db_entry > .c-about .additional-links .line-container > a, -.b-dialog > .inner header .name-date a.name, -.b-entry-info .line a, -.b-feedback-inner .about a, -.b-form .variants .variant a, -.b-form .cancel, -.b-forums .forum .link-with-input .link, -.b-forums .reload, -.b-header_filters .filter-line a, -.b-height_shortener .expand, -.b-js-action, -.b-js-link, -.b-lang_trigger span, -.b-link, -.b-log_entry a, -.b-log_entry .link, -.b-log_entry .moderation a, -.b-log_entry .spoiler.collapsed, -.b-log_entry .spoiler.collapse, -.b-log_entry .spoiler.collapse span, -.b-log_entry .spoiler.collapsed span, -.b-mention, -.b-message > .inner header .name-date a.name, -.b-nothing_here a, -.b-options-floated a, -.b-options-floated .link, -.b-options-floated .action, -.b-options-floated.mobile-desktop a, -.b-person .name, -.b-shiki_editor footer .unpreview, -.b-shiki_editor footer .unpreview:not(.link), -.b-shiki_editor footer .cancel, -.b-shiki_editor footer .hide, -.b-shiki_editor footer .about-bb_codes, -.b-source .contributors .val a, -.b-source .mal .val a, -.b-source .source .val a, -.b-spoiler .content .before, -.b-spoiler .content .after, -.b-spoiler label, -.b-stats_bar a.title, -.b-table a, -.b-topic > .inner header .name-date a.name, -.b-topic .footer-vote .vote-group .vote, -.b-user.named_avatar .name, -.b-user.detailed .info .image-name, -.b-user.detailed .history .line a .event, -.b-user16, -header.head h1 a.back, -header.head h2 a.back, -header.head a.misc, -header.head a.edit, -.headline > a, -.midheadline > a, -.subheadline > a, -.subheadline .misc-link, -.b-video_player .cc-player_controls a.c-control, -.b-video_player .cc-player_controls .episode-title .video-link a, -.b-video_variant a, -.b-animes-menu .menu-topics-block .history-entry-tooltip a, -.p-animes-files .l-content a, -.p-mangas-files .l-content a, -div.history .block-list li .tooltip-inner a, -div.history .b-block_list li .tooltip-inner a, -.p-animes_collection-index .pagination .link, -.p-mangas_collection-index .pagination .link, -.p-recommendations-index .pagination .link, -.p-userlist_comparer-show .pagination .link, -.p-contests .contest-match .vs .next, -.p-contests .contest-match .vs .refrain, -.p-contests-edit .grid, -.p-contests .match-day .match-link a, -.p-contests .rating .member a, -.p-contests .results a, -.p-contests .suggestion > a, -.p-contests .variant > a, -.b-contests-menu .results, -.b-contests-menu .grid a, -.p-contests-grid .round .match a, -.p-contests-index .contest a, -.p-dashboards .c-my_list .list-type > .title .link, -.p-dashboards .c-my_list .history > .title .link, -.p-dashboards .c-my_list .list-type > .title .switch, -.p-dashboards .c-my_list .history > .title .switch, -.p-dashboards .user_list .list-type > .title .link, -.p-dashboards .user_list .history > .title .link, -.p-dashboards .user_list .list-type > .title .switch, -.p-dashboards .user_list .history > .title .switch, -.p-dashboards-show .midheadline .b-link, -.p-dashboards-show .c-content .options .option, -.p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name, -.p-profiles .profile-head .c-brief header .notice a, -.p-profiles .profile-head .c-mobile-actions a, -.p-profiles .profile-head .c-mobile-actions span, -.p-profiles .profile-head .c-info .c-additionals div a, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a, -.p-profiles-edit .account .change-password a, -.p-profiles-edit .misc .profile-action a, -.p-profiles-edit .misc .profile-action .link, -.p-profiles-edit .misc .nickname-changes a, -.p-profiles-edit .misc .nickname-changes .link, -.p-profiles-edit .list .profile-action a, -.p-profiles-edit .list .profile-action .link, -.p-profiles-edit .list .nickname-changes a, -.p-profiles-edit .list .nickname-changes .link, -.p-profiles-edit .list #import_form .link, -.p-profiles-show .about a, -.p-studios .studio .name, -.p-translations .animes a, -.p-user_history-index .history-page .history-interval p a, -.p-user_rates-index .list-lines tr .name a, -.p-userlist_comparer .comparer table .name a, -.b-log_entry .comment-block ins, -.p-statistics-index .forum-nav .sections a.selected, -.p-anime_videos-index .c-videos .video-variant-switcher, -.p-user_rates-index .stat-categories .category - color: $link_normal - border-bottom-color: rgba($link_normal, .3) - -@media screen and (max-width: 480px) and (orientation: portrait) - .b-options-floated.mobile-phone_portrait a - color: $link_normal - -@media screen and (max-width: 767px) - .b-options-floated.mobile-phone a - color: $link_normal - -@media screen and (max-width: 1024px) - .b-options-floated.mobile-tablet a - color: $link_normal - - - - -.b-abuse_request .ban-form .cancel:hover, -.b-ban .abuser:hover, -.b-bb_codes-examples .example a:hover, -.b-bb_codes-examples .result a:hover, -.b-bracket-actions > div:hover, -.b-bracket-actions > span:hover, -.b-catalog_entry-tooltip .inner a.name:hover, -.b-catalog_entry-tooltip .inner .line .value a:hover, -.b-catalog_entry-tooltip .inner .line.works .value a:hover, -.b-catalog_entry .cover .title:hover, -.b-club .name:hover, -.b-comment > .inner header .name-date a.name:hover, -.b-comments .comments-collapser:hover, -.b-cosplay-topic > .inner .cosplay-info .line .value a:hover, -.b-cosplay_gallery h3 a:hover, -.b-db_entry-note .name-container .name:hover, -.b-db_entry > .c-about .additional-links .line-container > .link:hover, -.b-db_entry > .c-about .additional-links .line-container > a:hover, -.b-dialog > .inner header .name-date a.name:hover, -.b-entry-info .line a:hover, -.b-feedback-inner .about a:hover, -.b-form .variants .variant a:hover, -.b-form .cancel:hover, -.b-forums .forum .link-with-input .link:hover, -.b-forums .reload:hover, -.b-header_filters .filter-line a:hover, -.b-height_shortener .expand:hover, -.b-js-action:hover, -.b-js-link:hover, -.b-lang_trigger span:hover, -.b-link:hover, -.b-log_entry a:hover, -.b-log_entry .link:hover, -.b-log_entry .moderation a:hover, -.b-log_entry .spoiler.collapsed:hover, -.b-log_entry .spoiler.collapse:hover, -.b-log_entry .spoiler.collapse span:hover, -.b-log_entry .spoiler.collapsed span:hover, -.b-mention:hover, -.b-message > .inner header .name-date a.name:hover, -.b-nothing_here a:hover, -.b-options-floated a:hover, -.b-options-floated .link:hover, -.b-options-floated .action:hover, -.b-options-floated.mobile-desktop a:hover, -.b-person .name:hover, -.b-shiki_editor footer .unpreview:hover, -.b-shiki_editor footer .unpreview:not(.link):hover, -.b-shiki_editor footer .cancel:hover, -.b-shiki_editor footer .hide:hover, -.b-shiki_editor footer .about-bb_codes:hover, -.b-source .contributors .val a:hover, -.b-source .mal .val a:hover, -.b-source .source .val a:hover, -.b-spoiler label:hover, -.b-spoiler .content:hover .before, -.b-spoiler .content:hover .after, -.b-stats_bar a.title:hover, -.b-table a:hover, -.b-topic > .inner header .name-date a.name:hover, -.b-topic .footer-vote .vote-group .vote:hover, -.b-user.named_avatar .name:hover, -.b-user.detailed .info .image-name:hover, -.b-user.detailed .history .line a .event:hover, -.b-user16:hover, -header.head h1 a.back:hover, -header.head h2 a.back:hover, -header.head a.misc:hover, -header.head a.edit:hover, -.headline > a:hover, -.midheadline > a:hover, -.subheadline > a:hover, -.subheadline .misc-link:hover, -.b-video_player .cc-player_controls a.c-control:hover, -.b-video_player .cc-player_controls .episode-title .video-link a:hover, -.b-video_variant a:hover, -.b-animes-menu .menu-topics-block .history-entry-tooltip a:hover, -.p-animes-files .l-content a:hover, -.p-mangas-files .l-content a:hover, -div.history .block-list li .tooltip-inner a:hover, -div.history .b-block_list li .tooltip-inner a:hover, -.p-animes_collection-index .pagination .link:hover, -.p-mangas_collection-index .pagination .link:hover, -.p-recommendations-index .pagination .link:hover, -.p-userlist_comparer-show .pagination .link:hover, -.p-contests .contest-match .vs .next:hover, -.p-contests .contest-match .vs .refrain:hover, -.p-contests-edit .grid:hover, -.p-contests .match-day .match-link a:hover, -.p-contests .rating .member a:hover, -.p-contests .results a:hover, -.p-contests .suggestion > a:hover, -.p-contests .variant > a:hover, -.b-contests-menu .results:hover, -.b-contests-menu .grid a:hover, -.p-contests-grid .round .match a:hover, -.p-contests-index .contest a:hover, -.p-dashboards .c-my_list .list-type > .title .link:hover, -.p-dashboards .c-my_list .history > .title .link:hover, -.p-dashboards .c-my_list .list-type > .title .switch:hover, -.p-dashboards .c-my_list .history > .title .switch:hover, -.p-dashboards .user_list .list-type > .title .link:hover, -.p-dashboards .user_list .history > .title .link:hover, -.p-dashboards .user_list .list-type > .title .switch:hover, -.p-dashboards .user_list .history > .title .switch:hover, -.p-dashboards-show .midheadline .b-link:hover, -.p-dashboards-show .c-content .options .option:hover, -.p-dashboards-show .c-content .options .option.selected, -.p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name:hover, -.p-profiles .profile-head .c-brief header .notice a:hover, -.p-profiles .profile-head .c-mobile-actions a:hover, -.p-profiles .profile-head .c-mobile-actions span:hover, -.p-profiles .profile-head .c-info .c-additionals div a:hover, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:hover, -.p-profiles-edit .account .change-password a:hover, -.p-profiles-edit .misc .profile-action a:hover, -.p-profiles-edit .misc .profile-action .link:hover, -.p-profiles-edit .misc .nickname-changes a:hover, -.p-profiles-edit .misc .nickname-changes .link:hover, -.p-profiles-edit .list .profile-action a:hover, -.p-profiles-edit .list .profile-action .link:hover, -.p-profiles-edit .list .nickname-changes a:hover, -.p-profiles-edit .list .nickname-changes .link:hover, -.p-profiles-edit .list #import_form .link:hover, -.p-profiles-show .about a:hover, -.p-studios .studio .name:hover, -.p-translations .animes a:hover, -.p-user_history-index .history-page .history-interval p a:hover, -.p-user_rates-index .list-lines tr .name a:hover, -.p-userlist_comparer .comparer table .name a:hover, -.p-statistics-index .forum-nav .sections a:hover, -.block-list-alt a:hover, -.b-block_list-alt a:hover, -.b-catalog_entry .cover:hover, -.b-catalog_entry .cover:hover .title, -.b-comment > .inner .was_updated:hover, -.b-comment header .hash:hover, -.b-dialog > .inner .was_updated:hover, -.b-message > .inner .was_updated:hover, -.b-options-floated .selected, -.b-options-floated .selected.always-active:hover, -.b-show_more:hover, -.b-show_more-more .hide-more:hover, -.b-stats_bar .stat_names .stat_name a:hover, -.b-topic > .inner .was_updated:hover, -.headline > a:hover:before, -.midheadline > a:hover:before, -.subheadline > a:hover:before, -.headline.linkheadline > a:hover, -.linkheadline.midheadline > a:hover, -.linkheadline.subheadline > a:hover, -.headline.linkheadline > a:hover:before, -.linkheadline.midheadline > a:hover:before, -.linkheadline.subheadline > a:hover:before, -.tooltip-inner .close:hover, -.p-animes-franchise .sticky-tooltip .close:hover, -.p-mangas-franchise .sticky-tooltip .close:hover, -.p-contests .contest-match .prev-match:hover, -.p-contests .contest-match .next-match:hover, -.p-contests .match-day .match-link.voted-none > .c-column a:hover, -.p-contests .match-day .match-link.voted-left > .c-column:last-child a:hover, -.p-contests .match-day .match-link.voted-right > .c-column:first-child a:hover, -.p-contests .match-day .match-link .c-column.loser a:hover, -.p-contests .match-day .match-link .c-column.created a:hover, -.p-contests-grid .round .match .date a:hover, -.p-dashboards-show .contests .contest:hover .title, -.p-dashboards-show .contests .contest:hover .title:after, -.p-dashboards-show .contests .contest .title:hover, -.p-dashboards-show .contests .contest .title:hover:after, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.zero:hover, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.weak:hover, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.moderate:hover, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.high:hover, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.full:hover, -.p-topics .l-menu .sticky-topics .topic:hover .title, -.p-topics .l-menu .sticky-topics .topic:hover .title:after, -.p-topics .l-menu .sticky-topics .topic .title:hover, -.p-topics .l-menu .sticky-topics .topic .title:hover:after, -.p-topics .l-menu .contests .contest:hover .title, -.p-topics .l-menu .contests .contest:hover .title:after, -.p-topics .l-menu .contests .contest .title:hover, -.p-topics .l-menu .contests .contest .title:hover:after, -.p-topics header h1 a.reload:hover, -.p-user_rates-index .l-content .order-control:hover, -.p-user_rates-index .list-lines tr td .anime-status:hover, -.p-user_rates-index .list-lines tr td .anime-remove:hover, -.p-user_rates-index .list-lines tr td .anime-remove.selected, -.p-anime_videos-index .c-videos .video-variant-switcher:hover, -.p-user_rates-index .stat-categories .category:hover - color: $link_hover - border-bottom-color: rgba($link_hover, .3) - -@media screen and (max-width: 480px) and (orientation: portrait) - .b-options-floated.mobile-phone_portrait a:hover - color: $link_hover - -@media screen and (max-width: 767px) - .b-options-floated.mobile-phone a:hover - color: $link_hover - -@media screen and (max-width: 1024px) - .b-options-floated.mobile-tablet a:hover - color: $link_hover - - - -.b-header_filters .filter-line a:active, -.b-person .name:active, -.b-source .contributors .val a:active, -.b-source .mal .val a:active, -.b-source .source .val a:active, -.b-animes-menu .menu-topics-block .history-entry-tooltip a:active, -.p-animes-files .l-content a:active, -.p-mangas-files .l-content a:active, -div.history .block-list li .tooltip-inner a:active, -div.history .b-block_list li .tooltip-inner a:active, -.p-dashboards-show .midheadline .b-link:active, -.p-dashboards-show .c-content .options .option:active, -.p-profiles .profile-head .c-brief header .notice a:active, -.p-profiles .profile-head .c-mobile-actions a:active, -.p-profiles .profile-head .c-mobile-actions span:active, -.p-profiles .profile-head .c-info .c-additionals div a:active, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:active, -.block-list-alt a:active, -.b-block_list-alt a:active, -.b-options-floated .selected:hover, -.b-show_more:active, -.b-show_more-more .hide-more:active, -.headline > a:active:before, -.midheadline > a:active:before, -.subheadline > a:active:before, -.p-dashboards-show .contests .contest:active .title, -.p-dashboards-show .contests .contest:active .title:after, -.p-dashboards-show .contests .contest .title:active, -.p-dashboards-show .contests .contest .title:active:after, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.zero:active, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.weak:active, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.moderate:active, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.high:active, -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.full:active, -.p-topics .l-menu .sticky-topics .topic:active .title, -.p-topics .l-menu .sticky-topics .topic:active .title:after, -.p-topics .l-menu .sticky-topics .topic .title:active, -.p-topics .l-menu .sticky-topics .topic .title:active:after, -.p-topics .l-menu .contests .contest:active .title, -.p-topics .l-menu .contests .contest:active .title:after, -.p-topics .l-menu .contests .contest .title:active, -.p-topics .l-menu .contests .contest .title:active:after, -.p-user_rates-index .stat-categories .category:active - color: $link_active - -@media only screen and (min-width: 1025px) - .b-abuse_request .ban-form .cancel:active, - .b-ban .abuser:active, - .b-bb_codes-examples .example a:active, - .b-bb_codes-examples .result a:active, - .b-bracket-actions > div:active, - .b-bracket-actions > span:active, - .b-catalog_entry-tooltip .inner a.name:active, - .b-catalog_entry-tooltip .inner .line .value a:active, - .b-catalog_entry-tooltip .inner .line.works .value a:active, - .b-catalog_entry .cover .title:active, - .b-club .name:active, - .b-comment > .inner header .name-date a.name:active, - .b-comments .comments-collapser:active, - .b-cosplay-topic > .inner .cosplay-info .line .value a:active, - .b-cosplay_gallery h3 a:active, - .b-db_entry-note .name-container .name:active, - .b-db_entry > .c-about .additional-links .line-container > .link:active, - .b-db_entry > .c-about .additional-links .line-container > a:active, - .b-dialog > .inner header .name-date a.name:active, - .b-entry-info .line a:active, - .b-feedback-inner .about a:active, - .b-form .variants .variant a:active, - .b-form .cancel:active, - .b-forums .forum .link-with-input .link:active, - .b-forums .reload:active, - .b-header_filters .filter-line a:active, - .b-height_shortener .expand:active, - .b-js-action:active, - .b-js-link:active, - .b-lang_trigger span:active, - .b-link:active, - .b-log_entry a:active, - .b-log_entry .link:active, - .b-log_entry .moderation a:active, - .b-log_entry .spoiler.collapsed:active, - .b-log_entry .spoiler.collapse:active, - .b-log_entry .spoiler.collapse span:active, - .b-log_entry .spoiler.collapsed span:active, - .b-mention:active, - .b-message > .inner header .name-date a.name:active, - .b-nothing_here a:active, - .b-options-floated a:active, - .b-options-floated .link:active, - .b-options-floated .action:active, - .b-options-floated.mobile-desktop a:active, - .b-shiki_editor footer .unpreview:active, - .b-shiki_editor footer .unpreview:not(.link):active, - .b-shiki_editor footer .cancel:active, - .b-shiki_editor footer .hide:active, - .b-shiki_editor footer .about-bb_codes:active, - .b-spoiler label:active, - .b-stats_bar a.title:active, - .b-table a:active, - .b-topic > .inner header .name-date a.name:active, - .b-topic .footer-vote .vote-group .vote:active, - .b-user.named_avatar .name:active, - .b-user.detailed .info .image-name:active, - .b-user.detailed .history .line a .event:active, - .b-user16:active, - header.head h1 a.back:active, - header.head h2 a.back:active, - header.head a.misc:active, - header.head a.edit:active, - .headline > a:active, - .midheadline > a:active, - .subheadline > a:active, - .subheadline .misc-link:active, - .b-video_player .cc-player_controls a.c-control:active, - .b-video_player .cc-player_controls .episode-title .video-link a:active, - .b-video_variant a:active, - .p-animes_collection-index .pagination .link:active, - .p-mangas_collection-index .pagination .link:active, - .p-recommendations-index .pagination .link:active, - .p-userlist_comparer-show .pagination .link:active, - .p-contests .contest-match .vs .next:active, - .p-contests .contest-match .vs .refrain:active, - .p-contests-edit .grid:active, - .p-contests .match-day .match-link a:active, - .p-contests .rating .member a:active, - .p-contests .results a:active, - .p-contests .suggestion > a:active, - .p-contests .variant > a:active, - .b-contests-menu .results:active, - .b-contests-menu .grid a:active, - .p-contests-grid .round .match a:active, - .p-contests-index .contest a:active, - .p-dashboards .c-my_list .list-type > .title .link:active, - .p-dashboards .c-my_list .history > .title .link:active, - .p-dashboards .c-my_list .list-type > .title .switch:active, - .p-dashboards .c-my_list .history > .title .switch:active, - .p-dashboards .user_list .list-type > .title .link:active, - .p-dashboards .user_list .history > .title .link:active, - .p-dashboards .user_list .list-type > .title .switch:active, - .p-dashboards .user_list .history > .title .switch:active, - .p-dashboards-show .midheadline .b-link:active, - .p-dashboards-show .c-content .options .option:active, - .p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name:active, - .p-profiles .profile-head .c-brief header .notice a:active, - .p-profiles .profile-head .c-mobile-actions a:active, - .p-profiles .profile-head .c-mobile-actions span:active, - .p-profiles .profile-head .c-info .c-additionals div a:active, - .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:active, - .p-profiles-edit .account .change-password a:active, - .p-profiles-edit .misc .profile-action a:active, - .p-profiles-edit .misc .profile-action .link:active, - .p-profiles-edit .misc .nickname-changes a:active, - .p-profiles-edit .misc .nickname-changes .link:active, - .p-profiles-edit .list .profile-action a:active, - .p-profiles-edit .list .profile-action .link:active, - .p-profiles-edit .list .nickname-changes a:active, - .p-profiles-edit .list .nickname-changes .link:active, - .p-profiles-edit .list #import_form .link:active, - .p-profiles-show .about a:active, - .p-studios .studio .name:active, - .p-translations .animes a:active, - .p-user_history-index .history-page .history-interval p a:active, - .p-user_rates-index .list-lines tr .name a:active, - .p-userlist_comparer .comparer table .name a:active, - .p-statistics-index .forum-nav .sections a:active, - .b-catalog_entry .cover:active, - .b-comment > .inner .was_updated:active, - .b-comment header .hash:active, - .b-dialog > .inner .was_updated:active, - .b-message > .inner .was_updated:active, - .b-options-floated .selected.always-active:active, - .b-stats_bar .stat_names .stat_name a:active, - .b-topic > .inner .was_updated:active, - .headline.linkheadline > a:active, - .linkheadline.midheadline > a:active, - .linkheadline.subheadline > a:active, - .headline.linkheadline > a:active:before, - .linkheadline.midheadline > a:active:before, - .linkheadline.subheadline > a:active:before, - .tooltip-inner .close:active, - .p-animes-franchise .sticky-tooltip .close:active, - .p-mangas-franchise .sticky-tooltip .close:active, - .p-contests .contest-match .prev-match:active, - .p-contests .contest-match .next-match:active, - .p-contests .match-day .match-link.voted-none > .c-column a:active, - .p-contests .match-day .match-link.voted-left > .c-column:last-child a:active, - .p-contests .match-day .match-link.voted-right > .c-column:first-child a:active, - .p-contests .match-day .match-link .c-column.loser a:active, - .p-contests .match-day .match-link .c-column.created a:active, - .p-contests-grid .round .match .date a:active, - .p-topics header h1 a.reload:active, - .p-user_rates-index .l-content .order-control:active, - .p-user_rates-index .list-lines tr td .anime-status:active, - .p-user_rates-index .list-lines tr td .anime-remove:active, - .b-bracket-details:active, - .b-form a.remove:active, - .p-anime_videos-index .c-videos .video-variant-switcher:active, - .p-anime_videos-index .c-videos .video-variant-switcher.active - color: $link_active - border-bottom-color: rgba($link_active, .3) - -@media only screen and (max-width: 480px) and (orientation: portrait) and (min-width: 1025px) - .b-options-floated.mobile-phone_portrait a:active - color: $link_active - -@media only screen and (max-width: 767px) and (min-width: 1025px) - .b-options-floated.mobile-phone a:active - color: $link_active - -@media only screen and (max-width: 1024px) and (min-width: 1025px) - .b-options-floated.mobile-tablet a:active - color: $link_active - - - -body - background-color: $background - -.l-page, -.c-actions:before, -.p-contests .contest-match .vs > div:first-child, -.p-contests .match-day > .date, -.p-animes_collection-index .l-content.ajax_request::before, -.p-mangas_collection-index .l-content.ajax_request::before, -.p-recommendations-index .l-content.ajax_request::before, -.p-userlist_comparer-show .l-content.ajax_request::before, -.b-ajax:before - background: $background - -.l-page:before - outline-color: $background - -@media screen and (max-width: 960px) - .p-profiles .profile-head .c-brief header - background-color: $background - -@media screen and (max-width: 1024px) - body - background-color: $background !important - -.b-height_shortener .shade - background-image: linear-gradient(to bottom, rgba(0,0,0,0), $background) - -.b-topic.aside-expanded > .inner aside.buttons, -.b-dialog.aside-expanded > .inner aside.buttons, -.b-message.aside-expanded > .inner aside.buttons, -.b-comment.aside-expanded > .inner aside.buttons - background-color: rgba($background, .9) - - -/* BLACK GREY WHITE */ -body, -header.head h1, -header.head h2, -.ac_results, -.tooltip-inner, -.b-input input, -.b-input textarea, -.b-shiki_editor .body .editor textarea, -.b-shiki_editor .links .link-value, -.b-shiki_editor .images .link-value, -.b-shiki_editor .quotes .link-value, -.b-shiki_editor .email .link-value, -.b-shiki_editor .upload .link-value, -.p-user_rates-index .list-lines tr td .new-value input, -.p-user_rates-index .l-content .filter input, -.subheadline-input, -.b-catalog_entry-tooltip .inner a.name, -.b-catalog_entry .cover .title, -.b-catalog_entry-tooltip .inner .line .value a, -.b-clubs-menu .block-list li:hover, -.b-clubs-menu .block-list li:hover a, -.b-clubs-menu .block-list li a:hover, -.b-clubs-menu .b-block_list li:hover, -.b-clubs-menu .b-block_list li:hover a, -.b-clubs-menu .b-block_list li a:hover, -.b-db_entry > .c-image .c-actions > a:after, -.b-db_entry-note .name-container .name, -.b-dialog > .inner header .name-date a.name, -.b-entry-info .line .b-tag, -.b-forums .forum .link-with-input .link, -.b-height_shortener .expand, -.b-hot_topics .topic.subject, -.b-hot_topics .topic a:hover, -.b-message > .inner header .name-date a.name, -.b-modal .subheadline, -.b-link_button, -.b-link_button:hover, -.b-link_button:active, -.block-list li:hover, -.block-list-alt li:hover, -.b-block_list li:hover, -.b-block_list-alt li:hover, -.b-pages .b-link, -.b-show_more:hover, -.b-show_more-more .hide-more:hover, -.b-stats_bar .stat_names .stat_name a, -.b-video_player .cc-player_controls .episode-title, -.b-video_variant .episode-num, -.b-video_variant .video-author, -.b-video_variant .video-id, -.headline, -.b-catalog_entry-tooltip .inner .line .value .tag:hover, -.b-entry-info .line .b-tag:hover, -.b-tag:hover, -.p-contests .match-day .match-link.voted-none > .c-column a, -.p-contests .match-day .match-link.voted-left > .c-column:last-child a, -.p-contests .match-day .match-link.voted-right > .c-column:first-child a, -.p-contests .match-day .match-link .c-column.loser a, -.p-contests .match-day .match-link .c-column.created a, -.p-dashboards-show .contests .contest .title, -.p-dialogs .b-options-floated > a.selected, -.p-moderations-missing_videos .missing-video>.info span, -.p-messages .b-options-floated > a.selected, -.p-profiles-edit .b-options-floated > a.selected, -.p-profiles .profile-head .c-history .entry .title, -.p-topics .l-menu .calendar .entry a, -.p-topics .l-menu .clubs .entry a, -.p-topics .l-menu .contests .contest .title, -.p-topics .l-menu .reviews .entry a, -.p-topics .l-menu .sticky-topics .topic .title, -.p-user_rates-index .l-content .order-control, -.p-user_rates-index .l-content .order-control:hover - color: $text_primary !important - - -/* Цвет основного текста в области при наведении */ -.b-clubs-menu .b-link:hover, -.b-clubs-menu .actions li:hover, -.b-clubs-menu .actions .upload label:hover, -.b-clubs-menu .actions .invite span:hover, -.b-clubs-menu .actions .join a:hover, -.b-clubs-menu .actions .leave a:hover, -.b-hot_topics .topic a, -.b-forums .forum:hover .link-with-input .link, -.b-image .marker, -.b-video .marker, -.b-video .name, -.p-dashboards-show .contests .contest:hover .title, -.p-profiles .profile-head .c-history .entry:hover .title, -.p-topics .l-menu .calendar .entry:hover a, -.p-topics .l-menu .clubs .entry:hover a, -.p-topics .l-menu .contests .contest:hover .title, -.p-topics .l-menu .reviews .entry:hover a, -.p-topics .l-menu .sticky-topics .topic:hover .title - color: $text_primary !important - - -@media (max-width: 1024px) - .l-top_menu .menu-items > .entry > a, - .l-top_menu .menu-items > .entry > .submenu > a, - .l-top_menu .inner .sign_out - color: $text_primary !important - - -h3, -header.head .notice, -.bar.horizontal .line .x_label, -.bar.vertical .line .x_label, -.b-entry-info .line .b-tag, -.b-catalog_entry-tooltip .inner .line .key, -.b-catalog_entry-tooltip .inner .line .value .tag, -.b-catalog_entry-tooltip .inner .rating, -.b-collection-filters .block > .filter.item-sign:hover, -.b-height_shortener:hover .expand, -.b-lang_trigger:hover span, -.b-lang_trigger span:hover, -.b-show_more, -.b-show_more-more .hide-more, -.b-stats_bar .stat_names:hover:before, -.b-tag, -.block-list li, -.block-list-alt li, -.block-list li a, -.block-list-alt li a, -.b-block_list li, -.b-block_list li a, -div.compatibility > a:hover:before, -div.compatibility > a:hover > span:first-child:before, -.item-add:hover, -.l-footer .copyright, -.p-characters .item-edit:hover, -.p-characters .item-edit:active, -.p-contests .match-day > .date .from, -.p-contests .match-day > .date .to, -.p-profiles-edit .b-options-floated > a, -.p-dialogs .b-options-floated > a, -.p-messages .b-options-floated > a, -.p-user_rates-index .list-lines tr td .episodes_total, -.p-user_rates-index .list-lines tr td .rate-text - color: $text_secondary - -header.head h1 > a.back:hover, -header.head h2 > a.back:hover, -header.head h1 > a.back:active, -header.head h2 > a.back:active, -.b-video_player .cc-player_controls .c-control:hover .icon, -.p-animes_collection-index .pagination .link:hover, -.p-mangas_collection-index .pagination .link:hover, -.p-recommendations-index .pagination .link:hover, -.p-userlist_comparer-show .pagination .link:hover, -.b-clubs-menu .block-list li, -.b-clubs-menu .block-list li a, -.b-clubs-menu .b-block_list li, -.b-clubs-menu .b-block_list li a, -.b-list_switchers > .switcher:hover, -.c-actions > *:hover, -.editor-controls > span:hover, -.profile-actions > a:hover, -.p-animes .item-edit:hover, -.p-contests .contest-match .prev-match:hover, -.p-contests .contest-match .next-match:hover, -.p-mangas .item-edit:hover, -.p-profiles-show .about .item-edit:hover, -.p-messages .mass-actions .action > a:hover, -.p-topics header h1 a.reload, -.delete-controls > span, -.delete-controls > span:hover, -.main-controls > span, -.main-controls > span:hover, -.main-controls > a, -.main-controls > a:hover, -.buttons .item-edit, -.buttons .item-edit:hover, -.moderation-controls > span, -.moderation-controls > span:hover - color: $text_secondary !important - - -.midheadline, -.subheadline, -.b-animes-menu .menu-topics-block .date, -.b-breadcrumbs, -.b-breadcrumbs a.b-link, -.b-catalog_entry .cover .misc span, -.b-catalog_entry-tooltip .inner .rating .text, -.b-club .info .number, -.b-comment-info, -.b-comment .inner .name-date a.name .normal, -.b-collection-filters .block > .filter.item-sign, -.b-db_entry-note .name-container .note, -.b-entry-info .line .key, -.b-forums .forum .link-with-input input + .link, -.b-forums .forum .topics, -.b-lang_trigger span, -.b-log_entry .id-label, -.b-log_entry .state.auto_accepted, -.b-options-floated.count, -.b-pages .title, -.b-quote .quoteable:before, -.b-replies:before, -.b-stats_bar .title, -.b-stats_bar .stat_names:before, -.b-source .contributors .key, -.b-source .mal .key, -.b-source .source .key, -.b-topic-preview > .inner .status-line .about, -.b-topic-preview > .inner .status-line .from, -.b-collection-filters .block-list li:before, -.b-collection-filters .block-list .b-question:before, -.b-collection-filters .b-block_list li:before, -.b-collection-filters .b-block_list .b-question:before, -div.compatibility > a:before, -div.compatibility > span.link-replacement > span:first-child:before, -div.compatibility > a > span:first-child:before, -.item-add, -.item-mobile, -.item-mobile:hover, -.item-mobile:active, -.l-footer:before, -.l-footer .links a, -.l-top_menu .menu-items .submenu-toggler, -.p-animes_collection-index .pagination .link, -.p-mangas_collection-index .pagination .link, -.p-recommendations-index .pagination .link, -.p-userlist_comparer-show .pagination .link, -.p-characters .item-edit, -.p-contests .contest-match .vs, -.p-contests .contest-match .vs .help, -.p-contests .contest-match .vs .next, -.p-contests .contest-match .vs .finish, -.p-contests .contest-match .vs .refrain, -.p-contests .contest-match .vs .refrained, -.p-contests .match-day .matches-num, -.p-dashboards-show .contests .contest .notice, -.p-db_entries-edit .b-list .field, -.p-profiles .profile-head .c-info .c-additionals b, -.p-topics .l-menu .sticky-topics .topic .notice, -.b-user.detailed .info .last-online, -.b-video_variant .episode-hostings, -.b-video_variant .video-hosting, -.b-video_variant .video-language, -.p-anime_videos-index .c-video_stats .views_count - color: $text_hint - -header.head h1 a.back, -header.head h2 a.back, -.about-bb_codes:before, -.b-db_entry > .c-about .additional-links .key, -.b-list_switchers > .switcher, -.b-user_rate .rate-show .note, -.c-actions > *, -.editor-controls > span, -.profile-actions > a, -.p-animes .item-edit, -.p-animes_collection-index .pagination .link, -.p-clubs-index header.head a.misc, -.p-contests .contest-match .prev-match, -.p-contests .contest-match .next-match, -.p-mangas .item-edit, -.p-mangas_collection-index .pagination .link, -.p-messages .mass-actions > .action > a, -.p-profiles .profile-head .c-history .entry .misc, -.p-profiles-show .about .item-edit, -.p-profiles-show .lifetime .title > .label:before, -.p-profiles-show .profile-content .activity .title, -.p-recommendations-index .pagination .link, -.p-topics .l-menu .calendar .entry .misc, -.p-topics .l-menu .reviews .entry .misc, -.p-topics .l-menu .clubs .entry .misc, -.p-userlist_comparer-show .pagination .link, -.p-user_rates-index .list-lines tr.edit-form .remove, -.p-user_rates-index .list-lines tr.edit-form .remove:hover, -.p-user_history-index .history-page .history-interval p .date - color: $text_hint !important - -@media only screen and (min-width: 1025px) - .delete-controls > span, - .moderation-controls > span, - .main-controls > span, - .main-controls > a, - .buttons .item-edit - color: $text_hint !important - - -header.head .misc, -header.head a.edit, -.b-ban .comment-hash, -.b-ban .duration, -.b-breadcrumbs > span:after, -.b-club .info .value, -.b-comment header a.hash, -.b-comment > .inner header .name-date .time > time, -.b-comment > .inner .was_updated, -.b-input .hint, -.b-log_entry .date, -.b-message > .inner header .name-date .time > time, -.b-nothing_here, -.b-options-floated a:after, -.b-options-floated .link:after, -.b-stats_bar .stat_names .stat_name .size:after, -.b-stats_bar .stat_names .stat_name .size:before, -.b-topic > .inner header .name-date .time, -.b-topic > .inner header .name-date .time > time, -.b-topic-preview > .inner .status-line .additional .comments:before, -.b-topic-preview > .inner .status-line .additional .likes:before, -.b-topic-preview > .inner .status-line .time, -.p-moderations-missing_videos .missing-video>.info, -.p-profiles .profile-head .c-brief header .notice span:after, -.p-user_rates-index .l-content .b-options-floated span:after, -.p-user_rates-index .l-content .b-options-floated span:before, -.p-user_rates-index .list-groups .summary .stat-value:after -.b-user.detailed .history .line .date, -.b-video_variant .episode-hostings:before, -.b-video_variant .episode-hostings:after, -.b-video_variant .video-hosting:before, -.b-video_variant .video-hosting:after, -.b-video_variant .video-language:before, -.b-video_variant .video-language:after, -.b-video_variant .video-kind.english:before - color: $text_disabled - -.b-video_player .cc-player_controls .c-control .icon, -.p-animes_collection-index .pagination .link.disabled, -.p-mangas_collection-index .pagination .link.disabled, -.p-recommendations-index .pagination .link.disabled, -.p-userlist_comparer-show .pagination .link.disabled, -.p-animes_collection-index .pagination .link.disabled:hover, -.p-mangas_collection-index .pagination .link.disabled:hover, -.p-recommendations-index .pagination .link.disabled:hover, -.p-userlist_comparer-show .pagination .link.disabled:hover, -.p-profiles .profile-head .c-history .entry .misc.date, -.p-topics .l-menu .calendar .entry .misc.date, -.p-topics .l-menu .reviews .entry .misc.date, -.p-topics .l-menu .clubs .entry .misc.date - color: $text_disabled !important - - -/* PRIMARY COLOR */ -input[type=submit], -.button, -.b-button, -.b-contests-menu .results, -.b-form input[type=submit], -.b-link_button.dark, -.btn-primary, -.b-shiki_editor .links .button.ok, -.b-shiki_editor .images .button.ok, -.b-shiki_editor .quotes .button.ok, -.b-shiki_editor .email .button.ok, -.b-shiki_editor .upload .button.ok, -.p-contests .contest-match .votes-percents .right-part, -.p-contests .contest-match .votes-percents .left-part:hover .right-part, -.p-user_rates .mylist-block + .block > .b-list > li, -.anime-params-controls > .block:first-child > .b-list > li, -.manga-params-controls > .block:first-child > .b-list > li, -.b-stats_bar.anime .bar .first, -.b-stats_bar.anime .bar .second, -.line:nth-child(odd) > .bar-container > .bar, -.line:nth-child(odd) > .bar-container > .bar:hover, -.line:nth-child(even) > .bar-container > .bar, -.line:nth-child(even) > .bar-container > .bar:hover - background-color: $primary - -.p-contests .contest-match .votes-percents .right-part, -.p-contests .contest-match .votes-percents .left-part:hover .right-part, -.b-main_search .input:after - border-color: $primary - -.subheadline > a:hover, -.midheadline > a:hover, -.edit-page a.cancel:hover, -.b-form .cancel:hover, -.b-shiki_editor footer .unpreview:hover, -.b-shiki_editor footer .preview:hover, -.b-topic-preview > .editor-container .hide:hover, -.p-contests .contest-match .vs .refrain:hover, -.p-dashboards-show .b-forums > .b-link_button.maxi:hover:after, -.p-profiles-show .b-stats_bar a.title:hover - background-color: rgba($primary, .12) - -input[type=submit]:hover, -.button:hover, -.b-button:hover, -.b-contests-menu .results:hover, -.b-form input[type=submit]:hover, -.b-link_button.dark:hover - background-color: $primary_darker - -.b-contests-menu .results, -.b-link_button.dark, -.btn-submit - color: $primaryBG_color !important - -.b-rate .stars.score, -.b-forums .forum input:checked + .link:before, -.b-collection-filters .block-list .filter, -.b-collection-filters .block-list li.selected:before, -.b-collection-filters .b-block_list .filter, -.b-collection-filters .b-block_list li.selected:before, -.p-contests .contest-match .vs .refrain, -.p-contests .contest-match .vs .refrain:hover, -.p-contests .contest-match .vs .refrain:active, -.tooltip-details .ajax-loading - color: $primary - -.headline > a, -.headline > a:hover, -.headline.linkheadline > a, -.midheadline > a, -.midheadline > a:hover, -.midheadline.linkheadline > a, -.subheadline > a, -.subheadline > a:hover, -.subheadline.linkheadline > a, -.edit-page a.cancel, -.p-dashboards-show .b-forums > .b-link_button.maxi:after, -.b-form .cancel, -.b-shiki_editor footer .unpreview, -.b-shiki_editor footer .unpreview:not(.link):hover, -.b-shiki_editor footer .preview, -.b-stats_bar a.title, -.b-topic-preview > .editor-container .hide - color: $primary !important -/* END of PRIMARY COLOR */ - - -/* ACCENT COLOR */ -.menu .unread-count, -.menu:hover .unread-count, -.menu .contest, -.menu:hover .contest, -.p-contests .contest-match .votes-percents .left-part, -.p-contests .contest-match .votes-percents .left-part:hover, -.b-options-floated a span.brackets, -.b-options-floated .link span.brackets, -.b-stats_bar.manga .bar .first, -.b-stats_bar.manga .bar .second, -div.compatibility > a > span.rate, -div.compatibility > span.link-replacement > span.rate - background-color: $accent - -.menu .unread-count:hover, -.menu .contest:hover - background: $accent !important - -.p-profiles-show .b-stats_bar.manga a.title:hover - background-color: rgba($accent, .12) - -.p-profiles-edit .b-options-floated > a.selected, -.p-dialogs .b-options-floated > a.selected, -.p-messages .b-options-floated > a.selected - border-bottom: 2px solid $accent - -.menu .unread-count, -.menu:hover .unread-count, -.menu .contest, -.menu:hover .contest - color: $accentBG_color !important - -.b-rate .stars.hover, -.c-actions .fav-add:hover:before, -.c-actions .fav-remove:before, -.profile-actions .fav-remove:before - color: $accent - -.b-list_switchers > .switcher.selected, -.editor-controls > span.selected, -.p-profiles-show .b-stats_bar.manga a.title - color: $accent !important -/* END of ACCENT COLOR */ - - -/* BACKGROUND COLOR */ -.ac_results, -.b-image .marker, -.b-modal>.inner, -.b-video .marker, -.b-video .name, -.l-top_menu .menu-items, -.tooltip-inner, -.tooltip-details .ajax-loading - background: $background_dialog - -@media screen and (max-width: 599px) - .b-stats_bar .stat_names:hover - background-color: $background_dialog - -.b-link_button, -.b-comments .comments-loader, -.b-comments .comments-hider, -.b-comments .comments-expander, -.b-comments .messages-postloader, -.b-comments .faye-loader, -.b-forum .faye-loader, -.p-animes-show .other-names.click-loader, -.p-mangas-show .other-names.click-loader, -.collapsed - background-color: $background_normal - border-color: $background_hover - -.b-link_button:hover, -.b-comments .comments-loader:hover, -.b-comments .comments-hider:hover, -.b-comments .comments-expander:hover, -.b-comments .messages-postloader:hover, -.b-comments .faye-loader:hover, -.b-forum .faye-loader:hover, -.p-animes-show .other-names.click-loader:hover, -.p-mangas-show .other-names.click-loader:hover, -.collapsed:hover - background-color: $background_hover - border-color: $background_active - - -.b-link_button:active, -.b-comments .comments-loader:active, -.b-comments .comments-hider:active, -.b-comments .comments-expander:active, -.b-comments .messages-postloader:active, -.b-comments .faye-loader:active, -.b-forum .faye-loader:active, -.p-animes-show .other-names.click-loader:active, -.p-mangas-show .other-names.click-loader:active, -.collapsed:active - background-color: $background_active - border-color: $border - - -.b-quote, .b-quote .b-quote .b-quote - background: $Grey100 - - -.b-quote .b-quote, .b-quote .b-quote .b-quote .b-quote - background: $background_normal - -.b-user_rate .rate-show .note, -.p-topics-new .topic_video, -.p-topics-edit .topic_video, -.p-topics-create .topic_video, -.p-topics-update .topic_video, -.p-user_rates-index .list-lines tr.edit-form form - background: $background_normal - - -select, -.b-editable_grid tbody tr:nth-child(odd) td, -.b-input input, -.b-input textarea, -.b-pages, -.b-shiki_editor .body .editor textarea, -.b-shiki_editor .links .link-value, -.b-shiki_editor .images .link-value, -.b-shiki_editor .quotes .link-value, -.b-shiki_editor .email .link-value, -.b-shiki_editor .upload .link-value, -div.compatibility > a:before, -div.compatibility > span.link-replacement > span:first-child:before, -div.compatibility > a > span:first-child:before, -.l-page .menu-toggler .toggler, -.p-contests .match-day .match-link:hover, -.p-contests .match-day .match-link.active, -.p-user_rates-index .list-groups .summary.posters, -.p-user_rates-index .list-lines tr td .new-value input, -.p-user_rates-index .l-content .filter input, -.subheadline-input - background: $Grey100 - -.editor textarea.b-comment, -.editor textarea.b-message - background: $Grey100 !important - - -/* Области наведения */ -.b-collection-filters .block > .filter.item-sign, -.b-lang_trigger, -.b-tag, -.block-list li:hover, -.block-list-alt li:hover, -.block-list li.selected, -.block-list-alt li.selected, -.b-block_list li:hover, -.b-block_list li.selected, -.b-entry-info .line .b-tag, -.b-catalog_entry-tooltip .inner .line .value .tag, -.b-hot_topics .topic a, -.b-forums .forum:hover, -.b-show_more:hover, -.b-show_more-more .hide-more:hover, -.b-stats_bar .stat_names:hover:before, -.history-interval p:hover, -.p-profiles .profile-head .c-history .entry:hover a, -.p-topics .l-menu .sticky-topics .topic:hover, -.p-dashboards-show .contests .contest:hover, -.p-topics .l-menu .calendar .entry:hover a, -.p-topics .l-menu .clubs .entry:hover a, -.p-topics .l-menu .contests .contest:hover, -.p-topics .l-menu .reviews .entry:hover a, -.p-user_rates-index .list-lines .selectable:hover, -.p-user_rates-index .l-content .order-control:hover, -.p-animes_collection-index .pagination .link:hover, -.p-mangas_collection-index .pagination .link:hover, -.p-recommendations-index .pagination .link:hover, -.p-userlist_comparer-show .pagination .link:hover - background-color: $background_normal - -.block-list li:active, -.block-list-alt li:active, -.b-block_list li:active, -.p-contests .match-day .match-link:active - background-color: $background_normal !important - -.p-dialogs header.head, -.p-messages header.head, -.p-profiles-edit header.head, -.p-profiles-edit .b-options-floated, -.p-dialogs .b-options-floated, -.p-messages .b-options-floated, -.b-hot_topics .topic a:hover - background-color: $background_hover - -.p-userlist_comparer .comparer table .selectable:hover - background-color: $background_hover !important - - -/* Кнопки при наведении */ -div.compatibility > a:hover:before, -div.compatibility > a:hover > span:first-child:before, -.b-video_player .cc-player_controls .c-control:hover .icon, -.p-animes_collection-index .pagination .link:hover, -.p-mangas_collection-index .pagination .link:hover, -.p-recommendations-index .pagination .link:hover, -.p-userlist_comparer-show .pagination .link:hover, -.b-collection-filters .block > .filter.item-sign:hover, -.b-lang_trigger:hover, -.b-list_switchers > .switcher:hover, -.b-tag:hover, -.b-entry-info .line .b-tag:hover, -.b-catalog_entry-tooltip .inner .line .value .tag:hover, -.b-user_rate .rate-show .rate-number .item-add:hover, -.p-animes .item-edit:hover, -.p-characters .item-edit:hover, -.p-contests .contest-match .prev-match:hover, -.p-contests .contest-match .next-match:hover, -.p-mangas .item-edit:hover, -.p-profiles-show .about .item-edit:hover, -.p-messages .mass-actions .action > a:hover, -.p-user_rates-index .list-lines tr.edit-form .remove:hover, -.delete-controls > span:hover, -.moderation-controls > span:hover, -.main-controls > span:hover, -.main-controls > a:hover, -.buttons .item-edit:hover, -.editor-controls > span:hover, -.c-actions > *:hover, -.about-bb_codes:hover, -.profile-actions > *:hover, -.item-mobile:hover, -.item-mobile:active, -header.head h1 > a.back:hover, -header.head h2 > a.back:hover - background-color: $button_hover - - -/* ЦВЕТ ГРАНИЦ ЭЛЕМЕНТОВ */ -hr, -.b-db_entry-note:before, -.b-dialog:before, -.b-message:before, -.b-comment:before, -.b-comments .comments-loaded:before, -.p-contests .match-day:before, -.p-profiles .profile-head .c-history .entry:before, -.p-topics .l-menu .calendar .entry:before, -.p-topics .l-menu .reviews .entry:before, -.p-topics .l-menu .clubs .entry:before - background-color: $border - -h3, -select, -.b-input input, -.b-input textarea, -.b-pages, -.b-topic, -.b-shiki_editor .body .editor textarea, -.b-shiki_editor .links .link-value, -.b-shiki_editor .images .link-value, -.b-shiki_editor .quotes .link-value, -.b-shiki_editor .email .link-value, -.b-shiki_editor .upload .link-value, -.b-quote, -.l-page .menu-toggler .toggler, -.p-topics-new .topic_video, -.p-topics-edit .topic_video, -.p-topics-create .topic_video, -.p-topics-update .topic_video, -.p-user_rates-index .list-groups .summary.posters, -.p-user_rates-index .list-lines tr.edit-form form, -.p-user_rates-index .list-lines tr td .new-value input, -.p-user_rates-index .l-content .filter input, -.subheadline-input - border-color: $border - - -/* ОСОБЫЕ ЦВЕТА */ - -.b-entry-info .line .b-tag:active, -.b-catalog_entry-tooltip .inner .line .value .tag:active - background-color: $border - -.b-rate .stars.background - color: $border -.b-stats_bar .bar .third - background: $border From 03ee6b4c39c8ba1988756bf89abfd2d62b4225ee Mon Sep 17 00:00:00 2001 From: grin3671 Date: Sat, 3 Jun 2017 20:43:08 +0300 Subject: [PATCH 12/19] Delete main.css --- custom/main.css | 7203 ----------------------------------------------- 1 file changed, 7203 deletions(-) delete mode 100644 custom/main.css diff --git a/custom/main.css b/custom/main.css deleted file mode 100644 index 9bba4fb..0000000 --- a/custom/main.css +++ /dev/null @@ -1,7203 +0,0 @@ -header.head h1, -header.head h2, -input { - font-family: inherit; -} - -.buttons, -.ac_results .name, -.b-animes-menu .total-rates, -.b-comment > .inner header .name-date a.name, -.b-comments .comments-expander, -.b-comments .comments-expander:hover, -.b-comments .comments-hider, -.b-comments .comments-hider:hover, -.b-comments .comments-loader, -.b-comments .comments-loader:hover, -.b-comments .faye-loader, -.b-comments .faye-loader:hover, -.b-comments .messages-postloader, -.b-comments .messages-postloader:hover, -.b-entry-info .line .value, -.b-forum .faye-loader, -.b-forum .faye-loader:hover, -.b-header_filters .filter-line .title, -.b-header_filters .filter-line a.current, -.b-mention s, -.b-options-floated .selected.always-active, -.b-quote, -.b-rate .score-notice, -.b-rate .text-score, -.b-table th, -.b-topic > .inner header .name-date a.name, -.b-user.detailed .history .line .event, -.collapsed, -.completable-block .name, -.l-page .menu-toggler .toggler:after, -.p-anime_videos-index .c-anime_video_episodes .title, -.p-anime_videos-index .c-videos .title, -.p-anime_videos-index .same-videos .title, -.p-statistics-index .forum-nav .sections a, -.p-user_rates-index .list-groups .summary.lines, -.p-userlist_comparer .comparer table .name a { - color: inherit; -} - -.b-comments .comments-expander:active, -.b-comments .comments-hider:active, -.b-comments .comments-loader:active, -.b-forum .faye-loader:active, -.block-list li.selected, -.block-list-alt li.selected, -.b-block_list li.selected, -.p-animes-show .other-names.click-loader, -.p-mangas-show .other-names.click-loader { - color: inherit !important; -} - -@media screen and (max-width:767px) { - .b-options-floated.mobile-phone a.selected { - color: inherit; - } -} - - - - - -/* MAIN BLOCKS */ -body { - position: relative; - min-height: 100%; - font-size: 16px; - font-weight: 400; - line-height: 1.25; - overflow-x: hidden; -} - -.l-page { - min-height: 100%; - padding-top: 4.5rem; - padding-right: 1rem; - padding-bottom: 4.5rem; - padding-left: 1rem; - background-color: inherit; -} - -.l-footer { - position: absolute; - right: 0; - bottom: 0; - left: 0; - width: 100%; - max-width: inherit; /* thx @NedStar */ - padding: 0 1rem; - margin: auto; -} - -.l-page:before { - content: ''; - display: block; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - width: auto; - background: none; - outline-width: 1rem; - outline-style: solid; - z-index: -1; -} - -.l-footer:before { - content: 'Theme by grin3671'; - display: block; - float: left; - position: static; - left: auto; - bottom: auto; - width: auto; - height: auto; - background: none; - font-size: .6875rem; -} - -.l-page:after, -.l-footer:after { - display: none; -} - -.l-footer .links { - padding: .25rem 0; - font: inherit; - font-size: .75rem; - line-height: 1rem; - text-align: center; -} - -.l-footer .links a:last-child { - margin: 0; -} -/* END of MAIN BLOCKS */ - - - - - -/* ВЫСОТА СТРОКИ */ -.cc-2a > .c-column, -.block, -.b-db_entry, -.p-animes .b-db_entry > *:last-child { - line-height: inherit; -} - -@media only screen and (min-width: 768px) { - .cc-2 > .c-column { - line-height: inherit; - } -} - - - - - -/* ЗАКРУГЛЕНИЕ */ -.b-comments .comments-loader, -.b-comments .comments-hider, -.b-comments .comments-expander, -.b-comments .messages-postloader, -.b-forum .faye-loader, -.collapsed, -.tipsy-inner, -.button, -.b-contests-menu .results, -.b-link_button, -input[type=submit], -.btn, -.b-comments-notifier, -.p-animes_collection-index .pagination .link, -.p-mangas_collection-index .pagination .link, -.p-recommendations-index .pagination .link, -.p-userlist_comparer-show .pagination .link, -.subheadline-buttons .item-edit, -.p-characters .item-edit, -.p-contests .contest-match .vs .refrain, -.b-catalog_entry .image-cutter, -.b-main_search .input, -.b-lang_trigger, -.b-user_rate .rate-show .note, -.c-poster img, -.c-actions > *, -.b-user_rate .rate-show .rate-number .item-add, -.p-animes-show .watch-online, -.p-animes-show .upload-video, -.p-mangas-show .watch-online, -.p-mangas-show .upload-video, -.b-tag, -.b-entry-info .line .b-tag, -.b-catalog_entry-tooltip .inner .line .value .tag, -.b-topic >.inner header img, -.b-quote, -.p-clubs-index header.head a.misc, -.b-list_switchers > .switcher, -.p-user_rates-index .l-content .filter input, -.p-user_rates-index .list-lines tr td .new-value input, -.p-user_rates-index .list-lines tr.edit-form form, -.p-user_rates-index .list-lines tr.edit-form .remove, -.p-profiles-show .b-stats_bar a.title, -.b-stats_bar .bar, -.profile-actions > a, -.l-page .b-anime_status_tag:before, -.p-profiles .profile-head .c-history .entry img, -.p-profiles-show .about .item-edit, -header.head h1 a.back, -header.head h2 a.back, -.edit-page a.cancel, -.editor-controls > span, -.tooltip-inner, -.b-topic-preview > .editor-container .hide { - border-radius: 2px; -} - - -/* LAYOUT */ -@media screen and (max-width: 480px) and (orientation: portrait) { - .l-page .menu-slide-outer .menu-slide-inner { - width: 100%; - } - - .menu-slide-outer.x199 .l-content, - .menu-slide-outer.x240 .l-content { - float: none; - width: 100%; - margin: 0; - } -} - -@media screen and (min-width: 481px) and (max-width: 767px), screen and (max-width: 767px) and (orientation: landscape) { - .l-page .menu-slide-outer .menu-slide-inner { - width: 100%; - } - - .menu-slide-outer.x199 .l-content, - .menu-slide-outer.x240 .l-content { - float: none; - width: 100%; - margin-right: 0; - } -} - -@media screen and (min-width: 768px) and (max-width: 1024px) { - .l-page.menu-expanded .x240 .l-content { - margin-left: 0; - } -} - -@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { - .l-page .menu-slide-outer.x240.ipad-expanded .menu-slide-inner { - width: 100%; - } - - .menu-slide-outer.x199 .l-content, - .menu-slide-outer.x240 .l-content { - float: none; - width: 100%; - margin-right: 0; - } -} - -@media screen and (max-width: 1024px) { - .l-page .menu-slide-outer { - overflow: visible; - } -} - -/* ОБЩИЕ КЛАССЫ */ -.p0, -.m0, -.m1, -.m2, -.m3, -.m4, -.m5, -.m6, -.m7, -.m8, -.m10, -.m12, -.m13, -.m15, -.m20, -.m25, -.m30, -.m40, -.m50 { - margin-bottom: .5rem !important; -} - -h3 { - font-size: 1rem; - line-height: 1.5; - margin-bottom: .5rem; -} - -hr { - margin: .5rem 0; - background-image: none; -} - -.ajax-loading.vk-like { - min-height: 1.5rem; -} - -.b-ajax:before { - opacity: .75; -} - -/* Списки */ -.b-list { - margin: .5rem 0 .5rem 2rem; -} - -.b-list li { - margin: 0; - line-height: 1.5; - list-style-type: disc; - list-style-image: none; -} - -.b-list li + li { - margin: 1rem 0 0 0; -} - -.b-list .b-list li + li { - margin: 0; -} - -.b-height_shortener { - position: relative; - padding-left: 0; - cursor: s-resize; -} - -.b-comment .b-height_shortener, -.b-dialog .b-height_shortener, -.p-clubs .b-height_shortener { - padding-left: 3.5rem; -} - -.buttons .cancel { - vertical-align: top; - margin-right: .5rem; - border: 0; -} - -.b-form .cancel { - margin-left: 0; -} - -.b-form .cancel:hover { - text-decoration: none; -} - -.b-review-topic .b-height_shortener { - padding-left: 0; - cursor: default; -} - -.b-height_shortener .shade { - right: 0; - left: 0; - width: auto; - height: 2.5rem; - margin-top: -2.5rem; -} - -.b-height_shortener .expand { - font-size: .875rem; -} - -.b-comment.b-comment-info { - font-size: .875rem; - text-align: left; - line-height: 1.5rem; -} -.b-comment.b-comment-info > span { - margin-right: .5rem; -} - -.b-comments .comments-loader, -.b-comments .comments-hider, -.b-comments .comments-expander, -.b-comments .messages-postloader, -.b-forum .faye-loader, -.collapsed { - padding: .4375rem 2.5rem; - margin: 0; - margin-bottom: .5rem; - line-height: 1.5rem; -} - -.b-forum .faye-loader { - padding: .4375rem .5rem; -} - -.b-comments .comments-collapser { - width: 2.5rem; - padding: .5rem; - margin: 0; - border: 0; - font-size: 0; - line-height: 0; -} - -.b-comments .comments-collapser:before { - content: 'expand_less'; - display: block; -} - -.b-modal>.inner { - padding: 16px 24px; -} -.b-modal .subheadline { - font-size: 20px; - font-weight: 400; - text-transform: none; -} - -.b-show_more, -.b-show_more-more .hide-more { - display: inline-block; - padding: 0 .5rem; - margin: .25rem 0; - border-radius: .625rem; - font-size: .875rem; -} - -.b-source { - margin-top: .5rem; - margin-bottom: 1rem; -} - -.b-sponsors_block_3 { - min-height: 16rem; - padding: 1rem; - background-color: #f7f3db; -} -.b-sponsors_block_3:before { - content: 'Реклама:'; - display: block; - margin-bottom: .5rem; - color: #ab9f59; - font-size: .75rem; - line-height: 1rem; -} - -.b-spoiler label { - font-size: inherit; - letter-spacing: initial; -} -.b-spoiler .content .before, -.b-spoiler .content .after { - font-size: inherit; - letter-spacing: initial; -} - -.b-nothing_here { - margin-left: 0; - font-size: .875rem; - line-height: 2.5rem; -} - -header.head h1, -header.head h2 { - font-family: inherit; -} - -header.head .notice { - margin: .5rem 0; - font-size: .875rem; - line-height: 1.25rem; -} - -header.head h1 ~ .notice, -header.head h2 ~ .notice { - margin-top: -.5rem; -} - -.b-breadcrumbs { - margin: 0; - line-height: 1rem; -} - -.b-breadcrumbs > span:after { - content: '»'; -} - -/* Всплывающая подсказка */ -.tipsy { - padding: .875rem; - font-size: .875rem; - opacity: .9 !important; - pointer-events: none; -} - -.tipsy-arrow { - display: none; -} - -.tipsy-inner { - padding: .375rem 1rem; - background-color: #616161; - color: #eee; - text-align: left; - box-shadow: none; -} - -input { - font-family: inherit; - font-size: inherit; -} - -/* Кнопки */ -.button, -.b-button, -.b-form input[type=submit], -.b-topic-preview > .editor-container .hide, -.edit-page a.cancel { - display: inline-block; -} - -input[type=submit], -.button, -.b-button, -.b-form input[type=submit], -.b-contests-menu .results, -.b-link_button, -.b-shiki_editor .links .b-button.ok, -.b-shiki_editor .images .b-button.ok, -.b-shiki_editor .quotes .b-button.ok, -.b-shiki_editor .email .b-button.ok, -.b-shiki_editor .upload .b-button.ok, -.edit-page a.cancel { - padding: 0 1rem; - margin-right: .5rem; - font-size: .875rem; - line-height: 2rem !important; - text-align: center; - text-decoration: none !important; - text-transform: uppercase; -} - -input[type=submit]:last-child, -.b-button:last-child, -.b-form input[type=submit]:last-child { - margin-right: 0; -} - -input[type=submit]:hover { - box-shadow: 0 2px 4px 2px rgba(0,0,0,.24); -} - -.b-shiki_editor .links .b-button.ok, -.b-shiki_editor .images .b-button.ok, -.b-shiki_editor .quotes .b-button.ok, -.b-shiki_editor .email .b-button.ok, -.b-shiki_editor .upload .b-button.ok { - margin-left: 1rem; -} - -.edit-page a.cancel, -.b-topic-preview > .editor-container .hide { - background-color: transparent; -} - -.b-topic-preview > .editor-container .hide { - vertical-align: top; - border: 0; -} - -.b-topic { - overflow: visible; -} - -.b-topic > .inner { - overflow: visible; -} - -.b-topic-preview > .inner > footer { - overflow: hidden; -} - -/* Формы */ -.b-form { - overflow: visible; -} - -.b-form:after { - content: ''; - display: block; - clear: both; -} - -.b-input input, -.b-input textarea { - padding: .3125rem 1rem; - line-height: 1.25rem; -} - -.b-input textarea { - padding: .4375rem 1rem; -} - -.b-input input[disabled] { - background: transparent; - border-width: 0; - border-bottom-width: .125rem; - padding: .375rem 0 .25rem; - color: #9E9E9E !important; -} - -select { - max-width: 100%; - height: 2rem; - padding: 2px .5rem; - font-size: .875rem; - line-height: 2rem; -} - -.b-input .hint { - font-size: .75rem; - line-height: 1.25rem; -} - -.b-input label { - line-height: 1.5; -} - -.buttons { - font-family: inherit; - font-size: inherit; -} - -.b-form .buttons { - margin-top: .5rem; -} - -.btn { - line-height: 2rem; -} - -.b-contests-menu .results { - float: none; - display: block; - margin: .5rem 0; -} - -.b-link_button { - margin-bottom: .5rem; -} - -.b-link_button.maxi { - padding: 0; - font-size: 1rem; - line-height: 2.5rem; -} - -.b-contests-menu .results, -.b-forums > .b-link_button.maxi, -.b-link_button.create-topic { - margin-right: 0; -} - -.l-page .menu-toggler { - top: 64px; - z-index: 9; -} - -.p-user_rates-index .l-page .menu-toggler { - top: -96px; -} - -.history-interval, -.mischeadline, -.b-input, -.prgrph, -.spoiler-prgrph, -.review-votes_count { - margin-bottom: .5rem !important; -} - -.block { - line-height: 1.25rem; -} - -.text { - margin-left: 0 !important; -} - -.tooltip-inner .close { - background: transparent; - color: inherit; -} - -.block-list li, -.block-list-alt li { - line-height: 1.5rem; - margin: 2px -.5rem; - padding: 0 .5rem; -} - -.b-block_list li { - padding: 0 .5rem; - margin: 0 -.5rem; - font-family: inherit; - line-height: 1.5rem; -} - -.b-comments-notifier { - top: 0 !important; - width: 2rem; - height: 2rem; - margin-top: 4rem; - line-height: 2rem; -} - -.b-user.named_avatar .name { - margin: auto; -} - -/* FIX: BACKFACE VISIBILITY */ -.anime-params-controls > .block:first-child > .b-list > li:after, -.anime-params-controls > .block:first-child > .b-list > li:before, -.manga-params-controls > .block:first-child > .b-list > li:after, -.manga-params-controls > .block:first-child > .b-list > li:before, -.p-user_rates .mylist-block + .block > .b-list > li:after, -.p-user_rates .mylist-block + .block > .b-list > li:before { - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - backface-visibility: hidden; -} - - - - - -/** - * TOPMENU - * Изменение верхнего меню сайта. - * Меню закреплено и увеличено. - */ - -/* НАСТРОЙКА ЦВЕТОВ МЕНЮ */ -/* ОСНОВНОЕ МЕНЮ */ -/* Фон меню */ -.l-top_menu:before { - background-color: #212121; -} - -/* Цвет текста в меню */ -.l-top_menu { - color: #FAFAFA; -} - -/* Цвет текста пунктов меню при наведении */ -/* Цвет текста активных пунктов меню */ -/* По умолчанию: цвет текста наследуется от меню */ -.l-top_menu .menu-items > .entry.selected, -.l-top_menu .menu-items > .entry > a:active { - color: inherit !important; -} - -/* Цвет текста пунктов меню при наведении */ -/* По умолчанию: цвет текста наследуется от меню */ -.l-top_menu .menu-items > .entry:hover { - color: inherit; -} - -/* ВЫПАДАЮЩЕЕ МЕНЮ */ -@media only screen and (min-width: 1025px) { - /* Цвет фона выпадающего меню при наведении */ - .l-top_menu .submenu, - .b-main_search ul.popup { - background: #424242; - } - - /* Цвет пунктов выпадающего меню при щелчке */ - /* Цвет активных пунктов выпадающего меню */ - /* По умолчанию: затемненный цвет фона выпадающего меню */ - .l-top_menu .submenu > .entry:active, - .l-top_menu .submenu > .entry.active, - .b-main_search .popup li:active, - .b-main_search .popup li.active { - background-color: rgba(0, 0, 0, .24); - } - - /* Цвет пунктов выпадающего меню при наведении */ - /* По умолчанию: осветленный цвет фона выпадающего меню */ - .l-top_menu .submenu > .entry:hover, - .b-main_search .popup li:hover { - background-color: rgba(255, 255, 255, .24); - } - - /* Цвет текста выпадающих меню */ - /* По умолчанию: цвет текста наследуется от меню */ - .l-top_menu .menu-search > .entry, - .l-top_menu .menu-userbox > .entry, - .l-top_menu .submenu { - color: inherit; - } - - /* Цвет текста выпадающих меню при щелчке */ - /* Цвет текста активных пунктов выпадающего меню */ - /* По умолчанию: цвет текста наследуется от выпадающего меню */ - .l-top_menu .submenu > .entry:active, - .l-top_menu .submenu > .entry.active, - .b-main_search .popup li:active, - .b-main_search .popup li.active { - color: inherit; - } - - /* Цвет текста выпадающих меню при наведении */ - /* По умолчанию: цвет текста наследуется от выпадающего меню */ - .l-top_menu .submenu > .entry:hover, - .b-main_search .popup li:hover { - color: inherit; - } - - /* ЦВЕТА ПОИСКА */ - /* Фон строки поиска */ - .b-main_search .input { - background: rgba(242,242,242,.32); - } - - /* Набираемый текст в строке поиска */ - .b-main_search .input input { - color: #fff; - } - - /* Вспомогательный текст в строке поиска */ - .b-main_search input::-webkit-input-placeholder { - color: #ddd; - } - .b-main_search input:-moz-placeholder { - color: #ddd; - } - .b-main_search input::-moz-placeholder { - color: #ddd; - } - .b-main_search input:-ms-input-placeholder { - color: #ddd; - } -} - -/* ЦВЕТ ИКОНОК в меню (для мобильной версии) */ -/* По умолчанию: цвет текста наследуется от меню */ -.l-top_menu .to-mobile-forum, -.l-top_menu .menu-mobile .search, -.l-top_menu .menu-mobile .menu, -.l-top_menu .menu-mobile #sign_in, -.l-top_menu .menu-userbox .search, -.l-top_menu .menu-userbox .menu, -.l-top_menu .menu-userbox #sign_in { - color: inherit; -} -/* END of Настройка цветов в меню */ - - -/* NOTE: Что это за элемент? */ -.to-top-fix { - height: 0; - background: none; - border: 0; -} - -.l-top_menu:before { - content: ''; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - opacity: 1; - transition: .3s; -} - -.l-top_menu { - position: fixed; - top: 0; - right: 0; - left: 0; - width: 100%; - max-width: 100%; - height: auto; - margin: auto; - background-color: transparent; - background-image: none; - border: none; - box-shadow: 0 2px 8px 2px rgba(0,0,0,.24); - overflow: visible; -} - -/* Высота меню на мобильном телефоне в портретном режиме */ -/* Если вы меняете высоту меню, необходимо изменить верхний отступ страницы: */ -/* .l-page { padding-top: 64px; } цифра равна высоте меню + 16px */ -/* Скопируйте правило и вставьте его в блоке МОИ НАСТРОЙКИ в конце файла. */ -.l-top_menu { - padding: 4px 0; /* padding: 0; для наименьшего размера меню (48px) */ -} - -/* NOTE: Максимальное разрешение SONY Xperia Z Ultra: 960x540px */ -@media screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape) { - .l-top_menu { - padding: 0; - } - - .l-page { - padding-top: 64px; - } -} -/* На планшетах и далее, высота меню равна 56px */ -@media screen and (min-width: 961px) and (orientation: landscape) { - .l-top_menu { - padding: 4px 0; - } -} - -/* MENUTOP > LOGO */ -.l-top_menu .inner > a:first-child { - display: inline-block; - vertical-align: top; - margin: 0 0 0 32px; - color: inherit !important; -} - -.l-top_menu .inner .logo { - float: none; - position: static; - width: auto; - height: auto; - padding: .8125rem 1rem; - margin: 0; - background: none; -} - -.l-top_menu .inner .logo:before { - content: 'Главная'; - display: block; - color: inherit; - font-size: 16px; - line-height: 22px; -} - -@media only screen and (min-width: 320px) { - .l-top_menu .inner .logo:before { - content: 'Shikimori'; - font-size: 20px; - text-transform: uppercase; - } -} - -@media only screen and (min-width: 480px) { - .l-top_menu .inner .logo:before { - content: 'Shikimori'; - font-size: 20px; - text-transform: uppercase; - } -} - -.l-top_menu .to-mobile-forum { - display: inline-block; - vertical-align: top; - position: static; - left: 138px; - width: 40px; - height: 40px; - padding: 8px; - margin: 4px !important; -} - -.l-top_menu .to-mobile-forum:before { - width: 1.5rem; - line-height: 1.5rem; - text-align: center; - font-size: 24px; -} - -.l-top_menu .mobile-menu-toggler, -.l-top_menu .mobile-search-toggler { - position: absolute; - top: 0; - z-index: 10; /* TODO: убрать, потестить */ -} -.l-top_menu .mobile-menu-toggler { - left: 0; -} -.l-top_menu .mobile-search-toggler { - right: 56px; -} - -/* Перерисовываем меню сайта под Material */ -.l-top_menu .mobile-menu-toggler.active { - position: fixed; - top: 0; - left: 0; - width: 100% !important; - height: 100% !important; - margin: 0 !important; - background-color: #000; - z-index: 12; - opacity: .48; -} - -.l-top_menu .menu-items { - position: absolute; - top: 0; - width: calc(100% - 56px); - max-width: 320px; - height: calc(100vh + 16px); - padding: 8px 0; - margin: -8px 0; - overflow-y: auto; - z-index: 13; -} - -/* EXPERIMENTAL > ANIMATED MOBILE MENU */ -.l-top_menu .menu-items { - display: block; - transform: translate(-100%, 0); - transition: 240ms ease-out; -} - -.l-top_menu .menu-items.active { - transform: translate(0, 0); -} -/* END of EXPERIMENTAL */ - -@media only screen and (min-width: 320px) { - .l-top_menu .inner > a:first-child { - margin: 0 0 0 40px; - } -} -@media only screen and (min-width: 360px) { - .l-top_menu .inner > a:first-child { - margin: 0 0 0 48px; - } -} -@media only screen and (min-width: 1025px) { - .l-top_menu .inner > a:first-child { - margin: 0; - } -} -@media only screen and (min-width: 1025px) { - .l-top_menu .to-mobile-forum { - display: none; - } - - .l-top_menu .menu-items { - display: inline-block; - vertical-align: top; - position: static; - width: auto; - max-width: 100%; - height: auto; - padding: 0; - margin: 0; - margin-left: 0; - background-color: transparent; - color: inherit; - overflow: initial; - overflow-y: visible; - transform: translate(0, 0); - } - - .l-top_menu .menu-items > .entry:active { - background-color: inherit; - } - - .l-top_menu .menu-items > .entry:active, - .l-top_menu .submenu > .entry:active, - .l-top_menu .menu-items > .entry > a { - color: inherit !important; - } - - .l-top_menu .menu-items > .entry > .submenu { - margin-top: 4px; - margin-left: 0; - } - - .l-top_menu .submenu.right { - right: 0px; - margin-top: 4px; - } - - .b-main_search ul.popup, - .b-main_search.hovered .popup { - margin: 0; - margin-top: 12px; - } - - .l-top_menu .submenu > .entry, - .b-main_search .popup li { - color: inherit; - } - - .b-main_search.hovered .popup { - height: 272px; - } - - .l-top_menu .menu-items > .entry.calendar > a, - .l-top_menu .menu-items > .entry.info > a { - padding: 0.9375rem; - } - - .l-top_menu .menu-items > .entry.calendar > a:before, - .l-top_menu .menu-items > .entry.info > a:before { - display: block !important; - } - - .l-top_menu .menu-items > .entry.calendar > a:after, - .l-top_menu .menu-items > .entry.info > a:after { - display: none; - } -} - -.l-top_menu .menu-items > .entry { - float: none; - display: block; - padding: 0; - border: 0; - line-height: inherit; -} - -@media (min-width: 1025px) { - .l-top_menu .menu-items > .entry { - display: inline-block; - vertical-align: top; - } -} - -.l-top_menu .menu-items > .entry.selected, -.l-top_menu .menu-items > .entry:hover { - background-color: transparent; -} - -.l-top_menu .menu-items > .entry > a, -.l-top_menu .menu-items > .entry.sign_out { - padding: 1rem; - margin: 0; - font-size: inherit; - line-height: 1rem; -} - -.l-top_menu .menu-items > .entry > a.contest { - width: 48px; - height: 48px; - padding: 12px !important; - background: inherit; -} - -.l-top_menu .menu-items > .entry > a.contest:before { - width: 24px !important; - font-size: 24px !important; - color: #444; -} - -@media only screen and (min-width: 1025px) { - .l-top_menu .menu-items > .entry > a.contest { - width: 40px; - height: 40px; - padding: 11px !important; - margin: 4px; - background: transparent; - border-radius: 2px; - } - - .l-top_menu .menu-items > .entry > a.contest:before { - position: static; - width: 18px !important; - margin: 0; - color: inherit; - font-size: 18px !important; - } -} - -/* Текст вместо иконок в верхнем меню */ -.l-top_menu .menu-items > .entry.calendar > a, -.l-top_menu .menu-items > .entry.info > a { - padding: 1rem; - margin: 0; - line-height: 1rem; -} - -.l-top_menu .menu-items > .entry.calendar > a:before, -.l-top_menu .menu-items > .entry.info > a:before { - display: none !important; -} - -.l-top_menu .menu-items > .entry.calendar > a:after { - content: 'Календарь онгоингов'; -} - -.l-top_menu .menu-items > .entry.info > a:after { - content: 'Информация'; -} - -@media only screen and (min-width: 1025px) { - .l-top_menu .menu-items > .entry.calendar > a, - .l-top_menu .menu-items > .entry.info > a { - padding: 0.9375rem; - } - - .l-top_menu .menu-items > .entry.calendar > a:before, - .l-top_menu .menu-items > .entry.info > a:before { - display: block !important; - } - - .l-top_menu .menu-items > .entry.calendar > a:after, - .l-top_menu .menu-items > .entry.info > a:after { - display: none; - } -} -/* END of Текст вместо иконок в верхнем меню */ - -.l-top_menu .submenu, -.b-main_search ul.popup { - min-width: 112px; - border: 0; -} - -.b-main_search .popup li { - transition: 0s; -} - -.l-top_menu .submenu > .entry { - height: 2rem; - padding: .5rem 1rem; - background-color: transparent; - border: 0; - font-size: .875rem; - line-height: 1rem; -} - -.l-top_menu .submenu > .entry:first-child, -.b-main_search ul.popup li:first-child { - margin-top: .5rem; -} - -.l-top_menu .submenu > .entry:last-child, -.b-main_search ul.popup li:last-child { - margin-bottom: .5rem; -} - -.l-top_menu .menu-items .submenu-toggler { - right: 0; - width: 48px; - height: 48px; - padding: .75rem; - margin: 0; - z-index: 10; -} - -.l-top_menu .menu-items .submenu-toggler:before { - width: 24px; - line-height: 24px; -} - -@media screen and (min-width: 1025px) { - .l-top_menu .menu-items .submenu-toggler, - .l-top_menu .inner .sign_out { - display: none; - } - - .l-top_menu .menu-items > .entry { - color: inherit; - } -} - -@media screen and (max-width: 1024px) { - .l-top_menu .submenu { - padding-left: 32px; - } -} - - - - -/* TOPMENU | SEARCH */ -.l-top_menu .menu-search { - padding: 8px 0; -} - -@media screen and (min-width: 1025px) { - .l-top_menu .menu-search { - padding: 0; - } - - .l-top_menu .menu-search > .entry { - width: 234px; - padding: 8px 0 !important; - } -} - -.b-main_search { - padding-right: 8px !important; - padding-left: 8px !important; -} - -.b-main_search .input { - position: relative; - width: auto; - height: 2rem; - padding: 0; - margin: 0; - transition: background .3s; -} - -.b-main_search.hovered .popup { - border: 0; - font-size: .875rem; -} - -.b-main_search ul.popup li { - width: auto; - height: 2rem; - padding: .5rem 1rem; - border: 0; - font-family: inherit; - font-size: .875rem; - line-height: 1rem; -} - -.b-main_search .input input { - width: 100%; - padding: 0 1rem; - font-family: inherit; - font-size: 1rem; - line-height: 2rem; -} - -.b-main_search .input input.ac_loading { - width: 100%; - padding: 0 1rem; -} - -.b-main_search ul.popup { - width: inherit; -} -/* END of SEARCH */ - - - -/* TOPMENU | SEARCHRESULT */ -.ac_results.menu-suggest, -.completable-block.menu-suggest { - border: 0; - box-shadow: 0 2px 8px 2px rgba(0,0,0,.24); -} - -.ac_results, -.completable-block { - font-size: .75rem; -} - -.ac_odd { - background-color: rgba(0,0,0,.24); -} - -.ac_over { - background-color: rgba(255,255,255,.24); -} - -.ac_results li { - padding: 0 .5rem; - border: none; - line-height: 2rem; -} - -.b-main_search ul.popup, -.b-main_search.hovered .popup { - margin: 0; -} - -.ac_results.menu-suggest, -.completable-block.menu-suggest { - margin-top: -17px; - margin-left: 6px; -} - -.ac_results .name { - font-size: 14px; -} - -.ac_results .name > strong { - background-color: #ff0; - color: #111; -} - -.ac_results .character-suggest .animes { - line-height: 1.25rem; -} - -.ac_results .character-suggest .animes > div { - margin: 2px 0 0; -} - -.ac_results .character-suggest .avatar { - width: 40px; - height: auto; - max-height: 64px; - margin: 8px 0 0 8px; - clip-path: circle(20px at 20px 20px); -} -/* END of SEARCHRESULT */ - - - -/* TOPMENU | USERBOX */ -.l-top_menu .menu-userbox { - position: absolute; - top: 0; - right: 0; -} - -.l-top_menu .menu-userbox > .entry { - position: relative; - height: 48px; - padding: 0 !important; - margin: 0 .5rem 0 1rem !important; - cursor: default; -} - -.entry.userbox > .avatar { - display: inline-block; - vertical-align: top; - position: relative; - width: 32px; - height: 32px; - margin: 8px; - border-radius: 100%; -} - -.entry.userbox > .avatar:after { - content: ''; - display: block; - position: absolute; - top: 0; - left: 0; - width: inherit; - height: inherit; - border-radius: 100%; -} - -.entry.userbox > .avatar > img { - height: inherit; -} - -.userbox > a .graphics-arrow-down, -.l-top_menu .menu-search .arrow-container, -.l-top_menu .menu-userbox .arrow-container, -.l-top_menu .menu-search .arrow-container .arrow-down, -.l-top_menu .menu-userbox .arrow-container .arrow-down { - display: none; -} - -@media screen and (max-width: 1024px) { - .userbox img.avatar, - .menu .unread-count { - margin-top: 0; - } -} - -.menu .unread-count { - position: absolute; - top: -8px; - right: -8px; - width: 22px; - height: 22px; - margin: 4px; - border-radius: 100%; - line-height: 22px; -} - -@media screen and (min-width: 1025px) { - .l-top_menu .menu-userbox { - position: relative; - } -} -/* END of USERBOX */ - - - -/* TOPMENU | ICON */ -.l-top_menu .menu-mobile .search, -.l-top_menu .menu-mobile .menu, -.l-top_menu .menu-userbox .search, -.l-top_menu .menu-userbox .menu { - width: 40px; - height: 40px; - padding: 8px; - margin: 4px; - margin-left: 4px !important; -} - -.l-top_menu .menu-mobile #sign_in, -.l-top_menu .menu-userbox #sign_in { - width: 40px; - height: 40px; - padding: 8px; - margin: 4px; - margin-left: 4px !important; -} - -@media (min-width: 1025px) { - .l-top_menu .menu-mobile #sign_in, - .l-top_menu .menu-userbox #sign_in { - width: 48px; - height: 48px; - padding: 12px; - margin: 0; - } -} -/* END of ICON */ - -/* ************** */ -/* END of TOPMENU */ -/* ************** */ - - - -/** - * PAGINATION - * - */ - -/* Делаем пагинацию более удобной */ -.p-animes_collection-index .pagination, -.p-mangas_collection-index .pagination, -.p-recommendations-index .pagination, -.p-userlist_comparer-show .pagination { - margin: 8px 0; - color: inherit; - font-size: 14px; - line-height: 32px; -} - -/* Добавляем разной ерунды */ -.p-animes_collection-index .pagination > *, -.p-mangas_collection-index .pagination > *, -.p-recommendations-index .pagination > *, -.p-userlist_comparer-show .pagination > * { - vertical-align: top; -} - -.p-animes_collection-index .pagination .link, -.p-mangas_collection-index .pagination .link, -.p-recommendations-index .pagination .link, -.p-userlist_comparer-show .pagination .link { - width: 40px; - height: 40px; - padding: 8px; - margin: -4px 8px; - font-size: 0; -} - -.p-animes_collection-index .pagination .link:first-child, -.p-mangas_collection-index .pagination .link:first-child, -.p-recommendations-index .pagination .link:first-child, -.p-userlist_comparer-show .pagination .link:first-child { - margin-left: 0; -} - -.p-animes_collection-index .pagination .link:last-child, -.p-mangas_collection-index .pagination .link:last-child, -.p-recommendations-index .pagination .link:last-child, -.p-userlist_comparer-show .pagination .link:last-child { - margin-right: 0; -} - -.p-animes_collection-index .pagination .link:hover, -.p-mangas_collection-index .pagination .link:hover, -.p-recommendations-index .pagination .link:hover, -.p-userlist_comparer-show .pagination .link:hover { - text-decoration: none; -} - -.p-animes_collection-index .pagination .link.disabled:hover, -.p-mangas_collection-index .pagination .link.disabled:hover, -.p-recommendations-index .pagination .link.disabled:hover, -.p-userlist_comparer-show .pagination .link.disabled:hover { - background-color: transparent; -} - -.p-animes_collection-index .pagination .link:before, -.p-mangas_collection-index .pagination .link:before, -.p-recommendations-index .pagination .link:before, -.p-userlist_comparer-show .pagination .link:before { - display: block; - width: 24px !important; - font-family: 'Material Icons' !important; - font-size: 24px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.p-animes_collection-index .pagination .link.link-prev:before, -.p-mangas_collection-index .pagination .link.link-prev:before, -.p-recommendations-index .pagination .link.link-prev:before, -.p-userlist_comparer-show .pagination .link.link-prev:before { - content: 'chevron_left'; -} - -.p-animes_collection-index .pagination .link.link-next:before, -.p-mangas_collection-index .pagination .link.link-next:before, -.p-recommendations-index .pagination .link.link-next:before, -.p-userlist_comparer-show .pagination .link.link-next:before { - content: 'chevron_right'; -} - -/* ***************** */ -/* END of PAGINATION */ -/* ***************** */ - - - - - -/** - * SUBHEADER - * Изменение подзаголовков разделов и ссылок в них. - */ - -.headline { - padding: 8px 0; - margin: 8px 0; - background: none; - border: 0; - font-size: 24px; - font-weight: 400; - line-height: 32px; - text-transform: capitalize; -} - -.mischeadline, -.c-my_list .title, -.subheadline, -.midheadline, -.b-stats_bar .title, -.profile-content .activity .title, -.lifetime .title { - padding: 16px 0; - margin-bottom: 0; - background-color: transparent; - border: 0; - font-size: .875rem; - line-height: 1rem; - text-transform: uppercase; - overflow: initial; -} - -.midheadline > a, -.subheadline > a { - vertical-align: top; - margin: -.5rem -1rem; -} - -.midheadline > a, -.subheadline > a, -.b-form .cancel, -.b-shiki_editor footer .unpreview, -.b-shiki_editor footer .preview, -.b-topic-preview > .editor-container .hide { - display: inline-block; - padding: 0 1rem; - background-color: transparent; - border-radius: .125rem; - font-size: .875rem; - line-height: 2rem !important; - text-transform: uppercase; -} - -.headline > a:before, -.midheadline > a:before, -.subheadline > a:before { - right: 0; - left: 0; - text-align: right; - opacity: 0; -} - -.headline.linkheadline > a, -.linkheadline.midheadline > a, -.linkheadline.subheadline > a { - text-decoration: none; -} - -.subheadline .misc-link { - float: right; -} - -.subheadline-input { - padding: 5px 8px; - margin-top: 8px !important; - border-radius: 2px !important; - font-size: 14px; - line-height: inherit !important; -} - -.subheadline-buttons { - right: 0; - margin: 0; -} - -/* HOVER */ -.headline > a:hover, -.midheadline > a:hover, -.subheadline > a:hover { - text-decoration: none; -} - -.subheadline-buttons .item-edit, -.p-characters .item-edit { - display: inline-block; - width: 40px; - height: 40px; - padding: 8px; - margin: 4px 0; -} - -@media only screen and (min-width: 768px) { - .b-options-floated.r-edit { - margin-right: 48px; - } -} -/* END of SUBHEADER */ - - - - - -/** - * CONTEST PAGE - */ - -.p-contests .contest-match { - padding: 16px 0; - margin-bottom: 0; -} - -.p-contests .contest-match .current-match .match-members:last-child { - margin-bottom: 0 !important; -} - -.p-contests .contest-match .vs .refrain { - display: inline-block; - padding: 0 16px; - font-size: 14px; - line-height: 32px; - text-transform: uppercase; -} - -.p-contests .contest-match .vs .refrain:hover { - text-decoration: none; -} - -.p-contests .match-day { - position: relative; - margin-bottom: 16px; - text-align: center; -} - -.p-contests .match-day:before { - content: ''; - display: block; - position: absolute; - top: 10px; - right: 0; - left: 0; - height: 1px; -} - -.p-contests .match-day > .date { - position: relative; - display: inline-block; - padding: 0 16px; - margin-bottom: 4px; - text-align: center; - text-transform: uppercase; -} - -.p-contests .match-day > .date .from, -.p-contests .match-day > .date .to { - margin-right: 8px; -} - -.p-contests .match-day > .date .to { - margin-left: 8px; -} - -.p-contests .match-day .match-link { - padding-left: 0; - text-align: left; -} - -.p-contests .match-day .match-link .c-column { - line-height: 32px; -} - -.p-contests .match-day .match-link .voted:before, -.p-contests .match-day .match-link .winner:before, -.p-contests .match-day .match-link .loser:before, -.p-contests .match-day .match-link .created:before, -.p-contests .match-day .match-link .started:before, -.p-contests .match-day .match-link .finished:before { - display: inline-block; - vertical-align: top; - width: 18px; - padding-right: 0; - padding-left: 0; - margin: 7px 0; - margin-right: 14px; - font-family: "Material Icons"; - font-size: 18px; - font-weight: normal !important; - line-height: 1; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.p-contests .match-day .match-link .created:before { - color: #9B9B9B; - content: "lock"; - padding-right: 0; -} - -.p-contests .match-day .match-link .started:before { - content: "check_box_outline_blank"; - color: #757575; -} - -.p-contests .match-day .match-link.voted-none .started:before { - color: #9B9B9B; -} - -.p-contests .match-day .match-link.voted-left .started:first-child:before, -.p-contests .match-day .match-link.voted-right .started:last-child:before { - content: "check_box"; -} - -.p-contests .match-day .match-link.voted-left .started:last-child:before, -.p-contests .match-day .match-link.voted-right .started:first-child:before { - content: 'indeterminate_check_box'; -} - -.p-contests .match-day .match-link .winner:before { - content: "thumb_up"; -} - -.p-contests .match-day .match-link .loser:before { - content: "thumb_down"; - padding-right: 0; -} - -.p-contests .match-day .match-link.voted-left .started:first-child:before, -.p-contests .match-day .match-link.voted-right .started:last-child:before, -.p-contests .match-day .match-link .winner:before { - color: #66BB6A; /* Зеленый цвет */ -} - -.p-contests .match-day .match-link.voted-left .started:last-child:before, -.p-contests .match-day .match-link.voted-right .started:first-child:before, -.p-contests .match-day .match-link .loser:before { - color: #EF5350; /* Красный цвет */ -} - -.p-contests .match-day .matches-num { - display: inline-block; - width: 56px; - padding-right: 0; - font-size: 16px; -} - -.p-contests-show .cc-round_stats > .c-column:first-child:last-child > .block:last-child { - padding: 4px 0; -} - -.p-contests-show .warning { - margin-top: 0; - margin-bottom: 16px; -} - -.p-contests .rating .member { - height: auto; -} - -.p-contests-users .subheadline a:hover { - background: none; -} - -.p-contests .contest-match .votes-percents { - border-radius: 4px; - font-size: 14px; - line-height: 24px; -} - -.p-contests .contest-match .votes-percents span { - float: left; - position: relative; - white-space: nowrap; - z-index: 1; -} - -.p-contests .contest-match .votes-percents .left-part { - position: relative; - border-radius: inherit; - padding-left: 8px; -} - -.p-contests .contest-match .votes-percents .right-part { - position: absolute; - top: 0; - right: 0; - padding-right: 8px; -} - -.p-contests .contest-match .votes-percents .right-part span { - float: right; -} - -.p-contests .contest-match .votes-percents .left-part, -.p-contests .contest-match .votes-percents .right-part { - height: auto; -} - -.p-contests .contest-match .votes-percents .right-part:before { - left: -24px; - border-right-width: 24px; - border-top-width: 48px; -} - -.p-contests .contest-match .votes-percents .left-part:hover .right-part:before { - border-right-width: 24px; -} - -.p-contests .contest-match .votes-percents .right-part:before, -.p-contests .contest-match .votes-percents .left-part:hover .right-part:before { - border-right-color: inherit; -} - -.p-contests .results .cc-result .c-rounds .match-day:before { - display: none; -} - -.p-contests .results .cc-result .c-rounds .match-day .match { - padding-bottom: 0; - line-height: 32px; - text-align: left; -} - -.p-contests .results .cc-result .c-rounds .match-link { - display: inline-block; -} - -@media (min-width: 481px) { - .p-contests .contest-match .prev-match:hover, - .p-contests .contest-match .next-match:hover { - background-color: transparent; - } -} - -/* Mobile Ver. */ -@media (max-width: 480px) { - .p-contests .contest-match .prev-match, - .p-contests .contest-match .next-match { - position: absolute; - left: 0; - width: auto; - padding: 8px; - border-radius: 2px; - line-height: 32px; - z-index: 2; - } - - .p-contests .contest-match .next-match { - right: 0; - left: auto; - } - - .p-contests .contest-match .next-match:before { - margin: 0; - } - - .p-contests .contest-match .prev-match:before, - .p-contests .contest-match .next-match:before { - display: block; - font-family: 'Material Icons'; - font-size: 24px; - line-height: 1; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - } - - .p-contests .contest-match .prev-match:before { - content: 'chevron_left'; - } - - .p-contests .contest-match .next-match:before { - content: 'chevron_right'; - } - - .p-contests .contest-match .current-match { - clear: both; - } - - .p-contests .contest-match .current-match .match-members { - padding-top: 96px; - margin-bottom: 4px; - } - - .p-contests .contest-match .current-match .match-member { - position: relative; - width: 48%; - z-index: 2; - } - - .p-contests .contest-match .current-match .match-member:first-child { - float: left; - } - - .p-contests .contest-match .current-match .match-member:last-child { - float: right; - } - - .p-contests .contest-match .vs { - position: absolute; - top: 72px; - width: 100%; - } - - .p-contests .contest-match .vs > div:first-child { - display: inline-block; - position: absolute; - top: 112px; - right: 0; - left: 0; - width: 72px; - height: 72px; - margin: auto; - border-radius: 100%; - font-size: 24px; - line-height: 72px; - text-transform: uppercase; - z-index: 6; - } - - .p-contests .contest-match .vs .finish { - position: absolute; - top: -64px; - right: 0; - left: 0; - width: 148px; - margin: auto; - font-size: 12px; - line-height: 20px; - } - - .p-contests .contest-match .vs .refrain { - position: absolute; - top: -62px; - right: 0; - left: 0; - width: 168px; - margin: auto; - z-index: 7; - } - - .p-contests .contest-match .vs .next { - position: absolute; - top: -56px; - right: 0; - left: 0; - width: 168px; - margin: auto; - font-size: 14px; - line-height: 32px; - text-transform: uppercase; - z-index: 5; - } - - .p-contests .contest-match .match-losers { - display: block; - padding: 0; - } -} - -@media (max-width: 1024px) { - .p-contests .match-day .match-link .c-column { - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - } - - .p-contests .match-day .match-link .winner:before, - .p-contests .match-day .match-link .loser:before { - display: none; - } - - .p-contests .match-day .matches-num { - width: auto; - padding: 0 4px; - margin-right: 8px; - border-radius: 2px; - color: #FFF; - font-size: 12px; - line-height: 20px; - } - - .p-contests .match-day .winner .matches-num { - background-color: #66bb6a; - } - - .p-contests .match-day .loser .matches-num { - background-color: #ef5350; - } -} -/* END of Mobile Ver. */ -/* END of CONTEST PAGE */ - - - - - -/* ROUNDED IMAGES */ -.b-dialog > .inner header img, -.b-message > .inner header img, -.p-user_rates-index .l-menu .avatar img, -.avatar > img { - border-radius: 100%; -} -/* END of ROUNDED IMAGES */ - - - - -/* TODO: replace */ -.b-catalog_entry.dropped .image-cutter { - filter: grayscale(100%); -} - - - -/** - * ANIME PAGE - */ - -.b-animes-menu .friend-rate { - line-height: 1.5rem; - white-space: nowrap; /* thx @NedStar */ -} - -.b-db_entry { - margin-bottom: 8px; -} - -.b-db_entry-note .name-container { - padding: .25rem 0; -} - -.b-db_entry-note .name-container .name { - display: block; - font-size: 1rem; - line-height: 1.25rem; -} - -.b-db_entry-note .name-container .note { - margin-top: 4px; - font-size: .875rem; - line-height: 1rem; -} - -.b-db_entry-note .name-container .note > span { - display: inline-block; /* thx @NedStar */ - vertical-align: top; -} - -.b-db_entry-note .name-container .b-user_rate { - margin-top: .375rem; -} - -.b-db_entry>.c-about .c-info-left, -.b-db_entry>.c-about .c-info-right, -.b-db_entry>.c-about .c-info-left:last-child, -.b-db_entry>.c-about .c-info-right:last-child { - margin-bottom: 8px !important; -} - -.p-animes .b-db_entry > *:last-child { - clear: left; - padding-top: 0; - margin-left: 0 !important; -} - -.p-people .subheadline.m10 { - width: 100%; -} - -.p-people .m0 { - clear: both; - padding: 0; - margin: 0 !important; -} - -.p-characters .subheadline.m5 { - width: 100%; - overflow: hidden; -} - -.p-characters .subheadline.m5 > a { - display: block; -} - -.p-characters .subheadline.m10 { - width: auto; -} - -.p-characters .subheadline.m10 > a { - display: inline-block; -} - -@media screen and (max-width: 480px) and (orientation: portrait) { - .b-db_entry > .c-image .c-actions > a { - width: auto !important; - } -} - -.b-lang_trigger { - position: absolute; - top: -53px; - right: 0; - width: 40px; - height: 40px; - padding: 10px 0; - margin: 4px; - font-size: 12px; - line-height: 20px; - text-align: center; - text-transform: uppercase; - cursor: pointer; /* eventListener повешен на этот элемент */ -} - -.b-lang_trigger:before, -.b-lang_trigger:after { - display: none; -} - -.b-lang_trigger span { - border: 0; -} - -.midheadline, -.m10 { - margin-bottom: 0 !important; -} - -.b-user_rate .rate-show .note { - padding: 8px 16px; - font-size: 14px; - line-height: 20px; -} - -.b-user_rate .rate-show .note:before { - content: 'Заметка'; - display: block; - font-size: 10px; -} - -.b-forums .forum .topics { - margin-left: 8px; - margin-top: 0; -} - -/* ADD TO LIST BUTTON */ -.b-add_to_list { - min-width: 0; -} - -.b-add_to_list .trigger, -.b-add_to_list .option { - border: 0; -} - -.b-add_to_list .trigger, -.b-add_to_list .option { - padding: .5rem 1rem .5rem 3rem; - border: 0; - line-height: 1.5rem; -} - -/* thx @bot.AkiKawasaki */ -.b-add_to_list .trigger { - border-radius: .125rem; -} - -.b-add_to_list .option:last-child { - border-radius: 0 0 .125rem .125rem; -} - -.b-add_to_list .trigger + .expanded-options { - margin-top: -.125rem; -} - -.b-add_to_list .plus, -.b-add_to_list .edit, -.b-add_to_list .trigger-arrow { - width: 2.5rem; - height: 2.5rem; - padding: .5rem; - margin: -.5rem -1rem -.5rem 0; - color: inherit !important; -} - -.b-add_to_list .plus, -.b-add_to_list .edit { - position: absolute; - left: 0; - margin-left: 0 !important; - margin-right: .5rem !important; -} - -.b-add_to_list .trigger-arrow { - position: relative; -} - -.b-add_to_list .expanded-options .option .text { - padding-left: 0; -} - -.b-add_to_list.completed ~ .rate-show > .rate-number, -.b-add_to_list.completed ~ .rate-show > .episodes { - height: 1rem; - margin-bottom: 0; - font-size: 0; -} - -/* DENSE ATL_BUTTON */ -.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 { - padding: 0 1rem 0 2.25rem; - line-height: 2rem; -} - -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .plus, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .edit, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger-arrow { - width: 2rem; - height: 2rem; - padding: .4375rem; - margin: 0 -1rem 0 .25rem; -} - -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .plus, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .edit { - margin-right: .25rem !important; -} -/* END of DENSE ATL_BUTTON */ - -/* ATL_BUTTON in NEWS */ -.b-catalog_entry-tooltip .b-add_to_list { - width: auto; -} - -.b-catalog_entry-tooltip .b-add_to_list .trigger { - font-size: .875rem; - line-height: 1.5rem; -} - -.b-catalog_entry-tooltip .b-add_to_list .option { - font-size: .875rem; -} - -.b-catalog_entry-tooltip .b-add_to_list .trigger, -.b-catalog_entry-tooltip .b-add_to_list .add-trigger, -.b-catalog_entry-tooltip .b-add_to_list .remove-trigger { - max-width: 224px; -} -/* END of ATL_BUTTON in NEWS */ - -/* FIX ORIGINAL STYLE */ -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .plus::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .edit::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .trigger-arrow::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .plus::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .edit::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .trigger-arrow::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .plus::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .edit::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .trigger-arrow::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .plus::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .edit::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .trigger-arrow::before { - color: inherit; -} - -/* FIX: ADD_TO_LIST LAYOUT IN NOTES (issue #7) */ -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger { - padding: 0 1rem 0 2rem; -} - -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger + .expanded-options { - margin-top: 0; -} -/* END of ADD TO LIST BUTTON */ - -.b-catalog_entry.planned .image-decor::after, -.b-catalog_entry.watching .image-decor::after, -.b-catalog_entry.completed .image-decor::after, -.b-catalog_entry.rewatching .image-decor::after, -.b-catalog_entry.on_hold .image-decor::after, -.b-catalog_entry.dropped .image-decor::after { - top: auto; - right: 6px; - bottom: -8px; - width: 32px; - height: auto; - border: none; - border-radius: 100%; - line-height: 32px; - box-shadow: 0 1px 4px 0 rgba(0,0,0,.32); - - /* TODO: MERGE with ICON_FONT */ - font-family: 'Material Icons'; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.p-animes_collection-index.x1000 .b-catalog_entry .image-decor::after, -.p-mangas_collection-index.x1000 .b-catalog_entry .image-decor::after, -.p-recommendations-index.x1000 .b-catalog_entry .image-decor::after, -.p-userlist_comparer-show.x1000 .b-catalog_entry .image-decor::after { - width: 32px; - height: auto; - border-radius: 100%; - line-height: 32px; -} - -.b-catalog_entry.planned .image-decor::after { - content: "event"; -} - -.b-catalog_entry.watching .image-decor::after { - content: "play_arrow"; -} - -.b-catalog_entry.rewatching .image-decor::after { - content: "replay"; -} - -.b-catalog_entry.completed .image-decor::after { - content: "done"; -} - -.b-catalog_entry.on_hold .image-decor::after { - content: "schedule"; -} - -.b-catalog_entry.dropped .image-decor::after { - content: "delete"; -} - -.b-db_entry-note .name-container { - margin-left: 64px; - line-height: inherit; -} - -header.head, -.block, -.b-add_to_list, -.b-user_rate .rate-show { - margin-bottom: .5rem; -} - -.l-page > div > header.head { - margin-bottom: 1.5rem; -} - -.p-profiles-edit .l-page > div > header.head, -.p-dialogs .l-page > div > header.head, -.p-messages .l-page > div > header.head { - margin-bottom: 0; -} - -.c-poster img { - display: block; - min-height: 48px; -} - -/* Кнопки управления над постером */ -@media (min-width: 481px) { - .c-poster:hover ~ .c-actions { - opacity: 0; - } - - .c-actions { - position: absolute; - bottom: 0; - width: 100%; - padding: 4px 0; - } - - .c-actions:before { - content: ''; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - opacity: .8; - } - - .c-actions > * { - position: relative; - } -} - -.c-actions > * { - width: 40px !important; - height: 40px !important; - padding: .5rem; -} - -.c-actions > *:not(:last-child) { - margin-right: 8px !important; -} - -.c-actions > *:before { - font-size: 24px !important; - line-height: 1 !important; -} - -.c-actions .fav-remove:hover:before { - color: inherit; -} - -@media screen and (min-width: 1200px) { - .c-poster center { - text-align: left; - } - - .p-animes-show .c-image .b-user_rate, - .p-mangas-show .c-image .b-user_rate { - margin: 0; - } -} - -.b-rate { - padding: 6px 0; -} - -.b-rate .text-score { - vertical-align: top; -} - -.b-rate .score-value { - line-height: 36px; -} - -.b-rate .score-notice { - font-size: 10px; - margin-top: -46px; - text-transform: uppercase; -} - -.b-review-topic .b-rate .score-notice { - margin-top: -58px; -} - -.b-user_rate .rate-show .episodes { - margin-bottom: 8px; - font-size: 14px; - line-height: 32px; -} - -.b-user_rate .rate-show .rate-number { - margin-right: 0; -} - -.b-user_rate .rate-show .rate-number .current-episodes, -.b-user_rate .rate-show .rate-number .sep, -.b-user_rate .rate-show .rate-number .total-episodes { - display: inline-block; - vertical-align: top; - line-height: 32px; -} - -.b-user_rate .rate-show .rate-number .item-add { - display: inline-block; - vertical-align: top; - width: 40px; - height: 40px; - padding: 8px; - margin: -4px 0 0 8px; -} - -.b-user_rate .rate-show .rate-number .item-add:before { - width: 24px !important; - font-family: 'Material Icons' !important; - font-size: 24px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.b-user_rate .rate-show .rate-number .item-add:before { - content: 'add'; -} - -.b-rate .stars:after { - font-size: 36px !important; - font-family: 'Material Icons' !important; - line-height: 1 !important; - font-weight: 400 !important; - - text-transform: none; - letter-spacing: -6px; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.b-rate .stars.background:after { - content: 'star_border star_border star_border star_border star_border'; -} - -.b-rate .stars.score-1:after { - content: 'star_half'; -} - -.b-rate .stars.score-2:after { - content: 'star'; -} - -.b-rate .stars.score-3:after { - content: 'star star_half'; -} - -.b-rate .stars.score-4:after { - content: 'star star'; -} - -.b-rate .stars.score-5:after { - content: 'star star star_half'; -} - -.b-rate .stars.score-6:after { - content: 'star star star'; -} - -.b-rate .stars.score-7:after { - content: 'star star star star_half'; -} - -.b-rate .stars.score-8:after { - content: 'star star star star'; -} - -.b-rate .stars.score-9:after { - content: 'star star star star star_half'; -} - -.b-rate .stars.score-10:after { - content: 'star star star star star'; -} - -.watch-online-placeholer { - margin: 2rem auto .5rem; -} - -.b-link_button.watch-online:before, -.b-link_button.upload-video:before, -.b-link_button.create-topic:before { - display: none; -} - -.b-catalog_entry .cover .title { - padding: .5rem 0 0; - margin-top: 0; - font-size: .875rem; - line-height: 1.375rem; -} - -.b-catalog_entry .cover .misc { - padding: 0 0 .5rem; -} - -.b-entry-info { - margin: 0; - font-size: .875rem; -} - -.b-entry-info .line { - line-height: 1.5rem; -} - -.b-tag, -.b-entry-info .line .b-tag, -.b-catalog_entry-tooltip .inner .line .value .tag { - padding: 0 8px; - margin: 0 4px 0 0; - border: 0; - font-size: .625rem; - line-height: 20px; - text-transform: uppercase; -} - -.b-tag:hover, -.b-entry-info .line .b-tag:hover, -.b-catalog_entry-tooltip .inner .line .value .tag:hover { - padding: 0 8px; - margin: 0 4px 0 0; -} - -.b-tag { - font-size: .875rem; - line-height: 24px; -} - -.b-catalog_entry-tooltip .inner .line .value .tag, -.b-catalog_entry-tooltip .inner .line .value .tag:hover { - padding: 0 6px; - line-height: 18px; -} - -@media screen and (min-width: 1200px) { - .p-animes_collection-index.x1200 .cc-entries > .c-column { - width: 18.4%; - margin-right: 2%; - border-radius: 2px; - } -} - - - - - -/** - * COMMENT - * Изменение всех комментариев, новостей, диалогов, топиков. - */ - -.b-comment, -.b-dialog, -.b-message { - position: relative; - padding-top: .75rem !important; - padding-bottom: .75rem; - margin-bottom: 0; - border: 0; -} - -.b-comments, -.b-comment { - overflow: visible; -} - -.b-comments { - line-height: inherit; -} - -.b-dialog { - position: relative; -} - -.b-topic { - padding-top: .5rem; -} - -/* Исправление для предпросмотра комментария во всплывающем окне */ -.tooltip-inner .b-message { - padding-top: 0 !important; - padding-bottom: 0; -} - -/* inset dividers */ -.b-dialog:before, -.b-message:before, -.b-comment:before, -.b-comments .comments-loaded:before { - content: ''; - position: absolute; - bottom: 0; - right: 0; - left: 56px; - height: 1px; -} - -.b-generated_news:before { - left: 0; -} - -.b-comments .comments-loaded .b-comment:last-child { - margin: 0; -} - -.b-dialog:last-child:before, -.b-message:last-child:before, -.b-comment:last-child:before, -.tooltip-inner .b-message:before { - display: none; -} - -.b-comment .body, -.b-message .body, -.b-topic .body, -.b-dialog .body { - padding: 4px 0; - padding-left: 0 !important; - line-height: 20px; - overflow: hidden; /* FIX: OVERFLOW: HIDDEN TOPIC BODY (issue #8) */ -} - -.b-generated_news .body { - padding-left: 0 !important; -} - -.b-comment .inner, -.b-dialog .inner, -.b-message .inner, -.b-topic .inner { - overflow: hidden; - overflow-x: visible; -} - -.b-comment > .inner, -.b-dialog > .inner, -.b-message > .inner, -.b-topic > .inner, -.b-topic-preview > .b-comments { - padding-left: 3.5rem; -} - -.block > .previewed .b-comment > .inner, -.b-dialog .body .b-message > .inner, -.b-generated_news > .inner, -.b-generated_news-topic > .inner, -.b-review-topic.b-topic-preview > .inner, -.b-topic-preview > .inner > .body, -.b-topic-preview > .inner > footer, -.p-dashboards-show .cc-news .c-news_topics .b-topic > .inner, -.p-dashboards-show .cc-news .c-generated_news .b-topic > .inner { - padding-left: 0; -} - -.b-comment > .inner header, -.b-dialog > .inner header, -.b-message > .inner header, -.b-topic > .inner header { - margin-bottom: 0; -} - -.b-dialog > .inner header, -.b-message > .inner header { - padding: .25rem 0; -} - -.b-comment > .inner header > a, -.b-message > .inner header > a, -.b-dialog > .inner header > a, -.b-topic > .inner header > a { - position: absolute; - left: 0; -} - -.b-dialog .body .b-message > .inner header > a { - position: relative; -} - -.b-topic > .inner header img { - width: 2.5rem; - margin: .25rem 1rem 0 0; -} - -.b-comment > .inner header img, -.b-message > .inner header img, -.b-dialog > .inner header img { - width: 2.5rem; - margin: .25rem 1rem 0 0; - border-radius: 100%; -} - -.b-topic > .inner header .name-date, -.b-comment > .inner header .name-date { - padding: .25rem 0; - line-height: 2rem; -} - -.b-topic > .inner header .name-date { - line-height: 20px; -} - -.b-message > .inner header .name-date, -.b-dialog > .inner header .name-date { - line-height: 2rem; -} - -.b-topic .name-date .name, -.b-comment .name-date .name, -.b-dialog .name-date .name { - font-size: 1rem; -} - -.b-message > .inner header .name-date a.name, -.b-topic > .inner header .name-date a.name, -.b-comment > .inner header .name-date a.name, -.b-dialog > .inner header .name-date a.name { - display: block; - margin-right: .5rem; - line-height: 1.25rem; -} - -.b-topic > .inner header .name-date a.name, -.b-topic > .inner header .name-date .about { - display: inline-block; - vertical-align: top; - line-height: inherit; -} - -.b-topic > .inner header .name-date .about { - margin-right: .5rem; -} - -.b-topic > .inner > header .name-date a { - font-size: 16px; -} - -.b-topic > .inner > header .about > span { - display: inline-block; - vertical-align: top; - color: #9E9E9E; - padding: 0 .5rem 0 0; - font-size: .875rem; - line-height: inherit; -} - -.b-topic > .inner > header .about a { - display: inline-block; - vertical-align: top; - font-size: 1rem; - line-height: inherit; -} - -.b-comment > .inner header .name-date a.name:hover { - text-decoration: none; -} - -.b-message > .inner header .name-date .time, -.b-topic > .inner header .name-date .time, -.b-comment > .inner header .name-date .time, -.b-dialog > .inner header .name-date .time { - position: relative; - padding-top: 0; - padding-left: 0; - margin-right: .5rem; - line-height: 1.25rem; -} - -.b-message > .inner header .name-date .time > time, -.b-comment > .inner header .name-date .time > time, -.b-topic > .inner header .name-date .time > time { - display: block; - font-size: .875rem; - line-height: inherit; -} - -.b-topic > .inner header .name-date .time { - font-size: .875rem; - line-height: inherit; -} - -.b-comment > .inner header .name-date .time:hover { - text-decoration: underline; -} - -.b-comment header .hash { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - margin: 0; /* Сброс стандартного стиля */ - opacity: 0; - z-index: 1; -} - -.b-comment .inner .name-date a.name .normal { - vertical-align: top; -} - -@media only screen and (min-width: 1025px) { - .b-topic > .inner header .name-date, - .b-comment > .inner header .name-date { - padding: .25rem 0; - line-height: 1.5rem; - } - - .b-comment > .inner header .name-date a.name, - .b-comment > .inner header .name-date .time, - .b-dialog > .inner header .name-date a.name, - .b-dialog > .inner header .name-date .time { - display: inline-block; - vertical-align: top; - line-height: inherit; - } - - .b-message > .inner header .name-date .time > time, - .b-comment > .inner header .name-date .time > time { - display: block; - font-size: 13px; - line-height: inherit; - } - - .p-dialogs .b-message > .inner header { - padding: 0; - } - - .p-dialogs .b-message > .inner header .name-date { - line-height: 32px; - } - - .p-dialogs .b-message > .inner header .name-date a.name, - .p-dialogs .b-message > .inner header .name-date .time { - display: inline-block; - vertical-align: top; - line-height: inherit; - } - - .b-comment > .inner header img, - .b-message > .inner header img, - .b-dialog > .inner header img { - margin: 6px 16px 0 0; - } - - .b-topic > .inner header .name-date .time { - display: inline-block; - vertical-align: top; - line-height: inherit; - } -} - -.p-messages .b-message > .inner header .name-date a.name, -.p-messages .b-message > .inner header .name-date .time { - display: inline-block !important; - vertical-align: top; - padding-top: 0; - line-height: inherit !important; -} - -@media screen and (max-width: 1024px) { - .b-dialog .time { - display: block !important; - padding-left: 0 !important; - font-size: 14px !important; - line-height: 20px !important; - } - - .b-dialog > .inner header .name-date time { - display: block; - line-height: inherit; - } - - .b-dialog .b-message > .inner header .name-date .time { - display: inline-block !important; - vertical-align: top; - padding-left: 0 !important; - line-height: inherit !important; - } - - .b-dialog .b-message .inner header .name-date .name { - display: inline-block !important; - vertical-align: top; - } -} - -.b-dialog > .inner header .name-date .time, -.b-message > .inner header .name-date .time { - color: #9E9E9E; -} - -.b-dialog .b-message { - position: static; - margin: 0; - padding: 0 !important; - overflow: visible; -} - -.b-dialog .b-message .inner header { - padding: 4px 0; -} - -.b-dialog .b-message .inner header img { - width: 20px; - margin: 0 8px 0 0; -} - -.b-dialog .b-message .inner header .name-date { - line-height: 20px; -} - -.b-dialog .b-message .inner .body { - padding-left: 0 !important; -} - -.yellow-fade { - background: rgba(249, 247, 19, 0.16); - outline-color: rgba(249, 247, 19, 0.16); -} - -.b-replies { - padding: 8px 0 0; -} - -.b-quote { - margin: .5rem 0; - padding: .5rem 1rem; -} - -.b-quote .quoteable { - margin: 0 0 .5rem; - line-height: 20px; -} - -.b-quote .quoteable:before { - float: left; - margin-right: 8px; -} - -.b-quote .b-quote { - margin-left: 0 !important; -} - -.b-topic > .inner header:after { - content: ''; /* TODO: check this. thx @NedStar */ - clear: both; - display: none; -} - -.b-topic .body { - line-height: 20px; -} - -.b-topic-preview > .inner .status-line { - margin-top: -8px; - margin-bottom: 8px; - font-size: 14px; - line-height: 20px; -} - -.b-topic-preview > .inner .status-line .author { - padding: 0; -} - -.b-topic-preview > .inner .status-line .b-link { - padding: 0 8px; -} - -.b-topic-preview > .inner .status-line .additional .comments, -.b-topic-preview > .inner .status-line .additional .likes { - color: inherit; -} - -.b-topic-preview > .inner .status-line .additional .comments:before, -.b-topic-preview > .inner .status-line .additional .likes:before { - vertical-align: top; - padding-right: 8px; -} - -.b-topic-preview > .inner .status-line .additional .comments:before, -.b-topic-preview > .inner .status-line .additional .likes:before { - padding-right: 8px; - font-family: 'Material Icons'; - font-size: 18px; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.b-topic-preview > .inner .status-line .additional .comments:before { - content: "mode_comment"; -} - -.b-topic-preview > .inner .status-line .additional .likes:before { - content: "thumb_up"; -} - -/* Просмотр комментариев во всплывающей подсказке */ -.tooltip .b-comment { - padding-top: 0 !important; - padding-bottom: 0; -} - -.tooltip .b-comment:before { - display: none; -} - - - - - - -/** - * COMMENT DOESN'T SLIDE - * Большие комментарии, топики не должны сдвигаться margin'ами. - * Либо translate3d либо никак. - */ - -.b-topic.aside-expanded > .inner, -.b-dialog.aside-expanded > .inner, -.b-message.aside-expanded > .inner, -.b-comment.aside-expanded > .inner, -.b-topic.aside-expanded > .b-comments { - margin-left: 0; -} - -.b-topic.aside-expanded > .inner aside.buttons, -.b-dialog.aside-expanded > .inner aside.buttons, -.b-message.aside-expanded > .inner aside.buttons, -.b-comment.aside-expanded > .inner aside.buttons { - position: absolute; - top: 0; - right: 0; - left: 0; - width: auto; - height: 100%; - margin: 0 -16px; - padding: 8px 16px; - border: 0; - overflow-y: auto; - z-index: 3; -} - -.b-dialog > .inner > aside.buttons > .main-controls > a:after, -.b-dialog > .inner > aside.buttons > .main-controls > span:after, -.b-dialog > .inner > aside.buttons > .delete-controls > span:after, -.b-dialog > .inner > aside.buttons > .moderation-controls > span:after, -.b-message > .inner > aside.buttons > .main-controls > a:after, -.b-message > .inner > aside.buttons > .main-controls > span:after, -.b-message > .inner > aside.buttons > .delete-controls > span:after, -.b-message > .inner > aside.buttons > .moderation-controls > span:after, -.b-comment > .inner > aside.buttons > .main-controls > a:after, -.b-comment > .inner > aside.buttons > .main-controls > span:after, -.b-comment > .inner > aside.buttons > .delete-controls > span:after, -.b-comment > .inner > aside.buttons > .moderation-controls > span:after { - vertical-align: top; - padding-left: 12px !important; - font-size: 16px !important; - line-height: 18px; -} - -/* OPEN DIALOG BY CLICK */ -.b-dialog .to_dialog { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - margin: 0 -16px; - font-size: 0; -} - -.b-dialog:hover .to_dialog { - background-color: rgba(0, 0, 0, .05); - z-index: 0; -} - -.b-dialog img, -.b-dialog a, -.b-dialog .buttons { - position: relative; - z-index: 2; -} -/* END of OPEN DIALOG BY CLICK */ - - -/** - * BBCode: CODE - * Новый тег отвечающий за оформление программных кодов. - */ - -code { - vertical-align: top; - padding: 1.5px 4px; - background-color: rgba(32,32,32,0.05); - border-radius: 2px; - font-size: .875rem; -} - -pre { - position: relative; -} - -.b-code { - padding: 1rem; - margin: .5rem 0; - background: #303030; - border-radius: 2px; - font-size: .875rem; -} - -@media (min-width: 960px) { - .b-code:before { - content: attr(data-language); - position: absolute; - top: 1rem; - right: .5rem; - padding: 0 .5rem; - background-color: #747474; - border-radius: 2px; - } - - .tooltip-details .b-code:before { - display: none; - } -} -/* END of CODE */ - -/* CODE: SUBLIME 3 MATERIAL THEME'S COLOR */ -.b-code { - background: #263238; -} - -.hljs-selector-tag { - color: #FF5370; -} - -.hljs-selector-id { - color: #FAD430; -} - -.hljs-selector-class { - color: #FFCB6B; -} - -.hljs-selector-pseudo, -.hljs-meta { - color: #C792EA; -} - -.hljs-attribute { - color: #80CBC4; -} - -.hljs-built_in { - color: #89DDFF; -} - -.hljs-number { - color: #F77669; -} - -.hljs-string { - color: #C3E88D; -} - -.hljs-comment { - color: #5C7E8C; -} -/* END of CODE' THEME */ - -/* -------------- */ -/* END of COMMENT */ -/* -------------- */ - - -/* TOAST */ -#toast-container { - line-height: 1.5rem; -} - -.toast-top-right { - top: auto; - bottom: 0; - right: 0; - left: 0; -} - -#toast-container > div { - width: 100%; - max-width: 25rem; - padding: .875rem 1.5rem; - margin: auto; -} - -.toast-message { - display: inline-block; - vertical-align: top; - line-height: 1.5rem; -} - -#toast-container > .toast-success { - background-color: #323232; - background-image: none !important; -} - -#toast-container > .toast-error { - background-color: #323232; - background-image: none !important; -} - -#toast-container > .toast-error:before { - content: 'error_outline'; - float: left; - display: inline-block; - vertical-align: top; - margin: -4px 1.5rem -4px 0; - font-size: 2rem; - font-family: 'Material Icons'; - line-height: 1; - box-sizing: border-box; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -/* END of TOAST */ - - - - - -/* CLUB */ -.b-clubs-menu .b-block_list li { - font-size: .875rem; -} - -.b-clubs-menu > .actions > .block-list > li, -.b-clubs-menu > .actions > .b-block_list > li { - padding: 0 12px; - margin: 0 -8px; - line-height: 32px; -} - -.b-clubs-menu > .actions > .block-list > li:before, -.b-clubs-menu > .actions > .b-block_list > li:before { - margin: 7px 12px 0 0; -} - -.b-clubs-menu > .actions > .block-list > li:before, -.b-clubs-menu > .actions > .b-block_list > li:before { - width: 18px !important; - font-family: 'Material Icons' !important; - font-size: 18px !important; - line-height: 1 !important; - text-align: center; - font-weight: 400 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.b-clubs-menu .actions .upload { - position: relative; -} - -.b-clubs-menu .actions .upload input { - top: 0; - left: 0; - height: 32px; - margin: 0; - border: 0; - cursor: pointer; -} - -.b-clubs-menu .actions .upload label, -.b-clubs-menu .actions .invite span, -.b-clubs-menu .actions .join a, -.b-clubs-menu .actions .leave a { - border: 0; -} - -.b-clubs-menu .actions .edit-entry:hover a, -.b-clubs-menu .actions .broadcast:hover a, -.b-clubs-menu .actions .upload:hover label, -.b-clubs-menu .actions .invite:hover span, -.b-clubs-menu .actions .join:hover a, -.b-clubs-menu .actions .leave:hover a { - text-decoration: underline; -} - -.b-clubs-menu .actions .upload label:hover, -.b-clubs-menu .actions .invite span:hover, -.b-clubs-menu .actions .join a:hover, -.b-clubs-menu .actions .leave a:hover { - text-decoration: underline !important; -} - -.actions .edit-entry:before { - content: 'build'; -} - -.actions .broadcast:before { - content: 'speaker_notes'; -} - -.actions .upload:before { - content: 'insert_photo'; -} - -.actions .join:before, -.actions .invite:before { - content: 'person_add'; -} - -.actions .leave:before { - content: 'directions_run'; -} - -/* Навигация в клубах: "контент" */ -.b-pages { - max-width: 15rem; - padding: 0 1rem; - margin: 0 0 1.5rem 2rem; - border-radius: 2px; -} - -.b-pages .title { - font-size: .875rem; - line-height: 3rem; - text-transform: uppercase; -} - -.b-pages .section { - margin: 0 0 .5rem; -} - -/* CLUB PAGE EDITOR */ -@media screen and (max-width: 767px) { - .edit_club_page .cc-2a > .c-column { - width: 100%; - } - - .edit_club_page .cc-2a > .c-column:nth-child(1n+1) { - clear: left; - } -} - -/* FIX: CLUB'S BUTTONS */ -.p-clubs-edit .pages .button { - margin-right: .5rem; -} - -.p-clubs-edit .pages .club_page-layout, -.p-clubs-edit .pages .club_page-actions { - font-size: .875rem; - padding-left: 1rem; -} - -.p-clubs-edit .pages .club_page-actions .b-js-link { - margin-right: .5rem; -} - -.p-club_pages-show .item-edit:before { - content: 'edit'; -} -/* END of CLUB'S BUTTONS */ - - - -/* ICON | CREATE CLUB */ -.p-clubs-index header.head a.misc { - float: right; - width: 40px; - height: 40px; - padding: 8px; - margin: 4px; - font-size: 0; -} - -.p-clubs-index header.head a.misc:hover { - background-color: #ddd; - text-decoration: none; -} - -.p-clubs-index header.head a.misc:before { - content: 'group_add'; -} -/* END of CREATE CLUB */ - - -/* TODO: merge with Material icons */ -.p-club_pages-show .item-edit:before, -.p-clubs-index header.head a.misc:before { - width: 1.5rem !important; - font-family: 'Material Icons' !important; - font-size: 1.5rem !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} -/* END of CLUB */ - - - -/* TODO: replace */ -.p-contests .results .cc-result .c-rounds .label { - font-size: .875rem; -} - - - - - -/** - * INDEX - * Изменения главной страницы. - * - */ - -.p-dashboards-show .c-my_list { - padding: 0; - background: initial; - border: none; -} - -.p-dashboards-show .c-my_list .title .switch, -.p-dashboards-show .c-my_list .title .link { - float: right; -} - -.p-dashboards-show .cc-news .c-generated_news .b-topic .name-date a { - font-size: 16px !important; -} - -/* Изменение новостей на главной */ -.p-dashboards-show .cc-news .c-news_topics .b-topic { - padding: 1rem 0 1.5rem; - border-top-width: 1px; -} - -@media screen and (max-width: 767px) { - .p-dashboards-show .cc-news .c-news_topics .b-topic { - margin-bottom: 0; - } -} - -@media only screen and (min-width: 768px) { - .p-dashboards-show .cc-news .c-news_topics .b-topic { - margin-bottom: 0; - } -} - -.p-dashboards-show .cc-news .c-news_topics .b-topic .name-date a { - padding: 0 0 .25rem; - font-size: 22px !important; - font-weight: 400 !important; - line-height: 1.65; - white-space: normal; -} - -.p-dashboards-show .cc-news .c-news_topics .b-topic .b-anime_status_tag { - display: none; -} -/* КОНЕЦ – Изменение новостей на главной */ - - - -/* Change Forum Button */ -/* NOTE: Цвета настраиваются в общем блоке ЦВЕТА */ -.p-dashboards-show .b-forums > .b-link_button.maxi { - position: relative; - margin-bottom: 0; - background-color: transparent; - font-size: 0; - line-height: 0; - text-align: left; - overflow: visible; -} - -.p-dashboards-show .b-forums > .b-link_button.maxi:after { - content: 'Форум'; - display: inline-block; - vertical-align: top; - padding: 0 1rem; - margin: .5rem -1rem; - border-radius: .125rem; - font-size: .875rem; - line-height: 2rem; -} - -.p-dashboards-show .b-forums > .b-link_button.maxi:before { - display: block; - font-family: 'Material Icons' !important; - font-size: 18px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.p-dashboards-show .b-forums > .b-link_button.maxi:before { - position: absolute; - right: 0; - left: 0; - color: inherit; - line-height: 3rem !important; - text-align: right; -} - -.p-dashboards-show .b-forums > .b-link_button.maxi:before { - content: 'chevron_right'; -} -/* END of Change Forum Button */ - -/* ТЕМЫ ДНЯ */ -.b-hot_topics { - padding: .5rem 1rem; - margin: -.5rem -1rem 0 -1rem; - background-color: initial; - border: 0; -} - -.b-hot_topics .topic { - font-size: .875rem; - line-height: 2rem; - text-align: left; -} - -.b-hot_topics .topic.subject { - font-size: .875rem; - line-height: 2rem; - text-align: left; - text-transform: uppercase; - white-space: nowrap; -} - -.b-hot_topics .topic a { - padding: 0 .75rem; - border-radius: 1rem; -} - -.b-hot_topics .topic a:hover { - text-decoration: none; -} - -.b-hot_topics .topic a .poster { - position: initial; - display: inline-block; - vertical-align: middle; - width: 2rem; - height: 2rem; - margin-left: -.75rem; - margin-right: .5rem; - border-radius: 100%; -} - -@media screen and (max-width: 1024px) { - .b-hot_topics { - padding: 14px 16px; - margin: -16px -16px 0 -16px; - border: 0; - } - - .b-hot_topics .topic a .poster { - display:none; - } -} - -@media only screen and (min-width: 1025px) { - .b-hot_topics .topic { - margin-right: .5%; - width: 10.6666%; - } -} - - - - - -/** - * FORUM - * СТРАНИЦЫ ФОРУМА - */ - -.p-topics .l-menu .b-forums, -.block2, -.contests.block { - margin-bottom: 1.5rem; - line-height: 1.5rem; -} - -.b-forums .forum { - clear: both; - position: relative; - min-height: 1.5rem; - line-height: 1.5rem; - padding: 0 .5rem; - margin: 0 -.5rem; -} - -.b-forums .forum .link-with-input .link { - display: inline-block; - vertical-align: top; - position: absolute; - right: 0; - left: 0; - padding-left: .5rem; -} - -.b-forums .forum input { - position: absolute; - left: 0; - width: 2rem; - height: 1.5rem; - margin-right: .25rem; - border: 0; - opacity: 0; - z-index: 1; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} - -.b-forums .forum .link-with-input input + .link { - padding-left: 2.25rem; -} - -.b-forums .forum input + .link:before { - content: 'check_box_outline_blank'; - display: block; - position: absolute; - top: 0; - left: 0.375rem; - width: 1.125rem; - margin: 0.1875rem 0; - - font-family: 'Material Icons' !important; - font-size: 1.125rem !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.b-forums .forum input:hover + .link:before { - opacity: .9; -} - -.b-forums .forum input:checked + .link:before { - content: 'check_box'; -} - -.b-forums .forum input:disabled + .link:before { - color: #BDBDBD; -} - -.b-forums .forum .topics { - font-size: .75rem; -} - -/* FIX: TOPIC UPDATE ICON (issue #5) */ -.p-topics header h1 a.reload:hover:after { - position: static; -} -/* END of FORUM */ - - - - - -/** - * PROFILE - * ПРОФИЛЬ ПОЛЬЗОВАТЕЛЯ - */ - -/* Убираем лишние overflow */ -.p-profiles-show .profile-content { - overflow: visible; -} - -/* Настраиваем равномерные отступы */ -.p-profiles .profile-content .cc-2, -.p-profiles .profile-content .about, -.p-profiles .profile-content .cc-2 .c-right .cc-2a { - margin-bottom: 1rem !important; -} - -@media screen and (max-width: 767px) { - .cc-2 > .c-column { - margin-bottom: 1rem; - } - - .p-profiles-show .profile-content .activity:last-child { - margin-bottom: 1.25rem !important; - } -} - -/* Полосы аниме/манги */ -.b-stats_bar.anime .bar .second, -.b-stats_bar.manga .bar .second, -.line:nth-child(even) > .bar-container > .bar { - opacity: 0.64; -} - -/* Столбики активности */ -.bar.vertical { - padding: 0; - border: none; -} - -.bar.vertical .line { - border: none; -} - -.bar.vertical .line .bar-container .value { - font-size: .75rem; - line-height: 1.25rem; -} - -/* User aliases */ -.p-profiles .profile-head .c-brief header h1 { - vertical-align: top; -} - -.p-profiles .profile-head .c-brief header h1.aliases { - cursor: help; -} - -.p-profiles .profile-head .c-brief header h1.aliases:after { - display: inline-block; - vertical-align: top; - width: 2rem; - height: 2rem; - margin: 0; - margin-left: .5rem; - color: inherit; - font-family: 'Material Icons'; - font-size: 1.125rem; - line-height: 2rem; - text-align: center; - cursor: help; - opacity: .5; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.p-profiles .profile-head .c-brief header h1.aliases:after { - content: 'label'; -} - -.p-profiles header.head .misc { - vertical-align: top; - padding: 0 1rem; - margin: 0; - font-size: .875rem; - line-height: 3rem; -} - -.p-profiles .profile-head .c-brief header .notice { - line-height: 1.25rem; -} - -/* FIX: update 2017-03-19 */ -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar::after { - clear: none; -} - -/* Списки аниме/манги */ -.b-stats_bar .stat_names .stat_name:after { - display: none; -} - -.b-stats_bar .stat_names .stat_name { - padding: 0 1rem 0 0; - font-size: .875rem; - line-height: 2rem; -} - -.b-stats_bar .stat_names .stat_name a { - display: block; - line-height: inherit; -} - -/* Выпадающий список аниме/манги в профиле */ -@media screen and (max-width: 599px) { - .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { - position: relative; - } - - .b-stats_bar .stat_names .stat_name { - display: none; - } - - .b-stats_bar .stat_names:hover .stat_name { - display: block; - } - - .b-stats_bar .stat_names .stat_name, - .b-stats_bar .stat_names .stat_name a { - padding: 0 1rem 0 0; - } - - .b-stats_bar .stat_names .stat_name a { - display: block; - margin: 0 -1rem; - } - - .b-stats_bar .stat_names .stat_name a:hover { - background-color: rgba(0,0,0,.24); - text-decoration: none; - } - - .b-stats_bar .stat_names { - position: absolute; - top: 0; - min-width: 165px; - border-radius: .125rem; - } - - .b-stats_bar .stat_names:hover { - padding: 3rem 0 .5rem; - z-index: 10; - } - - .b-stats_bar .stat_names:after { - content: ''; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - box-shadow: 0 2px 3px 0 rgba(0,0,0,.32); - z-index: -1; - } - - .b-stats_bar .stat_names:before { - content: 'arrow_drop_down'; - display: block; - position: absolute; - top: 0; - right: 0; - width: 2rem; - height: 2rem; - padding: .25rem; - margin: .5rem .25rem; - border-radius: 100%; - font-size: 1.5rem; - font-family: 'Material Icons'; - line-height: 1; - box-sizing: border-box; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - } - - .b-stats_bar .stat_names .stat_name, - .b-stats_bar .stat_names .stat_name a { - padding: 0 1rem; - } -} -/* Конец: Выпадающий список аниме/манги в профиле */ - -.edit_user_preferences .b-options-floated.about-options { - position: absolute; - right: 0; - margin: 1rem 0; - background: transparent !important; - text-align: right; - z-index: 1; -} - -.edit_user_preferences .about-options .b-input { - margin-bottom: 0 !important; -} - -.edit_user_preferences .about-options .b-input label { - line-height: 1rem; -} - -.b-list_switchers > .switcher { - width: 2.5rem; - height: 2.5rem; - padding: .5rem; - margin: .25rem; -} - -.b-list_switchers .switcher.posters { - margin-left: .25rem !important; -} - -.b-list_switchers .switcher.list { - margin-left: .25rem !important; -} - -.p-user_rates-index .l-menu .avatar img { - width: 10rem; - height: 10rem; -} - -.p-user_rates-index .l-content thead tr { - font-size: 13px; - line-height: 2rem; -} - -.p-user_rates-index .list-lines tr td .rate-text { - font-size: .875rem; - line-height: 1.25rem; -} - -.p-user_rates-index .list-lines tr td .new-value input { - height: 1.5rem; - font-size: 1rem; - line-height: 1.5rem; -} - -.p-user_rates-index .list-lines tr.edit-form form { - padding: .25rem 1rem; - margin: .5rem 0; - border-style: solid; - border-width: 1px; -} - -.p-user_rates-index .list-lines tr.edit-form .b-input.text textarea { - font-size: .875rem; -} - -.b-user_rate .rate-edit .b-input.integer input, -.p-user_rates-index .list-lines tr.edit-form .b-input.integer input { - width: 7rem; -} - -.p-profiles-show .b-stats_bar a.title { - padding: .5rem 1rem; - margin: .5rem -1rem; -} - -.p-profiles-show .b-stats_bar a.title:hover { - text-decoration: none !important; -} - -.p-user_rates-index .list-lines tr.edit-form .remove { - width: 2.5rem; - height: 2.5rem; - padding: .5rem; - margin: .25rem; -} - -.p-user_rates-index .list-lines tr.edit-form .remove { - margin: -.25rem 0 0; - border: 0; - font-size: 0; -} - -.p-user_rates-index .list-lines tr.edit-form .remove:before { - width: 1.5rem !important; - font-family: 'Material Icons' !important; - font-size: 1.5rem !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.p-user_rates-index .list-lines tr.edit-form .remove:before { - content: 'delete'; -} - -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { - overflow: visible; -} - -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { - margin-bottom: 0; -} - -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar::after { - clear: none; -} - -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar.manga { - margin-top: 8px; -} - -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a { - font-size: .875rem; - margin-top: 1rem; -} - -.b-stats_bar .bar { - height: auto; -} - -.b-stats_bar .bar .first, -.b-stats_bar .bar .second, -.b-stats_bar .bar .third { - font-size: .75rem; - line-height: 1.25rem; -} - -.p-profiles .profile-head .c-brief .avatar .profile-actions { - margin-top: 1rem; - margin-right: -.75rem; - margin-left: -.75rem; -} - -.profile-actions > a { - display: inline-block; - padding: .5rem; -} - -.profile-actions > *:before { - vertical-align: top; - width: 1.5rem !important; - line-height: 1 !important; - font-size: 1.5rem !important; -} - -.p-profiles .profile-head .c-brief .avatar > img { - display: block; - margin: auto; -} - -@media only screen and (min-width: 768px) { - .p-profiles .profile-head .c-brief .avatar { - margin: .5rem 2rem 3rem 1rem; - } - - .p-profiles .profile-head .c-brief .avatar > img { - width: 10rem; - height: 10rem; - } -} - -@media screen and (max-width: 1024px) { - .profile-actions .settings, - .profile-actions .fav-add, - .profile-actions .fav-remove, - .profile-actions .ignore-add, - .profile-actions .ignore-remove, - .profile-actions .ban { - margin-left: .5rem; - } -} - -@media only screen and (min-width: 1025px) { - .profile-actions .settings, - .profile-actions .fav-add, - .profile-actions .fav-remove, - .profile-actions .ignore-add, - .profile-actions .ignore-remove, - .profile-actions .ban { - margin-left: .5rem; - } -} - -/* TODO: replace */ -.b-catalog-entry-embedded .b-catalog_entry { - margin-bottom: 0 !important; -} - -/* TODO: replace */ -.l-page .b-anime_status_tag:before { - vertical-align: text-bottom; - padding: 0 .25rem; - border: 0; - font-size: .625rem; - line-height: 1rem; - text-transform: uppercase; -} - -/* TODO: replace */ -.b-topic { - margin-bottom: .5rem; -} - -/* TODO: replace */ -.m13 { - margin-bottom: 0 !important; -} - -/* USER PROFILE |> HISTORY ENTRY */ -.p-profiles .profile-head .c-history .entry { - position: relative; - padding: .5rem 0; - margin: 0; - border: 0; - overflow: initial; -} - -.p-profiles .profile-head .c-history .entry, -.p-profiles .profile-head .c-history .entry:first-child { - padding-top: .5rem; - margin-top: 0; -} - -.p-profiles .profile-head .c-history .entry:before { - content: ''; - display: block; - position: absolute; - right: -.5rem; - bottom: 0; - left: 3.5rem; - height: 1px; - pointer-events: none; -} - -.p-profiles .profile-head .c-history .entry:last-child:before { - display: none; -} - -/* Полноразмерная ссылка .entry, работает только для .c-history & .l-menu */ -.p-profiles .profile-head .c-history .entry a { - display: block; - padding: .5rem .5rem; - margin: -.5rem; -} - -@media screen and (min-width: 960px) { - .p-profiles .profile-head .c-history .entry a { - padding: .75rem .5rem; - } -} - -.p-profiles .profile-head .c-history .entry a:after { - content: ''; - clear: both; - display: block; -} - -.p-profiles .profile-head .c-history .entry:hover .title { - text-decoration: none; -} -/* END of FULLENTRY LINK */ - -.p-profiles .profile-head .c-history .entry img { - margin: 0 16px 0 0; - max-height: 72px; - max-width: 40px; -} - -.p-user_rates-index .l-content .filter input { - padding: .5rem 1rem; - font-size: .875rem; -} - -/* Страница сравнения списков */ -.p-userlist_comparer .notice span { - padding: 1.5px 4px !important; - border-radius: 2px; -} - -/* Цвета списков */ -.p-userlist_comparer .comparer table .abslt-difr, -.p-userlist_comparer .legend .abslt-difr, -.p-userlist_comparer .notice span:nth-child(6) { - background: rgba(244, 67, 54, .5) !important; -} - -.p-userlist_comparer .comparer table .slightly-difr, -.p-userlist_comparer .legend .slightly-difr, -.p-userlist_comparer .notice span:nth-child(4) { - background: rgba(255, 138, 128, .5) !important; -} - -.p-userlist_comparer .comparer table .almost-same, -.p-userlist_comparer .legend .almost-same, -.p-userlist_comparer .notice span:nth-child(3) { - background: rgba(185, 246, 202, .5) !important; -} - -.p-userlist_comparer .comparer table .exact-same, -.p-userlist_comparer .legend .exact-same, -.p-userlist_comparer .notice span:nth-child(5) { - background: rgba(76, 175, 80, .5) !important; -} - -.p-profiles .profile-head .c-info .c-additionals { - margin-top: 8px; - margin-bottom: 8px; -} - -.p-profiles .profile-head .c-info .c-additionals b { - padding-right: 8px; - font-size: 0; -} - -.p-profiles .profile-head .c-info .c-additionals b:after { - font-size: 14px; -} - -.p-profiles.locale-ru .profile-head .c-info .c-additionals b:after { - content: 'Активность на сайте:'; -} - -.p-profiles.locale-en .profile-head .c-info .c-additionals b:after { - content: 'Activity:'; -} - - - - - -/** - * PROFILE HEAD - * Adaptive profile header includes: avatar, history, information, anime/manga bars. - */ - -.p-profiles .profile-head { - position: relative; - overflow: visible; -} - -.p-profiles .profile-head { - min-height: 15.5rem; - padding-top: 3rem; - margin-top: -1rem; -} - -.p-profiles .profile-head .c-info { - margin-bottom: .5rem; -} - -.p-profiles .profile-head .c-info { - overflow: visible; -} - -.p-profiles .profile-head .c-history { - margin-bottom: 3rem; -} - -.p-profiles .profile-head .c-history.x3 { - margin-bottom: 2rem; -} - -.p-profiles .profile-head .c-brief { - position: relative; - margin: -3rem -1rem 1rem; - overflow: hidden; -} - -.p-profiles .profile-head .c-brief:before { - content: ''; - display: block; - height: 0; - padding-bottom: 0; -} - -.p-profiles .profile-head .c-brief .avatar > img, -.p-profiles .profile-head .c-history { - display: none; -} - -@media screen and (min-width: 320px) { - .p-profiles .profile-head .c-mobile-actions { - display: none; - } - - .p-profiles .profile-head .c-brief:before { - content: ''; - display: block; - height: 0; - padding-bottom: 34%; - } - - .p-profiles .profile-head .c-brief .avatar { - float: none; - max-width: 100%; - margin: 0 auto; - margin-top: -17%; - } - - .p-profiles .profile-head .c-brief .avatar > img { - display: block; - width: 36%; - max-width: 10rem; - min-width: 5rem; - margin: auto; - } - - .p-profiles .profile-head .c-brief .avatar .profile-actions { - display: block; - position: absolute; - width: 100%; - padding: 0 .5rem; - margin: 0 auto; - margin-top: -15%; - text-align: left; - } - - .p-profiles .profile-head .c-brief .avatar .profile-actions > a:first-child { - float: right; - margin: 0 .25rem; - } - - .profile-actions .fav-add, - .profile-actions .fav-remove { - float: right; - } - - .p-profiles .profile-head .c-brief header { - clear: both; - margin: 0; - text-align: center; - } -} - -@media screen and (min-width: 320px) and (max-width: 479px) { - .p-profiles .profile-head .c-brief header .notice { - padding: .5rem 1rem; - } -} - -@media screen and (min-width: 320px) and (max-width: 599px) { - .p-profiles .profile-head .c-brief header { - background-color: inherit !important; - } -} - -@media screen and (min-width: 320px) and (max-width: 959px) { - .p-profiles .profile-head .c-history { - display: block; - position: absolute; - top: 0; - right: 0; - left: 0; - width: auto; - padding: 0 1rem; - margin: 0 -1rem; - background-color: rgba(0, 0, 0, .48); - white-space: nowrap; - overflow-x: auto; - z-index: 1; - } - - .p-profiles .profile-head .c-history > .subheadline { - display: inline-block; - vertical-align: top; - } - - .p-profiles .profile-head .c-history > .subheadline > a { - color: #eee !important; - } - - .p-profiles .profile-head .c-history > .subheadline > a:before { - display: none; - } - - .p-profiles .profile-head .c-history > .b-block_list { - display: inline-block; - vertical-align: top; - padding: .5rem; - margin-left: .5rem; - } - - .p-profiles .profile-head .c-history .entry { - display: inline-block; - vertical-align: top; - min-width: 112px; - height: 2rem; - padding-right: .5rem; - padding-left: .5rem; - margin-left: .5rem; - border-radius: 1rem; - overflow: hidden; - } - - .p-profiles .profile-head .c-history .entry:before { - display: none; - } - - .p-profiles .profile-head .c-history .entry .image-name { - float: left; - width: 32px; - height: 32px; - margin: -8px 8px -8px -8px; - border-radius: 50%; - font-size: 0; - line-height: 0; - overflow: hidden; - } - - .p-profiles .profile-head .c-history .entry span.misc { - display: none; - } - - @media screen and (min-width: 600px) { - .p-profiles .profile-head .c-history { - padding: .25rem 1rem; - } - } -} - -@media screen and (max-width: 767px) and (min-width: 481px), screen and (max-width: 767px) and (orientation: landscape) { - .p-profiles .profile-head .c-history .entry:first-child { - display: inline-block; - } -} - -@media screen and (min-width: 360px) { - .profile-actions .settings, - .profile-actions .fav-add, - .profile-actions .fav-remove, - .profile-actions .ignore-add, - .profile-actions .ignore-remove, - .profile-actions .ban { - margin-left: .25rem; - } -} - -@media screen and (min-width: 360px) and (max-width: 599px) { - .p-profiles .profile-head .c-mobile-actions { - display: none; - } - - .p-profiles .profile-head .c-brief .avatar .profile-actions { - display: block; - } -} - -@media screen and (min-width: 480px) { - .p-profiles .profile-head .c-brief { - margin-bottom: 0; - overflow: visible; - } - - .p-profiles .profile-head .c-brief .avatar { - position: absolute; - } - - /* Отступ от аватарки */ - .p-profiles .profile-head .c-brief header { - margin-left: 10rem; - } - - /* Отступ от аватарки */ - .p-profiles .profile-head .c-info { - margin-left: 9rem; - } - - .p-profiles .profile-head .c-brief .avatar .profile-actions { - position: static; - width: auto; - padding: 0; - margin-top: 1rem; - margin-right: -12px; - margin-left: -12px; - text-align: center; - } - - .p-profiles .profile-head .c-brief .avatar .profile-actions > a:first-child { - float: none; - margin: 0; - } - - .profile-actions .fav-add, - .profile-actions .fav-remove { - float: none; - } - - .p-profiles .profile-head .c-brief:before { - padding-bottom: 48px; - } - - .p-profiles .profile-head .c-brief .avatar { - max-width: 160px; - margin: 1rem 1rem 1rem .5rem; - } - - .p-profiles .profile-head .c-brief .avatar img { - width: 120px; - } - - .p-profiles .profile-head .c-brief header { - clear: none; - padding: 1rem 0 .5rem; - text-align: left; - } -} - -@media screen and (min-width: 600px) { - .p-profiles .profile-head { - background-color: inherit; - } - - .p-profiles .profile-head .c-brief { - margin: -3rem -1rem 0; - } - - /* Отступ от аватарки */ - .p-profiles .profile-head .c-brief header { - margin-left: 12.5rem; - } - - /* Отступ от аватарки */ - .p-profiles .profile-head .c-info { - margin-left: 11.5rem; - } - - .p-profiles .profile-head .c-brief:before { - padding-bottom: 56px; - } - - .p-profiles .profile-head .c-brief .avatar img { - width: 160px; - } - - .p-profiles .profile-head .c-brief .avatar .profile-actions { - display: block; - } -} - -@media screen and (min-width: 768px) { - .p-profiles .profile-head .c-brief { - overflow: visible; - } - - /* Отступ от аватарки */ - .p-profiles .profile-head .c-brief header { - margin-left: 13.5rem; - } - - /* Отступ от аватарки */ - .p-profiles .profile-head .c-info { - margin-left: 12.5rem; - } -} - -@media screen and (min-width: 960px) { - .p-profiles .profile-head { - padding-top: 0; - margin-top: 0; - } - - .p-profiles .profile-head .c-brief { - max-height: 504px; - margin: 0; - overflow: visible; - } - - .p-profiles .profile-head .c-brief:before { - padding-bottom: 0; - } - - .p-profiles .profile-head .c-brief .avatar { - margin: 1rem 2rem 1rem 0; - } - - .p-profiles .profile-head .c-info { - margin-bottom: 1.5rem; - } - - /* Отступ от аватарки */ - .p-profiles .profile-head .c-info { - margin-left: 13.5rem; - } - - /* Отступ от истории */ - .p-profiles .profile-head .c-info { - margin-right: calc(23% + 3.5rem); - } - - .p-profiles .profile-head .c-history { - display: block; - position: relative; - top: 1rem; - margin-left: 3.5rem; - z-index: 1; - } -} -/* END of PROFILE HEAD */ - - - - - -/** - * Иконки совместимости для профиля - * MIT License - * Copyright (c) 2016 grin3671 - */ - -/* ВАЖНО! */ -/* .p-profiles .profile-head .c-info { overflow: visible; } /* Настройка для варианта №1 */ - -/* Исправление видимости */ -/* Спасибо Kana Kuroki и Dewopalaxy */ -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar { - position: relative; - overflow: visible; -} - -.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 { - position: relative; - font-size: 0; - line-height: 0; - margin-top: 0; -} - -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:hover { - text-decoration: none; -} - -div.compatibility > a, -div.compatibility > span.link-replacement { - margin: 0 -.25rem; -} - -div.compatibility > span.link-replacement { - cursor: help; -} - -div.compatibility > a:before, -div.compatibility > span.link-replacement > span:first-child:before, -div.compatibility > a > span:first-child:before { - display: block; - width: 2.5rem; - height: 2.5rem; - padding: .5rem; - margin: .25rem; - border-radius: .125rem; - font-size: 1.5rem; - font-family: 'Material Icons'; - line-height: 1; - box-sizing: border-box; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -div.compatibility > a > span:first-child:before { - position: absolute; - top: 0; -} - -div.compatibility > a:hover:before, -div.compatibility > a:hover > span:first-child:before { - text-decoration: none; -} - -/* Настройка иконок совместимости */ -div.compatibility > a:before { - content: 'compare_arrows'; -} - -div.compatibility > span.link-replacement > span:first-child:before, -div.compatibility > a > span:first-child:before { - content: 'people'; -} - -div.compatibility > a > .text.zero:before, -div.compatibility > span.link-replacement > .text.zero:before { - content: 'people_outline'; -} -/* КОНЕЦ: Настройка иконок совместимости */ - -/* Цветные иконки совместимости */ -/* Низкая совместимость */ -div.compatibility > a > .text.weak:before { - background-color: #F9FBE7; - color: #CDDC39; -} - -div.compatibility > a:hover > .text.weak:before, -div.compatibility > span.link-replacement > .text.weak:before { - background-color: #F0F4C3; - color: #C0CA33; -} - -/* Средняя совместимость */ -div.compatibility > a > .text.moderate:before { - background-color: #F1F8E9; - color: #8BC34A; -} - -div.compatibility > a:hover > .text.moderate:before, -div.compatibility > span.link-replacement > .text.moderate:before { - background-color: #DCEDC8; - color: #7CB342; -} - -/* Высокая совместимость */ -div.compatibility > a > .text.high:before { - background-color: #E8F5E9; - color: #4CAF50; -} - -div.compatibility > a:hover > .text.high:before, -div.compatibility > span.link-replacement > .text.high:before { - background-color: #C8E6C9; - color: #43A047; -} - -/* Полная совместимость */ -div.compatibility > a > .text.full:before { - background-color: #E1F5FE; - color: #03A9F4; -} - -div.compatibility > a:hover > .text.full:before, -div.compatibility > span.link-replacement > .text.full:before { - background-color: #B3E5FC; - color: #039BE5; -} -/* КОНЕЦ: Цветные иконки совместимости */ - -/* Недоступные для просмотра данные без фона */ -div.compatibility > span.link-replacement > span:first-child:before, -div.compatibility > span.link-replacement:hover > span:first-child:before { - background-color: transparent !important; -} - -/* Подсказки для совместимости */ -/* По умолчанию: располагаются над иконкой */ -/* Вариант не работает без обложки, универсален только 2 вариант */ -/* Второй вариант: располагаются слева от иконки */ -div.compatibility > a:after, -div.compatibility > a > span:first-child:after, -div.compatibility > span.link-replacement > span:first-child:after { - display: block; - position: absolute; - bottom: 100%; - left: 50%; - padding: 0 .75rem; - margin: 0 0 .5rem; - background-color: #616161; - border-radius: .125rem; - color: #eee; - font-size: .875rem;; - line-height: 2rem; - white-space: nowrap; - transform: translateX(-50%); - z-index: 100; - pointer-events: none; - opacity: 0; - transition: .3s; -} - -div.compatibility > a > span:first-child:after, -div.compatibility > span.link-replacement > span:first-child:after { - z-index: 101; -} - -div.compatibility > a:hover:after, -div.compatibility > a:hover > span:first-child:after, -div.compatibility > span.link-replacement:hover > span:first-child:after { - opacity: .9; -} - -/* Второй вариант расположения подсказок */ -div.compatibility > a:after, -div.compatibility > a > span:first-child:after, -div.compatibility > span.link-replacement > span:first-child:after { - bottom: 0; - right: 100%; - left: auto; - margin: 0 .75rem .5rem; - transform: translateX(.75rem); -} - -div.compatibility > a:hover:after, -div.compatibility > a:hover > span:first-child:after, -div.compatibility > span.link-replacement:hover > span:first-child:after { - transform: translateX(0); -} -/* КОНЕЦ: Второй вариант расположения подсказок */ - -/* Текст подсказок для совместимости */ -div.compatibility > a[href*=similar]:after { - content: 'Найти похожих пользователей'; -} - -div.compatibility > a > .text.zero:after, -div.compatibility > span.link-replacement > .text.zero:after { - content: 'Нет совместимости'; -} - -div.compatibility > a > .text.weak:after, -div.compatibility > span.link-replacement > .text.weak:after { - content: 'Низкая совместимость'; -} - -div.compatibility > a > .text.moderate:after, -div.compatibility > span.link-replacement > .text.moderate:after { - content: 'Средняя совместимость'; -} - -div.compatibility > a > .text.high:after, -div.compatibility > span.link-replacement > .text.high:after { - content: 'Высокая совместимость'; -} - -div.compatibility > a > .text.full:after, -div.compatibility > span.link-replacement > .text.full:after { - content: 'Полная совместимость'; -} - -/* Числовое обозначение совместимости */ -div.compatibility > a > span.rate, -div.compatibility > span.link-replacement > span.rate { - position: absolute; - top: -.125rem; - right: -.5rem; - padding: 0 .25rem; - border-radius: .125rem; - color: #fff; - font-size: .75rem; - line-height: 1rem; -} - -div.compatibility > span.link-replacement > span.rate:before, -div.compatibility > a > span.rate:before { - display: none; -} - -.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .rate:after { - content: '%'; - color: inherit; -} - -div.compatibility > span.link-replacement > span.rate:after, -div.compatibility > a > span.rate:after { - display: none; -} - -div.compatibility > a:before { - background-color: transparent; -} -/* END of Иконки совместимости для профиля */ - - - - - -/* ICON | EDIT ABOUT ME PROFILE'S BLOCK */ -.p-profiles-show .about .item-edit { - display: inline-block; - width: 2.5rem; - height: 2.5rem; - padding: .5rem; - margin: .25rem 0; -} - -.p-animes .item-edit:before, -.p-mangas .item-edit:before, -.p-profiles-show .about .item-edit:before { - width: 1.5rem !important; - font-family: 'Material Icons' !important; - font-size: 1.5rem !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.p-animes .item-edit:before, -.p-mangas .item-edit:before, -.p-profiles-show .about .item-edit:before { - content: 'edit'; -} -/* END of ICON */ - - - - - -/* CHIP | USER PLATES */ -.b-user16 { - vertical-align: middle; - max-width: 100%; - padding: 0 .5rem; - margin: 0 .5rem 0 0; - background-color: #eee; - border-radius: .5rem; - font-size: .875rem; - font-weight: 400; - line-height: 1rem !important; - text-transform: initial; - text-overflow: ellipsis; - overflow: hidden; -} - -.b-user16:hover { - color: #f2f2f2 !important; - background-color: #747474; -} - -.b-user16:after { - display: none !important; -} - -.b-user16:hover a { - color: #fff !important; - text-decoration: none; -} - -.b-user16 > a > span { - padding: 0; -} - -.b-user16:hover span { - text-decoration: none; -} - -.b-user16 img { - position: static; - display: inline-block; - vertical-align: bottom; - width: 16px !important; - padding: 0; - margin: 0 .375rem 0 -.5rem !important; - margin-top: 0 !important; - border-radius: .5rem; -} - -.b-animes-menu .friend-rate .b-user16 { - display: inline-block; -} - -.b-quote .quoteable a.b-user16 { - padding: 0 .5rem; -} - -.p-anime_videos-index .c-video_stats .uploader .b-user16 { - padding-left: .5rem; /* thx @Dewopalaxy */ -} - -.b-log_entry .b-user16, -.b-source .contributors .b-user16, -.b-source .mal .b-user16, -.b-source .source .b-user16 { - margin-right: .5rem; -} - -.b-user16:last-child { - margin-right: 0 !important; -} - -.b-quote .quoteable a, -.status-line > span:first-child { - margin-right: .5rem; -} - -.status-line .b-user16:last-child { - margin-right: .5rem !important; -} - -/* BUG: Лишний пробел в разметке */ -.b-quote .quoteable a.bubbled-processed { - margin-right: .25rem !important; /* thx @Dewopalaxy */ -} - -/* BUG: Лишний пробел в разметке */ -.b-quote .quoteable a.bubbled-processed > img { - margin-right: .125rem !important; /* thx @Dewopalaxy */ -} - -/* COLOR */ -.b-user16, -.b-user16 a { - color: #212121 !important; -} -/* END of USER PLATES */ - -.b-source .contributors, -.b-source .mal, -.b-source .source { - padding: 0; -} - -.was_updated > div:first-child > span:first-child { - margin-right: .5rem; /* thx @Dewopalaxy */ -} - -/* MODERATION LIST */ -.b-log_entry { - position: relative; - padding-right: 2.5rem !important; - font-size: .875rem; -} - -.b-log_entry, -.b-log_entry .spoiler.collapse span:before, -.b-log_entry .spoiler.collapsed:before { - padding: .375rem 0; - line-height: 1.25rem; -} - -.b-ban .moderator { - float: right; - position: static; -} - -.b-abuse_request .remove, -.b-log_entry span, -.b-log_entry .date { - padding-right: .5rem; -} - -.b-ban .abuser, -.b-ban .duration, -.b-log_entry .date, -.b-log_entry>.reason { - vertical-align: top; - font-size: inherit; -} - -.b-log_entry span a { - vertical-align: top; -} - -.b-log_entry>.reason a { - color: inherit; -} - -.b-log_entry .spoiler.collapse, -.b-log_entry .spoiler.collapsed, -.b-log_entry .spoiler.collapse span, -.b-log_entry .spoiler.collapsed span { - font-size: 0; - line-height: 0; -} - -.b-log_entry .spoiler.collapse span:before, -.b-log_entry .spoiler.collapsed:before { - position: absolute; - top: 0; - right: 0; - width: 2rem; - font-family: 'Material Icons'; - font-size: 1.125rem; - font-weight: 400 !important; - text-align: center; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.b-log_entry .spoiler.collapse span:before { - content: 'expand_less'; -} - -.b-log_entry .spoiler.collapsed:before { - content: 'expand_more'; -} - -@media screen and (min-width: 1025px) { - .b-log_entry, - .b-log_entry .spoiler.collapse span:before, - .b-log_entry .spoiler.collapsed:before { - padding: .125rem 0; - line-height: 1.25rem; - } -} - -/* FIX */ -.b-abuse_request .marker { - margin: -5px 8px 0 0 !important; /* thx @Dewopalaxy */ -} -/* END of MODERATION LIST */ - - - - - -/** - * MATERIAL ICON - * Замена иконок. - * - * ПРАВИЛА: - * Следующие настройки касаются только иконок. Их цвета, родители и их положение настраивается отдельно. - * Иконки должны располагаться в псевдоэлементе :before - * Иконки используются в двух вариантах: 18px и 24px - * Следовательно родители иконок должны быть высотой 32px или 40px - * - * BUG: - * IE doesn't support Materail Icon's font format [.woff2] - */ - -@font-face { - font-family: 'Material Icons'; - font-style: normal; - font-weight: 400; - src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.woff2) format('woff2'), url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.woff) format('woff'), url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.eot) format('eot'), url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/MaterialIcons-Regular.ttf) format('truetype'); -} - -/* LARGE ICON */ -.c-actions > *:before, -.profile-actions > *:before, -.l-top_menu .menu-mobile .search:before, -.l-top_menu .menu-mobile .menu:before, -.l-top_menu .menu-mobile #sign_in:before, -.l-top_menu .menu-userbox .search:before, -.l-top_menu .menu-userbox .menu:before, -.l-top_menu .menu-userbox #sign_in:before, -.l-top_menu .to-mobile-forum:before, -.l-top_menu .menu-items .submenu-toggler:before, -.l-top_menu .menu-items .submenu-toggler.active:before, -header.head h1 a.back:before, -header.head h2 a.back:before, -.item-mobile:before, -.editor-controls > span:before, -.b-add_to_list .trigger-arrow:before, -.b-add_to_list.expanded .trigger-arrow:before, -.b-add_to_list.watching .edit:before, -.b-add_to_list.rewatching .edit:before, -.b-add_to_list.on_hold .edit:before, -.b-add_to_list.dropped .edit:before, -.b-add_to_list .plus:before, -.b-add_to_list.completed .edit:before, -.b-add_to_list.planned .edit:before, -.b-comments .comments-collapser:before, -.b-list_switchers > .switcher:before, -.p-characters .item-edit:before, -.p-messages .mass-actions .action > a:before { - width: 24px !important; - font-family: 'Material Icons' !important; - font-size: 24px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -/* SMALL ICON */ -.l-top_menu .menu-items > .entry.calendar > a:before, -.l-top_menu .menu-items > .entry > .contest:before, -.l-top_menu .menu-items > .entry.info > a:before { - display: block; - width: 18px !important; - font-family: 'Material Icons' !important; - font-size: 18px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.headline > a:before, -.midheadline > a:before, -.subheadline > a:before { - display: block; - font-family: 'Material Icons' !important; - font-size: 18px !important; - font-weight: 400 !important; - line-height: 32px !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.headline > a:before, -.midheadline > a:before, -.subheadline > a:before { - content: 'chevron_right'; -} - -/* Иконки переключения вида каталога: список/постеры */ -.b-list_switchers .switcher.list:before { - content: 'view_list'; -} - -.b-list_switchers .switcher.lines:before { - content: 'view_headline'; -} - -.b-list_switchers .switcher.posters:before { - content: 'view_module'; -} - -/* Иконки списка аниме/манги пользователя */ -.b-add_to_list .plus:before { - content: "add"; -} - -.b-add_to_list.planned .edit:before { - content: "event"; -} - -.b-add_to_list.watching .edit:before { - content: "play_arrow"; -} - -.b-add_to_list.completed .edit:before { - content: "done"; -} - -.b-add_to_list.rewatching .edit:before { - content: "replay"; -} - -.b-add_to_list.on_hold .edit:before { - content: "query_builder"; -} - -.b-add_to_list.dropped .edit:before { - content: "delete"; -} - -.b-add_to_list .trigger-arrow:before { - content: "arrow_drop_down"; - transition: 240ms; -} - -.b-add_to_list.expanded .trigger-arrow:before { - content: "arrow_drop_down"; - transform: rotate(180deg); -} - -/* Иконки верхнего меню */ -.l-top_menu .menu-items > .entry.calendar > a:before { - content: "today"; -} - -.l-top_menu .menu-items > .entry > .contest:before { - content: "poll"; -} - -.l-top_menu .menu-items > .entry.info > a:before { - content: "info"; -} - -.l-top_menu .menu-userbox #sign_in:before { - content: "exit_to_app"; -} - -.l-top_menu .to-mobile-forum:before { - content: "forum"; -} - -.l-top_menu .menu-items .submenu-toggler:before { - content: 'arrow_drop_down' -} - -.l-top_menu .menu-items .submenu-toggler.active:before { - content: "arrow_drop_down"; - transform: rotate(180deg); -} - -/* Иконки профиля */ -.profile-actions .mail:before { - content: "mail"; -} - -.profile-actions .talk:before { - content: "message"; -} - -.profile-actions .fav-add:before { - content: "person_add"; -} - -.profile-actions .fav-remove:before { - content: "person"; -} - -.profile-actions .fav-remove:hover:before { - content: "person_outline"; - color: inherit; -} - -.profile-actions .ignore-add:before { - content: "do_not_disturb_on"; -} - -.profile-actions .ignore-remove:before { - content: "do_not_disturb_off"; -} - -.profile-actions .settings:before { - content: "settings"; -} - -.profile-actions .ban:before { - content: "gavel"; -} - -/* Иконки текстового редактора */ -.buttons .editor-bold:before { - content: "format_bold"; -} - -.buttons .editor-italic:before { - content: "format_italic"; -} - -.buttons .editor-underline:before { - content: "format_underlined"; -} - -.buttons .editor-strike:before { - content: "strikethrough_s"; -} - -.buttons .editor-link:before { - content: "insert_link"; -} - -.buttons .editor-image:before { - content: "insert_photo"; -} - -.buttons .editor-quote:before { - content: "format_quote"; -} - -.buttons .editor-spoiler:before { - content: "error_outline"; -} - -.buttons .editor-file:before { - content: "attach_file"; -} - -.buttons .editor-smiley:before { - content: "insert_emoticon"; -} - -/* Иконки под постером аниме/манги/персонажа и т.д. */ -.c-actions .edit:before { - content: "build"; -} - -.c-actions .fav-remove:hover:before, -.c-actions .fav-add:before { - content: "favorite_border"; -} - -.c-actions .fav-add:hover:before, -.c-actions .fav-remove:before { - content: "favorite"; -} - -.c-actions .new_review:before { - content: "rate_review"; -} - -.c-actions .new_comment:before { - content: "chat_bubble"; -} - -/* Специальная иконка открывающая меню комментария/топика и т.д. */ -.item-mobile:before { - content: "more_vert"; -} - -.p-characters .item-edit:before { - content: "edit"; -} - -/* Иконка "закрыть" */ -.b-dialog.aside-expanded > .inner > .item-mobile:before, -.b-message.aside-expanded > .inner > .item-mobile:before, -.b-comment.aside-expanded > .inner > .item-mobile:before { - content: "clear"; -} - -/* Иконка "назад" */ -header.head h1 a.back:before, -header.head h2 a.back:before { - content: "arrow_back"; -} - -/* Иконки в почте пользователя ("Отметить прочитанным" и "Удалить все") */ -.p-messages .mass-actions .action:nth-child(1) > a:before { - content: 'done_all'; -} - -.p-messages .mass-actions .action:nth-child(2) > a:before { - content: 'delete_sweep'; -} - -.p-dialogs header.head, -.p-messages header.head, -.p-profiles-edit header.head { - padding: 16px 16px 8px; - margin: -16px -16px 0; -} - -header.head h1, -header.head h2 { - padding: 8px 0; - line-height: 32px; - color: inherit; -} - -header.head h1 a.back, -header.head h2 a.back { - vertical-align: top; - width: 40px; - height: 40px; - padding: 8px; - margin: -4px 16px -4px -8px; - line-height: initial; -} - -header.head h1 a.back:before, -header.head h2 a.back:before { - position: static; - color: inherit; -} - -header.head h1 a.back:after, -header.head h2 a.back:after { - display: none; -} - -.buttons { - margin-right: 0; -} - -.delete-controls > span, -.moderation-controls > span, -.main-controls > span, -.main-controls > a, -.buttons .item-edit { - width: 220px; - padding: 11px 16px; - margin-right: auto !important; - margin-left: auto !important; - line-height: 18px !important; -} - -@media only screen and (min-width: 1025px) { - .delete-controls > span, - .moderation-controls > span, - .main-controls > span, - .main-controls > a, - .buttons .item-edit { - width: 32px; - height: 32px; - padding: 7px; - margin-left: 8px !important; - border-radius: 2px; - line-height: 18px !important; - } -} - -.item-mobile { - position: relative; - width: 40px; - height: 40px; - padding: 8px; - margin: 4px 0; - margin-left: 8px !important; - border-radius: 100%; - z-index: 4; -} - -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .plus::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .edit::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .trigger-arrow::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .plus::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .edit::before, -.b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .trigger-arrow::before, -.buttons .item-summary:before, -.buttons .item-ignore:before, -.buttons .item-quote:before, -.buttons .item-reply:before, -.buttons .item-edit:before, -.buttons .item-delete:before, -.buttons .item-moderation:before, -.buttons .item-cancel:before, -.buttons .item-request-reject:before, -.buttons .item-apply:before, -.buttons .item-request-confirm:before, -.buttons .item-delete-confirm:before, -.buttons .item-abuse:before, -.buttons .item-spoiler:before, -.buttons .item-offtopic:before, -.buttons .item-delete-cancel:before, -.buttons .item-moderation-cancel:before { - vertical-align: top; - width: 18px !important; - font-family: 'Material Icons' !important; - font-size: 18px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.buttons .item-ignore:before { - content: "do_not_disturb_on"; -} - -.buttons .item-quote:before { - content: "format_quote"; -} - -.buttons .item-reply:before { - content: "reply"; -} - -.buttons .item-edit:before { - content: "mode_edit"; -} - -.buttons .item-delete:before { - content: "delete"; -} - -.buttons .item-moderation:before { - content: "flag"; -} - -.buttons .item-cancel:before, -.buttons .item-request-reject:before, -.buttons .item-delete-cancel:before, -.buttons .item-moderation-cancel:before { - content: "clear"; -} - -.buttons .item-spoiler:before { - content: "sms_failed"; -} - -.buttons .item-abuse:before { - content: "pan_tool"; -} - -.buttons .item-offtopic:before { - content: "speaker_notes_off"; -} - -.buttons .item-summary:before { - content: "check_circle"; -} - -.buttons .item-delete-confirm:before { - content: "delete"; -} - -.buttons .item-apply:before, -.buttons .item-request-confirm:before, -.buttons .item-delete-confirm:before { - content: "done"; -} - -.l-top_menu .menu-mobile .menu:before, -.l-top_menu .menu-userbox .menu:before, -.l-top_menu .menu-mobile .search:before, -.l-top_menu .menu-userbox .search:before { - width: 24px !important; - font-family: 'Material Icons' !important; - font-size: 24px !important; - font-weight: 400 !important; - line-height: 1 !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.l-top_menu .menu-mobile .menu:before, -.l-top_menu .menu-userbox .menu:before { - content: "menu"; -} - -.l-top_menu .menu-mobile .search:before, -.l-top_menu .menu-userbox .search:before { - content: "search"; -} - -.tooltip-inner { - min-height: 56px; - padding: 14px 16px; - border: 0; - overflow: hidden; - box-shadow: 0 4px 10px 2px rgba(0,0,0,0.24); -} - -.tooltip-arrow { - display: none; -} - -/** - * Simple - * MIT License - * Copyright (c) 2015 Chris Nager - * https://github.com/chrisnager/simple-paper-spinner - */ - -.tooltip-details { - min-height: 140px; -} - -.tooltip-details .ajax-loading { - display: inline-block; - position: absolute; - top: 50%; - left: 50%; - width: 1.75em; - height: 1.75em; - min-height: 0; - margin: -.875rem 0 0 -.875rem; - background-image: none; - border-radius: 50%; - box-shadow: inset 0 0 0 0.1875em; - overflow: hidden; - will-change: transform; - -webkit-animation: spin 2666ms linear infinite; - animation: spin 2666ms linear infinite; - -webkit-clip-path: circle(.875em at center); - clip-path: circle(.875em at center); -} - -.tooltip-details .ajax-loading:after, -.tooltip-details .ajax-loading:before { - content: ""; - position: absolute; - width: 7em; - height: 1.75em; - background-color: inherit; -} - -.tooltip-details .ajax-loading:after { - -webkit-transform: skewX(-80deg) translate(.875em, .875em); - transform: skewX(-80deg) translate(.875em, .875em); - -webkit-animation: shape-shift-after 1066.4ms cubic-bezier(.4, 0, .2, 1) infinite alternate; - animation: shape-shift-after 1066.4ms cubic-bezier(.4, 0, .2, 1) infinite alternate; -} - -.tooltip-details .ajax-loading:before { - -webkit-transform: skewX(80deg) translate(.875em, -.875em); - transform: skewX(80deg) translate(.875em, -.875em); - -webkit-animation: shape-shift-before 1066.4ms cubic-bezier(.4, 0, .2, 1) infinite alternate; - animation: shape-shift-before 1066.4ms cubic-bezier(.4, 0, .2, 1) infinite alternate; -} - -@-webkit-keyframes spin { - to { - -webkit-transform: rotate(1080deg); - transform: rotate(1080deg); - } -} - -@keyframes spin { - to { - -webkit-transform: rotate(1080deg); - transform: rotate(1080deg); - } -} - -@-webkit-keyframes shape-shift-before { - to { - -webkit-transform: skewX(-45deg) translate(.875em, -.875em); - transform: skewX(-45deg) translate(.875em, -.875em); - } -} - -@keyframes shape-shift-before { - to { - -webkit-transform: skewX(-45deg) translate(.875em, -.875em); - transform: skewX(-45deg) translate(.875em, -.875em); - } -} - -@-webkit-keyframes shape-shift-after { - to { - -webkit-transform: skewX(45deg) translate(.875em, .875em); - transform: skewX(45deg) translate(.875em, .875em); - } -} - -@keyframes shape-shift-after { - to { - -webkit-transform: skewX(45deg) translate(.875em, .875em); - transform: skewX(45deg) translate(.875em, .875em); - } -} - -.b-catalog_entry-tooltip .inner a.name { - font-size: .875rem; -} - -/* FIX: Размер изображений в тултипах Избаранного */ -.b-catalog_entry-tooltip .inner .best-works > .c-column { - width: 22%; - margin-right: 4%; -} - -.b-catalog_entry-tooltip .inner .best-works > .c-column:last-child { - margin-right: 0; -} - -/* TEXTEDITOR | SHIKI EDITOR */ -.b-topic > .editor-container { - margin-top: 1rem; -} - -.b-shiki_editor .body { - padding: 0 !important; -} - -.b-shiki_editor .body .preview { - padding: 0; - margin: 0; - background: transparent; - border: 0; -} - -.b-shiki_editor .body > .preview .body { - padding-left: 0 !important; -} - -.editor-controls > span { - width: 40px; - height: 40px; - padding: 8px; - margin: 0 8px 0 0 !important; -} - -/* Расширяем file input */ -.buttons .editor-file { - position: relative; -} - -.buttons .editor-file span, -.buttons .editor-file a { - top: 0; - left: 0; - width: 40px; - height: 40px; - margin: 0 !important; -} - -.buttons .editor-file input { - left: 0; - width: 40px; - height: 40px; - border: 0; - font-size: 40px; -} - -.b-shiki_editor aside.buttons { - margin: 0; - padding: .25rem 0; -} - -.b-shiki_editor aside.markers { - height: auto; - padding: .75rem 0; -} - -.b-shiki_editor .links, -.b-shiki_editor .images, -.b-shiki_editor .quotes, -.b-shiki_editor .email, -.b-shiki_editor .upload { - height: 3rem; - line-height: 2rem; -} - -.b-shiki_editor .hidden-block p { - padding: .5rem !important; -} - -.b-shiki_editor .links .link-value, -.b-shiki_editor .images .link-value, -.b-shiki_editor .quotes .link-value, -.b-shiki_editor .email .link-value, -.b-shiki_editor .upload .link-value { - width: 14rem; - height: 2rem; - padding: 0 1rem; - margin: 0; - border-radius: 2px; - line-height: 2rem; -} - -.b-shiki_editor .links .button.ok, -.b-shiki_editor .images .button.ok, -.b-shiki_editor .quotes .button.ok, -.b-shiki_editor .email .button.ok, -.b-shiki_editor .upload .button.ok { - display: inline-block; - vertical-align: top; - padding: 0 1rem; - margin-right: 0; - margin-left: 1rem; - font-size: .875rem; - line-height: 2rem; - border-radius: 2px; -} - -.b-shiki_editor .images input, -.b-shiki_editor .quotes input, -.b-shiki_editor .email input { - margin-left: 1rem !important; - width: 20rem !important; -} - -.b-shiki_editor .body .editor textarea { - padding: .5rem 1rem; - margin: 0; - border-radius: 2px; - font-size: 1rem; - line-height: 1.25rem; -} - -.b-shiki_editor footer input[type=submit], -.b-shiki_editor footer .unpreview, -.b-shiki_editor footer .preview { - vertical-align: top; - margin-right: 8px; -} - -.b-shiki_editor footer .preview { - margin-right: 0; -} - -.b-shiki_editor.previewed footer .unpreview { - border: 0; - font-size: 0; -} - -.b-shiki_editor.previewed footer .unpreview:after { - content: 'Назад'; - vertical-align: top; - font-size: 14px; -} - -.b-shiki_editor footer .cancel { - border: 0; -} - -.b-shiki_editor footer .cancel:hover { - color: #3F51B5; -} - -/* FIX: COMMENT PREVIEW WIDTH */ -.b-shiki_editor aside.markers { - position: absolute; - right: 0; - top: 0; - z-index: 2; -} - -.b-shiki_editor.previewed .body .preview .b-comment { - padding: 0 !important; -} - -.b-shiki_editor footer { - margin-top: 1rem; -} - -.about-bb_codes { - font-size: 0 !important; - padding: 0 1rem; - margin-top: 0 !important; - border-radius: .125rem; - line-height: 2rem !important; -} - -.about-bb_codes:before { - content: 'help'; /* NOT 'help_outline' (!) see updated guideline (2016-12) */ - display: inline-block; - vertical-align: top; - font-family: 'Material Icons' !important; - font-size: 24px !important; - line-height: 32px !important; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -@media only screen and (min-width: 768px) { - .about-bb_codes:before { - font-family: inherit !important; - font-size: 14px !important; - text-transform: uppercase; - } - - .locale-ru .about-bb_codes:before { - content: 'Справка'; - } - - .locale-en .about-bb_codes:before { - content: 'Help'; - } -} -/* END of SHIKI_EDITOR */ -/* END of TEXTEDITOR */ - -.b-abuse_marker, -.b-broadcast_marker, -.b-new_marker, -.b-offtopic_marker, -.b-summary_marker { - width: auto !important; - margin: 0 !important; - margin-top: 1px !important; - margin-left: 8px !important; -} - -.b-spoiler_marker { - width: auto; -} - -.b-abuse_marker:before, -.b-broadcast_marker:before, -.b-new_marker:before, -.b-offtopic_marker:before, -.b-spoiler_marker:before, -.b-summary_marker:before { - position: static !important; - width: auto !important; - padding: 0 4px !important; - margin-top: 8px; - border: 0 !important; - border-radius: 2px; - font-size: 10px !important; - line-height: 16px !important; - text-transform: capitalize; -} - -.b-shiki_editor .b-summary_marker, -.b-shiki_editor .b-summary_marker:before, -.b-shiki_editor .b-offtopic_marker, -.b-shiki_editor .b-offtopic_marker:before { - vertical-align: top; - padding: 0 8px !important; - margin: 0 !important; - font-size: 12px !important; - line-height: 24px !important; -} - -.b-shiki_editor .b-summary_marker, -.b-shiki_editor .b-offtopic_marker { - padding: 0 !important; - margin-left: 8px !important; -} -/* END of SHIKI_EDITOR */ - - - - - -/* FLOATED OPTIONS */ -.b-options-floated { - margin-top: 16px; - font-size: 14px; - line-height: 16px; -} - -@media screen and (min-width: 768px) { - .b-options-floated.before-buttons-2 { - padding-right: 112px; - } -} - -.p-profiles-edit .b-options-floated, -.p-dialogs .b-options-floated, -.p-messages .b-options-floated { - position: static; - margin: 0 -16px 8px; - padding: 0; - text-align: left; - white-space: nowrap; - overflow: hidden; - overflow-x: auto; -} - -.p-profiles-edit .b-options-floated > a, -.p-dialogs .b-options-floated > a, -.p-messages .b-options-floated > a { - display: inline-block; - width: auto; - min-width: 88px; - height: 48px; - padding: 0 12px; - font-size: 14px; - line-height: 48px; - text-align: center; - text-transform: uppercase; -} - -.p-profiles-edit .b-options-floated > a { - width: auto; -} - -.p-profiles-edit .b-options-floated > a:hover, -.p-dialogs .b-options-floated > a:hover, -.p-messages .b-options-floated > a:hover { - text-decoration: none; -} - -@media screen and (min-width: 481px) { - .p-profiles-edit .b-options-floated > a, - .p-dialogs .b-options-floated > a, - .p-messages .b-options-floated > a { - width: auto; - } -} - -.b-options-floated a span.brackets, -.b-options-floated .link span.brackets { - display: inline-block; - vertical-align: text-top; - min-width: 20px; - height: 16px; - padding: 0 4px; - border-radius: 4px; - color: #fff; - font-size: 10px; - line-height: 16px; - text-align: center; -} - -.p-profiles-edit .b-options-floated > a:after, -.p-dialogs .b-options-floated > a:after, -.p-messages .b-options-floated > a:after, -.b-options-floated a span.brackets:before, -.b-options-floated a span.brackets:after, -.b-options-floated .link span.brackets:before, -.b-options-floated .link span.brackets:after { - display: none; -} - -@media screen and (min-width: 481px) { - .p-dialogs header.head, - .p-messages header.head, - .p-profiles-edit header.head { - padding: 0; - margin: 0; - background-color: transparent; - } - - .p-profiles-edit .b-options-floated, - .p-dialogs .b-options-floated, - .p-messages .b-options-floated { - position: initial; - margin: 0 -16px 8px; - padding: 0; - background-color: transparent; - text-align: right; - } -} -/* END of FLOATED OPTIONS */ - -/* USER'S MAIL ICONS – READ ALL & DELETE ALL */ -.p-messages .mass-actions { - position: absolute; - top: 56px; - right: 0; - margin: 0 -.5rem; -} - -.p-messages .mass-actions .action:after { - display: none; -} - -.p-messages .mass-actions > .action > a { - width: 40px; - height: 40px; - padding: 8px; - margin: 4px; - border: 0; - border-radius: 2px; - font-size: 0; - line-height: 1; -} -/* END of USER'S MAIL ICONS */ - -/* DB ENTRY NOTES */ -/* TODO: MERGE WITH .c-history .entry */ -.b-db_entry-note { - position: relative; - padding: 8px 0; - margin: 0; - border: 0; -} - -.b-db_entry-note:first-child { - padding-top: 8px; -} - -.b-db_entry-note:before { - content: ''; - position: absolute; - right: -16px; - bottom: 0; - left: 56px; - height: 1px; -} - -.b-db_entry-note:last-child:before { - display: none; -} - -/* FIX */ -.b-db_entry-note:before { - right: 0; - left: 64px; -} - -.p-db_entries-related .b-db_entry-note { - padding: 16px 0; -} - -.p-db_entries-related .b-db_entry-note:first-child { - padding-top: 16px; -} -/* END of DB ENTRY NOTES*/ - -/* MENU ENTRY REVIEW & CLUBS */ -/* TODO: MERGE WITH .c-history .entry */ -/* TODO: where [.calendar .entry]? */ -.p-topics .l-menu .calendar .entry, -.p-topics .l-menu .reviews .entry, -.p-topics .l-menu .clubs .entry { - position: relative; - padding: 8px 0; - margin: 0; - border: 0; - overflow: initial; -} - -.p-topics .l-menu .calendar .entry:first-child, -.p-topics .l-menu .reviews .entry:first-child, -.p-topics .l-menu .clubs .entry:first-child { - padding-top: 8px; - margin-top: 0; -} - -.p-topics .l-menu .calendar .entry:before, -.p-topics .l-menu .reviews .entry:before, -.p-topics .l-menu .clubs .entry:before { - content: ''; - position: absolute; - right: -8px; - bottom: 0; - left: 56px; - height: 1px; - pointer-events: none; -} - -.p-topics .l-menu .calendar .entry:last-child:before, -.p-topics .l-menu .reviews .entry:last-child:before, -.p-topics .l-menu .clubs .entry:last-child:before { - display: none; -} - -/* Полноразмерная ссылка .entry, работает только для .l-menu */ -.p-topics .l-menu .calendar .entry a, -.p-topics .l-menu .reviews .entry a, -.p-topics .l-menu .clubs .entry a { - display: block; - padding: 8px; - margin: -8px; -} - -.p-topics .l-menu .calendar .entry a:after, -.p-topics .l-menu .reviews .entry a:after, -.p-topics .l-menu .clubs .entry a:after { - content: ''; - clear: both; - display: block; -} - -.p-topics .l-menu .calendar .entry:hover .title, -.p-topics .l-menu .reviews .entry:hover .title, -.p-topics .l-menu .clubs .entry:hover .title { - text-decoration: none; -} - -/* ADDITIONS */ -.p-topics .l-menu .reviews .entry img { - min-width: 40px; - max-height: 64px; - margin: 2px 16px 2px 0; - border-radius: 2px; -} - -.p-topics .l-menu .clubs .entry img { - width: 40px; - min-width: 40px; - height: 40px; - margin: 2px 16px 2px 0; - border-radius: 2px; -} -/* END of MENU ENTRY REVIEW & CLUBS */ - -/* SIDEMENU LINKS */ -.p-topics .l-menu .sticky-topics .topic, -.p-dashboards-show .contests .contest, -.p-topics .l-menu .contests .contest { - padding: 8px; - margin: 0 -8px; - border: 0; -} - -.p-topics .l-menu .sticky-topics .topic:first-child, -.p-dashboards-show .contests .contest:first-child, -.p-topics .l-menu .contests .contest:first-child { - padding-top: 8px; - margin-top: 0; -} - -.p-topics .l-menu .sticky-topics .topic .title, -.p-dashboards-show .contests .contest .title, -.p-topics .l-menu .contests .contest .title { - line-height: 20px; -} - -.p-topics .l-menu .sticky-topics .topic:hover .title, -.p-dashboards-show .contests .contest:hover .title, -.p-topics .l-menu .contests .contest:hover .title { - text-decoration: none; -} - -.p-topics .l-menu .sticky-topics .topic .title:after, -.p-dashboards-show .contests .contest .title:after, -.p-topics .l-menu .contests .contest .title:after { - display: none; -} - -.p-topics .l-menu .sticky-topics .topic .notice, -.p-dashboards-show .contests .contest .notice, -.p-topics .l-menu .contests .contest .notice { - margin-top: 2px; - line-height: 18px; -} -/* END of SIDEMENU LINKS */ - -/* Стилизованные кнопки на страницах поиска аниме и манги */ -.p-user_rates .mylist-block + .block > .b-list, -.anime-params-controls > .block:first-child > .b-list, -.manga-params-controls > .block:first-child > .b-list { - margin-left: 0 !important; -} - -.p-user_rates .mylist-block + .block > .b-list > li, -.anime-params-controls > .block:first-child > .b-list > li, -.manga-params-controls > .block:first-child > .b-list > li { - position: relative; - margin-bottom: .5rem; - border-radius: .125rem; - font-size: .875rem; - line-height: 2rem; - text-align: center; - text-transform: uppercase; - list-style: none; -} - -.p-user_rates .mylist-block + .block > .b-list > li:before, -.p-user_rates .mylist-block + .block > .b-list > li:after, -.anime-params-controls > .block:first-child > .b-list > li:before, -.manga-params-controls > .block:first-child > .b-list > li:before, -.anime-params-controls > .block:first-child > .b-list > li:after, -.manga-params-controls > .block:first-child > .b-list > li:after { - content: ''; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - border-radius: inherit; - opacity: 0; - z-index: 0; - transition: opacity .3s; -} - -.p-user_rates .mylist-block + .block > .b-list > li:before, -.anime-params-controls > .block:first-child > .b-list > li:before, -.manga-params-controls > .block:first-child > .b-list > li:before { - box-shadow: 0 1px 3px rgba(0,0,0,.56); -} - -.p-user_rates .mylist-block + .block > .b-list > li:after, -.anime-params-controls > .block:first-child > .b-list > li:after, -.manga-params-controls > .block:first-child > .b-list > li:after { - background-color: rgba(0,0,0,.12); -} - -.p-user_rates .mylist-block + .block > .b-list > li:hover:before, -.p-user_rates .mylist-block + .block > .b-list > li:hover:after, -.anime-params-controls > .block:first-child > .b-list > li:hover:before, -.manga-params-controls > .block:first-child > .b-list > li:hover:before, -.anime-params-controls > .block:first-child > .b-list > li:hover:after, -.manga-params-controls > .block:first-child > .b-list > li:hover:after { - opacity: 1; -} - -.p-user_rates .mylist-block + .block > .b-list > li > a, -.anime-params-controls > .block:first-child > .b-list > li > a, -.manga-params-controls > .block:first-child > .b-list > li > a { - position: relative; - display: block; - color: #fff !important; - z-index: 1; -} - -.p-user_rates .mylist-block + .block > .b-list > li > a:hover, -.anime-params-controls > .block:first-child > .b-list > li > a:hover, -.manga-params-controls > .block:first-child > .b-list > li > a:hover { - color: #fff !important; - text-decoration: none; -} -/* END of Стилизованные кнопки на страницах поиска аниме и манги */ - - - - - -/** - * Фильтры на страницах поиска - */ - -/* Настройка пунктов */ -.b-collection-filters .block-list li, -.b-collection-filters .b-block_list li { - position: relative; - padding: 0 .5rem; - margin: 0 -.5rem; - font-size: .875rem; - line-height: 2rem; -} - -/* Скрываем чекбокс, располагаем над псевдоэлементом */ -.b-collection-filters .block-list li > input, -.b-collection-filters .b-block_list li > input { - position: absolute; - left: .3125rem; - width: 2rem; - height: 2rem; - border: 0; - opacity: 0; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} - -/* Псевдоэлемент с иконкой чекбокса */ -.b-collection-filters .block-list li:before, -.b-collection-filters .b-block_list li:before { - display: inline-block; - vertical-align: top; - width: 1.125rem; - margin: .4375rem .875rem .4375rem 0; - font-family: 'Material Icons'; - font-size: 1.125rem; - line-height: 1; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -/* Фильтры на страницах поиска – ПОДСКАЗКИ */ -/* Положение подсказки */ -.b-collection-filters .block-list .b-question, -.b-collection-filters .b-block_list .b-question { - display: inline-block !important; - vertical-align: top; - position: absolute; - right: .3125rem; -} - -/* Иконка подсказки */ -.b-collection-filters .block-list .b-question:before, -.b-collection-filters .b-block_list .b-question:before { - display: block; - width: 1.125rem; - height: auto; - margin: .4375rem; - background-color: transparent; - font-family: 'Material Icons'; - font-size: 1.125rem; - line-height: 1; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -/* Фильтры на страницах поиска – ПЕРЕКЛЮЧАТЕЛИ */ -/* Положение переключателя */ -.b-collection-filters .filter { - top: 0; -} - -.b-collection-filters .block-list .filter, -.b-collection-filters .b-block_list .filter { - float: right; - position: relative; - right: auto; - margin: 0 0 0 .5rem; -} - -/* Положение переключателя с иконками подсказок */ -.b-collection-filters .block-list.ratings .filter, -.b-collection-filters .block-list.genres .filter, -.b-collection-filters .block-list li.sub .filter, -.b-collection-filters .b-block_list.ratings .filter, -.b-collection-filters .b-block_list.genres .filter, -.b-collection-filters .b-block_list li.sub .filter { - margin-right: 2rem; -} - -/* Сбрасываем стандартные стили */ -.b-collection-filters .block-list .filter:before, -.b-collection-filters .b-block_list .filter:before { - display: block; - width: auto; - font-family: inherit; - font-size: .75rem; - line-height: inherit; - text-transform: lowercase; -} - -/* Добавляем понятные текстовые обозначения */ -.b-collection-filters .block-list .filter.item-add:before { - content: 'Исключить'; -} - -.b-collection-filters .block-list .filter.item-minus:before { - content: 'Добавить'; -} - -.b-collection-filters .b-block_list .filter.item-add:before { - content: 'Исключить'; -} - -.b-collection-filters .b-block_list .filter.item-minus:before { - content: 'Добавить'; -} - -/* Настройка иконок */ -.b-collection-filters .block-list li:before { - content: 'check_box_outline_blank'; -} - -.b-collection-filters .block-list li.selected:before { - content: 'check_box'; -} - -.b-collection-filters .block-list.orders li:before { - content: 'radio_button_unchecked'; -} - -.b-collection-filters .block-list.orders li.selected:before { - content: 'radio_button_checked'; -} - -.b-collection-filters .block-list .b-question:before { - content: 'help_outline'; -} - -.b-collection-filters .b-block_list li:before { - content: 'check_box_outline_blank'; -} - -.b-collection-filters .b-block_list li.selected:before { - content: 'check_box'; -} - -.b-collection-filters .b-block_list.orders li:before { - content: 'radio_button_unchecked'; -} - -.b-collection-filters .b-block_list.orders li.selected:before { - content: 'radio_button_checked'; -} - -.b-collection-filters .b-block_list .b-question:before { - content: 'help_outline'; -} - -/* Фильтры на страницах поиска – Размер для ПК */ -@media (min-width: 1025px) { - .b-collection-filters .block-list li { - line-height: 1.5rem; - } - - .b-collection-filters .block-list li:before { - margin: .1875rem .875rem .1875rem 0; - } - - .b-collection-filters .block-list .b-question:before { - margin: .1875rem; - } - - .b-collection-filters .block-list li > input { - width: 1.5rem; - height: 1.5rem; - } - - /* new class */ - .b-collection-filters .b-block_list li { - line-height: 1.5rem; - } - - .b-collection-filters .b-block_list li:before { - margin: .1875rem .875rem .1875rem 0; - } - - .b-collection-filters .b-block_list .b-question:before { - margin: .1875rem; - } - - .b-collection-filters .b-block_list li > input { - width: 1.5rem; - height: 1.5rem; - } -} -/* END of Фильтры на страницах поиска */ - -/* "Мой список" в фильтрах поиска */ -/* Меняем название на более доступное */ -.block.mylist-block > .subheadline { - font-size: 0; - line-height: 0; -} - -.block.mylist-block > .subheadline:before { - content: 'Мой список'; - font-size: .875rem; - line-height: 1rem; -} - -/* Кнопка переключателя */ -.b-collection-filters .block > .filter.item-sign { - height: 2.5rem; - padding: .5rem; - margin-top: .25rem; - border-radius: .125rem; -} - -.b-collection-filters .block > .filter.item-sign:before { - width: 1.5rem; - font-family: 'Material Icons'; - font-size: 1.5rem; - line-height: 1; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -/* Настройка иконки переключателя */ -.b-collection-filters .block > .filter.item-sign:before { - content: 'playlist_add_check'; -} - -/* Прозрачный фон переключателя */ -@media (min-width: 1025px) { - .b-collection-filters .block > .filter.item-sign { - background-color: transparent; - } -} -/* END of "Мой список" в фильтрах поиска */ - - - -/* Страница видео */ -.b-video_player .cc-player_controls a.c-control:hover { - text-decoration: none; -} - -.b-video_player .cc-player_controls .cc-navigation > .c-control > span, -.b-video_player .cc-player_controls .cc-navigation > .c-control > b { - display: inline-block; - vertical-align: top; - margin: .25rem auto; - line-height: 2.5rem; -} - -.b-video_player .cc-player_controls .cc-navigation > .c-control > b { - margin-left: .5rem; -} - -@media screen and (max-width: 480px) and (orientation: portrait) { - .b-video_player .cc-player_controls .cc-navigation > .c-control > span { - display: none; - } - - .b-video_player .cc-player_controls .cc-navigation > .c-control > b { - margin-left: 0; - } -} - -.b-video_player .cc-player_controls .label, -.b-video_player .cc-player_controls .episode-title .video-link { - font-size: .75rem; -} - -.b-video_player .cc-player_controls .episode-title .video-link a { - display: block; - line-height: inherit; - border: 0; -} - -.b-video_player .cc-player_controls .cc-options > .c-video_stats { - margin: .25rem auto; -} - -.p-anime_videos-index .c-videos .video-variant-switcher, -.p-anime_videos-index .c-video_stats { - font-size: .875rem; -} - -.p-anime_videos-index .c-videos .video-variant-switcher:hover { - border: 0; -} - -/* Иконки */ -.b-video_player .cc-player_controls .c-control .icon { - width: 2.5rem !important; - height: 2.5rem; - padding: .5rem; - margin: .25rem auto !important; - border-radius: 2px; -} - -.b-video_player .cc-player_controls .c-control .icon:before { - width: 1.5rem; - font-family: 'Material Icons'; - font-size: 1.5rem !important; - line-height: 1; - - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; -} - -.b-video_player .cc-player_controls .create-user_rate .icon:before { - content: 'add'; -} - -.b-video_player .cc-player_controls .increment-user_rate .icon:before { - content: 'done'; -} - -.b-video_player .cc-player_controls .next .icon:before { - content: 'skip_next'; -} - -.b-video_player .cc-player_controls .prev .icon:before { - content: 'skip_previous'; -} - -.b-video_player .cc-player_controls .report .icon:before { - content: 'flag'; -} - -.b-video_player .cc-player_controls .show-options .icon:before { - content: 'settings'; -} - -.b-video_player .cc-player_controls .upload .icon:before { - content: 'cloud_upload'; -} - -.b-video_player .cc-player_controls .edit .icon:before { - content: 'build'; -} -/* END of Страница видео */ From af8c8e20d5f1233c9b75dc7e938f7c34caabe7fa Mon Sep 17 00:00:00 2001 From: grin3671 Date: Sat, 3 Jun 2017 20:43:18 +0300 Subject: [PATCH 13/19] Delete profile-cover.css --- custom/profile-cover.css | 157 --------------------------------------- 1 file changed, 157 deletions(-) delete mode 100644 custom/profile-cover.css diff --git a/custom/profile-cover.css b/custom/profile-cover.css deleted file mode 100644 index bc8c0b8..0000000 --- a/custom/profile-cover.css +++ /dev/null @@ -1,157 +0,0 @@ -/** - * PROFILE COVER - */ -@media screen and (min-width: 320px) { - .p-profiles .profile-head[data-user-id = "2727"] .c-brief { - background-color: #FFF; /* COLOR */ - box-shadow: 0 2px 8px 2px rgba(0, 0, 0, .24); - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief:before { - content: ''; - display: block; - height: 0; - padding-bottom: 56.25%; - background-repeat: no-repeat; - background-size: cover; - } -} -@media screen and (min-width: 480px) { - .p-profiles .profile-head .c-brief { - min-height: 16rem; - } - .p-profiles .profile-head .c-brief { - margin-bottom: 1rem; - } - .p-profiles .profile-head .c-info { - margin-left: 0; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief .avatar { - position: absolute; - top: auto; - right: auto; - bottom: 0; - left: 0; - max-width: 148px; - margin: 1.5rem 1rem; - z-index: 2; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief .avatar img { - width: 120px; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief header { - position: absolute; - top: auto; - right: 0; - bottom: 0; - left: 0; - min-height: 112px; - padding: 1rem 1.5rem 1rem calc(4rem + 148px); - margin: 0; - z-index: 1; - } -} -@media screen and (min-width: 600px) { - .p-profiles .profile-head .c-brief { - min-height: 19rem; - } - .p-profiles .profile-head .c-info { - margin-left: 0; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief { - max-height: 380px; - padding-bottom: 112px; - margin: -3rem -1rem 1rem; - background-color: inherit; - box-shadow: none; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief:before { - height: 268px; - max-height: inherit; - padding-bottom: 0; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief .avatar { - max-width: 160px; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief .avatar img { - width: 160px; - box-shadow: 0 2px 8px 1px rgba(0, 0, 0, .16); - } -} -@media (min-width: 768px) { - .p-profiles .profile-head .c-info { - margin-left: 0; - } -} - -@media screen and (min-width: 960px) { - .p-profiles .profile-head .c-brief { - min-height: 0; - } - .p-profiles .profile-head .c-info { - margin-left: 13.5rem; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief { - max-height: 520px; - margin: -4.5rem -2rem 0; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief:before { - height: 408px; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief header { - padding: 1rem calc(23% + 4.5rem) 1rem calc(4.5rem + 160px); - } - .p-profiles .profile-head[data-user-id = "2727"] .c-brief .avatar { - margin: 1.5rem 2rem; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-info { - width: 77%; - padding-right: 2.5rem; - padding-left: 1rem; - margin-left: -1rem; - } - .p-profiles .profile-head[data-user-id = "2727"] .c-history { - float: none; - position: absolute; - right: 0; - top: 520px; - width: 23%; - padding: .5rem 0; - margin: 0; - margin-top: -112px; - z-index: 3; - } -} -/* END of PROFILE COVER */ - - - -/* Полупрозрачное меню в профиле */ -@media (min-width: 960px) { - .p-profiles .profile-head .c-info .c-additionals b:after { - font-size: 12px; - font-weight: 400; - } - .p-profiles-show:not(.p-dialogs-show) .l-top_menu { - background-color: transparent; - background-image: linear-gradient(rgba(51, 51, 51, .64), rgba(51, 51, 51, 0)); - box-shadow: none; - transition: .3s; - } - .p-profiles-show:not(.p-dialogs-show) .l-top_menu:before { - content: ''; - position: absolute; - top: 0; right: 0; bottom: 0; left: 0; - opacity: 0; - transition: .3s; - } - .p-profiles-show:not(.p-dialogs-show) .l-top_menu:hover:before { - opacity: 1; - } - .p-profiles-show.x1000:not(.p-dialogs-show) .l-top_menu { - max-width: calc(1000px + 2rem); - } - .p-profiles-show.x1200:not(.p-dialogs-show) .l-top_menu { - max-width: calc(1200px + 2rem); - } -} -/* END of Полупрозрачное меню в профиле */ From c482ffb3cbb4de2ffcbbd7a9b70209e7aeb8883b Mon Sep 17 00:00:00 2001 From: grin3671 Date: Sat, 3 Jun 2017 20:43:27 +0300 Subject: [PATCH 14/19] Delete tentative.css --- custom/tentative.css | 342 ------------------------------------------- 1 file changed, 342 deletions(-) delete mode 100644 custom/tentative.css diff --git a/custom/tentative.css b/custom/tentative.css deleted file mode 100644 index 1355c4b..0000000 --- a/custom/tentative.css +++ /dev/null @@ -1,342 +0,0 @@ -/* TENTATIVE CODE | USERLIST */ -.ajax > .b-user.detailed { - display: inline-block; - vertical-align: top; - position: relative; - width: 48%; - height: auto; - min-height: 261px; - padding: 8px; - margin-right: 4%; - margin-bottom: 4%; - background-color: #fff; - border: 0; - border-radius: 2px; - box-shadow: 0 1px 2px 0 rgba(0,0,0,.16); -} - -.ajax > .b-user.detailed:nth-child(2n+2) { - margin-right: 0; -} - -@media (min-width: 540px) { - .ajax > .b-user.detailed { - width: 32%; - margin-right: 2%; - margin-bottom: 2%; - } - - .ajax > .b-user.detailed:nth-child(2n+2) { - margin-right: 2%; - } - - .ajax > .b-user.detailed:nth-child(3n+3) { - margin-right: 0; - } -} - -@media (min-width: 768px) { - .ajax > .b-user.detailed { - width: 23.5%; - margin-right: 2%; - margin-bottom: 2%; - } - - .ajax > .b-user.detailed:nth-child(2n+2) { - margin-right: 2%; - } - - .ajax > .b-user.detailed:nth-child(3n+3) { - margin-right: 2%; - } - - .ajax > .b-user.detailed:nth-child(4n+4) { - margin-right: 0; - } -} - -@media (min-width: 960px) { - .ajax > .b-user.detailed { - width: 18.4%; - margin-right: 2%; - margin-bottom: 2%; - } - - .ajax > .b-user.detailed:nth-child(2n+2) { - margin-right: 2%; - } - - .ajax > .b-user.detailed:nth-child(3n+3) { - margin-right: 2%; - } - - .ajax > .b-user.detailed:nth-child(4n+4) { - margin-right: 2%; - } - - .ajax > .b-user.detailed:nth-child(5n+5) { - margin-right: 0; - } -} - -@media (min-width: 1200px) { - .p-users.x1200 .ajax > .b-user.detailed { - width: 15%; - margin-right: 2%; - margin-bottom: 2%; - } - - .p-users.x1200 .ajax > .b-user.detailed:nth-child(2n+2) { - margin-right: 2%; - } - - .p-users.x1200 .ajax > .b-user.detailed:nth-child(3n+3) { - margin-right: 2%; - } - - .p-users.x1200 .ajax > .b-user.detailed:nth-child(4n+4) { - margin-right: 2%; - } - - .p-users.x1200 .ajax > .b-user.detailed:nth-child(5n+5) { - margin-right: 2%; - } - - .p-users.x1200 .ajax > .b-user.detailed:nth-child(6n+6) { - margin-right: 0; - } -} - -.ajax > .b-user.detailed:before { - content: ''; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - box-shadow: 0 2px 8px 1px rgba(0,0,0,.16); - opacity: 0; - transition: .3s all; -} - -.ajax > .b-user.detailed:hover:before { - opacity: 1; -} - -.ajax > .b-user.detailed .info, -.ajax > .b-user.detailed .history { - clear: both; - float: none; - width: 100%; - margin: 0; -} - -.ajax > .b-user.detailed .info .image-name { - display: block; - padding: 16px 0; - margin: auto; - text-align: center; -} - -.ajax > .b-user.detailed .info .image-name .name { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - padding: 97px 0 0; - line-height: 32px; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; -} - -.ajax > .b-user.detailed .info .image-name .image { - clear: both; - float: none; - display: block; - padding: 0; - margin: auto auto 24px; - border-radius: 100%; -} - -.ajax > .b-user.detailed .info .last-online { - color: #9B9B9B; - text-align: center; -} - -.ajax > .b-user.detailed .history { - padding-top: 8px; - margin-top: 0; - font-size: 12px; - line-height: 20px; -} -/* TENTATIVE CODE | END */ - - - -/* TENTATIVE CODE | INDEX PAGE LAYOUT */ -.p-dashboards-show .cc-second .cc-inner { - display: none; -} - -/* FIX: index landscape layout (issue: #9) */ -@media screen and (max-width: 767px) and (orientation: landscape) { - .p-dashboards-show .cc-second .c-forum { - width: 100%; - } - .p-dashboards-show .cc-second .c-forum .b-forums, - .p-dashboards-show .cc-second .c-forum .contests - { - float: left; - width: 48%; - } - .p-dashboards-show .cc-second .c-forum .b-forums { - margin-right: 4%; - } -} - -@media only screen and (min-width: 768px) { - .p-dashboards-show .cc-second { - float: right; - width: 30.33333%; - } - .p-dashboards-show .cc-second > .cc-inner { - display: block; - float: none; - width: 100%; - margin: 0; - } - .p-dashboards-show .cc-second > .c-forum { - float: none; - width: 100%; - } - .p-dashboards-show .cc-second > .cc-inner > .c-content, - .p-dashboards-show .cc-second > .cc-inner > .c-my_list { - float: none; - width: 100%; - padding: 0; - } - .p-dashboards-show .cc-second { - margin-bottom: 0; - } - .p-dashboards-show .cc-second .c-forum > .b-forums, - .p-dashboards-show .cc-second .c-forum > .block:last-child { - margin-bottom: 1.5rem; - } - /* Настройки для экранов больше 768 */ - .p-dashboards-show .cc-second .cc-inner { - display: none; /* Скрываем блоки: Мой лист и Быстрые ссылки Аниме/Манга */ - } - .p-dashboards-show .cc-second .cc-inner > .c-content { - /* display: none; /* Скрываем блоки: Быстрые ссылки Аниме/Манга */ - } - .p-dashboards-show .cc-second .cc-inner > .c-my_list { - /* display: none; /* Скрываем блоки: Мой лист */ - } - .p-dashboards-show .cc-second .cc-inner >.b-forums { - /* display: none; /* Скрываем блоки: Темы форума */ - } -} -/* TENTATIVE CODE | END */ - - - -/* TENTATIVE CODE | RIGHT SIDEBAR */ -@media screen and (max-width: 767px), - screen and (max-width: 1024px) and (min-width: 768px) and (orientation: portrait) { - .l-menu { - position: fixed !important; - top: 0; - right: 0; - width: 25rem !important; - max-width: calc(100% - 3.5rem); - height: 100%; - background-color: #FFFFFF; /* #FFFFFF / #424242 */ - z-index: 100; - padding: 4.5rem 1rem 1.5rem; - box-shadow: 0 2px 3px 1px rgba(0, 0, 0, .24); - overflow-y: auto; - transform: translateX(100%); - transition: .25s ease; - } - .l-page.menu-expanded .l-menu { - transform: translateX(0); - } - .menu-slide-outer .l-content { - margin-left: 0 !important; - } -} -/* TENTATIVE CODE | END */ - - - -/* TENTATIVE CODE | PROFILE CONTENT */ -.p-profiles .lifetime { - margin-bottom: 0; - min-height: 0; -} -.p-profiles .lifetime .bar, -.p-profiles .lifetime .times, -.p-profiles .profile-content .activity .title { - display: none; -} -.p-profiles .lifetime .title > .label { - font-size: 0; - line-height: 0; -} -.p-profiles .lifetime .title > .label:before { - display: block; - font-size: 0.875rem; - line-height: 1rem; -} -.p-profiles.locale-ru .lifetime .title > .label:before { - content: 'Активность'; -} -.p-profiles.locale-en .lifetime .title > .label:before { - content: 'Time spent'; -} -.p-profiles .lifetime .title .value { - height: 16px; - margin-top: 0; - line-height: 16px; -} -.p-profiles .profile-content .cc-2 .c-right .cc-2a { - margin-bottom: 16px !important; -} -@media (min-width: 768px) { - .p-profiles .profile-content .graph { - height: 155px; - } - .p-profiles .profile-content .cc-2 > .c-column { - width: 100%; - margin-bottom: 1rem; - } - .p-profiles .profile-content .cc-2 .activity { - padding-bottom: 1rem; - } -} -@media (min-width: 960px) { - .p-profiles .profile-content .cc-2 { - position: relative; - } - .p-profiles .profile-content .cc-2 .c-left { - width: 77%; - min-height: 220px; - padding-right: 3.5rem; - margin-bottom: 1.5rem; - } - .p-profiles .profile-content .cc-2 .c-right .cc-2a { - position: absolute; - top: 0; - right: 0; - width: 23%; - margin-top: -244px; - } - .p-profiles .profile-content .cc-2 .c-right .cc-2a > .c-column { - clear: both; - width: 100%; - margin: 0; - } -} -/* TENTATIVE CODE | END */ From 918ca6b1101790a622e8168ee4c5e43e7c4ee6e3 Mon Sep 17 00:00:00 2001 From: grin3671 Date: Sat, 3 Jun 2017 20:47:49 +0300 Subject: [PATCH 15/19] Delete profile-cover.css --- part/profile-cover.css | 100 ----------------------------------------- 1 file changed, 100 deletions(-) delete mode 100644 part/profile-cover.css diff --git a/part/profile-cover.css b/part/profile-cover.css deleted file mode 100644 index 0222ace..0000000 --- a/part/profile-cover.css +++ /dev/null @@ -1,100 +0,0 @@ -/** - * PROFILE COVER - */ - -@media screen and (min-width: 320px) { - .p-profiles .profile-head .c-brief { - background-color: #fff; - box-shadow: 0 2px 8px 2px rgba(0,0,0,.24); - } - - .p-profiles .profile-head .c-brief:before { - content: ''; - display: block; - height: 0; - padding-bottom: 56.25%; - background-color: #ddd; - background-image: url(https://i.ytimg.com/vi/SnkDLYf8mro/maxresdefault.jpg); - background-position: top center; - background-size: cover; - } -} - -@media screen and (min-width: 480px) { - .p-profiles .profile-head .c-brief .avatar { - position: absolute; - top: auto; - right: auto; - bottom: 0; - left: 0; - max-width: 148px; - margin: 1.5rem; - z-index: 2; - } - - .p-profiles .profile-head .c-brief .avatar img { - width: 120px; - } - - .p-profiles .profile-head .c-brief header { - position: absolute; - top: auto; - right: 0; - bottom: 0; - left: 0; - min-height: 112px; - padding: 1rem 1.5rem 1rem calc(4rem + 148px); - margin: 0; - background: inherit; - z-index: 1; - } -} - -@media screen and (min-width: 600px) { - .p-profiles .profile-head .c-brief { - max-height: 380px; - margin: -3rem -1rem 1rem; - background-color: inherit; - box-shadow: none; - } - - .p-profiles .profile-head .c-brief:before { - height: 9999px; - max-height: inherit; - padding-bottom: 0; - } - - .p-profiles .profile-head .c-brief .avatar { - max-width: 160px; - } - - .p-profiles .profile-head .c-brief .avatar img { - width: 160px; - box-shadow: 0 2px 8px 1px rgba(0,0,0,.16); - } - - .p-profiles .profile-head .c-brief header { - padding: 1rem 1.5rem 1rem calc(4.5rem + 160px); - } -} - -@media screen and (min-width: 960px) { - .p-profiles .profile-head .c-brief { - max-height: 504px; - margin: -1rem -1rem 1rem; - } - .p-profiles .profile-head .c-info { - width: 77%; - padding-right: 2.5rem; - } - - .p-profiles .profile-head .c-history { - float: none; - position: absolute; - right: 0; - top: 392px; - width: 23%; - margin: .5rem 0; - z-index: 3; - } -} \ No newline at end of file From b138fd3d12ce1c32aa26ae16ad44af1d987bd448 Mon Sep 17 00:00:00 2001 From: grin3671 Date: Sat, 3 Jun 2017 20:48:16 +0300 Subject: [PATCH 16/19] Delete right-sidebar.css --- part/right-sidebar.css | 29 ----------------------------- 1 file changed, 29 deletions(-) delete mode 100644 part/right-sidebar.css diff --git a/part/right-sidebar.css b/part/right-sidebar.css deleted file mode 100644 index d33c06e..0000000 --- a/part/right-sidebar.css +++ /dev/null @@ -1,29 +0,0 @@ -/** - * Right Sidebar - * MIT License - * Copyright (c) 2017 grin3671 - */ -@media (max-width: 1024px) { - .l-menu { - position: fixed !important; - top: 0; - right: 0; - width: 25rem !important; - max-width: calc(100% - 3.5rem); - height: 100%; - background-color: #fff; /* #fff */ - z-index: 100; - padding: 4.5rem 1rem 1.5rem; - box-shadow: 0 2px 3px 1px rgba(0,0,0,.24); - overflow-y: auto; - transform: translateX(100%); - transition: .25s ease; - } - .l-page.menu-expanded .l-menu { - transform: translateX(0); - } - .menu-slide-outer .l-content { - margin-left: 0 !important; - } -} -/* END of Right Sidebar */ From c8fdb8e8bb6b91d725ac310fcb633b77f0adca25 Mon Sep 17 00:00:00 2001 From: grin3671 Date: Sat, 3 Jun 2017 20:48:47 +0300 Subject: [PATCH 17/19] Delete profile-head.css --- part/profile-head.css | 285 ------------------------------------------ 1 file changed, 285 deletions(-) delete mode 100644 part/profile-head.css diff --git a/part/profile-head.css b/part/profile-head.css deleted file mode 100644 index 6eed376..0000000 --- a/part/profile-head.css +++ /dev/null @@ -1,285 +0,0 @@ -/** - * PROFILE HEAD - * Adaptive profile header includes: avatar, history, information, anime/manga bars. - */ - -.p-profiles .profile-head { - position: relative; - overflow: visible; -} - -.p-profiles .profile-head { - min-height: 216px; - padding-top: 3rem; - margin-top: -1rem; - background-color: #FAFAFA; -} - -.p-profiles .profile-head .c-brief { - position: relative; - margin: -3rem -1rem 1rem; - overflow: hidden; -} - -.p-profiles .profile-head .c-brief:before { - content: ''; - display: block; - height: 0; - padding-bottom: 0; -} - -.p-profiles .profile-head .c-brief .avatar > img, -.p-profiles .profile-head .c-history { - display: none; -} - -@media screen and (min-width: 320px) { - .p-profiles .profile-head .c-mobile-actions { - display: none; - } - - .p-profiles .profile-head .c-brief:before { - content: ''; - display: block; - height: 0; - padding-bottom: 34%; - } - - .p-profiles .profile-head .c-brief .avatar { - float: none; - max-width: 100%; - margin: 0 auto; - margin-top: -17%; - } - - .p-profiles .profile-head .c-brief .avatar > img { - display: block; - width: 36%; - max-width: 10rem; - min-width: 5rem; - margin: auto; - } - - .p-profiles .profile-head .c-brief .avatar .profile-actions { - display: block; - position: absolute; - width: 100%; - padding: 0 .5rem; - margin: 0 auto; - margin-top: -15%; - text-align: left; - } - - .p-profiles .profile-head .c-brief .avatar .profile-actions > a:first-child { - float: right; - margin: 0 .25rem; - } - - .profile-actions .fav-add, - .profile-actions .fav-remove { - float: right; - } - - .p-profiles .profile-head .c-brief header { - clear: both; - text-align: center; - } -} - - -@media screen and (min-width: 320px) and (max-width: 959px) { - .p-profiles .profile-head .c-history { - display: block; - position: absolute; - top: 0; - right: 0; - left: 0; - width: auto; - padding: 0 1rem; - margin: 0 -1rem; - background-color: rgba(0,0,0,.48); - white-space: nowrap; - overflow-x: auto; - z-index: 1; - } - - .p-profiles .profile-head .c-history > .subheadline { - display: inline-block; - vertical-align: top; - } - - .p-profiles .profile-head .c-history > .subheadline > a { - color: #eee !important; - } - - .p-profiles .profile-head .c-history > .subheadline > a:before { - display: none; - } - - .p-profiles .profile-head .c-history > .block-list { - display: inline-block; - vertical-align: top; - padding: .5rem; - margin-left: .5rem; - } - - .p-profiles .profile-head .c-history .entry { - display: inline-block; - vertical-align: top; - min-width: 112px; - height: 2rem; - padding-right: .5rem; - padding-left: .5rem; - margin-left: .5rem; - } - - .p-profiles .profile-head .c-history .entry:before { - display: none; - } - - .p-profiles .profile-head .c-history .entry .image-name { - float: left; - width: 32px; - height: 32px; - margin: -8px 8px -8px -8px; - border-radius: 50%; - font-size: 0; - line-height: 0; - overflow: hidden; - } - - .p-profiles .profile-head .c-history .entry span.misc { - display: none; - } - - @media screen and (min-width: 600px) { - .p-profiles .profile-head .c-history { - padding: .25rem 1rem; - } - } -} - - -@media screen and (max-width: 767px) and (min-width: 481px), screen and (max-width: 767px) and (orientation: landscape) { - .p-profiles .profile-head .c-history .entry:first-child { - display: inline-block; - } -} - - -@media screen and (min-width: 360px) { - .profile-actions .settings, - .profile-actions .fav-add, - .profile-actions .fav-remove, - .profile-actions .ignore-add, - .profile-actions .ignore-remove, - .profile-actions .ban { - margin-left: .25rem; - } -} - - -@media screen and (min-width: 360px) and (max-width: 599px) { - .p-profiles .profile-head .c-mobile-actions { - display: none; - } - - .p-profiles .profile-head .c-brief .avatar .profile-actions { - display: block; - } -} - - -@media screen and (min-width: 480px) { - .p-profiles .profile-head .c-brief .avatar .profile-actions { - position: static; - width: auto; - padding: 0; - margin-top: 1rem; - margin-right: -12px; - margin-left: -12px; - text-align: center; - } - - .p-profiles .profile-head .c-brief .avatar .profile-actions > a:first-child { - float: none; - margin: 0; - } - - .profile-actions .fav-add, - .profile-actions .fav-remove { - float: none; - } - - .p-profiles .profile-head .c-brief:before { - padding-bottom: 48px; - } - - .p-profiles .profile-head .c-brief .avatar { - float: left; - position: relative; - max-width: 172px; - margin: 1rem 1rem 1rem .5rem; - } - - .p-profiles .profile-head .c-brief .avatar img { - width: 120px; - } - - .p-profiles .profile-head .c-brief header { - clear: none; - padding: 1rem 0; - text-align: left; - } -} - - -@media screen and (min-width: 600px) { - .p-profiles .profile-head .c-brief { - margin: -3rem -1rem 0; - overflow: hidden; - } - - .p-profiles .profile-head .c-brief .avatar img { - width: 160px; - } - - .p-profiles .profile-head .c-brief .avatar .profile-actions { - display: block; - } -} - -@media screen and (min-width: 768px) { - .p-profiles .profile-head .c-brief { - overflow: visible; - } -} - -@media screen and (min-width: 960px) { - .p-profiles .profile-head { - padding-top: 0; - margin-top: 0; - } - - .p-profiles .profile-head .c-brief { - max-height: 504px; - margin: 0; - overflow: visible; - } - - .p-profiles .profile-head .c-brief:before { - padding-bottom: 0; - } - - .p-profiles .profile-head .c-brief .avatar { - margin: 1rem 2rem 1rem 0; - } - - .p-profiles .profile-head .c-info { - margin-bottom: 1.5rem; - } - - .p-profiles .profile-head .c-history { - display: block; - } -} From 9d4a2a535a875e0b0f4d7a15703d14a9a26420af Mon Sep 17 00:00:00 2001 From: grin3671 Date: Sat, 3 Jun 2017 20:48:56 +0300 Subject: [PATCH 18/19] Delete profile-content.css --- part/profile-content.css | 80 ---------------------------------------- 1 file changed, 80 deletions(-) delete mode 100644 part/profile-content.css diff --git a/part/profile-content.css b/part/profile-content.css deleted file mode 100644 index bbbe621..0000000 --- a/part/profile-content.css +++ /dev/null @@ -1,80 +0,0 @@ -/** - * PROFILE CONTENT - * Change layout Activity, Friends, Clubs, Favorites blocks - */ - -.p-profiles .lifetime { - margin-bottom: 0; - min-height: 0; -} - -.p-profiles .lifetime .bar, -.p-profiles .lifetime .times, -.p-profiles .profile-content .activity .title { - display: none; -} - -.p-profiles .lifetime .title > .label { - font-size: 0; - line-height: 0; -} - -.p-profiles .lifetime .title > .label:before { - content: 'Активность'; - display: block; - font-size: 0.875rem; - line-height: 1rem; -} - -.p-profiles .lifetime .title .value { - height: 16px; - margin-top: 0; - line-height: 16px; -} - -.p-profiles .profile-content .cc-2 .c-right .cc-2a { - margin-bottom: 16px !important; -} - -@media (min-width: 768px) { - .p-profiles .profile-content .graph { - height: 155px; - } - - .p-profiles .profile-content .cc-2 > .c-column { - width: 100%; - margin-bottom: 1rem; - } - - .p-profiles .profile-content .cc-2 .activity { - padding-bottom: 1rem; - } -} - - -@media (min-width: 960px) { - .p-profiles .profile-content .cc-2 { - position: relative; - } - - .p-profiles .profile-content .cc-2 .c-left { - width: 77%; - min-height: 220px; - padding-right: 2.5rem; - margin-bottom: 1.5rem; - } - - .p-profiles .profile-content .cc-2 .c-right .cc-2a { - position: absolute; - top: 0; - right: 0; - width: 23%; - margin-top: -244px; - } - - .p-profiles .profile-content .cc-2 .c-right .cc-2a > .c-column { - clear: both; - width: 100%; - margin: 0; - } -} \ No newline at end of file From 7de6c912ef90f3e005ff0e30899164c656158dbd Mon Sep 17 00:00:00 2001 From: grin3671 Date: Sat, 3 Jun 2017 20:52:14 +0300 Subject: [PATCH 19/19] Update README.md --- README.md | 36 ++++-------------------------------- 1 file changed, 4 insertions(+), 32 deletions(-) diff --git a/README.md b/README.md index 44b28f2..db01e7c 100644 --- a/README.md +++ b/README.md @@ -8,9 +8,7 @@ * [Темная тема](../master/beta/theme-dark.css) * [Темная тема + Обложка](../master/beta/theme-dark-cover.css) -Выберите подходящий вам готовый вариант, скопируйте исходный код в настройки вашего профиля. - -**Важно!** Все свои изменения указывайте в конце стиля в разделе "Мои настройки": +Выберите подходящий вам готовый вариант, скопируйте исходный код в настройки вашего профиля. Все свои настройки указывайте в конце стиля в разделе "Мои настройки": ```css /* МОИ НАСТРОЙКИ */ @@ -25,44 +23,18 @@ ```css /* Моя обложка в профиле */ .p-profiles .profile-head[data-user-id = "2727"] .c-brief:before { + /* background-image: url(//i.imgur.com/bd8W6VB.jpg); /* Пример */ background-image: url(); /* Моя обложка */ background-position: center; } ``` -## Расширенная установка -Если вы хотите установить тему, используя свои цвета для оформления сайта, вам следует использовать расширенную установку вместо исправления цветов в готовых стилях. Старайтесь придерживаться следующей структуры стиля при сборке своей темы: - -###### Структура стиля -1. Копирайт -2. Настройки шрифта -3. Настройки цвета -4. Основной файл стиля -5. Обложка ¹ -6. Экспериментальные функции ¹ -7. Дополнительные части ¹ -8. "Мои настройки" - -> ¹ Если необходимы. - -###### Настройки цвета -Следующий файл содержит настройки почти всех цветов сайта, доступных для изменения с помощью переменных языка `Sass`: -> https://github.com/grin3671/shiki-theme/blob/master/custom/color.sass - -Используйте сайт http://sassmeister.com, чтобы конвертировать `Sass` в `CSS`. В меню сайта "Options" смените синтаксис "Syntax" на `Sass`. Готовый код можно скопировать в "Мои настройки", но, так как размер кода слишком большой, лучше заменить им [эту](../master/beta/theme-light.css#L43-L1394) часть готового стиля. - -###### Прочее -Остальные части темы можно скопировать из готовой темы. - ## Дополнения -Некоторые задумки, к сожалению, не включены в основную тему из-за неопределенного влияния на остальной дизайн или недостаточного тестирования, однако они могут быть весьма полезны и удобны при ежедневном использовании темы. Список: +Некоторые задумки, к сожалению, не включены в основную тему из-за неопределенного влияния на остальной дизайн или недостаточного тестирования, однако они могут быть весьма полезны и удобны. Список: * [Шрифт Roboto](../master/part/font-roboto.css) > Для темы больше подходит шрифт Roboto, однако это он может долго грузится на медленном интернете. -* [Правый сайдбар](../master/part/right-sidebar.css) - - > Замена слайдинга сайта на удобную фиксированную боковую панель. ## Превью Альбом со скриншотами темы: https://imgur.com/a/tc7uV @@ -71,6 +43,6 @@ В тестировании темы принимало участие большое количество пользователей, отзывы которых помогли довести дело до победного конца и сделать тему действительно приятной для использования. Большое вам спасибо! ### Поддержать проект -Поддержать создание темы можно сообщив о найденных ошибках и неточностях [автору](https://shikimori.org/grin3671), либо материально: +Поддержать создание темы можно сообщив о найденных ошибках и неточностях [автору](https://shikimori.org/grin3671) или создав issue, либо материально: Яндекс.Деньги: `41001258665103`