/* AUTO=body_background */ body { background: url(/assets/background/scribble_light.png) repeat; }
#submit_style { position: fixed; bottom: 0; right: 0; margin: 5rem; z-index: 1000; } .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; } 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; } } a { color: #2196F3; } a:hover { color: #FF4081; } @media only screen and (min-width: 1025px) { a:active { color: #F50057; } } .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-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, .b-animes-menu .menu-topics-block a.entry .name, .b-animes-menu .menu-topics-block .history-entry-tooltip .tooltip-details a { 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-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 .b-contest_match .prev-match:hover, .p-contests .b-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, .b-animes-menu .menu-topics-block a.entry:hover .name, .b-animes-menu .menu-topics-block a.entry .name:hover, .b-animes-menu .menu-topics-block .history-entry-tooltip .tooltip-details a: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, .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: #F50057; } @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-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 .b-contest_match .prev-match:active, .p-contests .b-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, .b-animes-menu .menu-topics-block a.entry .name:active, .b-animes-menu .menu-topics-block .history-entry-tooltip .tooltip-details a:active { color: #F50057; border-bottom-color: rgba(245, 0, 87, 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: #F50057; } } @media only screen and (max-width: 767px) and (min-width: 1025px) { .b-options-floated.mobile-phone a:active { color: #F50057; } } @media only screen and (max-width: 1024px) and (min-width: 1025px) { .b-options-floated.mobile-tablet a:active { color: #F50057; } } body { background-color: #303030; } .l-page, .c-actions:before, .p-contests .b-contest_match .vs .label, .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); } 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, .b-external_link .linkeable, .b-external_link a { 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-contest_match .vs .hint, .b-contest_match .vs .invitation, .b-contest_match .vs .label, .b-contest_match .vs .thanks, .b-contest_match .vs .vote-abstained, .b-contest_match .vs .vote-voted, .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, .b-collection_search .field .clear:hover { 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 .b-contest_match .prev-match:hover, .p-contests .b-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-comment > .inner header .name-date .time, .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, .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 > .inner header .name-date .time, .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 .b-contest_match .vs, .p-contests .match-day .matches-num, .p-contests .rating .member .position, .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, .b-collection_search .field .clear { 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 .b-contest_match .prev-match, .p-contests .b-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; } } header.head a.edit, header.head .misc, .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-db_entry > .c-about .additional-links .line-container > a:after, .b-db_entry > .c-about .additional-links .line-container > .link:after, .b-db_entry-note .name-container .note span:after, .b-db_entry-note .name-container .note .relation + .additional:after, .b-db_entry-note .name-container .note .relation + .additional:before, .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-review_votes span, .b-separator, .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, .b-user.detailed .history .line .date, .b-video_variant .episode-hostings:after, .b-video_variant .episode-hostings:before, .b-video_variant .video-hosting:after, .b-video_variant .video-hosting:before, .b-video_variant .video-kind.english:before, .b-video_variant .video-language:after, .b-video_variant .video-language:before, .p-anime_videos-index .c-videos .video-variant-switcher:not(:first-child):after, .p-contests-index .contest .date, .p-moderations-missing_videos .missing-video > .info, .p-moderations-show .b-list .size:after, .p-moderations-show .b-list .size:before, .p-profiles .profile-head .c-brief header .notice span:after, .p-profiles .profile-head .c-info .c-additionals div:after, .p-statistics-index .forum-nav .sections a:after, .p-topics .l-menu .contests .contest .notice, .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 { 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; } 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 .b-contest_match .votes-percents .right-part, .p-contests .b-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 .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, .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, .p-user_rates-index .list-posters .user_rate .edit-user_rate:hover { background-color: #2196F3; } @media screen and (max-width: 1024px) { .p-user_rates-index .list-posters .user_rate .edit-user_rate { background: #2196F3; } } .p-contests .b-contest_match .votes-percents .right-part, .p-contests .b-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-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: #1d84d6; } .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, .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; } .menu .unread-count, .menu:hover .unread-count, .menu .contest, .menu:hover .contest, .p-contests .b-contest_match .votes-percents .left-part, .p-contests .b-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-color: #FF4081 !important; } .p-profiles-show .b-stats_bar.manga a.title:hover { background-color: rgba(255, 64, 129, 0.12); } html.turbolinks-progress-bar:before, .turbolinks.turbolinks-progress-bar::before { background: #FF4081 !important; box-shadow: 0 0 10px rgba(255, 64, 129, 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 { border-bottom: 2px solid #FF4081; } .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: #FF4081; } .b-list_switchers > .switcher.selected, .editor-controls > span.selected, .p-profiles-show .b-stats_bar.manga a.title { color: #FF4081 !important; } .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; } input, 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 .b-contest_match .prev-match:hover, .p-contests .b-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; } input, h3, select, .b-input input, .b-input textarea, .b-pages, .b-quote, .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-tooltipped:not(a), .b-topic, .b-topic-preview > .inner .status-line .additional, .l-page .menu-toggler .toggler, .p-dashboards-show .cc-news .c-generated_news .b-topic, .p-topics header h1 a.reload, .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; } .p-club_pages .new_comment .preview .b-comment .inner header, .p-club_pages .edit_comment .preview .b-comment .inner header { display: block; } .b-animes-menu .menu-topics-block .history-entry-tooltip .tooltip-details a { 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; } } 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; text-align: center; } .l-footer:before { display: block; float: left; position: static; left: auto; bottom: auto; width: auto; height: auto; background: none; font-size: .6875rem; } body[data-user*=":2727,"] .l-footer:before { } .l-footer:before, .l-footer .copyright { padding: .5rem 0 0; font-family: inherit; line-height: 1rem; } .l-footer:after { display: none; } .l-footer .links { clear: both; display: inline-block; padding: .5rem 0; font: inherit; font-size: .75rem; line-height: 1rem; text-align: center; } .l-footer .links a:last-child { margin: 0; } @media (min-width: 960px) { .l-page, .l-footer { padding-right: 1.5rem; padding-left: 1.5rem; } } .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, .p-animes-show .cc-related-authors > .c-column, .p-mangas-show .cc-related-authors > .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, .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; } @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; } .l-page .menu-slide-outer:not(.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: hidden; } } .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: .1875rem solid; border-right-color: transparent; border-radius: 50%; color: #2196F3; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; box-sizing: border-box; pointer-events: all; } .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: #2196F3; } .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; margin-bottom: .25rem; } .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; 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, .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; 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'; } .b-modal > .inner { padding: 1rem 1.5rem; border-radius: .125rem; box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.24); } .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); } .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; } 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: #2196F3; 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; } .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; } .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; } .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 { top: 0; right: 0; width: 2rem; padding: .4375rem; background: transparent; border-radius: 50%; color: inherit; font-size: 1.125rem; } .tooltip-inner .close:after { content: 'close'; } .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; } .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, .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; -moz-backface-visibility: hidden; backface-visibility: hidden; } .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, 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; } .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-top_menu { padding: 4px 0; } @media screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape) { .l-top_menu { padding: 0; } .l-page { padding-top: 64px; } } @media screen and (min-width: 961px) and (orientation: landscape) { .l-top_menu { padding: 4px 0; } } @media (min-width: 960px) { .l-top_menu .inner { padding: 0 .5rem; } } .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; } .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; left: 0; width: calc(100% - 56px); max-width: 320px; height: calc(100vh + 16px); padding: 8px 0; margin: -8px 0; overflow-y: auto; z-index: 13; } .l-top_menu .menu-items { display: block; -webkit-transform: translate(-110%, 0); -ms-transform: translate(-110%, 0); transform: translate(-110%, 0); transition: 240ms ease-out; } .l-top_menu .menu-items.active { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } @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 .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; } .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: 3rem; height: 3rem; padding: .9375rem !important; margin: 0; background: transparent; border-radius: .125rem; } .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; } } .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:after { content: attr(data-count); position: absolute; top: .125rem; right: .125rem; width: 1.25rem; background-color: #FF4081; 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: 0; right: 0; } } @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.125rem; } } .x1000 .l-top_menu .menu-items > .entry > a, .x1000 .l-top_menu .menu-items > .entry.sign_out { padding: 1rem 0.75rem; } .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-family: inherit; 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; } } .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; } .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); } .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; } } .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; } } .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; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; 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'; } .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; } .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; } } .p-contests .match-container.b-ajax:after { z-index: 10; } .p-contests .b-contest_match { padding: 16px 0; margin-bottom: 0; } .p-contests .b-contest_match .current-match .match-members:last-child { margin-bottom: 0 !important; } .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-size: 18px; font-weight: normal !important; } .p-contests .match-day .match-link .created:before { color: #9B9B9B; content: "lock"; padding-right: 0; } .p-contests .match-day .match-link .started:before, .p-contests .match-day .match-link.voted-abstain .started:before { content: "check_box_outline_blank"; color: #757575; } .p-contests .match-day .match-link.voted-abstain .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 .b-contest_match .votes-percents { border-radius: 4px; font-size: 14px; line-height: 24px; } .p-contests .b-contest_match .votes-percents span { float: left; position: relative; white-space: nowrap; z-index: 1; } .p-contests .b-contest_match .votes-percents .left-part { position: relative; border-radius: inherit; padding-left: 8px; } .p-contests .b-contest_match .votes-percents .left-part > span { color: #212121; } .p-contests .b-contest_match .votes-percents .right-part { position: absolute; top: 0; right: 0; padding-right: 8px; } .p-contests .b-contest_match .votes-percents .right-part span { float: right; } .p-contests .b-contest_match .votes-percents .left-part, .p-contests .b-contest_match .votes-percents .right-part { height: auto; } .p-contests .b-contest_match .votes-percents .right-part:before { left: -24px; border-right-width: 24px; border-top-width: 48px; } .p-contests .b-contest_match .votes-percents .left-part:hover .right-part:before { border-right-width: 24px; } .p-contests .b-contest_match .votes-percents .right-part:before, .p-contests .b-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; } .b-contest_match .vs .action { display: inline-block; vertical-align: top; min-width: 112px; padding: 0; margin: .25rem 0; background-color: transparent; border-radius: 2px; font-size: .875rem; font-weight: 700; text-align: center; text-transform: uppercase; transition: 0.16s cubic-bezier(0.4, 0, 0.6, 1); user-select: none; } .b-contest_match .vs .action:hover { background-color: rgba(33, 150, 243, 0.12); } .b-contest_match .vs .action:active { background-color: rgba(33, 150, 243, 0.24); } .b-contest_match .vs .actions .action span { padding: 0 1rem; line-height: 2rem; } .b-contest_match .vs .actions .action span, .b-contest_match .vs .actions .action span:hover, .b-contest_match .vs .actions .action span:active { color: #2196F3; border: 0; -webkit-tap-highlight-color: transparent; } .b-contest_match .current-match .match-members .match-member > .b-catalog_entry.yellow-fade { background: transparent; outline-color: transparent; } @media (min-width: 481px) { .p-contests .b-contest_match .prev-match:hover, .p-contests .b-contest_match .next-match:hover { background-color: transparent; } } @media only screen and (min-width: 768px) { .b-contest_match .vs { font-size: inherit; } .b-contest_match .vs .label { font-family: inherit; font-size: 64px; } } @media (max-width: 480px) { .p-contests .b-contest_match .prev-match, .p-contests .b-contest_match .next-match { position: absolute; left: 0; width: auto; padding: 8px; border-radius: 2px; line-height: 32px; z-index: 2; } .p-contests .b-contest_match .next-match { right: 0; left: auto; } .p-contests .b-contest_match .next-match:before { margin: 0; } .p-contests .b-contest_match .prev-match:before, .p-contests .b-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; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; } .p-contests .b-contest_match .prev-match:before { content: 'chevron_left'; } .p-contests .b-contest_match .next-match:before { content: 'chevron_right'; } .p-contests .b-contest_match .current-match { clear: both; padding: 0; } .p-contests .b-contest_match .current-match .match-members { padding-top: 96px; margin-bottom: 4px; } .p-contests .b-contest_match .current-match .match-member { position: relative; width: 48%; z-index: 2; } .p-contests .b-contest_match .current-match .match-member:first-child { float: left; } .p-contests .b-contest_match .current-match .match-member:last-child { float: right; } .p-contests .b-contest_match .match-losers { display: block; padding: 0; } .p-contests .b-contest_match .vs { position: absolute; top: 0; width: 100%; padding: 3rem 0 0; margin: 0; font-size: inherit; } .b-contest_match .vs .actions { position: absolute; top: 0; left: 0; right: 0; font-size: inherit; } .b-contest_match .vs .action:nth-child(2) { display: none; } .b-contest_match .vs .invitation, .b-contest_match .vs .vote-voted, .b-contest_match .vs .vote-abstained, .b-contest_match .vs .thanks, .b-contest_match .vs .hint { font-size: 1rem; line-height: 40px; margin: 0; } .b-contest_match .vs .thanks { position: absolute; top: 0; right: 0; left: 0; } .b-contest_match .vs .vote-abstained[style="display: none;"] ~ .thanks { display: none !important; } .b-contest_match .vs .label { display: inline-block; position: absolute; top: 192px; 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; } } @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; } } .b-poll { margin: .5rem 0; line-height: inherit; } .b-poll .poll { margin-bottom: .0; } .b-poll .poll-variants { padding: .5em 0; margin: 0; } .b-poll .poll-variants .poll-variant { line-height: 1.5em; margin-bottom: .5em; } .b-poll .poll-variants .poll-variant.result { margin-bottom: .75em; } .b-poll .poll-variants .poll-variant label { margin-bottom: .25em; } .b-radio input[type="radio"] + .radio-label:before { content: ''; display: inline-block; vertical-align: top; position: relative; width: 18px; height: 18px; margin: 3px 18px 0 0; border-radius: 100%; border: 1.5px solid #2196F3; box-sizing: border-box; box-shadow: 0 0 0 2.75px #303030 inset; text-align: center; cursor: pointer; } .b-radio input[type="radio"]:checked + .radio-label:before { width: 18px; height: 18px; background-color: #2196F3; border: 1.5px solid #2196F3; } .b-poll .poll-actions .vote, .b-poll .poll-actions .abstain { display: inline-block; vertical-align: top; min-width: 112px; padding: 0 1rem; margin: .375rem 0; background-color: #2196F3; border-radius: 2px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.24); font-size: .875rem; font-weight: 700; line-height: 2.25rem; text-align: center; text-transform: uppercase; transition: 0.16s cubic-bezier(0.4, 0, 0.6, 1); } .b-poll .poll-actions .vote:not(:last-child), .b-poll .poll-actions .abstain:not(:last-child) { margin-right: .5rem; } .b-poll .poll-actions .vote:hover, .b-poll .poll-actions .abstain:hover { background-color: #1d84d6; box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.24), 0 3px 12px 2px rgba(0, 0, 0, 0.16); } @media (min-width: 960px) { .b-poll .poll-actions .vote, .b-poll .poll-actions .abstain { margin-top: .5rem; margin-bottom: .5rem; box-shadow: none; font-size: .8125rem; line-height: 2rem; } .b-poll .poll-actions .vote:hover, .b-poll .poll-actions .abstain:hover { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.24); } } .b-poll .poll-variants .poll-variant.result .votes-percent, .b-poll .poll-variants .poll-variant.result .votes-total { line-height: inherit; font-size: .75em; } .b-poll .poll-variants .poll-variant.result .votes-percent { color: #9E9E9E; margin-right: 1em; } .b-poll .poll-variants .poll-variant.result .votes-total { color: #BDBDBD; margin-left: 1em; } .b-poll .poll-variants .poll-variant.result label .voted-for { padding-left: 0; margin-left: 1em; color: #66BB6A; } .b-poll .poll-variants .poll-variant.result label .voted-for:after, .b-poll .poll-variants .poll-variant.result label .voted-for:before { display: none; } .b-poll .poll-variants .poll-variant.result .bar .line, .b-poll .poll-variants .poll-variant.result .bar .bar { height: 4px; line-height: 4px; margin-bottom: 0; border-radius: 2px; } .b-poll .poll-variants .poll-variant.result .bar .line { background-color: #757575; } .b-poll .poll-variants .poll-variant.result .bar .bar.s0, .b-poll .poll-variants .poll-variant.result .bar .bar.s1, .b-poll .poll-variants .poll-variant.result .bar .bar.s2, .b-poll .poll-variants .poll-variant.result .bar .bar.s3 { background-color: #2196F3; } .b-dialog > .inner header img, .b-message > .inner header img, .p-user_rates-index .l-menu .avatar img, .avatar > img { border-radius: 100%; } .b-catalog_entry.dropped .image-cutter { filter: grayscale(100%); } .b-db_entry { margin-bottom: 8px; } .b-db_entry-note .name-container { padding: .25rem 0; } .b-db_entry-note .name-container .name { font-size: 1rem; } .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; } .b-db_entry > .c-about .contest_winners { margin-top: 0; margin-bottom: 15px; } .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; } } @media only screen and (min-width: 768px) { .p-people-show .b-db_entry > .c-about { float: none; margin-left: 30%; overflow: hidden; } } .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: .5rem 1rem; font-size: .875rem; line-height: 1.25rem; max-height: 10rem; overflow-y: auto; } .b-user_rate .rate-show .note:before { content: 'Заметка'; display: block; font-size: 10px; } .b-forums .forum .topics { margin-left: 8px; margin-top: 0; } .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; } .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; } .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; } .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; } .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; } .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; } .b-catalog_entry.planned .image-decor::before, .b-catalog_entry.watching .image-decor::before, .b-catalog_entry.completed .image-decor::before, .b-catalog_entry.rewatching .image-decor::before, .b-catalog_entry.on_hold .image-decor::before, .b-catalog_entry.dropped .image-decor::before { display: none; } .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: 8px; bottom: 8px; width: 36px; height: auto; border: none; border-radius: 100%; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.24); color: #FFF; font-size: 22px; line-height: 36px !important; } .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"; background: #FAFAFA; color: #1976D2; } .b-catalog_entry.watching .image-decor::after { content: "play_arrow"; background: #1E88E5; } .b-catalog_entry.rewatching .image-decor::after { content: "replay"; background: #1E88E5; } .b-catalog_entry.completed .image-decor::after { content: "done"; background: #43A047; } .b-catalog_entry.on_hold .image-decor::after { content: "schedule"; background: #757575; } .b-catalog_entry.dropped .image-decor::after { content: "delete"; background: #E53935; } .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:last-child { margin-bottom: 15px; } .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; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; 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; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; 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; } } .b-animes-menu .friend-rate { line-height: 1.5rem; white-space: nowrap; } .b-animes-menu .site-icon { margin-top: .25rem; margin-right: .75rem; } .b-external_link { font-size: .875rem; line-height: 1.5rem; } .b-external_link .linkeable, .b-external_link a { display: block; margin-left: 2rem; } .b-animes-menu .b-external_link .linkeable:before, .b-animes-menu .b-external_link a:before { width: 1.125rem; height: 1.125rem; margin-top: .1875rem; margin-left: -2rem; background-size: 1.125rem; } .b-external_link .linkeable:hover, .b-external_link a:hover { text-decoration: underline; } .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; } .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-topic-minified > .inner > header, .b-generated_news-topic > .inner > header, .b-generated_news > .inner > header, .b-generated_news > .inner > .body, .p-clubs-show .b-topic-preview.mini > .inner > .body { padding-left: 0; } .edit_club .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; } @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; } } .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, .b-topic > .inner > header .about a, .b-topic > .inner > header .about > span, .b-message header .broadcast-by { display: inline-block; vertical-align: top; line-height: inherit; } .b-topic > .inner header .name-date .about, .b-message header .broadcast-by { margin-right: .5rem; } .b-message header .broadcast-by { padding: 0; font-size: .875rem; } .b-topic > .inner > header .name-date a { font-size: 1rem; } .b-topic > .inner > header .about > span { color: #9E9E9E; padding: 0 .5rem 0 0; font-size: .875rem; } .b-topic > .inner > header .about a { font-size: 1rem; } .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: 1.25; } .b-topic-preview > .inner header { margin-bottom: 0; } .b-topic-preview > .inner .status-line { margin-top: -4px; 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; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; 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; } .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; } .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; } 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; font-style: normal; font-weight: normal; text-align: left; } @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; } } .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; } #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; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; } .b-clubs-menu .b-block_list li { font-size: .875rem; } .p-clubs-show .b-topic-preview.mini { margin-bottom: .5rem; } .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-size: 1.5rem; } .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; } @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; } } .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'; } .b-collection_search .field { margin-bottom: 1.5rem; } .b-collection_search .field input { border-radius: 2px; padding: .75rem 1rem; font-size: 1rem; } .b-collection_search .field .clear { position: absolute; top: 0; right: 0; padding: .625rem; font-size: 0; line-height: 0; } .b-collection_search .field .clear:hover { text-decoration: none; } .b-collection_search .field .clear:before { content: 'clear'; position: static; font-size: 1.5rem; } .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'; } .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; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; 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; } } .p-contests .results .cc-result .c-rounds .label { font-size: .875rem; } .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; } .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; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; 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'; } .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%; } } .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; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; 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; } .p-topics header h1 a.reload:hover:after { position: static; } .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(33, 150, 243, 0.72); } .b-stats_bar.manga .bar .second { background-color: rgba(255, 64, 129, 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; } .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; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; 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; } .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; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; 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; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; 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; } } .b-catalog-entry-embedded .b-catalog_entry { margin-bottom: 0 !important; } .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; } .b-topic { margin-bottom: .5rem; } .m13 { margin-bottom: 0 !important; } .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; } .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; } .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: #2196F3; 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: #2196F3; } .p-profiles-show .lifetime .times .time.checked:before { display: none; color: #2196F3; opacity: .72; } .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; } } .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; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; 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; } div.compatibility > a:after, div.compatibility > a > span:first-child:after, div.compatibility > span.link-replacement > span:first-child:after, .p-messages .mass-actions > .action > a:after { display: block; position: absolute; right: 100%; bottom: 0; padding: 0 .75rem; margin: 0 .75rem .5rem; background-color: #616161; border-radius: .125rem; color: #eee; font-size: .875rem; line-height: 2rem; white-space: nowrap; transform: translateX(0.75rem); 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; } .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, .p-messages .mass-actions > .action > a:hover:after { opacity: .9; 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'; } .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 { 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; } .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; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; } .p-animes .item-edit:before, .p-mangas .item-edit:before, .p-profiles-show .about .item-edit:before { content: 'edit'; } .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; text-transform: initial; text-overflow: ellipsis; overflow: hidden; } .b-user16, .b-user16 a { line-height: 0 !important; } .b-user16 > span, .b-user16 > a > span { line-height: 1rem !important; } .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; } .b-quote .quoteable a.bubbled-processed { margin-right: 0.25rem !important; } .b-quote .quoteable a.bubbled-processed > img { margin-right: 0.125rem !important; } .b-user16, .b-user16 a { color: #212121 !important; } .b-source .contributors, .b-source .mal, .b-source .source { padding: 0; } .was_updated > div:first-child > span:first-child { margin-right: 0.5rem; } .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-log_entry.b-ban { padding-right: 0 !important; } .b-ban .moderator { float: right; position: static; margin: 0 0 0 .5rem; } .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; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; 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; } } .b-abuse_request .marker { margin: -5px 8px 0 0 !important; } @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"); } .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, .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, .b-collection_search .field .clear:before, .tooltip-inner .close, .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, .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 { font-family: 'Material Icons'; line-height: 1; font-weight: normal; letter-spacing: normal; text-transform: none; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; } .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; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; } .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; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; 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; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; 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; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; 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; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; 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; } .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 .text { font-size: .8125rem; line-height: 1.25rem; margin-bottom: .5rem; } .b-catalog_entry-tooltip .inner .line { font-size: .8125rem; line-height: 1.5rem; } .b-catalog_entry-tooltip .inner .line.name { line-height: 1.5rem; margin-bottom: 0; } .b-catalog_entry-tooltip .inner .rating { bottom: 0; font-family: inherit; font-size: 1.5rem; line-height: 1; } .b-catalog_entry-tooltip .inner .rating .text { margin: .5rem .5rem 0; font-size: .75rem; line-height: 1rem; } .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; } .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-upload_progress.active { height: 1.5rem; } .b-upload_progress .bar { min-width: 0; height: 4px; background-color: #2196F3; color: #FFFFFF; font-size: .875rem; border-radius: 2px; text-align: left; text-indent: 1rem; line-height: 2rem; overflow: visible; } .b-upload_progress .bar::first-letter { text-transform: uppercase; } .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; } .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; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; 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'; } } .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; } .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; } } .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 { position: relative; width: 40px; height: 40px; padding: 8px; margin: 4px; border: 0; border-radius: 2px; font-size: 0; line-height: 1; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; 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; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; 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; } .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; } } .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; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; 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; } } .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; } .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; 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; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; 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'; } .collection > .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); } .collection > .b-user.detailed:nth-child(2n+2) { margin-right: 0; } @media (min-width: 540px) { .collection > .b-user.detailed { width: 32%; margin-right: 2%; margin-bottom: 2%; } .collection > .b-user.detailed:nth-child(2n+2) { margin-right: 2%; } .collection > .b-user.detailed:nth-child(3n+3) { margin-right: 0; } } @media (min-width: 768px) { .collection > .b-user.detailed { width: 23.5%; margin-right: 2%; margin-bottom: 2%; } .collection > .b-user.detailed:nth-child(2n+2) { margin-right: 2%; } .collection > .b-user.detailed:nth-child(3n+3) { margin-right: 2%; } .collection > .b-user.detailed:nth-child(4n+4) { margin-right: 0; } } @media (min-width: 960px) { .collection > .b-user.detailed { width: 18.4%; margin-right: 2%; margin-bottom: 2%; } .collection > .b-user.detailed:nth-child(2n+2) { margin-right: 2%; } .collection > .b-user.detailed:nth-child(3n+3) { margin-right: 2%; } .collection > .b-user.detailed:nth-child(4n+4) { margin-right: 2%; } .collection > .b-user.detailed:nth-child(5n+5) { margin-right: 0; } } @media (min-width: 1200px) { .p-users.x1200 .collection > .b-user.detailed { width: 15%; margin-right: 2%; margin-bottom: 2%; } .p-users.x1200 .collection > .b-user.detailed:nth-child(2n+2) { margin-right: 2%; } .p-users.x1200 .collection > .b-user.detailed:nth-child(3n+3) { margin-right: 2%; } .p-users.x1200 .collection > .b-user.detailed:nth-child(4n+4) { margin-right: 2%; } .p-users.x1200 .collection > .b-user.detailed:nth-child(5n+5) { margin-right: 2%; } .p-users.x1200 .collection > .b-user.detailed:nth-child(6n+6) { margin-right: 0; } } .collection > .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; } .collection > .b-user.detailed:hover:before { opacity: 1; } .collection > .b-user.detailed .info, .collection > .b-user.detailed .history { clear: both; float: none; width: 100%; margin: 0; } .collection > .b-user.detailed .info .image-name { display: block; padding: 16px 0; margin: auto; text-align: center; } .collection > .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; } .collection > .b-user.detailed .info .image-name .image { clear: both; float: none; display: block; padding: 0; margin: auto auto 24px; border-radius: 100%; } .collection > .b-user.detailed .info .last-online { color: #9B9B9B; text-align: center; } .collection > .b-user.detailed .history { padding-top: 8px; margin-top: 0; font-size: 12px; line-height: 20px; } .p-dashboards-show .cc-second .cc-inner { display: none; } @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; } .p-dashboards-show .cc-second .cc-inner { display: none; } .p-dashboards-show .cc-second .cc-inner > .c-content { } .p-dashboards-show .cc-second .cc-inner > .c-my_list { } .p-dashboards-show .cc-second .cc-inner > .b-forums { } } @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; padding: 4.5rem 1rem 1.5rem; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.24); overflow-y: auto; -webkit-transform: translateX(110%); -ms-transform: translateX(110%); transform: translateX(110%); transition: .25s ease; } .l-page.menu-expanded .l-menu { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .menu-slide-outer .l-content { margin-left: 0 !important; } } .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; } } body { background-attachment: fixed; background-image: url(https://i.ytimg.com/vi/PjN8lAytpMc/maxresdefault.jpg); background-position: top center; background-size: 100%; } .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; } }