API tools faq
paste
Guest User

Untitled

a guest
Jul 5th, 2018
75
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 252.56 KB | None | 0 0
raw download clone embed print report
  1. /**
  2.  * Shikimori.org – CSS Theme v1.2.94 (stable)
  3.  * MIT License
  4.  * Copyright (c) 2016 grin3671
  5.  *
  6.  * Подробности:
  7.  * https://github.com/grin3671/shiki-theme
  8.  */
  9.  
  10.  
  11.  
  12. /* SPECIAL CODE */
  13. /* Широкое полотно стиля */
  14. .b-edit_styles > .c-column {
  15.   width: 100%;
  16. }
  17.  
  18. /* Убираем лишние элементы настроек */
  19. .page_background_color {
  20.   display: none;
  21. }
  22.  
  23. /* SPECIAL CODE | END */
  24.  
  25.  
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  
  32.  
  33.  
  34. /* FONT COLLECTION */
  35. body, input, select, button, textarea {
  36.   font-family: 'Arial', sans-serif;
  37. }
  38.  
  39. .b-show_more,
  40. .b-show_more-more .hide-more,
  41. .l-footer:before,
  42. .b-sponsors_block_3:before,
  43. .l-top_menu .inner .logo:before,
  44. .b-user_rate .rate-show .note:before,
  45. .button,
  46. .buttons,
  47. .b-contests-menu .results,
  48. .b-link_button,
  49. input[type=submit],
  50. .p-animes_collection-index .pagination,
  51. .p-mangas_collection-index .pagination,
  52. .p-recommendations-index .pagination,
  53. .p-userlist_comparer-show .pagination,
  54. .mischeadline,
  55. .c-my_list .title,
  56. .subheadline,
  57. .midheadline,
  58. .b-stats_bar .title,
  59. .profile-content .activity .title,
  60. .lifetime .title,
  61. .midheadline > a,
  62. .subheadline > a,
  63. .b-form .cancel,
  64. .b-shiki_editor footer .unpreview,
  65. .b-shiki_editor footer .preview,
  66. .p-contests .contest-match .vs .refrain,
  67. .p-contests .contest-match .votes-percents,
  68. .p-contests .contest-match .vs > div:first-child,
  69. .p-contests .contest-match .vs .next,
  70. .b-lang_trigger,
  71. .b-topic > .inner > header .about a,
  72. .b-topic-preview > .inner .status-line .b-link,
  73. .b-hot_topics .topic.subject,
  74. div.compatibility > a > span.rate,
  75. div.compatibility > span.link-replacement > span.rate,
  76. .b-abuse_marker:before,
  77. .b-broadcast_marker:before,
  78. .b-new_marker:before,
  79. .b-offtopic_marker:before,
  80. .b-summary_marker:before,
  81. .b-options-floated,
  82. .p-profiles-edit .b-options-floated > a,
  83. .p-dialogs .b-options-floated > a,
  84. .p-messages .b-options-floated > a,
  85. .b-options-floated a span.brackets,
  86. .b-options-floated .link span.brackets,
  87. .p-user_rates .mylist-block + .block > .b-list > li,
  88. .b-collection-filters > .block:first-child > .b-list > li,
  89. .b-collection-filters > .block:first-child > .b-list > li,
  90. .b-collection-filters .block-list .filter,
  91. .b-collection-filters .b-block_list .filter,
  92. .edit-page a.cancel,
  93. .b-topic-preview > .editor-container .hide,
  94. .b-button,
  95. .p-clubs-edit .pages .b-button,
  96. .p-profiles-show .lifetime .times .time.checked,
  97. .p-anime_videos-index .c-videos .video-variant-switcher {
  98.   font-weight: 700;
  99. }
  100.  
  101. .b-topic .name-date .name,
  102. .b-comment .name-date .name,
  103. .b-dialog .name-date .name,
  104. text,
  105. .highcharts-tooltip text tspan:last-child {
  106.   font-weight: 700 !important;
  107. }
  108.  
  109. @media only screen and (min-width: 768px) {
  110.   .about-bb_codes:before {
  111.     font-weight: 700 !important;
  112.   }
  113. }
  114.  
  115. @media screen and (min-width: 1025px) {
  116.   .b-entry-info .line .value {
  117.     font-weight: 400 !important;
  118.   }
  119. }
  120.  
  121. /* END of FONT COLLECTION */
  122.  
  123.  
  124.  
  125.  
  126.  
  127.  
  128.  
  129.  
  130.  
  131.  
  132. /* НАСТРОЙКА ЦВЕТОВ */
  133. /* Цвет текста ссылки по умолчанию */
  134. a {
  135.   color: #176093;
  136. }
  137.  
  138. /* Цвет ссылки при наведении */
  139. a:hover {
  140.   color: #FF5202;
  141. }
  142.  
  143. /* Цвет ссылки при нажатии */
  144. @media only screen and (min-width: 1025px) {
  145.   a:active {
  146.     color: #FF1402;
  147.   }
  148. }
  149.  
  150. .b-abuse_request .ban-form .cancel,
  151. .b-ban .abuser,
  152. .b-bb_codes-examples .example a,
  153. .b-bb_codes-examples .result a,
  154. .b-bracket-actions > div,
  155. .b-bracket-actions > span,
  156. .b-catalog_entry-tooltip .inner a.name,
  157. .b-catalog_entry-tooltip .inner .line .value a,
  158. .b-catalog_entry-tooltip .inner .line.works .value a,
  159. .b-catalog_entry .cover .title,
  160. .b-club .name,
  161. .b-comment > .inner header .name-date a.name,
  162. .b-comments .comments-collapser,
  163. .b-cosplay-topic > .inner .cosplay-info .line .value a,
  164. .b-cosplay_gallery h3 a,
  165. .b-db_entry-note .name-container .name,
  166. .b-db_entry > .c-about .additional-links .line-container > .link,
  167. .b-db_entry > .c-about .additional-links .line-container > a,
  168. .b-dialog > .inner header .name-date a.name,
  169. .b-entry-info .line a,
  170. .b-feedback-inner .about a,
  171. .b-form .variants .variant a,
  172. .b-form .cancel,
  173. .b-forums .forum .link-with-input .link,
  174. .b-forums .reload,
  175. .b-header_filters .filter-line a,
  176. .b-height_shortener .expand,
  177. .b-js-action,
  178. .b-js-link,
  179. .b-lang_trigger span,
  180. .b-link,
  181. .b-log_entry a,
  182. .b-log_entry .link,
  183. .b-log_entry .moderation a,
  184. .b-log_entry .spoiler.collapsed,
  185. .b-log_entry .spoiler.collapse,
  186. .b-log_entry .spoiler.collapse span,
  187. .b-log_entry .spoiler.collapsed span,
  188. .b-mention,
  189. .b-message > .inner header .name-date a.name,
  190. .b-nothing_here a,
  191. .b-options-floated a,
  192. .b-options-floated .link,
  193. .b-options-floated .action,
  194. .b-options-floated.mobile-desktop a,
  195. .b-person .name,
  196. .b-shiki_editor footer .unpreview,
  197. .b-shiki_editor footer .unpreview:not(.link),
  198. .b-shiki_editor footer .cancel,
  199. .b-shiki_editor footer .hide,
  200. .b-shiki_editor footer .about-bb_codes,
  201. .b-source .contributors .val a,
  202. .b-source .mal .val a,
  203. .b-source .source .val a,
  204. .b-spoiler .content .before,
  205. .b-spoiler .content .after,
  206. .b-spoiler label,
  207. .b-stats_bar a.title,
  208. .b-table a,
  209. .b-topic > .inner header .name-date a.name,
  210. .b-topic .footer-vote .vote-group .vote,
  211. .b-user.named_avatar .name,
  212. .b-user.detailed .info .image-name,
  213. .b-user.detailed .history .line a .event,
  214. .b-user16,
  215. header.head h1 a.back,
  216. header.head h2 a.back,
  217. header.head a.misc,
  218. header.head a.edit,
  219. .headline > a,
  220. .midheadline > a,
  221. .subheadline > a,
  222. .subheadline .misc-link,
  223. .b-video_player .cc-player_controls a.c-control,
  224. .b-video_player .cc-player_controls .episode-title .video-link a,
  225. .b-video_variant a,
  226. .b-animes-menu .menu-topics-block .history-entry-tooltip a,
  227. .p-animes-files .l-content a,
  228. .p-mangas-files .l-content a,
  229. div.history .block-list li .tooltip-inner a,
  230. div.history .b-block_list li .tooltip-inner a,
  231. .p-animes_collection-index .pagination .link,
  232. .p-mangas_collection-index .pagination .link,
  233. .p-recommendations-index .pagination .link,
  234. .p-userlist_comparer-show .pagination .link,
  235. .p-contests-edit .grid,
  236. .p-contests .match-day .match-link a,
  237. .p-contests .rating .member a,
  238. .p-contests .results a,
  239. .p-contests .suggestion > a,
  240. .p-contests .variant > a,
  241. .b-contests-menu .results,
  242. .b-contests-menu .grid a,
  243. .p-contests-grid .round .match a,
  244. .p-contests-index .contest a,
  245. .p-dashboards .c-my_list .list-type > .title .link,
  246. .p-dashboards .c-my_list .history > .title .link,
  247. .p-dashboards .c-my_list .list-type > .title .switch,
  248. .p-dashboards .c-my_list .history > .title .switch,
  249. .p-dashboards .user_list .list-type > .title .link,
  250. .p-dashboards .user_list .history > .title .link,
  251. .p-dashboards .user_list .list-type > .title .switch,
  252. .p-dashboards .user_list .history > .title .switch,
  253. .p-dashboards-show .midheadline .b-link,
  254. .p-dashboards-show .c-content .options .option,
  255. .p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name,
  256. .p-profiles .profile-head .c-brief header .notice a,
  257. .p-profiles .profile-head .c-mobile-actions a,
  258. .p-profiles .profile-head .c-mobile-actions span,
  259. .p-profiles .profile-head .c-info .c-additionals div a,
  260. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a,
  261. .p-profiles-edit .account .change-password a,
  262. .p-profiles-edit .misc .profile-action a:not(.b-button),
  263. .p-profiles-edit .misc .profile-action .link,
  264. .p-profiles-edit .misc .nickname-changes a,
  265. .p-profiles-edit .misc .nickname-changes .link,
  266. .p-profiles-edit .list .profile-action a:not(.b-button),
  267. .p-profiles-edit .list .profile-action .link,
  268. .p-profiles-edit .list .nickname-changes a,
  269. .p-profiles-edit .list .nickname-changes .link,
  270. .p-profiles-edit .list #import_form .link,
  271. .p-profiles-show .about a,
  272. .p-studios .studio .name,
  273. .p-translations .animes a,
  274. .p-user_history-index .history-page .history-interval p a,
  275. .p-user_rates-index .list-lines tr .name a,
  276. .p-userlist_comparer .comparer table .name a,
  277. .b-log_entry .comment-block ins,
  278. .p-statistics-index .forum-nav .sections a.selected,
  279. .p-anime_videos-index .c-videos .video-variant-switcher,
  280. .p-user_rates-index .stat-categories .category,
  281. .b-video_player .cc-player_controls .episode-num .video-link a,
  282. .b-video_player .cc-player_controls .c-control,
  283. .b-animes-menu .menu-topics-block a.entry .name,
  284. .b-animes-menu .menu-topics-block .history-entry-tooltip .tooltip-details a {
  285.   color: #176093;
  286.   border-bottom-color: rgba(23, 96, 147, 0.3);
  287. }
  288.  
  289. @media screen and (max-width: 480px) and (orientation: portrait) {
  290.   .b-options-floated.mobile-phone_portrait a {
  291.     color: #176093;
  292.   }
  293. }
  294.  
  295. @media screen and (max-width: 767px) {
  296.   .b-options-floated.mobile-phone a {
  297.     color: #176093;
  298.   }
  299. }
  300.  
  301. @media screen and (max-width: 1024px) {
  302.   .b-options-floated.mobile-tablet a {
  303.     color: #176093;
  304.   }
  305. }
  306.  
  307. .b-abuse_request .ban-form .cancel:hover,
  308. .b-ban .abuser:hover,
  309. .b-bb_codes-examples .example a:hover,
  310. .b-bb_codes-examples .result a:hover,
  311. .b-bracket-actions > div:hover,
  312. .b-bracket-actions > span:hover,
  313. .b-catalog_entry-tooltip .inner a.name:hover,
  314. .b-catalog_entry-tooltip .inner .line .value a:hover,
  315. .b-catalog_entry-tooltip .inner .line.works .value a:hover,
  316. .b-catalog_entry .cover .title:hover,
  317. .b-club .name:hover,
  318. .b-comment > .inner header .name-date a.name:hover,
  319. .b-comments .comments-collapser:hover,
  320. .b-cosplay-topic > .inner .cosplay-info .line .value a:hover,
  321. .b-cosplay_gallery h3 a:hover,
  322. .b-db_entry-note .name-container .name:hover,
  323. .b-db_entry > .c-about .additional-links .line-container > .link:hover,
  324. .b-db_entry > .c-about .additional-links .line-container > a:hover,
  325. .b-dialog > .inner header .name-date a.name:hover,
  326. .b-entry-info .line a:hover,
  327. .b-feedback-inner .about a:hover,
  328. .b-form .variants .variant a:hover,
  329. .b-form .cancel:hover,
  330. .b-forums .forum .link-with-input .link:hover,
  331. .b-forums .reload:hover,
  332. .b-header_filters .filter-line a:hover,
  333. .b-height_shortener .expand:hover,
  334. .b-js-action:hover,
  335. .b-js-link:hover,
  336. .b-lang_trigger span:hover,
  337. .b-link:hover,
  338. .b-log_entry a:hover,
  339. .b-log_entry .link:hover,
  340. .b-log_entry .moderation a:hover,
  341. .b-log_entry .spoiler.collapsed:hover,
  342. .b-log_entry .spoiler.collapse:hover,
  343. .b-log_entry .spoiler.collapse span:hover,
  344. .b-log_entry .spoiler.collapsed span:hover,
  345. .b-mention:hover,
  346. .b-message > .inner header .name-date a.name:hover,
  347. .b-nothing_here a:hover,
  348. .b-options-floated a:hover,
  349. .b-options-floated .link:hover,
  350. .b-options-floated .action:hover,
  351. .b-options-floated.mobile-desktop a:hover,
  352. .b-person .name:hover,
  353. .b-shiki_editor footer .unpreview:hover,
  354. .b-shiki_editor footer .unpreview:not(.link):hover,
  355. .b-shiki_editor footer .cancel:hover,
  356. .b-shiki_editor footer .hide:hover,
  357. .b-shiki_editor footer .about-bb_codes:hover,
  358. .b-source .contributors .val a:hover,
  359. .b-source .mal .val a:hover,
  360. .b-source .source .val a:hover,
  361. .b-spoiler label:hover,
  362. .b-spoiler .content:hover .before,
  363. .b-spoiler .content:hover .after,
  364. .b-stats_bar a.title:hover,
  365. .b-table a:hover,
  366. .b-topic > .inner header .name-date a.name:hover,
  367. .b-topic .footer-vote .vote-group .vote:hover,
  368. .b-user.named_avatar .name:hover,
  369. .b-user.detailed .info .image-name:hover,
  370. .b-user.detailed .history .line a .event:hover,
  371. .b-user16:hover,
  372. header.head h1 a.back:hover,
  373. header.head h2 a.back:hover,
  374. header.head a.misc:hover,
  375. header.head a.edit:hover,
  376. .headline > a:hover,
  377. .midheadline > a:hover,
  378. .subheadline > a:hover,
  379. .subheadline .misc-link:hover,
  380. .b-video_player .cc-player_controls a.c-control:hover,
  381. .b-video_player .cc-player_controls .episode-title .video-link a:hover,
  382. .b-video_variant a:hover,
  383. .b-animes-menu .menu-topics-block .history-entry-tooltip a:hover,
  384. .p-animes-files .l-content a:hover,
  385. .p-mangas-files .l-content a:hover,
  386. div.history .block-list li .tooltip-inner a:hover,
  387. div.history .b-block_list li .tooltip-inner a:hover,
  388. .p-animes_collection-index .pagination .link:hover,
  389. .p-mangas_collection-index .pagination .link:hover,
  390. .p-recommendations-index .pagination .link:hover,
  391. .p-userlist_comparer-show .pagination .link:hover,
  392. .p-contests-edit .grid:hover,
  393. .p-contests .match-day .match-link a:hover,
  394. .p-contests .rating .member a:hover,
  395. .p-contests .results a:hover,
  396. .p-contests .suggestion > a:hover,
  397. .p-contests .variant > a:hover,
  398. .b-contests-menu .results:hover,
  399. .b-contests-menu .grid a:hover,
  400. .p-contests-grid .round .match a:hover,
  401. .p-contests-index .contest a:hover,
  402. .p-dashboards .c-my_list .list-type > .title .link:hover,
  403. .p-dashboards .c-my_list .history > .title .link:hover,
  404. .p-dashboards .c-my_list .list-type > .title .switch:hover,
  405. .p-dashboards .c-my_list .history > .title .switch:hover,
  406. .p-dashboards .user_list .list-type > .title .link:hover,
  407. .p-dashboards .user_list .history > .title .link:hover,
  408. .p-dashboards .user_list .list-type > .title .switch:hover,
  409. .p-dashboards .user_list .history > .title .switch:hover,
  410. .p-dashboards-show .midheadline .b-link:hover,
  411. .p-dashboards-show .c-content .options .option:hover,
  412. .p-dashboards-show .c-content .options .option.selected,
  413. .p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name:hover,
  414. .p-profiles .profile-head .c-brief header .notice a:hover,
  415. .p-profiles .profile-head .c-mobile-actions a:hover,
  416. .p-profiles .profile-head .c-mobile-actions span:hover,
  417. .p-profiles .profile-head .c-info .c-additionals div a:hover,
  418. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:hover,
  419. .p-profiles-edit .account .change-password a:hover,
  420. .p-profiles-edit .misc .profile-action a:not(.b-button):hover,
  421. .p-profiles-edit .misc .profile-action .link:hover,
  422. .p-profiles-edit .misc .nickname-changes a:hover,
  423. .p-profiles-edit .misc .nickname-changes .link:hover,
  424. .p-profiles-edit .list .profile-action a:not(.b-button):hover,
  425. .p-profiles-edit .list .profile-action .link:hover,
  426. .p-profiles-edit .list .nickname-changes a:hover,
  427. .p-profiles-edit .list .nickname-changes .link:hover,
  428. .p-profiles-edit .list #import_form .link:hover,
  429. .p-profiles-show .about a:hover,
  430. .p-studios .studio .name:hover,
  431. .p-translations .animes a:hover,
  432. .p-user_history-index .history-page .history-interval p a:hover,
  433. .p-user_rates-index .list-lines tr .name a:hover,
  434. .p-userlist_comparer .comparer table .name a:hover,
  435. .p-statistics-index .forum-nav .sections a:hover,
  436. .block-list-alt a:hover,
  437. .b-block_list-alt a:hover,
  438. .b-catalog_entry .cover:hover,
  439. .b-catalog_entry .cover:hover .title,
  440. .b-comment > .inner .was_updated:hover,
  441. .b-comment header .hash:hover,
  442. .b-dialog > .inner .was_updated:hover,
  443. .b-message > .inner .was_updated:hover,
  444. .b-options-floated .selected,
  445. .b-options-floated .selected.always-active:hover,
  446. .b-show_more:hover,
  447. .b-show_more-more .hide-more:hover,
  448. .b-stats_bar .stat_names .stat_name a:hover,
  449. .b-topic > .inner .was_updated:hover,
  450. .headline > a:hover:before,
  451. .midheadline > a:hover:before,
  452. .subheadline > a:hover:before,
  453. .headline.linkheadline > a:hover,
  454. .linkheadline.midheadline > a:hover,
  455. .linkheadline.subheadline > a:hover,
  456. .headline.linkheadline > a:hover:before,
  457. .linkheadline.midheadline > a:hover:before,
  458. .linkheadline.subheadline > a:hover:before,
  459. .tooltip-inner .close:hover,
  460. .p-animes-franchise .sticky-tooltip .close:hover,
  461. .p-mangas-franchise .sticky-tooltip .close:hover,
  462. .p-contests .b-contest_match .prev-match:hover,
  463. .p-contests .b-contest_match .next-match:hover,
  464. .p-contests .match-day .match-link.voted-none > .c-column a:hover,
  465. .p-contests .match-day .match-link.voted-left > .c-column:last-child a:hover,
  466. .p-contests .match-day .match-link.voted-right > .c-column:first-child a:hover,
  467. .p-contests .match-day .match-link .c-column.loser a:hover,
  468. .p-contests .match-day .match-link .c-column.created a:hover,
  469. .p-contests-grid .round .match .date a:hover,
  470. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.zero:hover,
  471. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.weak:hover,
  472. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.moderate:hover,
  473. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.high:hover,
  474. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.full:hover,
  475. .p-topics .l-menu .sticky-topics .topic:hover .title,
  476. .p-topics .l-menu .sticky-topics .topic:hover .title:after,
  477. .p-topics .l-menu .sticky-topics .topic .title:hover,
  478. .p-topics .l-menu .sticky-topics .topic .title:hover:after,
  479. .p-topics .l-menu .contests .contest:hover .title,
  480. .p-topics .l-menu .contests .contest:hover .title:after,
  481. .p-topics .l-menu .contests .contest .title:hover,
  482. .p-topics .l-menu .contests .contest .title:hover:after,
  483. .p-topics header h1 a.reload:hover,
  484. .p-user_rates-index .l-content .order-control:hover,
  485. .p-user_rates-index .list-lines tr td .anime-status:hover,
  486. .p-user_rates-index .list-lines tr td .anime-remove:hover,
  487. .p-user_rates-index .list-lines tr td .anime-remove.selected,
  488. .p-anime_videos-index .c-videos .video-variant-switcher:hover,
  489. .p-user_rates-index .stat-categories .category:hover,
  490. .b-options-floated.mobile-desktop a.selected,
  491. .p-user_rates-index .stat-categories .category.active,
  492. .p-anime_videos-index .c-videos .video-variant-switcher.active,
  493. .b-video_player .cc-player_controls .episode-num .video-link a:hover,
  494. .b-video_player .cc-player_controls .c-control:hover,
  495. .b-video_variant.active a,
  496. .b-video_player .cc-player_controls .c-control.selected,
  497. .b-animes-menu .menu-topics-block a.entry:hover .name,
  498. .b-animes-menu .menu-topics-block a.entry .name:hover,
  499. .b-animes-menu .menu-topics-block .history-entry-tooltip .tooltip-details a:hover {
  500.   color: #FF5202;
  501.   border-bottom-color: rgba(255, 82, 2, 0.3);
  502. }
  503.  
  504. @media screen and (max-width: 480px) and (orientation: portrait) {
  505.   .b-options-floated.mobile-phone_portrait a:hover {
  506.     color: #FF5202;
  507.   }
  508. }
  509.  
  510. @media screen and (max-width: 767px) {
  511.   .b-options-floated.mobile-phone a:hover {
  512.     color: #FF5202;
  513.   }
  514. }
  515.  
  516. @media screen and (max-width: 1024px) {
  517.   .b-options-floated.mobile-tablet a:hover {
  518.     color: #FF5202;
  519.   }
  520. }
  521.  
  522. .b-header_filters .filter-line a:active,
  523. .b-person .name:active,
  524. .b-source .contributors .val a:active,
  525. .b-source .mal .val a:active,
  526. .b-source .source .val a:active,
  527. .b-animes-menu .menu-topics-block .history-entry-tooltip a:active,
  528. .p-animes-files .l-content a:active,
  529. .p-mangas-files .l-content a:active,
  530. div.history .block-list li .tooltip-inner a:active,
  531. div.history .b-block_list li .tooltip-inner a:active,
  532. .p-dashboards-show .midheadline .b-link:active,
  533. .p-dashboards-show .c-content .options .option:active,
  534. .p-profiles .profile-head .c-brief header .notice a:active,
  535. .p-profiles .profile-head .c-mobile-actions a:active,
  536. .p-profiles .profile-head .c-mobile-actions span:active,
  537. .p-profiles .profile-head .c-info .c-additionals div a:active,
  538. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:active,
  539. .block-list-alt a:active,
  540. .b-block_list-alt a:active,
  541. .b-options-floated .selected:hover,
  542. .b-show_more:active,
  543. .b-show_more-more .hide-more:active,
  544. .headline > a:active:before,
  545. .midheadline > a:active:before,
  546. .subheadline > a:active:before,
  547. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.zero:active,
  548. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.weak:active,
  549. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.moderate:active,
  550. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.high:active,
  551. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.full:active,
  552. .p-topics .l-menu .sticky-topics .topic:active .title,
  553. .p-topics .l-menu .sticky-topics .topic:active .title:after,
  554. .p-topics .l-menu .sticky-topics .topic .title:active,
  555. .p-topics .l-menu .sticky-topics .topic .title:active:after,
  556. .p-topics .l-menu .contests .contest:active .title,
  557. .p-topics .l-menu .contests .contest:active .title:after,
  558. .p-topics .l-menu .contests .contest .title:active,
  559. .p-topics .l-menu .contests .contest .title:active:after,
  560. .p-user_rates-index .stat-categories .category:active,
  561. .b-options-floated.mobile-desktop a.selected:hover,
  562. .p-user_rates-index .stat-categories .category.active:hover,
  563. .p-anime_videos-index .c-videos .video-variant-switcher.active:hover,
  564. .b-video_player .cc-player_controls .c-control.selected:hover {
  565.   color: #FF1402;
  566. }
  567.  
  568. @media only screen and (min-width: 1025px) {
  569.   .b-abuse_request .ban-form .cancel:active,
  570.   .b-ban .abuser:active,
  571.   .b-bb_codes-examples .example a:active,
  572.   .b-bb_codes-examples .result a:active,
  573.   .b-bracket-actions > div:active,
  574.   .b-bracket-actions > span:active,
  575.   .b-catalog_entry-tooltip .inner a.name:active,
  576.   .b-catalog_entry-tooltip .inner .line .value a:active,
  577.   .b-catalog_entry-tooltip .inner .line.works .value a:active,
  578.   .b-catalog_entry .cover .title:active,
  579.   .b-club .name:active,
  580.   .b-comment > .inner header .name-date a.name:active,
  581.   .b-comments .comments-collapser:active,
  582.   .b-cosplay-topic > .inner .cosplay-info .line .value a:active,
  583.   .b-cosplay_gallery h3 a:active,
  584.   .b-db_entry-note .name-container .name:active,
  585.   .b-db_entry > .c-about .additional-links .line-container > .link:active,
  586.   .b-db_entry > .c-about .additional-links .line-container > a:active,
  587.   .b-dialog > .inner header .name-date a.name:active,
  588.   .b-entry-info .line a:active,
  589.   .b-feedback-inner .about a:active,
  590.   .b-form .variants .variant a:active,
  591.   .b-form .cancel:active,
  592.   .b-forums .forum .link-with-input .link:active,
  593.   .b-forums .reload:active,
  594.   .b-header_filters .filter-line a:active,
  595.   .b-height_shortener .expand:active,
  596.   .b-js-action:active,
  597.   .b-js-link:active,
  598.   .b-lang_trigger span:active,
  599.   .b-link:active,
  600.   .b-log_entry a:active,
  601.   .b-log_entry .link:active,
  602.   .b-log_entry .moderation a:active,
  603.   .b-log_entry .spoiler.collapsed:active,
  604.   .b-log_entry .spoiler.collapse:active,
  605.   .b-log_entry .spoiler.collapse span:active,
  606.   .b-log_entry .spoiler.collapsed span:active,
  607.   .b-mention:active,
  608.   .b-message > .inner header .name-date a.name:active,
  609.   .b-nothing_here a:active,
  610.   .b-options-floated a:active,
  611.   .b-options-floated .link:active,
  612.   .b-options-floated .action:active,
  613.   .b-options-floated.mobile-desktop a:active,
  614.   .b-shiki_editor footer .unpreview:active,
  615.   .b-shiki_editor footer .unpreview:not(.link):active,
  616.   .b-shiki_editor footer .cancel:active,
  617.   .b-shiki_editor footer .hide:active,
  618.   .b-shiki_editor footer .about-bb_codes:active,
  619.   .b-spoiler label:active,
  620.   .b-stats_bar a.title:active,
  621.   .b-table a:active,
  622.   .b-topic > .inner header .name-date a.name:active,
  623.   .b-topic .footer-vote .vote-group .vote:active,
  624.   .b-user.named_avatar .name:active,
  625.   .b-user.detailed .info .image-name:active,
  626.   .b-user.detailed .history .line a .event:active,
  627.   .b-user16:active,
  628.   header.head h1 a.back:active,
  629.   header.head h2 a.back:active,
  630.   header.head a.misc:active,
  631.   header.head a.edit:active,
  632.   .headline > a:active,
  633.   .midheadline > a:active,
  634.   .subheadline > a:active,
  635.   .subheadline .misc-link:active,
  636.   .b-video_player .cc-player_controls a.c-control:active,
  637.   .b-video_player .cc-player_controls .episode-title .video-link a:active,
  638.   .b-video_variant a:active,
  639.   .p-animes_collection-index .pagination .link:active,
  640.   .p-mangas_collection-index .pagination .link:active,
  641.   .p-recommendations-index .pagination .link:active,
  642.   .p-userlist_comparer-show .pagination .link:active,
  643.   .p-contests-edit .grid:active,
  644.   .p-contests .match-day .match-link a:active,
  645.   .p-contests .rating .member a:active,
  646.   .p-contests .results a:active,
  647.   .p-contests .suggestion > a:active,
  648.   .p-contests .variant > a:active,
  649.   .b-contests-menu .results:active,
  650.   .b-contests-menu .grid a:active,
  651.   .p-contests-grid .round .match a:active,
  652.   .p-contests-index .contest a:active,
  653.   .p-dashboards .c-my_list .list-type > .title .link:active,
  654.   .p-dashboards .c-my_list .history > .title .link:active,
  655.   .p-dashboards .c-my_list .list-type > .title .switch:active,
  656.   .p-dashboards .c-my_list .history > .title .switch:active,
  657.   .p-dashboards .user_list .list-type > .title .link:active,
  658.   .p-dashboards .user_list .history > .title .link:active,
  659.   .p-dashboards .user_list .list-type > .title .switch:active,
  660.   .p-dashboards .user_list .history > .title .switch:active,
  661.   .p-dashboards-show .midheadline .b-link:active,
  662.   .p-dashboards-show .c-content .options .option:active,
  663.   .p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name:active,
  664.   .p-profiles .profile-head .c-brief header .notice a:active,
  665.   .p-profiles .profile-head .c-mobile-actions a:active,
  666.   .p-profiles .profile-head .c-mobile-actions span:active,
  667.   .p-profiles .profile-head .c-info .c-additionals div a:active,
  668.   .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:active,
  669.   .p-profiles-edit .account .change-password a:active,
  670.   .p-profiles-edit .misc .profile-action a:not(.b-button):active,
  671.   .p-profiles-edit .misc .profile-action .link:active,
  672.   .p-profiles-edit .misc .nickname-changes a:active,
  673.   .p-profiles-edit .misc .nickname-changes .link:active,
  674.   .p-profiles-edit .list .profile-action a:not(.b-button):active,
  675.   .p-profiles-edit .list .profile-action .link:active,
  676.   .p-profiles-edit .list .nickname-changes a:active,
  677.   .p-profiles-edit .list .nickname-changes .link:active,
  678.   .p-profiles-edit .list #import_form .link:active,
  679.   .p-profiles-show .about a:active,
  680.   .p-studios .studio .name:active,
  681.   .p-translations .animes a:active,
  682.   .p-user_history-index .history-page .history-interval p a:active,
  683.   .p-user_rates-index .list-lines tr .name a:active,
  684.   .p-userlist_comparer .comparer table .name a:active,
  685.   .p-statistics-index .forum-nav .sections a:active,
  686.   .b-catalog_entry .cover:active,
  687.   .b-comment > .inner .was_updated:active,
  688.   .b-comment header .hash:active,
  689.   .b-dialog > .inner .was_updated:active,
  690.   .b-message > .inner .was_updated:active,
  691.   .b-options-floated .selected.always-active:active,
  692.   .b-stats_bar .stat_names .stat_name a:active,
  693.   .b-topic > .inner .was_updated:active,
  694.   .headline.linkheadline > a:active,
  695.   .linkheadline.midheadline > a:active,
  696.   .linkheadline.subheadline > a:active,
  697.   .headline.linkheadline > a:active:before,
  698.   .linkheadline.midheadline > a:active:before,
  699.   .linkheadline.subheadline > a:active:before,
  700.   .tooltip-inner .close:active,
  701.   .p-animes-franchise .sticky-tooltip .close:active,
  702.   .p-mangas-franchise .sticky-tooltip .close:active,
  703.   .p-contests .b-contest_match .prev-match:active,
  704.   .p-contests .b-contest_match .next-match:active,
  705.   .p-contests .match-day .match-link.voted-none > .c-column a:active,
  706.   .p-contests .match-day .match-link.voted-left > .c-column:last-child a:active,
  707.   .p-contests .match-day .match-link.voted-right > .c-column:first-child a:active,
  708.   .p-contests .match-day .match-link .c-column.loser a:active,
  709.   .p-contests .match-day .match-link .c-column.created a:active,
  710.   .p-contests-grid .round .match .date a:active,
  711.   .p-topics header h1 a.reload:active,
  712.   .p-user_rates-index .l-content .order-control:active,
  713.   .p-user_rates-index .list-lines tr td .anime-status:active,
  714.   .p-user_rates-index .list-lines tr td .anime-remove:active,
  715.   .b-bracket-details:active,
  716.   .b-form a.remove:active,
  717.   .p-anime_videos-index .c-videos .video-variant-switcher:active,
  718.   .p-anime_videos-index .c-videos .video-variant-switcher.active,
  719.   .b-video_player .cc-player_controls .episode-num .video-link a:active,
  720.   .b-video_player .cc-player_controls .c-control:active,
  721.   .b-animes-menu .menu-topics-block a.entry .name:active,
  722.   .b-animes-menu .menu-topics-block .history-entry-tooltip .tooltip-details a:active {
  723.     color: #FF1402;
  724.     border-bottom-color: rgba(255, 20, 2, 0.3);
  725.   }
  726. }
  727.  
  728. @media only screen and (max-width: 480px) and (orientation: portrait) and (min-width: 1025px) {
  729.   .b-options-floated.mobile-phone_portrait a:active {
  730.     color: #FF1402;
  731.   }
  732. }
  733.  
  734. @media only screen and (max-width: 767px) and (min-width: 1025px) {
  735.   .b-options-floated.mobile-phone a:active {
  736.     color: #FF1402;
  737.   }
  738. }
  739.  
  740. @media only screen and (max-width: 1024px) and (min-width: 1025px) {
  741.   .b-options-floated.mobile-tablet a:active {
  742.     color: #FF1402;
  743.   }
  744. }
  745.  
  746. body {
  747.   background-color: #303030;
  748. }
  749.  
  750. .l-page,
  751. .p-contests .b-contest_match .vs .label,
  752. .p-contests .match-day > .date,
  753. .p-animes_collection-index .l-content.ajax_request::before,
  754. .p-mangas_collection-index .l-content.ajax_request::before,
  755. .p-recommendations-index .l-content.ajax_request::before,
  756. .p-userlist_comparer-show .l-content.ajax_request::before,
  757. .b-ajax:before {
  758.   background: #303030;
  759. }
  760.  
  761. .l-page:before {
  762.   outline-color: #303030;
  763. }
  764.  
  765. @media screen and (max-width: 960px) {
  766.   .p-profiles .profile-head .c-brief header {
  767.     background-color: #303030;
  768.   }
  769. }
  770.  
  771. @media screen and (max-width: 1024px) {
  772.   body {
  773.     background-color: #303030 !important;
  774.   }
  775. }
  776.  
  777. .b-height_shortener .shade {
  778.   background-image: linear-gradient(to bottom, transparent, #303030);
  779. }
  780.  
  781. .b-topic.aside-expanded > .inner aside.buttons,
  782. .b-dialog.aside-expanded > .inner aside.buttons,
  783. .b-message.aside-expanded > .inner aside.buttons,
  784. .b-comment.aside-expanded > .inner aside.buttons {
  785.   background-color: rgba(48, 48, 48, 0.9);
  786. }
  787.  
  788. /* BLACK GREY WHITE */
  789. body,
  790. header.head h1,
  791. header.head h2,
  792. .ac_results,
  793. .tooltip-inner,
  794. .b-input input,
  795. .b-input textarea,
  796. .b-shiki_editor .body .editor textarea,
  797. .b-shiki_editor .links .link-value,
  798. .b-shiki_editor .images .link-value,
  799. .b-shiki_editor .quotes .link-value,
  800. .b-shiki_editor .email .link-value,
  801. .b-shiki_editor .upload .link-value,
  802. .p-user_rates-index .list-lines tr td .new-value input,
  803. .p-user_rates-index .l-content .filter input,
  804. .subheadline-input,
  805. .b-catalog_entry-tooltip .inner a.name,
  806. .b-catalog_entry .cover .title,
  807. .b-catalog_entry-tooltip .inner .line .value a,
  808. .b-clubs-menu .block-list li:hover,
  809. .b-clubs-menu .block-list li:hover a,
  810. .b-clubs-menu .block-list li a:hover,
  811. .b-clubs-menu .b-block_list li:hover,
  812. .b-clubs-menu .b-block_list li:hover a,
  813. .b-clubs-menu .b-block_list li a:hover,
  814. .b-db_entry > .c-image .c-actions > a:after,
  815. .b-db_entry-note .name-container .name,
  816. .b-dialog > .inner header .name-date a.name,
  817. .b-entry-info .line .b-tag,
  818. .b-forums .forum .link-with-input .link,
  819. .b-height_shortener .expand,
  820. .b-hot_topics .topic.subject,
  821. .b-hot_topics .topic a:hover,
  822. .b-message > .inner header .name-date a.name,
  823. .b-modal .subheadline,
  824. .b-link_button,
  825. .b-link_button:hover,
  826. .b-link_button:active,
  827. .block-list li:hover,
  828. .block-list-alt li:hover,
  829. .b-block_list li:hover,
  830. .b-block_list-alt li:hover,
  831. .b-pages .b-link,
  832. .b-show_more:hover,
  833. .b-show_more-more .hide-more:hover,
  834. .b-stats_bar .stat_names .stat_name a,
  835. .b-video_player .cc-player_controls .episode-title,
  836. .b-video_variant .episode-num,
  837. .b-video_variant .video-author,
  838. .b-video_variant .video-id,
  839. .headline,
  840. .b-catalog_entry-tooltip .inner .line .value .tag:hover,
  841. .b-entry-info .line .b-tag:hover,
  842. .b-tag:hover,
  843. .p-contests .match-day .match-link.voted-none > .c-column a,
  844. .p-contests .match-day .match-link.voted-left > .c-column:last-child a,
  845. .p-contests .match-day .match-link.voted-right > .c-column:first-child a,
  846. .p-contests .match-day .match-link .c-column.loser a,
  847. .p-contests .match-day .match-link .c-column.created a,
  848. .p-dashboards-show .contests .contest a,
  849. .p-dialogs .b-options-floated > a.selected,
  850. .p-moderations-missing_videos .missing-video > .info span,
  851. .p-messages .b-options-floated > a.selected,
  852. .p-profiles-edit .b-options-floated > a.selected,
  853. .p-profiles .profile-head .c-history .entry .title,
  854. .p-topics .l-menu .calendar .entry a,
  855. .p-topics .l-menu .clubs .entry a,
  856. .p-topics .l-menu .contests .contest .title,
  857. .p-topics .l-menu .reviews .entry a,
  858. .p-topics .l-menu .sticky-topics .topic .title,
  859. .p-user_rates-index .l-content .order-control,
  860. .p-user_rates-index .l-content .order-control:hover,
  861. .b-external_link .linkeable,
  862. .b-external_link a {
  863.   color: #FFFFFF !important;
  864. }
  865.  
  866. /* Цвет основного текста в области при наведении */
  867. .b-clubs-menu .b-link:hover,
  868. .b-clubs-menu .actions li:hover,
  869. .b-clubs-menu .actions .upload label:hover,
  870. .b-clubs-menu .actions .invite span:hover,
  871. .b-clubs-menu .actions .join a:hover,
  872. .b-clubs-menu .actions .leave a:hover,
  873. .b-hot_topics .topic a,
  874. .b-forums .forum:hover .link-with-input .link,
  875. .b-image .marker,
  876. .b-video .marker,
  877. .b-video .name,
  878. .p-profiles .profile-head .c-history .entry:hover .title,
  879. .p-topics .l-menu .calendar .entry:hover a,
  880. .p-topics .l-menu .clubs .entry:hover a,
  881. .p-topics .l-menu .contests .contest:hover .title,
  882. .p-topics .l-menu .reviews .entry:hover a,
  883. .p-topics .l-menu .sticky-topics .topic:hover .title {
  884.   color: #FFFFFF !important;
  885. }
  886.  
  887. @media (max-width: 1024px) {
  888.   .l-top_menu .menu-items > .entry > a,
  889.   .l-top_menu .menu-items > .entry > .submenu > a,
  890.   .l-top_menu .inner .sign_out {
  891.     color: #FFFFFF !important;
  892.   }
  893. }
  894.  
  895. h3,
  896. header.head .notice,
  897. .bar.horizontal .line .x_label,
  898. .bar.vertical .line .x_label,
  899. .b-entry-info .line .b-tag,
  900. .b-catalog_entry-tooltip .inner .line .key,
  901. .b-catalog_entry-tooltip .inner .line .value .tag,
  902. .b-catalog_entry-tooltip .inner .rating,
  903. .b-collection-filters .block > .filter.item-sign:hover,
  904. .b-contest_match .vs .hint,
  905. .b-contest_match .vs .invitation,
  906. .b-contest_match .vs .label,
  907. .b-contest_match .vs .thanks,
  908. .b-contest_match .vs .vote-abstained,
  909. .b-contest_match .vs .vote-voted,
  910. .b-height_shortener:hover .expand,
  911. .b-lang_trigger:hover span,
  912. .b-lang_trigger span:hover,
  913. .b-show_more,
  914. .b-show_more-more .hide-more,
  915. .b-stats_bar .stat_names:hover:before,
  916. .b-tag,
  917. .block-list li,
  918. .block-list-alt li,
  919. .block-list li a,
  920. .block-list-alt li a,
  921. .b-block_list li,
  922. .b-block_list li a,
  923. div.compatibility > a:hover:before,
  924. div.compatibility > a:hover > span:first-child:before,
  925. .item-add:hover,
  926. .l-footer .copyright,
  927. .p-characters .item-edit:hover,
  928. .p-characters .item-edit:active,
  929. .p-contests .match-day > .date .from,
  930. .p-contests .match-day > .date .to,
  931. .p-profiles-edit .b-options-floated > a,
  932. .p-dialogs .b-options-floated > a,
  933. .p-messages .b-options-floated > a,
  934. .p-user_rates-index .list-lines tr td .episodes_total,
  935. .p-user_rates-index .list-lines tr td .rate-text,
  936. .b-collection_search .field .clear:hover {
  937.   color: #EEEEEE;
  938. }
  939.  
  940. header.head h1 > a.back:hover,
  941. header.head h2 > a.back:hover,
  942. header.head h1 > a.back:active,
  943. header.head h2 > a.back:active,
  944. .b-video_player .cc-player_controls .c-control:hover .icon,
  945. .p-animes_collection-index .pagination .link:hover,
  946. .p-mangas_collection-index .pagination .link:hover,
  947. .p-recommendations-index .pagination .link:hover,
  948. .p-userlist_comparer-show .pagination .link:hover,
  949. .b-clubs-menu .block-list li,
  950. .b-clubs-menu .block-list li a,
  951. .b-clubs-menu .b-block_list li,
  952. .b-clubs-menu .b-block_list li a,
  953. .b-list_switchers > .switcher:hover,
  954. .c-actions > *:hover,
  955. .editor-controls > span:hover,
  956. .profile-actions > a:hover,
  957. .p-animes .item-edit:hover,
  958. .p-contests .b-contest_match .prev-match:hover,
  959. .p-contests .b-contest_match .next-match:hover,
  960. .p-mangas .item-edit:hover,
  961. .p-profiles-show .about .item-edit:hover,
  962. .p-messages .mass-actions .action > a:hover,
  963. .p-topics header h1 a.reload,
  964. .delete-controls > span,
  965. .delete-controls > span:hover,
  966. .main-controls > span,
  967. .main-controls > span:hover,
  968. .main-controls > a,
  969. .main-controls > a:hover,
  970. .buttons .item-edit,
  971. .buttons .item-edit:hover,
  972. .moderation-controls > span,
  973. .moderation-controls > span:hover,
  974. .b-video_player .cc-player_controls .episode-num {
  975.   color: #EEEEEE !important;
  976. }
  977.  
  978. .midheadline,
  979. .subheadline,
  980. .b-animes-menu .menu-topics-block .date,
  981. .b-breadcrumbs,
  982. .b-breadcrumbs a.b-link,
  983. .b-catalog_entry .cover .misc span,
  984. .b-catalog_entry-tooltip .inner .rating .text,
  985. .b-club .info .number,
  986. .b-comment-info,
  987. .b-comment .inner .name-date a.name .normal,
  988. .b-comment > .inner header .name-date .time,
  989. .b-collection-filters .block > .filter.item-sign,
  990. .b-db_entry-note .name-container .note,
  991. .b-entry-info .line .key,
  992. .b-forums .forum .link-with-input input + .link,
  993. .b-forums .forum .topics,
  994. .b-lang_trigger span,
  995. .b-log_entry .id-label,
  996. .b-log_entry .state.auto_accepted,
  997. .b-options-floated.count,
  998. .b-pages .title,
  999. .b-quote .quoteable:before,
  1000. .b-replies,
  1001. .b-replies:before,
  1002. .b-stats_bar .title,
  1003. .b-stats_bar .stat_names:before,
  1004. .b-source .contributors .key,
  1005. .b-source .mal .key,
  1006. .b-source .source .key,
  1007. .b-topic > .inner header .name-date .time,
  1008. .b-topic-preview > .inner .status-line .about,
  1009. .b-topic-preview > .inner .status-line .from,
  1010. .b-collection-filters .block-list li:before,
  1011. .b-collection-filters .block-list .b-question:before,
  1012. .b-collection-filters .b-block_list li:before,
  1013. .b-collection-filters .b-block_list .b-question:before,
  1014. div.compatibility > a:before,
  1015. div.compatibility > span.link-replacement > span:first-child:before,
  1016. div.compatibility > a > span:first-child:before,
  1017. .item-add,
  1018. .item-mobile,
  1019. .item-mobile:hover,
  1020. .item-mobile:active,
  1021. .l-footer:before,
  1022. .l-footer .links a,
  1023. .l-top_menu .menu-items .submenu-toggler,
  1024. .p-animes_collection-index .pagination .link,
  1025. .p-mangas_collection-index .pagination .link,
  1026. .p-recommendations-index .pagination .link,
  1027. .p-userlist_comparer-show .pagination .link,
  1028. .p-characters .item-edit,
  1029. .p-contests .b-contest_match .vs,
  1030. .p-contests .match-day .matches-num,
  1031. .p-contests .rating .member .position,
  1032. .p-db_entries-edit .b-list .field,
  1033. .p-profiles .profile-head .c-info .c-additionals b,
  1034. .p-topics .l-menu .sticky-topics .topic .notice,
  1035. .b-user.detailed .info .last-online,
  1036. .b-video_variant .episode-hostings,
  1037. .b-video_variant .video-hosting,
  1038. .b-video_variant .video-language,
  1039. .p-anime_videos-index .c-video_stats .views_count,
  1040. .p-anime_videos-index .same-videos .title,
  1041. .p-anime_videos-index .c-anime_video_episodes .title,
  1042. .p-anime_videos-index .c-videos .title,
  1043. .b-collection_search .field .clear {
  1044.   color: #BDBDBD;
  1045. }
  1046.  
  1047. header.head h1 a.back,
  1048. header.head h2 a.back,
  1049. .about-bb_codes:before,
  1050. .b-db_entry > .c-about .additional-links .key,
  1051. .b-list_switchers > .switcher,
  1052. .b-user_rate .rate-show .note,
  1053. .c-actions > *,
  1054. .editor-controls > span,
  1055. .profile-actions > a,
  1056. .p-animes .item-edit,
  1057. .p-animes_collection-index .pagination .link,
  1058. .p-clubs-index header.head a.misc,
  1059. .p-contests .b-contest_match .prev-match,
  1060. .p-contests .b-contest_match .next-match,
  1061. .p-mangas .item-edit,
  1062. .p-mangas_collection-index .pagination .link,
  1063. .p-messages .mass-actions > .action > a,
  1064. .p-profiles .profile-head .c-history .entry .misc,
  1065. .p-profiles-show .about .item-edit,
  1066. .p-profiles-show .lifetime .title > .label:before,
  1067. .p-profiles-show .profile-content .activity .title,
  1068. .p-recommendations-index .pagination .link,
  1069. .p-topics .l-menu .calendar .entry .misc,
  1070. .p-topics .l-menu .reviews .entry .misc,
  1071. .p-topics .l-menu .clubs .entry .misc,
  1072. .p-userlist_comparer-show .pagination .link,
  1073. .p-user_rates-index .list-lines tr.edit-form .remove,
  1074. .p-user_rates-index .list-lines tr.edit-form .remove:hover,
  1075. .p-user_history-index .history-page .history-interval p .date {
  1076.   color: #BDBDBD !important;
  1077. }
  1078.  
  1079. @media only screen and (min-width: 1025px) {
  1080.   .delete-controls > span,
  1081.   .moderation-controls > span,
  1082.   .main-controls > span,
  1083.   .main-controls > a,
  1084.   .buttons .item-edit {
  1085.     color: #BDBDBD !important;
  1086.   }
  1087. }
  1088.  
  1089. header.head a.edit,
  1090. header.head .misc,
  1091. .b-ban .comment-hash,
  1092. .b-ban .duration,
  1093. .b-breadcrumbs > span:after,
  1094. .b-club .info .value,
  1095. .b-comment header a.hash,
  1096. .b-comment > .inner header .name-date .time > time,
  1097. .b-comment > .inner .was_updated,
  1098. .b-db_entry > .c-about .additional-links .line-container > a:after,
  1099. .b-db_entry > .c-about .additional-links .line-container > .link:after,
  1100. .b-db_entry-note .name-container .note span:after,
  1101. .b-db_entry-note .name-container .note .relation + .additional:after,
  1102. .b-db_entry-note .name-container .note .relation + .additional:before,
  1103. .b-input .hint,
  1104. .b-log_entry .date,
  1105. .b-message > .inner header .name-date .time > time,
  1106. .b-nothing_here,
  1107. .b-options-floated a:after,
  1108. .b-options-floated .link:after,
  1109. .b-review_votes span,
  1110. .b-separator,
  1111. .b-stats_bar .stat_names .stat_name .size:after,
  1112. .b-stats_bar .stat_names .stat_name .size:before,
  1113. .b-topic > .inner header .name-date .time,
  1114. .b-topic > .inner header .name-date .time > time,
  1115. .b-topic-preview > .inner .status-line .additional .comments:before,
  1116. .b-topic-preview > .inner .status-line .additional .likes:before,
  1117. .b-topic-preview > .inner .status-line .time,
  1118. .b-user.detailed .history .line .date,
  1119. .b-video_variant .episode-hostings:after,
  1120. .b-video_variant .episode-hostings:before,
  1121. .b-video_variant .video-hosting:after,
  1122. .b-video_variant .video-hosting:before,
  1123. .b-video_variant .video-kind.english:before,
  1124. .b-video_variant .video-language:after,
  1125. .b-video_variant .video-language:before,
  1126. .p-anime_videos-index .c-videos .video-variant-switcher:not(:first-child):after,
  1127. .p-contests-index .contest .date,
  1128. .p-moderations-missing_videos .missing-video > .info,
  1129. .p-moderations-show .b-list .size:after,
  1130. .p-moderations-show .b-list .size:before,
  1131. .p-profiles .profile-head .c-brief header .notice span:after,
  1132. .p-profiles .profile-head .c-info .c-additionals div:after,
  1133. .p-statistics-index .forum-nav .sections a:after,
  1134. .p-topics .l-menu .contests .contest .notice,
  1135. .p-user_rates-index .l-content .b-options-floated span:after,
  1136. .p-user_rates-index .l-content .b-options-floated span:before,
  1137. .p-user_rates-index .list-groups .summary .stat-value:after {
  1138.   color: #9E9E9E;
  1139. }
  1140.  
  1141. .b-video_player .cc-player_controls .c-control .icon,
  1142. .p-animes_collection-index .pagination .link.disabled,
  1143. .p-mangas_collection-index .pagination .link.disabled,
  1144. .p-recommendations-index .pagination .link.disabled,
  1145. .p-userlist_comparer-show .pagination .link.disabled,
  1146. .p-animes_collection-index .pagination .link.disabled:hover,
  1147. .p-mangas_collection-index .pagination .link.disabled:hover,
  1148. .p-recommendations-index .pagination .link.disabled:hover,
  1149. .p-userlist_comparer-show .pagination .link.disabled:hover,
  1150. .p-profiles .profile-head .c-history .entry .misc.date,
  1151. .p-topics .l-menu .calendar .entry .misc.date,
  1152. .p-topics .l-menu .reviews .entry .misc.date,
  1153. .p-topics .l-menu .clubs .entry .misc.date {
  1154.   color: #9E9E9E !important;
  1155. }
  1156.  
  1157. /* PRIMARY COLOR */
  1158. input[type=submit],
  1159. .button,
  1160. .b-button,
  1161. .b-contests-menu .results,
  1162. .b-form input[type=submit],
  1163. .b-link_button.dark,
  1164. .btn-primary,
  1165. .b-shiki_editor .links .button.ok,
  1166. .b-shiki_editor .images .button.ok,
  1167. .b-shiki_editor .quotes .button.ok,
  1168. .b-shiki_editor .email .button.ok,
  1169. .b-shiki_editor .upload .button.ok,
  1170. .p-contests .b-contest_match .votes-percents .right-part,
  1171. .p-contests .b-contest_match .votes-percents .left-part:hover .right-part,
  1172. .p-user_rates .mylist-block + .block > .b-list > li,
  1173. .b-collection-filters > .block:first-child > .b-list > li,
  1174. .b-collection-filters > .block:first-child > .b-list > li,
  1175. .b-stats_bar.anime .bar .first,
  1176. .line:nth-child(odd) > .bar-container > .bar,
  1177. .line:nth-child(odd) > .bar-container > .bar:hover,
  1178. .b-image .cancel,
  1179. .b-image .cancel:hover,
  1180. .b-image .cancel:active,
  1181. .b-image .confirm,
  1182. .b-image .confirm:hover,
  1183. .b-image .confirm:active,
  1184. .b-image .delete,
  1185. .b-image .delete:hover,
  1186. .b-image .delete:active,
  1187. .b-image .mobile-edit,
  1188. .b-image .mobile-edit:hover,
  1189. .b-image .mobile-edit:active,
  1190. .b-image.deletable .confirm:hover,
  1191. .b-image.deletable .cancel:hover,
  1192. .p-user_rates-index .list-posters .user_rate .edit-user_rate,
  1193. .p-user_rates-index .list-posters .user_rate .edit-user_rate:hover {
  1194.   background-color: #4682B4;
  1195. }
  1196.  
  1197. @media screen and (max-width: 1024px) {
  1198.   .p-user_rates-index .list-posters .user_rate .edit-user_rate {
  1199.     background: #4682B4;
  1200.   }
  1201. }
  1202.  
  1203. .p-contests .b-contest_match .votes-percents .right-part,
  1204. .p-contests .b-contest_match .votes-percents .left-part:hover .right-part,
  1205. .b-main_search .input:after {
  1206.   border-color: #4682B4;
  1207. }
  1208.  
  1209. .subheadline > a:hover,
  1210. .midheadline > a:hover,
  1211. .edit-page a.cancel:hover,
  1212. .b-form .cancel:hover,
  1213. .b-shiki_editor footer .unpreview:hover,
  1214. .b-shiki_editor footer .preview:hover,
  1215. .b-topic-preview > .editor-container .hide:hover,
  1216. .p-dashboards-show .b-forums > .b-link_button.maxi:hover:after,
  1217. .p-profiles-show .b-stats_bar a.title:hover {
  1218.   background-color: rgba(70, 130, 180, 0.12);
  1219. }
  1220.  
  1221. input[type=submit]:hover,
  1222. .button:hover,
  1223. .b-button:hover,
  1224. .b-contests-menu .results:hover,
  1225. .b-form input[type=submit]:hover,
  1226. .b-link_button.dark:hover {
  1227.   background-color: #3e729e;
  1228. }
  1229.  
  1230. .b-contests-menu .results,
  1231. .b-link_button.dark,
  1232. .btn-submit {
  1233.   color: #FAFAFA !important;
  1234. }
  1235.  
  1236. .b-rate .stars.score,
  1237. .b-forums .forum input:checked + .link:before,
  1238. .b-collection-filters .block-list .filter,
  1239. .b-collection-filters .block-list li.selected:before,
  1240. .b-collection-filters .b-block_list .filter,
  1241. .b-collection-filters .b-block_list li.selected:before,
  1242. .tooltip-details .ajax-loading {
  1243.   color: #4682B4;
  1244. }
  1245.  
  1246. .headline > a,
  1247. .headline > a:hover,
  1248. .headline.linkheadline > a,
  1249. .midheadline > a,
  1250. .midheadline > a:hover,
  1251. .midheadline.linkheadline > a,
  1252. .subheadline > a,
  1253. .subheadline > a:hover,
  1254. .subheadline.linkheadline > a,
  1255. .edit-page a.cancel,
  1256. .p-dashboards-show .b-forums > .b-link_button.maxi:after,
  1257. .b-form .cancel,
  1258. .b-shiki_editor footer .unpreview,
  1259. .b-shiki_editor footer .unpreview:not(.link):hover,
  1260. .b-shiki_editor footer .preview,
  1261. .b-stats_bar a.title,
  1262. .b-topic-preview > .editor-container .hide {
  1263.   color: #4682B4 !important;
  1264. }
  1265.  
  1266. /* END of PRIMARY COLOR */
  1267. /* ACCENT COLOR */
  1268. .menu .unread-count,
  1269. .menu:hover .unread-count,
  1270. .menu .contest,
  1271. .menu:hover .contest,
  1272. .p-contests .b-contest_match .votes-percents .left-part,
  1273. .p-contests .b-contest_match .votes-percents .left-part:hover,
  1274. .b-options-floated a span.brackets,
  1275. .b-options-floated .link span.brackets,
  1276. .b-stats_bar.manga .bar .first,
  1277. div.compatibility > a > span.rate,
  1278. div.compatibility > span.link-replacement > span.rate {
  1279.   background-color: #B78BC7;
  1280. }
  1281.  
  1282. .menu .unread-count:hover,
  1283. .menu .contest:hover {
  1284.   background-color: #B78BC7 !important;
  1285. }
  1286.  
  1287. .p-profiles-show .b-stats_bar.manga a.title:hover {
  1288.   background-color: rgba(183, 139, 199, 0.12);
  1289. }
  1290.  
  1291. html.turbolinks-progress-bar:before,
  1292. .turbolinks.turbolinks-progress-bar::before {
  1293.   background: #B78BC7 !important;
  1294.   box-shadow: 0 0 10px rgba(183, 139, 199, 0.7) !important;
  1295. }
  1296.  
  1297. .p-profiles-edit .b-options-floated > a.selected,
  1298. .p-dialogs .b-options-floated > a.selected,
  1299. .p-messages .b-options-floated > a.selected {
  1300.   border-bottom: 2px solid #B78BC7;
  1301. }
  1302.  
  1303. .menu .unread-count,
  1304. .menu:hover .unread-count,
  1305. .menu .contest,
  1306. .menu:hover .contest {
  1307.   color: #212121 !important;
  1308. }
  1309.  
  1310. .b-rate .stars.hover,
  1311. .c-actions .fav-add:hover:before,
  1312. .c-actions .fav-remove:before,
  1313. .profile-actions .fav-remove:before {
  1314.   color: #B78BC7;
  1315. }
  1316.  
  1317. .b-list_switchers > .switcher.selected,
  1318. .editor-controls > span.selected,
  1319. .p-profiles-show .b-stats_bar.manga a.title {
  1320.   color: #B78BC7 !important;
  1321. }
  1322.  
  1323. /* END of ACCENT COLOR */
  1324. /* BACKGROUND COLOR */
  1325. .ac_results,
  1326. .b-image .marker,
  1327. .b-modal > .inner,
  1328. .b-video .marker,
  1329. .b-video .name,
  1330. .l-top_menu .menu-items,
  1331. .tooltip-inner,
  1332. .tooltip-details .ajax-loading {
  1333.   background: #424242;
  1334. }
  1335.  
  1336. @media screen and (max-width: 599px) {
  1337.   .b-stats_bar .stat_names:hover {
  1338.     background-color: #424242;
  1339.   }
  1340. }
  1341.  
  1342. .b-link_button,
  1343. .b-comments .comments-loader,
  1344. .b-comments .comments-hider,
  1345. .b-comments .comments-expander,
  1346. .b-comments .messages-postloader,
  1347. .b-comments .faye-loader,
  1348. .b-forum .faye-loader,
  1349. .p-animes-show .other-names.click-loader,
  1350. .p-mangas-show .other-names.click-loader,
  1351. .collapsed {
  1352.   background-color: #616161;
  1353.   border-color: #424242;
  1354. }
  1355.  
  1356. .b-link_button:hover,
  1357. .b-comments .comments-loader:hover,
  1358. .b-comments .comments-hider:hover,
  1359. .b-comments .comments-expander:hover,
  1360. .b-comments .messages-postloader:hover,
  1361. .b-comments .faye-loader:hover,
  1362. .b-forum .faye-loader:hover,
  1363. .p-animes-show .other-names.click-loader:hover,
  1364. .p-mangas-show .other-names.click-loader:hover,
  1365. .collapsed:hover {
  1366.   background-color: #424242;
  1367.   border-color: #212121;
  1368. }
  1369.  
  1370. .b-link_button:active,
  1371. .b-comments .comments-loader:active,
  1372. .b-comments .comments-hider:active,
  1373. .b-comments .comments-expander:active,
  1374. .b-comments .messages-postloader:active,
  1375. .b-comments .faye-loader:active,
  1376. .b-forum .faye-loader:active,
  1377. .p-animes-show .other-names.click-loader:active,
  1378. .p-mangas-show .other-names.click-loader:active,
  1379. .collapsed:active {
  1380.   background-color: #212121;
  1381.   border-color: #757575;
  1382. }
  1383.  
  1384. .b-quote, .b-quote .b-quote .b-quote {
  1385.   background: #424242;
  1386. }
  1387.  
  1388. .b-quote .b-quote, .b-quote .b-quote .b-quote .b-quote {
  1389.   background: #616161;
  1390. }
  1391.  
  1392. .b-user_rate .rate-show .note,
  1393. .p-topics-new .topic_video,
  1394. .p-topics-edit .topic_video,
  1395. .p-topics-create .topic_video,
  1396. .p-topics-update .topic_video,
  1397. .p-user_rates-index .list-lines tr.edit-form form {
  1398.   background: #616161;
  1399. }
  1400.  
  1401. input,
  1402. select,
  1403. .b-editable_grid tbody tr:nth-child(odd) td,
  1404. .b-input input,
  1405. .b-input textarea,
  1406. .b-pages,
  1407. .b-shiki_editor .body .editor textarea,
  1408. .b-shiki_editor .links .link-value,
  1409. .b-shiki_editor .images .link-value,
  1410. .b-shiki_editor .quotes .link-value,
  1411. .b-shiki_editor .email .link-value,
  1412. .b-shiki_editor .upload .link-value,
  1413. div.compatibility > a:before,
  1414. div.compatibility > span.link-replacement > span:first-child:before,
  1415. div.compatibility > a > span:first-child:before,
  1416. .l-page .menu-toggler .toggler,
  1417. .p-contests .match-day .match-link:hover,
  1418. .p-contests .match-day .match-link.active,
  1419. .p-user_rates-index .list-groups .summary.posters,
  1420. .p-user_rates-index .list-lines tr td .new-value input,
  1421. .p-user_rates-index .l-content .filter input,
  1422. .subheadline-input {
  1423.   background: #424242;
  1424. }
  1425.  
  1426. .editor textarea.b-comment,
  1427. .editor textarea.b-message {
  1428.   background: #424242 !important;
  1429. }
  1430.  
  1431. /* Области наведения */
  1432. .b-collection-filters .block > .filter.item-sign,
  1433. .b-lang_trigger,
  1434. .b-tag,
  1435. .block-list li:hover,
  1436. .block-list-alt li:hover,
  1437. .block-list li.selected,
  1438. .block-list-alt li.selected,
  1439. .b-block_list li:hover,
  1440. .b-block_list li.selected,
  1441. .b-entry-info .line .b-tag,
  1442. .b-catalog_entry-tooltip .inner .line .value .tag,
  1443. .b-hot_topics .topic a,
  1444. .b-forums .forum:hover,
  1445. .b-show_more:hover,
  1446. .b-show_more-more .hide-more:hover,
  1447. .b-stats_bar .stat_names:hover:before,
  1448. .history-interval p:hover,
  1449. .p-profiles .profile-head .c-history .entry:hover a,
  1450. .p-topics .l-menu .sticky-topics .topic:hover,
  1451. .p-dashboards-show .contests .contest:hover,
  1452. .p-topics .l-menu .calendar .entry:hover a,
  1453. .p-topics .l-menu .clubs .entry:hover a,
  1454. .p-topics .l-menu .contests .contest:hover,
  1455. .p-topics .l-menu .reviews .entry:hover a,
  1456. .p-user_rates-index .list-lines .selectable:hover,
  1457. .p-user_rates-index .l-content .order-control:hover,
  1458. .p-animes_collection-index .pagination .link:hover,
  1459. .p-mangas_collection-index .pagination .link:hover,
  1460. .p-recommendations-index .pagination .link:hover,
  1461. .p-userlist_comparer-show .pagination .link:hover {
  1462.   background-color: #616161;
  1463. }
  1464.  
  1465. .block-list li:active,
  1466. .block-list-alt li:active,
  1467. .b-block_list li:active,
  1468. .p-contests .match-day .match-link:active {
  1469.   background-color: #616161 !important;
  1470. }
  1471.  
  1472. .p-dialogs header.head,
  1473. .p-messages header.head,
  1474. .p-profiles-edit header.head,
  1475. .p-profiles-edit .b-options-floated,
  1476. .p-dialogs .b-options-floated,
  1477. .p-messages .b-options-floated,
  1478. .b-hot_topics .topic a:hover {
  1479.   background-color: #424242;
  1480. }
  1481.  
  1482. .p-userlist_comparer .comparer table .selectable:hover {
  1483.   background-color: #424242 !important;
  1484. }
  1485.  
  1486. /* Кнопки при наведении */
  1487. div.compatibility > a:hover:before,
  1488. div.compatibility > a:hover > span:first-child:before,
  1489. .b-video_player .cc-player_controls .c-control:hover .icon,
  1490. .p-animes_collection-index .pagination .link:hover,
  1491. .p-mangas_collection-index .pagination .link:hover,
  1492. .p-recommendations-index .pagination .link:hover,
  1493. .p-userlist_comparer-show .pagination .link:hover,
  1494. .b-collection-filters .block > .filter.item-sign:hover,
  1495. .b-lang_trigger:hover,
  1496. .b-list_switchers > .switcher:hover,
  1497. .b-tag:hover,
  1498. .b-entry-info .line .b-tag:hover,
  1499. .b-catalog_entry-tooltip .inner .line .value .tag:hover,
  1500. .b-user_rate .rate-show .rate-number .item-add:hover,
  1501. .p-animes .item-edit:hover,
  1502. .p-characters .item-edit:hover,
  1503. .p-contests .b-contest_match .prev-match:hover,
  1504. .p-contests .b-contest_match .next-match:hover,
  1505. .p-mangas .item-edit:hover,
  1506. .p-profiles-show .about .item-edit:hover,
  1507. .p-messages .mass-actions .action > a:hover,
  1508. .p-user_rates-index .list-lines tr.edit-form .remove:hover,
  1509. .delete-controls > span:hover,
  1510. .moderation-controls > span:hover,
  1511. .main-controls > span:hover,
  1512. .main-controls > a:hover,
  1513. .buttons .item-edit:hover,
  1514. .editor-controls > span:hover,
  1515. .c-actions > *:hover,
  1516. .about-bb_codes:hover,
  1517. .profile-actions > *:hover,
  1518. .item-mobile:hover,
  1519. .item-mobile:active,
  1520. header.head h1 > a.back:hover,
  1521. header.head h2 > a.back:hover {
  1522.   background-color: #424242;
  1523. }
  1524.  
  1525. /* ЦВЕТ ГРАНИЦ ЭЛЕМЕНТОВ */
  1526. hr,
  1527. .b-db_entry-note:before,
  1528. .b-dialog:before,
  1529. .b-message:before,
  1530. .b-comment:before,
  1531. .b-comments .comments-loaded:before,
  1532. .p-contests .match-day:before,
  1533. .p-profiles .profile-head .c-history .entry:before,
  1534. .p-topics .l-menu .calendar .entry:before,
  1535. .p-topics .l-menu .reviews .entry:before,
  1536. .p-topics .l-menu .clubs .entry:before {
  1537.   background-color: #757575;
  1538. }
  1539.  
  1540. input,
  1541. h3,
  1542. select,
  1543. .b-input input,
  1544. .b-input textarea,
  1545. .b-pages,
  1546. .b-quote,
  1547. .b-shiki_editor .body .editor textarea,
  1548. .b-shiki_editor .links .link-value,
  1549. .b-shiki_editor .images .link-value,
  1550. .b-shiki_editor .quotes .link-value,
  1551. .b-shiki_editor .email .link-value,
  1552. .b-shiki_editor .upload .link-value,
  1553. .b-tooltipped:not(a),
  1554. .b-topic,
  1555. .b-topic-preview > .inner .status-line .additional,
  1556. .l-page .menu-toggler .toggler,
  1557. .p-dashboards-show .cc-news .c-generated_news .b-topic,
  1558. .p-topics header h1 a.reload,
  1559. .p-topics-new .topic_video,
  1560. .p-topics-edit .topic_video,
  1561. .p-topics-create .topic_video,
  1562. .p-topics-update .topic_video,
  1563. .p-user_rates-index .list-groups .summary.posters,
  1564. .p-user_rates-index .list-lines tr.edit-form form,
  1565. .p-user_rates-index .list-lines tr td .new-value input,
  1566. .p-user_rates-index .l-content .filter input,
  1567. .subheadline-input {
  1568.   border-color: #757575;
  1569. }
  1570.  
  1571. /* ОСОБЫЕ ЦВЕТА */
  1572. .b-entry-info .line .b-tag:active,
  1573. .b-catalog_entry-tooltip .inner .line .value .tag:active {
  1574.   background-color: #757575;
  1575. }
  1576.  
  1577. .b-rate .stars.background {
  1578.   color: #757575;
  1579. }
  1580.  
  1581. .b-stats_bar .bar .third {
  1582.   background: #757575;
  1583. }
  1584.  
  1585. /* END of НАСТРОЙКА ЦВЕТОВ */
  1586.  
  1587.  
  1588.  
  1589.  
  1590.  
  1591.  
  1592.  
  1593.  
  1594.  
  1595.  
  1596. /* BUGFIX */
  1597. /* В превью комментария не отображается заголовок на страницах клубов */
  1598. .p-club_pages .new_comment .preview .b-comment .inner header,
  1599. .p-club_pages .edit_comment .preview .b-comment .inner header {
  1600.   display: block;
  1601. }
  1602.  
  1603. /* Ссылки в превью новостей не переносятся на новую строку */
  1604. .b-animes-menu .menu-topics-block .history-entry-tooltip .tooltip-details a {
  1605.   display: block;
  1606. }
  1607.  
  1608. /* Максимальная ширина элементов */
  1609. img {
  1610.   max-width: 100%;
  1611. }
  1612.  
  1613. /* Убираем лишнее пространство под textarea */
  1614. textarea {
  1615.   vertical-align: top;
  1616. }
  1617.  
  1618. /* Убираем запятые в тегах */
  1619. .b-entry-info .line .b-tag span:after {
  1620.   display: none;
  1621. }
  1622.  
  1623.  
  1624.  
  1625.  
  1626. /* ОСНОВНОЙ ФАЙЛ */
  1627. header.head h1,
  1628. header.head h2,
  1629. input {
  1630.   font-family: inherit;
  1631. }
  1632.  
  1633. .buttons,
  1634. .ac_results .name,
  1635. .b-animes-menu .total-rates,
  1636. .b-club .name-logo:hover .name,
  1637. .b-comment > .inner header .name-date a.name,
  1638. .b-comments .comments-expander,
  1639. .b-comments .comments-expander:hover,
  1640. .b-comments .comments-hider,
  1641. .b-comments .comments-hider:hover,
  1642. .b-comments .comments-loader,
  1643. .b-comments .comments-loader:hover,
  1644. .b-comments .faye-loader,
  1645. .b-comments .faye-loader:hover,
  1646. .b-comments .messages-postloader,
  1647. .b-comments .messages-postloader:hover,
  1648. .b-entry-info .line .value,
  1649. .b-forum .faye-loader,
  1650. .b-forum .faye-loader:hover,
  1651. .b-header_filters .filter-line .title,
  1652. .b-header_filters .filter-line a.current,
  1653. .b-mention s,
  1654. .b-options-floated .selected.always-active,
  1655. .b-quote,
  1656. .b-rate .score-notice,
  1657. .b-rate .text-score,
  1658. .b-table th,
  1659. .b-topic > .inner header .name-date a.name,
  1660. .b-user.detailed .history .line .event,
  1661. .collapsed,
  1662. .completable-block .name,
  1663. .l-page .menu-toggler .toggler:after,
  1664. .p-anime_videos-index .c-anime_video_episodes .title,
  1665. .p-anime_videos-index .c-videos .title,
  1666. .p-anime_videos-index .same-videos .title,
  1667. .p-statistics-index .forum-nav .sections a,
  1668. .p-user_rates-index .list-groups .summary.lines,
  1669. .p-userlist_comparer .comparer table .name a,
  1670. .tooltip-details .b-nothing_here.centered {
  1671.   color: inherit;
  1672. }
  1673.  
  1674. .b-comments .comments-expander:active,
  1675. .b-comments .comments-hider:active,
  1676. .b-comments .comments-loader:active,
  1677. .b-forum .faye-loader:active,
  1678. .block-list li.selected,
  1679. .block-list-alt li.selected,
  1680. .b-block_list li.selected,
  1681. .p-animes-show .other-names.click-loader,
  1682. .p-mangas-show .other-names.click-loader {
  1683.   color: inherit !important;
  1684. }
  1685.  
  1686. @media screen and (max-width: 767px) {
  1687.   .b-options-floated.mobile-phone a.selected {
  1688.     color: inherit;
  1689.   }
  1690. }
  1691.  
  1692. /* MAIN BLOCKS */
  1693. body {
  1694.   position: relative;
  1695.   min-height: 100%;
  1696.   font-size: 16px;
  1697.   font-weight: 400;
  1698.   line-height: 1.25;
  1699.   overflow-x: hidden;
  1700. }
  1701.  
  1702. .l-page {
  1703.   min-height: 100%;
  1704.   padding-top: 4.5rem;
  1705.   padding-right: 1rem;
  1706.   padding-bottom: 4.5rem;
  1707.   padding-left: 1rem;
  1708. }
  1709.  
  1710. .l-footer {
  1711.   position: absolute;
  1712.   right: 0;
  1713.   bottom: 0;
  1714.   left: 0;
  1715.   width: 100%;
  1716.   max-width: inherit;
  1717.   padding: 0 1rem;
  1718.   margin: auto;
  1719.   text-align: center;
  1720. }
  1721.  
  1722. .l-footer:before {
  1723.   content: 'Theme by grin3671';
  1724.   display: block;
  1725.   float: left;
  1726.   position: static;
  1727.   left: auto;
  1728.   bottom: auto;
  1729.   width: auto;
  1730.   height: auto;
  1731.   background: none;
  1732.   font-size: .6875rem;
  1733. }
  1734.  
  1735. /* DO NOT DELETE */
  1736. /* Информация для устранения неполадок */
  1737. body[data-user*=":2727,"] .l-footer:before {
  1738.   content: "Theme by grin3671 v1.2.94 (stable)";
  1739. }
  1740.  
  1741. .l-footer:before,
  1742. .l-footer .copyright {
  1743.   padding: .5rem 0 0;
  1744.   font-family: inherit;
  1745.   line-height: 1rem;
  1746. }
  1747.  
  1748. .l-footer:after {
  1749.   display: none;
  1750. }
  1751.  
  1752. .l-footer .links {
  1753.   clear: both;
  1754.   display: inline-block;
  1755.   padding: .5rem 0;
  1756.   font: inherit;
  1757.   font-size: .75rem;
  1758.   line-height: 1rem;
  1759.   text-align: center;
  1760. }
  1761.  
  1762. .l-footer .links a:last-child {
  1763.   margin: 0;
  1764. }
  1765.  
  1766. @media (min-width: 960px) {
  1767.   .l-page,
  1768.   .l-footer {
  1769.     padding-right: 1.5rem;
  1770.     padding-left: 1.5rem;
  1771.   }
  1772. }
  1773.  
  1774. /* END of MAIN BLOCKS */
  1775. /* ВЫСОТА СТРОКИ */
  1776. .cc-2a > .c-column,
  1777. .block,
  1778. .b-db_entry,
  1779. .p-animes .b-db_entry > *:last-child {
  1780.   line-height: inherit;
  1781. }
  1782.  
  1783. @media only screen and (min-width: 768px) {
  1784.   .cc-2 > .c-column,
  1785.   .p-animes-show .cc-related-authors > .c-column,
  1786.   .p-mangas-show .cc-related-authors > .c-column {
  1787.     line-height: inherit;
  1788.   }
  1789. }
  1790.  
  1791. .cc-3-flex > .c-column {
  1792.   line-height: inherit;
  1793. }
  1794.  
  1795. /* ЗАКРУГЛЕНИЕ */
  1796. .b-comments .comments-loader,
  1797. .b-comments .comments-hider,
  1798. .b-comments .comments-expander,
  1799. .b-comments .messages-postloader,
  1800. .b-forum .faye-loader,
  1801. .collapsed,
  1802. .tipsy-inner,
  1803. .button,
  1804. .b-button,
  1805. .b-contests-menu .results,
  1806. .b-link_button,
  1807. input[type=submit],
  1808. .btn,
  1809. .b-comments-notifier,
  1810. .p-animes_collection-index .pagination .link,
  1811. .p-mangas_collection-index .pagination .link,
  1812. .p-recommendations-index .pagination .link,
  1813. .p-userlist_comparer-show .pagination .link,
  1814. .subheadline-buttons .item-edit,
  1815. .p-characters .item-edit,
  1816. .b-catalog_entry .image-cutter,
  1817. .b-main_search .input,
  1818. .b-lang_trigger,
  1819. .b-user_rate .rate-show .note,
  1820. .c-poster img,
  1821. .c-actions > *,
  1822. .b-user_rate .rate-show .rate-number .item-add,
  1823. .p-animes-show .watch-online,
  1824. .p-animes-show .upload-video,
  1825. .p-mangas-show .watch-online,
  1826. .p-mangas-show .upload-video,
  1827. .b-tag,
  1828. .b-entry-info .line .b-tag,
  1829. .b-catalog_entry-tooltip .inner .line .value .tag,
  1830. .b-topic > .inner header img,
  1831. .b-quote,
  1832. .p-clubs-index header.head a.misc,
  1833. .b-list_switchers > .switcher,
  1834. .p-user_rates-index .l-content .filter input,
  1835. .p-user_rates-index .list-lines tr td .new-value input,
  1836. .p-user_rates-index .list-lines tr.edit-form form,
  1837. .p-user_rates-index .list-lines tr.edit-form .remove,
  1838. .p-profiles-show .b-stats_bar a.title,
  1839. .b-stats_bar .bar,
  1840. .profile-actions > a,
  1841. .l-page .b-anime_status_tag:before,
  1842. .p-profiles .profile-head .c-history .entry img,
  1843. .p-profiles-show .about .item-edit,
  1844. header.head h1 a.back,
  1845. header.head h2 a.back,
  1846. .edit-page a.cancel,
  1847. .editor-controls > span,
  1848. .tooltip-inner,
  1849. .b-topic-preview > .editor-container .hide,
  1850. .b-input,
  1851. .b-input input {
  1852.   border-radius: .125rem;
  1853. }
  1854.  
  1855. /* LAYOUT */
  1856. @media screen and (max-width: 480px) and (orientation: portrait) {
  1857.   .l-page .menu-slide-outer .menu-slide-inner {
  1858.     width: 100%;
  1859.   }
  1860.   .menu-slide-outer.x199 .l-content,
  1861.   .menu-slide-outer.x240 .l-content {
  1862.     float: none;
  1863.     width: 100%;
  1864.     margin: 0;
  1865.   }
  1866. }
  1867.  
  1868. @media screen and (min-width: 481px) and (max-width: 767px), screen and (max-width: 767px) and (orientation: landscape) {
  1869.   .l-page .menu-slide-outer .menu-slide-inner {
  1870.     width: 100%;
  1871.   }
  1872.   .menu-slide-outer.x199 .l-content,
  1873.   .menu-slide-outer.x240 .l-content {
  1874.     float: none;
  1875.     width: 100%;
  1876.     margin-right: 0;
  1877.   }
  1878. }
  1879.  
  1880. @media screen and (min-width: 768px) and (max-width: 1024px) {
  1881.   .l-page.menu-expanded .x240 .l-content {
  1882.     margin-left: 0;
  1883.   }
  1884.   .l-page .menu-slide-outer.x240.ipad-expanded .menu-slide-inner,
  1885.   .l-page .menu-slide-outer:not(.ipad-expanded) .menu-slide-inner {
  1886.     width: 100%;
  1887.   }
  1888.   .menu-slide-outer.x199 .l-content,
  1889.   .menu-slide-outer.x240 .l-content {
  1890.     float: none;
  1891.     width: 100%;
  1892.     margin-right: 0;
  1893.   }
  1894. }
  1895.  
  1896. @media screen and (max-width: 1024px) {
  1897.   .l-page .menu-slide-outer {
  1898.     overflow: hidden;
  1899.   }
  1900. }
  1901.  
  1902. /* ОБЩИЕ КЛАССЫ */
  1903. .p0,
  1904. .m0,
  1905. .m1,
  1906. .m2,
  1907. .m3,
  1908. .m4,
  1909. .m5,
  1910. .m6,
  1911. .m7,
  1912. .m8,
  1913. .m10,
  1914. .m12,
  1915. .m13,
  1916. .m15,
  1917. .m20,
  1918. .m25,
  1919. .m30,
  1920. .m40,
  1921. .m50 {
  1922.   margin-bottom: .5rem !important;
  1923. }
  1924.  
  1925. h3 {
  1926.   font-size: 1.125rem;
  1927.   line-height: 1.5;
  1928.   margin-bottom: .5rem;
  1929.   text-overflow: ellipsis;
  1930.   white-space: nowrap;
  1931.   overflow: hidden;
  1932. }
  1933.  
  1934. hr {
  1935.   margin: .5rem 0;
  1936.   background-image: none;
  1937. }
  1938.  
  1939. .ajax-loading.vk-like {
  1940.   min-height: 1.5rem;
  1941. }
  1942.  
  1943. .b-ajax:before {
  1944.   opacity: .75;
  1945. }
  1946.  
  1947. .b-ajax:after {
  1948.   width: 1.5rem;
  1949.   height: 1.5rem;
  1950.   margin-top: -.75rem;
  1951.   margin-left: -.75rem;
  1952.   background: transparent;
  1953.   border: .1875rem solid;
  1954.   border-right-color: transparent;
  1955.   border-radius: 50%;
  1956.   color: #4682B4;
  1957.   -webkit-animation: spin 2s linear infinite;
  1958.   animation: spin 2s linear infinite;
  1959.   box-sizing: border-box;
  1960.   pointer-events: all;
  1961. }
  1962.  
  1963. /* Списки */
  1964. .b-list {
  1965.   margin: .5rem 0 1rem 2rem;
  1966. }
  1967.  
  1968. .b-list li {
  1969.   margin: 0;
  1970.   line-height: 1.5;
  1971.   list-style-type: disc;
  1972.   list-style-image: none;
  1973. }
  1974.  
  1975. .b-list li + li {
  1976.   margin: .5rem 0 0 0;
  1977. }
  1978.  
  1979. .b-list .b-list li + li {
  1980.   margin: 0;
  1981. }
  1982.  
  1983. .b-height_shortener {
  1984.   position: relative;
  1985.   padding-left: 0;
  1986.   cursor: s-resize;
  1987. }
  1988.  
  1989. .b-comment .b-height_shortener,
  1990. .b-dialog .b-height_shortener,
  1991. .p-clubs .b-height_shortener {
  1992.   padding-left: 3.5rem;
  1993. }
  1994.  
  1995. .buttons .cancel {
  1996.   vertical-align: top;
  1997.   margin-right: .5rem;
  1998.   border: 0;
  1999. }
  2000.  
  2001. .b-form .cancel {
  2002.   margin-left: 0;
  2003. }
  2004.  
  2005. .b-form .cancel:hover {
  2006.   text-decoration: none;
  2007. }
  2008.  
  2009. .b-errors {
  2010.   margin-bottom: .5rem;
  2011.   line-height: inherit;
  2012. }
  2013.  
  2014. .red,
  2015. .b-errors .subheadline {
  2016.   margin-bottom: 0;
  2017.   border: 0;
  2018. }
  2019.  
  2020. .b-review-topic .b-height_shortener {
  2021.   padding-left: 0;
  2022.   cursor: default;
  2023. }
  2024.  
  2025. .b-height_shortener .shade {
  2026.   right: 0;
  2027.   left: 0;
  2028.   width: auto;
  2029.   height: 2.5rem;
  2030.   margin-top: -2.5rem;
  2031. }
  2032.  
  2033. .b-height_shortener .expand {
  2034.   font-size: .875rem;
  2035. }
  2036.  
  2037. .b-comment.b-comment-info {
  2038.   font-size: .875rem;
  2039.   text-align: left;
  2040.   line-height: 1.5rem;
  2041. }
  2042.  
  2043. .b-comment.b-comment-info > span {
  2044.   margin-right: .5rem;
  2045. }
  2046.  
  2047. .b-comments .comments-loader,
  2048. .b-comments .comments-hider,
  2049. .b-comments .comments-expander,
  2050. .b-comments .messages-postloader,
  2051. .b-forum .faye-loader,
  2052. .collapsed {
  2053.   padding: .4375rem 2.5rem;
  2054.   margin: 0;
  2055.   margin-bottom: .5rem;
  2056.   line-height: 1.5rem;
  2057. }
  2058.  
  2059. .b-dropzone {
  2060.   padding: .5rem 1rem 3rem;
  2061.   background-color: #616161;
  2062.   border: 1px dashed #757575;
  2063.   border-radius: .125rem;
  2064. }
  2065.  
  2066. .b-dropzone:hover {
  2067.   border-color: #4682B4;
  2068. }
  2069.  
  2070. .b-dropzone:before {
  2071.   margin: .5rem 0;
  2072.   font-size: 14px;
  2073. }
  2074.  
  2075. .b-dropzone .thank-you {
  2076.   margin-bottom: .5rem;
  2077. }
  2078.  
  2079. .b-dropzone input[type=file] {
  2080.   bottom: 1rem;
  2081. }
  2082.  
  2083. .b-dropzone:before,
  2084. .b-dropzone input[type=file] {
  2085.   color: #9E9E9E;
  2086. }
  2087.  
  2088. .b-dropzone:hover:before,
  2089. .b-dropzone:hover input[type=file] {
  2090.   color: #EEEEEE;
  2091. }
  2092.  
  2093. .b-forum .faye-loader {
  2094.   padding: .4375rem .5rem;
  2095. }
  2096.  
  2097. .b-comments .comments-collapser {
  2098.   width: 2.5rem;
  2099.   padding: .5rem;
  2100.   margin: 0;
  2101.   border: 0;
  2102.   font-size: 0;
  2103.   line-height: 0;
  2104. }
  2105.  
  2106. .b-comments .comments-collapser:before {
  2107.   content: 'expand_less';
  2108.   display: block;
  2109. }
  2110.  
  2111. .b-image {
  2112.   display: inline-block;
  2113.   vertical-align: top;
  2114.   margin-bottom: .25rem;
  2115. }
  2116.  
  2117. /* Кнопки управления изображениями */
  2118. .b-image img {
  2119.   vertical-align: top;
  2120.   border-radius: .125rem;
  2121. }
  2122.  
  2123. .b-gallery .b-image {
  2124.   padding: .125rem;
  2125. }
  2126.  
  2127. .b-gallery .b-image .controls {
  2128.   margin: .125rem;
  2129.   text-align: right;
  2130. }
  2131.  
  2132. /* Кнопки */
  2133. .b-image .mobile-edit,
  2134. .b-image .delete,
  2135. .b-image.deletable .confirm,
  2136. .b-image.deletable .cancel,
  2137. .p-user_rates-index .list-posters .user_rate .edit-user_rate {
  2138.   width: auto;
  2139.   height: auto;
  2140.   padding: .5rem;
  2141.   margin-top: .25rem !important;
  2142.   margin-right: .25rem !important;
  2143.   border-radius: .125rem;
  2144. }
  2145.  
  2146. @media screen and (min-width: 1024px) {
  2147.   .b-image .mobile-edit,
  2148.   .b-image .delete,
  2149.   .b-image.deletable .confirm,
  2150.   .b-image.deletable .cancel,
  2151.   .p-user_rates-index .list-posters .user_rate .edit-user_rate {
  2152.     background-color: transparent;
  2153.   }
  2154. }
  2155.  
  2156. .b-image .delete,
  2157. .b-image .confirm,
  2158. .b-image .cancel,
  2159. .b-image .move-left,
  2160. .b-image .move-right,
  2161. .b-image .mobile-edit {
  2162.   z-index: 8;
  2163. }
  2164.  
  2165. .b-image .mobile-edit,
  2166. .b-gallery .grid_sizer .controls {
  2167.   margin-top: .375rem !important;
  2168.   margin-right: .375rem !important;
  2169. }
  2170.  
  2171. @media screen and (min-width: 767px) {
  2172.   .p-user_rates-index .list-posters .user_rate .edit-user_rate {
  2173.     background-color: transparent;
  2174.   }
  2175. }
  2176.  
  2177. /* Настройки иконок */
  2178. .b-image .mobile-edit:before,
  2179. .b-image .delete:before,
  2180. .b-image.deletable .confirm:before,
  2181. .b-image.deletable .cancel:before,
  2182. .p-user_rates-index .list-posters .user_rate .edit-user_rate:before {
  2183.   width: 1.5rem;
  2184.   font-size: 1.5rem;
  2185. }
  2186.  
  2187. .p-user_rates-index .list-posters .user_rate .edit-user_rate:before {
  2188.   position: static;
  2189.   height: auto;
  2190.   background: transparent;
  2191. }
  2192.  
  2193. /* Затемнение */
  2194. .b-gallery .b-image .controls,
  2195. .user_rate .b-catalog_entry:after {
  2196.   position: absolute;
  2197.   top: 0;
  2198.   right: 0;
  2199.   bottom: 0;
  2200.   left: 0;
  2201.   background-image: linear-gradient(rgba(0, 0, 0, 0.6) 0%, transparent 40%);
  2202.   border-radius: .125rem;
  2203. }
  2204.  
  2205. .user_rate .b-catalog_entry:after {
  2206.   content: '';
  2207.   opacity: 0;
  2208.   pointer-events: none;
  2209. }
  2210.  
  2211. .b-image:hover,
  2212. .b-image.deletable img,
  2213. .b-image.deletable:after,
  2214. .b-image.mobile-editing:after,
  2215. .p-user_rates-index .list-posters .user_rate:hover .b-catalog_entry:after {
  2216.   opacity: 1;
  2217. }
  2218.  
  2219. /* Вид иконки */
  2220. .b-image .mobile-edit:before,
  2221. .p-user_rates-index .list-posters .user_rate .edit-user_rate:before {
  2222.   content: 'edit';
  2223. }
  2224.  
  2225. .b-image .delete:before {
  2226.   content: 'delete';
  2227. }
  2228.  
  2229. .b-image .confirm:before {
  2230.   content: 'check';
  2231. }
  2232.  
  2233. .b-image .cancel:before {
  2234.   content: 'close';
  2235. }
  2236.  
  2237. /* END of Кнопки управления изображениями */
  2238. .b-modal > .inner {
  2239.   padding: 1rem 1.5rem;
  2240.   border-radius: .125rem;
  2241.   box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.24);
  2242. }
  2243.  
  2244. .b-modal .subheadline {
  2245.   font-size: 20px;
  2246.   font-weight: 400;
  2247.   text-transform: none;
  2248. }
  2249.  
  2250. .b-prgrph,
  2251. .b-spoiler_prgrph {
  2252.   margin-bottom: .5rem !important;
  2253. }
  2254.  
  2255. .b-show_more,
  2256. .b-show_more-more .hide-more {
  2257.   display: inline-block;
  2258.   padding: 0 .5rem;
  2259.   margin: .25rem 0;
  2260.   border-radius: .625rem;
  2261.   font-size: .875rem;
  2262. }
  2263.  
  2264. .b-source {
  2265.   margin-top: .5rem;
  2266.   margin-bottom: 1rem;
  2267. }
  2268.  
  2269. .b-spoiler label {
  2270.   font-size: inherit;
  2271.   letter-spacing: initial;
  2272. }
  2273.  
  2274. .b-spoiler .content .before,
  2275. .b-spoiler .content .after {
  2276.   font-size: inherit;
  2277.   letter-spacing: initial;
  2278. }
  2279.  
  2280. .b-nothing_here {
  2281.   margin-left: 0;
  2282.   font-size: .875rem;
  2283.   line-height: 2.5rem;
  2284. }
  2285.  
  2286. header.head h1,
  2287. header.head h2 {
  2288.   font-family: inherit;
  2289. }
  2290.  
  2291. header.head .notice {
  2292.   margin: .5rem 0;
  2293.   font-size: .875rem;
  2294.   line-height: 1.25rem;
  2295. }
  2296.  
  2297. header.head h1 ~ .notice,
  2298. header.head h2 ~ .notice {
  2299.   margin-top: -.5rem;
  2300. }
  2301.  
  2302. .b-breadcrumbs {
  2303.   margin: 0;
  2304.   line-height: 1rem;
  2305. }
  2306.  
  2307. .b-breadcrumbs > span:after {
  2308.   content: '»';
  2309. }
  2310.  
  2311. /* Всплывающая подсказка */
  2312. .tipsy {
  2313.   padding: .875rem;
  2314.   font-size: .875rem;
  2315.   opacity: .9 !important;
  2316.   pointer-events: none;
  2317. }
  2318.  
  2319. .tipsy-arrow {
  2320.   display: none;
  2321. }
  2322.  
  2323. .tipsy-inner {
  2324.   padding: .375rem 1rem;
  2325.   background-color: #616161;
  2326.   color: #eee;
  2327.   text-align: left;
  2328.   box-shadow: none;
  2329. }
  2330.  
  2331. input {
  2332.   font-family: inherit;
  2333.   font-size: inherit;
  2334. }
  2335.  
  2336. /* Кнопки */
  2337. .button,
  2338. .b-button,
  2339. .b-form input[type=submit],
  2340. .b-topic-preview > .editor-container .hide,
  2341. .edit-page a.cancel {
  2342.   display: inline-block;
  2343. }
  2344.  
  2345. input[type=submit],
  2346. .button,
  2347. .b-button,
  2348. .b-form input[type=submit],
  2349. .b-contests-menu .results,
  2350. .b-link_button,
  2351. .b-shiki_editor .links .b-button.ok,
  2352. .b-shiki_editor .images .b-button.ok,
  2353. .b-shiki_editor .quotes .b-button.ok,
  2354. .b-shiki_editor .email .b-button.ok,
  2355. .b-shiki_editor .upload .b-button.ok,
  2356. .edit-page a.cancel {
  2357.   min-width: 5.5rem;
  2358.   padding: 0 1rem;
  2359.   margin-right: .5rem;
  2360.   font-size: .875rem;
  2361.   line-height: 2rem !important;
  2362.   text-align: center;
  2363.   text-decoration: none !important;
  2364.   text-transform: uppercase;
  2365.   transition: 0.16s cubic-bezier(0.4, 0, 0.6, 1);
  2366. }
  2367.  
  2368. input[type=submit]:last-child,
  2369. .b-button:last-child,
  2370. .b-form input[type=submit]:last-child {
  2371.   margin-right: 0;
  2372. }
  2373.  
  2374. input[type=submit]:hover {
  2375.   box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  2376. }
  2377.  
  2378. /* TODO: new variable $btn_disabled_color (L: #9E9E9E; D: #757575) */
  2379. .b-button[disabled],
  2380. .b-button.disabled,
  2381. .b-button[disabled]:hover,
  2382. .b-button.disabled:hover,
  2383. .b-form input[type=submit][disabled],
  2384. .b-form input[type=submit].disabled,
  2385. .b-form input[type=submit][disabled]:hover,
  2386. .b-form input[type=submit].disabled:hover {
  2387.   background-color: #424242;
  2388.   box-shadow: none;
  2389.   color: #9E9E9E !important;
  2390. }
  2391.  
  2392. .b-shiki_editor .links .b-button.ok,
  2393. .b-shiki_editor .images .b-button.ok,
  2394. .b-shiki_editor .quotes .b-button.ok,
  2395. .b-shiki_editor .email .b-button.ok,
  2396. .b-shiki_editor .upload .b-button.ok {
  2397.   min-width: auto;
  2398.   margin-left: 1rem;
  2399. }
  2400.  
  2401. .b-shiki_editor .links input,
  2402. .b-shiki_editor .images input,
  2403. .b-shiki_editor .quotes input,
  2404. .b-shiki_editor .email input,
  2405. .b-shiki_editor .upload input {
  2406.   vertical-align: middle;
  2407.   margin-top: 0px;
  2408. }
  2409.  
  2410. .edit-page a.cancel,
  2411. .b-topic-preview > .editor-container .hide {
  2412.   background-color: transparent;
  2413. }
  2414.  
  2415. .b-topic-preview > .editor-container .hide {
  2416.   vertical-align: top;
  2417.   border: 0;
  2418. }
  2419.  
  2420. .b-topic {
  2421.   overflow: visible;
  2422. }
  2423.  
  2424. .b-topic > .inner {
  2425.   overflow: visible;
  2426. }
  2427.  
  2428. .b-topic-preview > .inner > footer {
  2429.   overflow: hidden;
  2430. }
  2431.  
  2432. /* Чекбоксы */
  2433. /* TODO: L: border-color normal #757575 disabled #BDBDBD */
  2434. /*       D: border-color normal #FFFFFF disabled rgba(255,255,255,.3) */
  2435. input[type=checkbox],
  2436. .b-input input[type=checkbox] {
  2437.   display: inline-block;
  2438.   vertical-align: top;
  2439.   width: 1.125rem !important;
  2440.   height: 1.125rem;
  2441.   padding: 0;
  2442.   margin: .1875rem 1rem .1875rem 0;
  2443.   background-color: transparent;
  2444.   background-repeat: no-repeat;
  2445.   background-size: 1.125rem;
  2446.   background-position: -.125rem -.125rem;
  2447.   border: 0.125rem solid #BDBDBD;
  2448.   border-radius: .125rem;
  2449.   box-sizing: border-box;
  2450.   transition: 0.24s cubic-bezier(0.4, 0, 0.2, 1);
  2451.   -webkit-appearance: none;
  2452.   -moz-appearance: none;
  2453.   appearance: none;
  2454. }
  2455.  
  2456. input[type=checkbox]:checked,
  2457. .b-input input[type=checkbox]:checked {
  2458.   background-color: #4682B4;
  2459.   background-image: url("data\:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNOSAxNi4xN0w0LjgzIDEybC0xLjQyIDEuNDFMOSAxOSAyMSA3bC0xLjQxLTEuNDF6Ii8+PC9zdmc+");
  2460.   border-color: transparent;
  2461. }
  2462.  
  2463. input[type=checkbox]:disabled,
  2464. .b-input input[type=checkbox]:disabled {
  2465.   border-color: #9E9E9E;
  2466. }
  2467.  
  2468. input[type=checkbox]:checked:disabled,
  2469. .b-input input[type=checkbox]:checked:disabled {
  2470.   background-color: #9E9E9E;
  2471.   border-color: transparent;
  2472. }
  2473.  
  2474. /* Формы */
  2475. .b-form {
  2476.   overflow: visible;
  2477. }
  2478.  
  2479. .b-form:after {
  2480.   content: '';
  2481.   display: block;
  2482.   clear: both;
  2483. }
  2484.  
  2485. .b-input input,
  2486. .b-input textarea {
  2487.   padding: .3125rem 1rem;
  2488.   line-height: 1.25rem;
  2489. }
  2490.  
  2491. .b-input textarea {
  2492.   padding: .4375rem 1rem;
  2493. }
  2494.  
  2495. .b-input input[disabled] {
  2496.   background: transparent;
  2497.   border-width: 0;
  2498.   border-bottom-width: .125rem;
  2499.   padding: .375rem 0 .25rem;
  2500.   color: #9E9E9E !important;
  2501. }
  2502.  
  2503. /* TODO: check moz & ms browsers */
  2504. .b-input input::-webkit-input-placeholder,
  2505. .b-input textarea::-webkit-input-placeholder,
  2506. .b-shiki_editor .body .editor textarea::-webkit-input-placeholder {
  2507.   padding: 0;
  2508.   line-height: inherit;
  2509. }
  2510.  
  2511. .b-input input:-moz-placeholder,
  2512. .b-input textarea:-moz-placeholder,
  2513. .b-shiki_editor .body .editor textarea:-moz-placeholder {
  2514.   padding: 0;
  2515.   line-height: inherit;
  2516. }
  2517.  
  2518. .b-input input::-moz-placeholder,
  2519. .b-input textarea::-moz-placeholder,
  2520. .b-shiki_editor .body .editor textarea::-moz-placeholder {
  2521.   padding: 0;
  2522.   line-height: inherit;
  2523. }
  2524.  
  2525. .b-input input:-ms-input-placeholder,
  2526. .b-input textarea:-ms-input-placeholder,
  2527. .b-shiki_editor .body .editor textarea:-ms-input-placeholder {
  2528.   padding: 0;
  2529.   line-height: inherit;
  2530. }
  2531.  
  2532. .b-input select {
  2533.   height: 2rem;
  2534.   padding: 2px .5rem;
  2535.   font-size: .875rem;
  2536.   line-height: 2rem;
  2537. }
  2538.  
  2539. .b-input select:disabled {
  2540.   opacity: .5;
  2541. }
  2542.  
  2543. .b-input .hint {
  2544.   font-size: .75rem;
  2545.   line-height: 1.25rem;
  2546. }
  2547.  
  2548. .b-input label {
  2549.   line-height: 1.5;
  2550. }
  2551.  
  2552. .buttons {
  2553.   font-family: inherit;
  2554.   font-size: inherit;
  2555. }
  2556.  
  2557. .b-form .buttons {
  2558.   margin-top: .5rem;
  2559. }
  2560.  
  2561. .btn {
  2562.   line-height: 2rem;
  2563. }
  2564.  
  2565. .b-contests-menu .results {
  2566.   float: none;
  2567.   display: block;
  2568.   margin: .5rem 0;
  2569. }
  2570.  
  2571. .b-link_button {
  2572.   margin-bottom: .5rem;
  2573. }
  2574.  
  2575. .b-link_button.maxi {
  2576.   padding: 0;
  2577.   font-size: 1rem;
  2578.   line-height: 2.5rem;
  2579. }
  2580.  
  2581. .b-contests-menu .results,
  2582. .b-forums > .b-link_button.maxi,
  2583. .b-link_button.create-topic {
  2584.   margin-right: 0;
  2585. }
  2586.  
  2587. .l-page .menu-toggler {
  2588.   top: 64px;
  2589.   z-index: 9;
  2590. }
  2591.  
  2592. .l-page.menu-expanded .menu-toggler {
  2593.   z-index: 10;
  2594. }
  2595.  
  2596. @media (max-width: 1024px) {
  2597.   .l-menu {
  2598.     z-index: 9;
  2599.   }
  2600. }
  2601.  
  2602. .p-user_rates-index .l-page .menu-toggler {
  2603.   top: -96px;
  2604. }
  2605.  
  2606. [data-locale="ru"] .l-page .menu-toggler .toggler:before {
  2607.   content: 'меню';
  2608. }
  2609.  
  2610. [data-locale="en"] .l-page .menu-toggler .toggler:before {
  2611.   content: 'sidebar';
  2612. }
  2613.  
  2614. .history-interval,
  2615. .mischeadline,
  2616. .b-input,
  2617. .prgrph,
  2618. .spoiler-prgrph,
  2619. .review-votes_count {
  2620.   margin-bottom: .5rem !important;
  2621. }
  2622.  
  2623. .text {
  2624.   margin-left: 0 !important;
  2625. }
  2626.  
  2627. .tooltip-inner .close {
  2628.   top: 0;
  2629.   right: 0;
  2630.   width: 2rem;
  2631.   padding: .4375rem;
  2632.   background: transparent;
  2633.   border-radius: 50%;
  2634.   color: inherit;
  2635.   font-size: 1.125rem;
  2636. }
  2637.  
  2638. .tooltip-inner .close:after {
  2639.   content: 'close';
  2640. }
  2641.  
  2642. .block-list li,
  2643. .block-list-alt li {
  2644.   line-height: 1.5rem;
  2645.   margin: 2px -.5rem;
  2646.   padding: 0 .5rem;
  2647. }
  2648.  
  2649. .b-block_list li {
  2650.   padding: 0 .5rem;
  2651.   margin: 0 -.5rem;
  2652.   font-family: inherit;
  2653.   line-height: 1.5rem;
  2654. }
  2655.  
  2656. .b-comments-notifier {
  2657.   top: 0 !important;
  2658.   width: 2rem;
  2659.   height: 2rem;
  2660.   margin-top: 4rem;
  2661.   line-height: 2rem;
  2662. }
  2663.  
  2664. .block,
  2665. .b-topic .body {
  2666.   line-height: 1.25;
  2667. }
  2668.  
  2669. .b-pages-container,
  2670. .b-topic > .inner > .body,
  2671. .b-db_entry > div:last-child .text {
  2672.   line-height: 1.5;
  2673. }
  2674.  
  2675. .b-user.named_avatar .name {
  2676.   margin: auto;
  2677. }
  2678.  
  2679. /* FIX: BACKFACE VISIBILITY */
  2680. .b-collection-filters > .block:first-child > .b-list > li:after,
  2681. .b-collection-filters > .block:first-child > .b-list > li:before,
  2682. .b-collection-filters > .block:first-child > .b-list > li:after,
  2683. .b-collection-filters > .block:first-child > .b-list > li:before,
  2684. .l-top_menu .inner > a:first-child,
  2685. .l-top_menu .menu-items > .entry > a,
  2686. .p-user_rates .mylist-block + .block > .b-list > li:after,
  2687. .p-user_rates .mylist-block + .block > .b-list > li:before {
  2688.   -webkit-backface-visibility: hidden;
  2689.   -moz-backface-visibility: hidden;
  2690.   backface-visibility: hidden;
  2691. }
  2692.  
  2693. /* Table */
  2694. .b-table td {
  2695.   padding: .25em 0;
  2696.   line-height: 1.5;
  2697. }
  2698.  
  2699. .b-table td.num {
  2700.   white-space: nowrap;
  2701. }
  2702.  
  2703. .b-table tr.border {
  2704.   border-color: #757575;
  2705. }
  2706.  
  2707. /**
  2708.  * PAGINATION
  2709.  *
  2710.  */
  2711. /* Делаем пагинацию более удобной */
  2712. .p-animes_collection-index .pagination,
  2713. .p-mangas_collection-index .pagination,
  2714. .p-recommendations-index .pagination,
  2715. .p-userlist_comparer-show .pagination {
  2716.   margin: 8px 0;
  2717.   color: inherit;
  2718.   font-size: 14px;
  2719.   line-height: 32px;
  2720. }
  2721.  
  2722. /* Добавляем разной ерунды */
  2723. .p-animes_collection-index .pagination > *,
  2724. .p-mangas_collection-index .pagination > *,
  2725. .p-recommendations-index .pagination > *,
  2726. .p-userlist_comparer-show .pagination > * {
  2727.   vertical-align: top;
  2728. }
  2729.  
  2730. .p-animes_collection-index .pagination .link,
  2731. .p-mangas_collection-index .pagination .link,
  2732. .p-recommendations-index .pagination .link,
  2733. .p-userlist_comparer-show .pagination .link {
  2734.   width: 40px;
  2735.   height: 40px;
  2736.   padding: 8px;
  2737.   margin: -4px 8px;
  2738.   font-size: 0;
  2739. }
  2740.  
  2741. .p-animes_collection-index .pagination .link:first-child,
  2742. .p-mangas_collection-index .pagination .link:first-child,
  2743. .p-recommendations-index .pagination .link:first-child,
  2744. .p-userlist_comparer-show .pagination .link:first-child {
  2745.   margin-left: 0;
  2746. }
  2747.  
  2748. .p-animes_collection-index .pagination .link:last-child,
  2749. .p-mangas_collection-index .pagination .link:last-child,
  2750. .p-recommendations-index .pagination .link:last-child,
  2751. .p-userlist_comparer-show .pagination .link:last-child {
  2752.   margin-right: 0;
  2753. }
  2754.  
  2755. .p-animes_collection-index .pagination .link:hover,
  2756. .p-mangas_collection-index .pagination .link:hover,
  2757. .p-recommendations-index .pagination .link:hover,
  2758. .p-userlist_comparer-show .pagination .link:hover {
  2759.   text-decoration: none;
  2760. }
  2761.  
  2762. .p-animes_collection-index .pagination .link.disabled:hover,
  2763. .p-mangas_collection-index .pagination .link.disabled:hover,
  2764. .p-recommendations-index .pagination .link.disabled:hover,
  2765. .p-userlist_comparer-show .pagination .link.disabled:hover {
  2766.   background-color: transparent;
  2767. }
  2768.  
  2769. .p-animes_collection-index .pagination .link:before,
  2770. .p-mangas_collection-index .pagination .link:before,
  2771. .p-recommendations-index .pagination .link:before,
  2772. .p-userlist_comparer-show .pagination .link:before {
  2773.   display: block;
  2774.   width: 24px !important;
  2775.   font-family: 'Material Icons' !important;
  2776.   font-size: 24px !important;
  2777.   font-weight: 400 !important;
  2778.   line-height: 1 !important;
  2779.   text-transform: none;
  2780.   letter-spacing: normal;
  2781.   word-wrap: normal;
  2782.   white-space: nowrap;
  2783.   direction: ltr;
  2784.   /* Support for all WebKit browsers. */
  2785.   -webkit-font-smoothing: antialiased;
  2786.   /* Support for Safari and Chrome. */
  2787.   text-rendering: optimizeLegibility;
  2788.   /* Support for Firefox. */
  2789.   -moz-osx-font-smoothing: grayscale;
  2790.   /* Support for IE. */
  2791.   font-feature-settings: 'liga';
  2792. }
  2793.  
  2794. .p-animes_collection-index .pagination .link.link-prev:before,
  2795. .p-mangas_collection-index .pagination .link.link-prev:before,
  2796. .p-recommendations-index .pagination .link.link-prev:before,
  2797. .p-userlist_comparer-show .pagination .link.link-prev:before {
  2798.   content: 'chevron_left';
  2799. }
  2800.  
  2801. .p-animes_collection-index .pagination .link.link-next:before,
  2802. .p-mangas_collection-index .pagination .link.link-next:before,
  2803. .p-recommendations-index .pagination .link.link-next:before,
  2804. .p-userlist_comparer-show .pagination .link.link-next:before {
  2805.   content: 'chevron_right';
  2806. }
  2807.  
  2808. /* ***************** */
  2809. /* END of PAGINATION */
  2810. /* ***************** */
  2811. /**
  2812.  * SUBHEADER
  2813.  * Изменение подзаголовков разделов и ссылок в них.
  2814.  */
  2815. .headline {
  2816.   padding: 8px 0;
  2817.   margin: 8px 0;
  2818.   background: none;
  2819.   border: 0;
  2820.   font-size: 24px;
  2821.   font-weight: 400;
  2822.   line-height: 32px;
  2823.   text-transform: none;
  2824. }
  2825.  
  2826. .mischeadline,
  2827. .c-my_list .title,
  2828. .subheadline,
  2829. .midheadline,
  2830. .b-stats_bar .title,
  2831. .profile-content .activity .title,
  2832. .lifetime .title {
  2833.   padding: 16px 0;
  2834.   margin-bottom: 0;
  2835.   background-color: transparent;
  2836.   border: 0;
  2837.   font-size: .875rem;
  2838.   line-height: 1rem;
  2839.   text-transform: uppercase;
  2840.   overflow: initial;
  2841. }
  2842.  
  2843. .p-db_entries-edit_field .subheadline {
  2844.   overflow: hidden;
  2845. }
  2846.  
  2847. .midheadline > a,
  2848. .subheadline > a {
  2849.   vertical-align: top;
  2850.   margin: -.5rem -1rem;
  2851. }
  2852.  
  2853. .midheadline > a,
  2854. .subheadline > a,
  2855. .b-form .cancel,
  2856. .b-shiki_editor footer .unpreview,
  2857. .b-shiki_editor footer .preview,
  2858. .b-topic-preview > .editor-container .hide {
  2859.   display: inline-block;
  2860.   padding: 0 1rem;
  2861.   background-color: transparent;
  2862.   border-radius: .125rem;
  2863.   font-size: .875rem;
  2864.   line-height: 2rem !important;
  2865.   text-transform: uppercase;
  2866. }
  2867.  
  2868. .headline > a:before,
  2869. .midheadline > a:before,
  2870. .subheadline > a:before {
  2871.   right: 0;
  2872.   left: 0;
  2873.   text-align: right;
  2874.   opacity: 0;
  2875.   pointer-events: auto;
  2876. }
  2877.  
  2878. .headline.linkheadline > a,
  2879. .linkheadline.midheadline > a,
  2880. .linkheadline.subheadline > a {
  2881.   text-decoration: none;
  2882. }
  2883.  
  2884. .subheadline .misc-link {
  2885.   float: right;
  2886. }
  2887.  
  2888. .subheadline-input {
  2889.   padding: 5px 8px;
  2890.   margin-top: 8px !important;
  2891.   border-radius: 2px !important;
  2892.   font-size: 14px;
  2893.   line-height: inherit !important;
  2894. }
  2895.  
  2896. @media screen and (max-width: 767px) {
  2897.   .subheadline-input {
  2898.     padding-bottom: 5px !important;
  2899.     padding-top: 5px !important;
  2900.   }
  2901. }
  2902.  
  2903. .subheadline-buttons {
  2904.   right: 0;
  2905.   margin: 0;
  2906. }
  2907.  
  2908. .subheadline-buttons + .subheadline {
  2909.   padding-right: 3rem;
  2910. }
  2911.  
  2912. /* HOVER */
  2913. .headline > a:hover,
  2914. .midheadline > a:hover,
  2915. .subheadline > a:hover {
  2916.   text-decoration: none;
  2917. }
  2918.  
  2919. .subheadline-buttons .item-edit,
  2920. .p-characters .item-edit {
  2921.   display: inline-block;
  2922.   width: 40px;
  2923.   height: 40px;
  2924.   padding: 8px;
  2925.   margin: 4px 0;
  2926. }
  2927.  
  2928. @media only screen and (min-width: 768px) {
  2929.   .b-options-floated.r-edit {
  2930.     margin-right: 48px;
  2931.   }
  2932. }
  2933.  
  2934. /* END of SUBHEADER */
  2935. /**
  2936.  * ТУРНИРЫ
  2937.  */
  2938. .p-contests .match-container.b-ajax:after {
  2939.   z-index: 10;
  2940. }
  2941.  
  2942. .p-contests .b-contest_match {
  2943.   padding: 16px 0;
  2944.   margin-bottom: 0;
  2945. }
  2946.  
  2947. .p-contests .b-contest_match .current-match .match-members:last-child {
  2948.   margin-bottom: 0 !important;
  2949. }
  2950.  
  2951. .p-contests .match-day {
  2952.   position: relative;
  2953.   margin-bottom: 16px;
  2954.   text-align: center;
  2955. }
  2956.  
  2957. .p-contests .match-day:before {
  2958.   content: '';
  2959.   display: block;
  2960.   position: absolute;
  2961.   top: 10px;
  2962.   right: 0;
  2963.   left: 0;
  2964.   height: 1px;
  2965. }
  2966.  
  2967. .p-contests .match-day > .date {
  2968.   position: relative;
  2969.   display: inline-block;
  2970.   padding: 0 16px;
  2971.   margin-bottom: 4px;
  2972.   text-align: center;
  2973.   text-transform: uppercase;
  2974. }
  2975.  
  2976. .p-contests .match-day > .date .from,
  2977. .p-contests .match-day > .date .to {
  2978.   margin-right: 8px;
  2979. }
  2980.  
  2981. .p-contests .match-day > .date .to {
  2982.   margin-left: 8px;
  2983. }
  2984.  
  2985. .p-contests .match-day .match-link {
  2986.   padding-left: 0;
  2987.   text-align: left;
  2988. }
  2989.  
  2990. .p-contests .match-day .match-link .c-column {
  2991.   line-height: 32px;
  2992. }
  2993.  
  2994. .p-contests .match-day .match-link .voted:before,
  2995. .p-contests .match-day .match-link .winner:before,
  2996. .p-contests .match-day .match-link .loser:before,
  2997. .p-contests .match-day .match-link .created:before,
  2998. .p-contests .match-day .match-link .started:before,
  2999. .p-contests .match-day .match-link .finished:before {
  3000.   display: inline-block;
  3001.   vertical-align: top;
  3002.   width: 18px;
  3003.   padding-right: 0;
  3004.   padding-left: 0;
  3005.   margin: 7px 0;
  3006.   margin-right: 14px;
  3007.   font-size: 18px;
  3008.   font-weight: normal !important;
  3009. }
  3010.  
  3011. .p-contests .match-day .match-link .created:before {
  3012.   color: #9B9B9B;
  3013.   content: "lock";
  3014.   padding-right: 0;
  3015. }
  3016.  
  3017. .p-contests .match-day .match-link .started:before,
  3018. .p-contests .match-day .match-link.voted-abstain .started:before {
  3019.   content: "check_box_outline_blank";
  3020.   color: #757575;
  3021. }
  3022.  
  3023. .p-contests .match-day .match-link.voted-abstain .started:before {
  3024.   color: #9B9B9B;
  3025. }
  3026.  
  3027. .p-contests .match-day .match-link.voted-left .started:first-child:before,
  3028. .p-contests .match-day .match-link.voted-right .started:last-child:before {
  3029.   content: "check_box";
  3030. }
  3031.  
  3032. .p-contests .match-day .match-link.voted-left .started:last-child:before,
  3033. .p-contests .match-day .match-link.voted-right .started:first-child:before {
  3034.   content: 'indeterminate_check_box';
  3035. }
  3036.  
  3037. .p-contests .match-day .match-link .winner:before {
  3038.   content: "thumb_up";
  3039. }
  3040.  
  3041. .p-contests .match-day .match-link .loser:before {
  3042.   content: "thumb_down";
  3043.   padding-right: 0;
  3044. }
  3045.  
  3046. .p-contests .match-day .match-link.voted-left .started:first-child:before,
  3047. .p-contests .match-day .match-link.voted-right .started:last-child:before,
  3048. .p-contests .match-day .match-link .winner:before {
  3049.   color: #66BB6A;
  3050. }
  3051.  
  3052. .p-contests .match-day .match-link.voted-left .started:last-child:before,
  3053. .p-contests .match-day .match-link.voted-right .started:first-child:before,
  3054. .p-contests .match-day .match-link .loser:before {
  3055.   color: #EF5350;
  3056. }
  3057.  
  3058. .p-contests .match-day .matches-num {
  3059.   display: inline-block;
  3060.   width: 56px;
  3061.   padding-right: 0;
  3062.   font-size: 16px;
  3063. }
  3064.  
  3065. .p-contests-show .cc-round_stats > .c-column:first-child:last-child > .block:last-child {
  3066.   padding: 4px 0;
  3067. }
  3068.  
  3069. .p-contests-show .warning {
  3070.   margin-top: 0;
  3071.   margin-bottom: 16px;
  3072. }
  3073.  
  3074. .p-contests .rating .member {
  3075.   height: auto;
  3076. }
  3077.  
  3078. .p-contests-users .subheadline a:hover {
  3079.   background: none;
  3080. }
  3081.  
  3082. .p-contests .b-contest_match .votes-percents {
  3083.   border-radius: 4px;
  3084.   font-size: 14px;
  3085.   line-height: 24px;
  3086. }
  3087.  
  3088. .p-contests .b-contest_match .votes-percents span {
  3089.   float: left;
  3090.   position: relative;
  3091.   white-space: nowrap;
  3092.   z-index: 1;
  3093. }
  3094.  
  3095. .p-contests .b-contest_match .votes-percents .left-part {
  3096.   position: relative;
  3097.   border-radius: inherit;
  3098.   padding-left: 8px;
  3099. }
  3100.  
  3101. .p-contests .b-contest_match .votes-percents .left-part > span {
  3102.   color: #212121;
  3103. }
  3104.  
  3105. .p-contests .b-contest_match .votes-percents .right-part {
  3106.   position: absolute;
  3107.   top: 0;
  3108.   right: 0;
  3109.   padding-right: 8px;
  3110. }
  3111.  
  3112. .p-contests .b-contest_match .votes-percents .right-part span {
  3113.   float: right;
  3114. }
  3115.  
  3116. .p-contests .b-contest_match .votes-percents .left-part,
  3117. .p-contests .b-contest_match .votes-percents .right-part {
  3118.   height: auto;
  3119. }
  3120.  
  3121. .p-contests .b-contest_match .votes-percents .right-part:before {
  3122.   left: -24px;
  3123.   border-right-width: 24px;
  3124.   border-top-width: 48px;
  3125. }
  3126.  
  3127. .p-contests .b-contest_match .votes-percents .left-part:hover .right-part:before {
  3128.   border-right-width: 24px;
  3129. }
  3130.  
  3131. .p-contests .b-contest_match .votes-percents .right-part:before,
  3132. .p-contests .b-contest_match .votes-percents .left-part:hover .right-part:before {
  3133.   border-right-color: inherit;
  3134. }
  3135.  
  3136. .p-contests .results .cc-result .c-rounds .match-day:before {
  3137.   display: none;
  3138. }
  3139.  
  3140. .p-contests .results .cc-result .c-rounds .match-day .match {
  3141.   padding-bottom: 0;
  3142.   line-height: 32px;
  3143.   text-align: left;
  3144. }
  3145.  
  3146. .p-contests .results .cc-result .c-rounds .match-link {
  3147.   display: inline-block;
  3148. }
  3149.  
  3150. /* Кнопки турнира */
  3151. .b-contest_match .vs .action {
  3152.   display: inline-block;
  3153.   vertical-align: top;
  3154.   min-width: 112px;
  3155.   padding: 0;
  3156.   margin: .25rem 0;
  3157.   background-color: transparent;
  3158.   border-radius: 2px;
  3159.   font-size: .875rem;
  3160.   font-weight: 700;
  3161.   text-align: center;
  3162.   text-transform: uppercase;
  3163.   transition: 0.16s cubic-bezier(0.4, 0, 0.6, 1);
  3164.   user-select: none;
  3165. }
  3166.  
  3167. .b-contest_match .vs .action:hover {
  3168.   background-color: rgba(70, 130, 180, 0.12);
  3169. }
  3170.  
  3171. .b-contest_match .vs .action:active {
  3172.   background-color: rgba(70, 130, 180, 0.24);
  3173. }
  3174.  
  3175. /* Текст внутри кнопки */
  3176. .b-contest_match .vs .actions .action span {
  3177.   padding: 0 1rem;
  3178.   line-height: 2rem;
  3179. }
  3180.  
  3181. .b-contest_match .vs .actions .action span,
  3182. .b-contest_match .vs .actions .action span:hover,
  3183. .b-contest_match .vs .actions .action span:active {
  3184.   color: #4682B4;
  3185.   border: 0;
  3186.   -webkit-tap-highlight-color: transparent;
  3187. }
  3188.  
  3189. /* Убираем желтое свечение постеров */
  3190. .b-contest_match .current-match .match-members .match-member > .b-catalog_entry.yellow-fade {
  3191.   background: transparent;
  3192.   outline-color: transparent;
  3193. }
  3194.  
  3195. @media (min-width: 481px) {
  3196.   .p-contests .b-contest_match .prev-match:hover,
  3197.   .p-contests .b-contest_match .next-match:hover {
  3198.     background-color: transparent;
  3199.   }
  3200. }
  3201.  
  3202. /* BUG: font-size нужно укзать внутри соответствующего элемента */
  3203. @media only screen and (min-width: 768px) {
  3204.   .b-contest_match .vs {
  3205.     font-size: inherit;
  3206.   }
  3207.   .b-contest_match .vs .label {
  3208.     font-family: inherit;
  3209.     font-size: 64px;
  3210.   }
  3211. }
  3212.  
  3213. /* Мобильная версия */
  3214. @media (max-width: 480px) {
  3215.   .p-contests .b-contest_match .prev-match,
  3216.   .p-contests .b-contest_match .next-match {
  3217.     position: absolute;
  3218.     left: 0;
  3219.     width: auto;
  3220.     padding: 8px;
  3221.     border-radius: 2px;
  3222.     line-height: 32px;
  3223.     z-index: 2;
  3224.   }
  3225.   .p-contests .b-contest_match .next-match {
  3226.     right: 0;
  3227.     left: auto;
  3228.   }
  3229.   .p-contests .b-contest_match .next-match:before {
  3230.     margin: 0;
  3231.   }
  3232.   .p-contests .b-contest_match .prev-match:before,
  3233.   .p-contests .b-contest_match .next-match:before {
  3234.     display: block;
  3235.     font-family: 'Material Icons';
  3236.     font-size: 24px;
  3237.     line-height: 1;
  3238.     text-transform: none;
  3239.     letter-spacing: normal;
  3240.     word-wrap: normal;
  3241.     white-space: nowrap;
  3242.     direction: ltr;
  3243.     /* Support for all WebKit browsers. */
  3244.     -webkit-font-smoothing: antialiased;
  3245.     /* Support for Safari and Chrome. */
  3246.     text-rendering: optimizeLegibility;
  3247.     /* Support for Firefox. */
  3248.     -moz-osx-font-smoothing: grayscale;
  3249.     /* Support for IE. */
  3250.     font-feature-settings: 'liga';
  3251.   }
  3252.   .p-contests .b-contest_match .prev-match:before {
  3253.     content: 'chevron_left';
  3254.   }
  3255.   .p-contests .b-contest_match .next-match:before {
  3256.     content: 'chevron_right';
  3257.   }
  3258.   .p-contests .b-contest_match .current-match {
  3259.     clear: both;
  3260.     padding: 0;
  3261.   }
  3262.   .p-contests .b-contest_match .current-match .match-members {
  3263.     padding-top: 96px;
  3264.     margin-bottom: 4px;
  3265.   }
  3266.   .p-contests .b-contest_match .current-match .match-member {
  3267.     position: relative;
  3268.     width: 48%;
  3269.     z-index: 2;
  3270.   }
  3271.   .p-contests .b-contest_match .current-match .match-member:first-child {
  3272.     float: left;
  3273.   }
  3274.   .p-contests .b-contest_match .current-match .match-member:last-child {
  3275.     float: right;
  3276.   }
  3277.   .p-contests .b-contest_match .match-losers {
  3278.     display: block;
  3279.     padding: 0;
  3280.   }
  3281.   /* Контейнер подсказок и кнопок турнира */
  3282.   .p-contests .b-contest_match .vs {
  3283.     position: absolute;
  3284.     top: 0;
  3285.     width: 100%;
  3286.     padding: 3rem 0 0;
  3287.     margin: 0;
  3288.     font-size: inherit;
  3289.   }
  3290.   /* Блок кнопок турнира */
  3291.   .b-contest_match .vs .actions {
  3292.     position: absolute;
  3293.     top: 0;
  3294.     left: 0;
  3295.     right: 0;
  3296.     font-size: inherit;
  3297.   }
  3298.   /* Кнопка "К следующей паре" */
  3299.   .b-contest_match .vs .action:nth-child(2) {
  3300.     display: none;
  3301.   }
  3302.   /* Подсказка: "Кликните по одному из двух вариантов" */
  3303.   /* Подсказка: "Ваш голос учтён!" */
  3304.   /* Подсказка: "Вы воздержались в этом голосовании" */
  3305.   /* Подсказка: "На сегодня всё! Спасибо за участие!" */
  3306.   /* Подсказка: "Голосование ещё не началось" */
  3307.   .b-contest_match .vs .invitation,
  3308.   .b-contest_match .vs .vote-voted,
  3309.   .b-contest_match .vs .vote-abstained,
  3310.   .b-contest_match .vs .thanks,
  3311.   .b-contest_match .vs .hint {
  3312.     font-size: 1rem;
  3313.     line-height: 40px;
  3314.     margin: 0;
  3315.   }
  3316.   /* Подсказка: "На сегодня всё! Спасибо за участие!" */
  3317.   .b-contest_match .vs .thanks {
  3318.     position: absolute;
  3319.     top: 0;
  3320.     right: 0;
  3321.     left: 0;
  3322.   }
  3323.   .b-contest_match .vs .vote-abstained[style="display: none;"] ~ .thanks {
  3324.     display: none !important;
  3325.   }
  3326.   /* Иконка VS */
  3327.   .b-contest_match .vs .label {
  3328.     display: inline-block;
  3329.     position: absolute;
  3330.     top: 192px;
  3331.     right: 0;
  3332.     left: 0;
  3333.     width: 72px;
  3334.     height: 72px;
  3335.     margin: auto;
  3336.     border-radius: 100%;
  3337.     font-size: 24px;
  3338.     line-height: 72px;
  3339.     text-transform: uppercase;
  3340.     z-index: 6;
  3341.   }
  3342. }
  3343.  
  3344. @media (max-width: 1024px) {
  3345.   .p-contests .match-day .match-link .c-column {
  3346.     text-overflow: ellipsis;
  3347.     white-space: nowrap;
  3348.     overflow: hidden;
  3349.   }
  3350.   .p-contests .match-day .match-link .winner:before,
  3351.   .p-contests .match-day .match-link .loser:before {
  3352.     display: none;
  3353.   }
  3354.   .p-contests .match-day .matches-num {
  3355.     width: auto;
  3356.     padding: 0 4px;
  3357.     margin-right: 8px;
  3358.     border-radius: 2px;
  3359.     color: #FFF;
  3360.     font-size: 12px;
  3361.     line-height: 20px;
  3362.   }
  3363.   .p-contests .match-day .winner .matches-num {
  3364.     background-color: #66bb6a;
  3365.   }
  3366.   .p-contests .match-day .loser .matches-num {
  3367.     background-color: #ef5350;
  3368.   }
  3369. }
  3370.  
  3371. /* END of Мобильная версия */
  3372. /* END of ТУРНИРЫ */
  3373. /**
  3374.  * Опросы
  3375.  */
  3376. /* Контейнер */
  3377. .b-poll {
  3378.   margin: .5rem 0;
  3379.   line-height: inherit;
  3380. }
  3381.  
  3382. /* Текстовый блок */
  3383. .b-poll .poll {
  3384.   margin-bottom: .0;
  3385. }
  3386.  
  3387. /* Название опроса */
  3388. /* Текст опроса */
  3389. /* Контейнер для вариантов в опросе */
  3390. .b-poll .poll-variants {
  3391.   padding: .5em 0;
  3392.   margin: 0;
  3393. }
  3394.  
  3395. /* Вариант в опросе */
  3396. .b-poll .poll-variants .poll-variant {
  3397.   line-height: 1.5em;
  3398.   margin-bottom: .5em;
  3399. }
  3400.  
  3401. /* Вариант в опросе (завершенный) */
  3402. .b-poll .poll-variants .poll-variant.result {
  3403.   margin-bottom: .75em;
  3404. }
  3405.  
  3406. /* Отступ от текста варианта */
  3407. .b-poll .poll-variants .poll-variant label {
  3408.   margin-bottom: .25em;
  3409. }
  3410.  
  3411. /* Псевдо переключатель */
  3412. .b-radio input[type="radio"] + .radio-label:before {
  3413.   content: '';
  3414.   display: inline-block;
  3415.   vertical-align: top;
  3416.   position: relative;
  3417.   width: 18px;
  3418.   height: 18px;
  3419.   margin: 3px 18px 0 0;
  3420.   border-radius: 100%;
  3421.   border: 1.5px solid #4682B4;
  3422.   box-sizing: border-box;
  3423.   box-shadow: 0 0 0 2.75px #303030 inset;
  3424.   text-align: center;
  3425.   cursor: pointer;
  3426. }
  3427.  
  3428. .b-radio input[type="radio"]:checked + .radio-label:before {
  3429.   width: 18px;
  3430.   height: 18px;
  3431.   background-color: #4682B4;
  3432.   border: 1.5px solid #4682B4;
  3433. }
  3434.  
  3435. /* Кнопки голосования */
  3436. .b-poll .poll-actions .vote,
  3437. .b-poll .poll-actions .abstain {
  3438.   display: inline-block;
  3439.   vertical-align: top;
  3440.   min-width: 112px;
  3441.   padding: 0 1rem;
  3442.   margin: .375rem 0;
  3443.   background-color: #4682B4;
  3444.   border-radius: 2px;
  3445.   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.24);
  3446.   font-size: .875rem;
  3447.   font-weight: 700;
  3448.   line-height: 2.25rem;
  3449.   text-align: center;
  3450.   text-transform: uppercase;
  3451.   transition: 0.16s cubic-bezier(0.4, 0, 0.6, 1);
  3452. }
  3453.  
  3454. .b-poll .poll-actions .vote:not(:last-child),
  3455. .b-poll .poll-actions .abstain:not(:last-child) {
  3456.   margin-right: .5rem;
  3457. }
  3458.  
  3459. .b-poll .poll-actions .vote:hover,
  3460. .b-poll .poll-actions .abstain:hover {
  3461.   background-color: #3e729e;
  3462.   box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.24), 0 3px 12px 2px rgba(0, 0, 0, 0.16);
  3463. }
  3464.  
  3465. @media (min-width: 960px) {
  3466.   .b-poll .poll-actions .vote,
  3467.   .b-poll .poll-actions .abstain {
  3468.     margin-top: .5rem;
  3469.     margin-bottom: .5rem;
  3470.     box-shadow: none;
  3471.     font-size: .8125rem;
  3472.     line-height: 2rem;
  3473.   }
  3474.   .b-poll .poll-actions .vote:hover,
  3475.   .b-poll .poll-actions .abstain:hover {
  3476.     box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.24);
  3477.   }
  3478. }
  3479.  
  3480. /* Вспомогательная информация: процент и сумма голосов */
  3481. .b-poll .poll-variants .poll-variant.result .votes-percent,
  3482. .b-poll .poll-variants .poll-variant.result .votes-total {
  3483.   line-height: inherit;
  3484.   font-size: .75em;
  3485. }
  3486.  
  3487. .b-poll .poll-variants .poll-variant.result .votes-percent {
  3488.   color: #9E9E9E;
  3489.   margin-right: 1em;
  3490. }
  3491.  
  3492. .b-poll .poll-variants .poll-variant.result .votes-total {
  3493.   color: #BDBDBD;
  3494.   margin-left: 1em;
  3495. }
  3496.  
  3497. /* Отметка своего выарианта */
  3498. .b-poll .poll-variants .poll-variant.result label .voted-for {
  3499.   padding-left: 0;
  3500.   margin-left: 1em;
  3501.   color: #66BB6A;
  3502. }
  3503.  
  3504. .b-poll .poll-variants .poll-variant.result label .voted-for:after,
  3505. .b-poll .poll-variants .poll-variant.result label .voted-for:before {
  3506.   display: none;
  3507. }
  3508.  
  3509. /* Полосы */
  3510. .b-poll .poll-variants .poll-variant.result .bar .line,
  3511. .b-poll .poll-variants .poll-variant.result .bar .bar {
  3512.   height: 4px;
  3513.   line-height: 4px;
  3514.   margin-bottom: 0;
  3515.   border-radius: 2px;
  3516. }
  3517.  
  3518. /* Цвет полос */
  3519. .b-poll .poll-variants .poll-variant.result .bar .line {
  3520.   background-color: #757575;
  3521. }
  3522.  
  3523. .b-poll .poll-variants .poll-variant.result .bar .bar.s0,
  3524. .b-poll .poll-variants .poll-variant.result .bar .bar.s1,
  3525. .b-poll .poll-variants .poll-variant.result .bar .bar.s2,
  3526. .b-poll .poll-variants .poll-variant.result .bar .bar.s3 {
  3527.   background-color: #4682B4;
  3528. }
  3529.  
  3530. /* END of ОПРОСЫ */
  3531. /* ROUNDED IMAGES */
  3532. .b-dialog > .inner header img,
  3533. .b-message > .inner header img,
  3534. .p-user_rates-index .l-menu .avatar img,
  3535. .avatar > img {
  3536.   border-radius: 100%;
  3537. }
  3538.  
  3539. /* END of ROUNDED IMAGES */
  3540. /* TODO: replace */
  3541. .b-catalog_entry.dropped .image-cutter {
  3542.   filter: grayscale(100%);
  3543. }
  3544.  
  3545. /**
  3546.  * ANIME PAGE
  3547.  */
  3548. .b-db_entry {
  3549.   margin-bottom: 8px;
  3550. }
  3551.  
  3552. .b-db_entry-note .name-container {
  3553.   padding: .25rem 0;
  3554. }
  3555.  
  3556. .b-db_entry-note .name-container .name {
  3557.   font-size: 1rem;
  3558. }
  3559.  
  3560. .b-db_entry-note .name-container .note {
  3561.   margin-top: 4px;
  3562.   font-size: .875rem;
  3563.   line-height: 1rem;
  3564. }
  3565.  
  3566. .b-db_entry-note .name-container .note > span {
  3567.   display: inline-block;
  3568.   vertical-align: top;
  3569. }
  3570.  
  3571. .b-db_entry-note .name-container .b-user_rate {
  3572.   margin-top: .375rem;
  3573. }
  3574.  
  3575. .b-db_entry > .c-about .c-info-left,
  3576. .b-db_entry > .c-about .c-info-right,
  3577. .b-db_entry > .c-about .c-info-left:last-child,
  3578. .b-db_entry > .c-about .c-info-right:last-child {
  3579.   margin-bottom: 8px !important;
  3580. }
  3581.  
  3582. .b-db_entry > .c-about .contest_winners {
  3583.   margin-top: 0;
  3584.   margin-bottom: 15px;
  3585. }
  3586.  
  3587. .p-animes .b-db_entry > *:last-child {
  3588.   clear: left;
  3589.   padding-top: 0;
  3590.   margin-left: 0 !important;
  3591. }
  3592.  
  3593. .p-people .subheadline.m10 {
  3594.   width: 100%;
  3595. }
  3596.  
  3597. .p-people .m0 {
  3598.   clear: both;
  3599.   padding: 0;
  3600.   margin: 0 !important;
  3601. }
  3602.  
  3603. .p-characters .subheadline.m5 {
  3604.   width: 100%;
  3605.   overflow: hidden;
  3606. }
  3607.  
  3608. .p-characters .subheadline.m5 > a {
  3609.   display: block;
  3610. }
  3611.  
  3612. .p-characters .subheadline.m10 {
  3613.   width: auto;
  3614. }
  3615.  
  3616. .p-characters .subheadline.m10 > a {
  3617.   display: inline-block;
  3618. }
  3619.  
  3620. @media screen and (max-width: 480px) and (orientation: portrait) {
  3621.   .b-db_entry > .c-image .c-actions > a {
  3622.     width: auto !important;
  3623.   }
  3624. }
  3625.  
  3626. @media only screen and (min-width: 768px) {
  3627.   .p-people-show .b-db_entry > .c-about {
  3628.     float: none;
  3629.     margin-left: 30%;
  3630.     overflow: hidden;
  3631.   }
  3632. }
  3633.  
  3634. .b-lang_trigger {
  3635.   position: absolute;
  3636.   top: -53px;
  3637.   right: 0;
  3638.   width: 40px;
  3639.   height: 40px;
  3640.   padding: 10px 0;
  3641.   margin: 4px;
  3642.   font-size: 12px;
  3643.   line-height: 20px;
  3644.   text-align: center;
  3645.   text-transform: uppercase;
  3646.   cursor: pointer;
  3647. }
  3648.  
  3649. .b-lang_trigger:before,
  3650. .b-lang_trigger:after {
  3651.   display: none;
  3652. }
  3653.  
  3654. .b-lang_trigger span {
  3655.   border: 0;
  3656. }
  3657.  
  3658. .midheadline,
  3659. .m10 {
  3660.   margin-bottom: 0 !important;
  3661. }
  3662.  
  3663. .b-user_rate .rate-show .note {
  3664.   padding: .5rem 1rem;
  3665.   font-size: .875rem;
  3666.   line-height: 1.25rem;
  3667.   max-height: 10rem;
  3668.   overflow-x: hidden;
  3669.   overflow-y: auto;
  3670. }
  3671.  
  3672. .b-user_rate .rate-show .note:before {
  3673.   content: 'Заметка';
  3674.   display: block;
  3675.   font-size: 10px;
  3676. }
  3677.  
  3678. .b-forums .forum .topics {
  3679.   margin-left: 8px;
  3680.   margin-top: 0;
  3681. }
  3682.  
  3683. /* ADD TO LIST BUTTON */
  3684. .b-add_to_list {
  3685.   min-width: 0;
  3686. }
  3687.  
  3688. .b-add_to_list .trigger,
  3689. .b-add_to_list .option {
  3690.   border: 0;
  3691. }
  3692.  
  3693. .b-add_to_list .trigger,
  3694. .b-add_to_list .option {
  3695.   padding: .5rem 1rem .5rem 3rem;
  3696.   border: 0;
  3697.   line-height: 1.5rem;
  3698. }
  3699.  
  3700. /* thx @bot.AkiKawasaki */
  3701. .b-add_to_list .trigger {
  3702.   border-radius: .125rem;
  3703. }
  3704.  
  3705. .b-add_to_list .option:last-child {
  3706.   border-radius: 0 0 .125rem .125rem;
  3707. }
  3708.  
  3709. .b-add_to_list .trigger + .expanded-options {
  3710.   margin-top: -.125rem;
  3711. }
  3712.  
  3713. .b-add_to_list .plus,
  3714. .b-add_to_list .edit,
  3715. .b-add_to_list .trigger-arrow {
  3716.   width: 2.5rem;
  3717.   height: 2.5rem;
  3718.   padding: .5rem;
  3719.   margin: -.5rem -1rem -.5rem 0;
  3720.   color: inherit !important;
  3721. }
  3722.  
  3723. .b-add_to_list .plus,
  3724. .b-add_to_list .edit {
  3725.   position: absolute;
  3726.   left: 0;
  3727.   margin-left: 0 !important;
  3728.   margin-right: .5rem !important;
  3729. }
  3730.  
  3731. .b-add_to_list .trigger-arrow {
  3732.   position: relative;
  3733. }
  3734.  
  3735. .b-add_to_list .expanded-options .option .text {
  3736.   padding-left: 0;
  3737. }
  3738.  
  3739. /* DENSE ATL_BUTTON */
  3740. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger,
  3741. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option {
  3742.   padding: 0 1rem 0 2.25rem;
  3743.   line-height: 2rem;
  3744. }
  3745.  
  3746. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .plus,
  3747. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .edit,
  3748. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger-arrow {
  3749.   width: 2rem;
  3750.   height: 2rem;
  3751.   padding: .4375rem;
  3752.   margin: 0 -1rem 0 .25rem;
  3753. }
  3754.  
  3755. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .plus,
  3756. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .edit {
  3757.   margin-right: .25rem !important;
  3758. }
  3759.  
  3760. /* END of DENSE ATL_BUTTON */
  3761. /* ATL_BUTTON in NEWS */
  3762. .b-catalog_entry-tooltip .b-add_to_list {
  3763.   width: auto;
  3764.   max-width: 224px;
  3765. }
  3766.  
  3767. .b-catalog_entry-tooltip .b-add_to_list .trigger {
  3768.   font-size: .875rem;
  3769.   line-height: 1.5rem;
  3770. }
  3771.  
  3772. .b-catalog_entry-tooltip .b-add_to_list .option {
  3773.   font-size: .875rem;
  3774. }
  3775.  
  3776. .b-catalog_entry-tooltip .b-add_to_list .trigger,
  3777. .b-catalog_entry-tooltip .b-add_to_list .add-trigger,
  3778. .b-catalog_entry-tooltip .b-add_to_list .remove-trigger {
  3779.   max-width: 224px;
  3780. }
  3781.  
  3782. /* END of ATL_BUTTON in NEWS */
  3783. /* FIX ORIGINAL STYLE */
  3784. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .plus::before,
  3785. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .edit::before,
  3786. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .trigger-arrow::before,
  3787. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .plus::before,
  3788. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .edit::before,
  3789. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .trigger-arrow::before,
  3790. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .plus::before,
  3791. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .edit::before,
  3792. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .trigger-arrow::before,
  3793. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .plus::before,
  3794. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .edit::before,
  3795. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .trigger-arrow::before {
  3796.   color: inherit;
  3797. }
  3798.  
  3799. /* FIX: ADD_TO_LIST LAYOUT IN NOTES (issue #7) */
  3800. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option,
  3801. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger {
  3802.   padding: 0 1rem 0 2rem;
  3803. }
  3804.  
  3805. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger + .expanded-options {
  3806.   margin-top: 0;
  3807. }
  3808.  
  3809. /* END of ADD TO LIST BUTTON */
  3810. .b-catalog_entry.planned .image-decor::before,
  3811. .b-catalog_entry.watching .image-decor::before,
  3812. .b-catalog_entry.completed .image-decor::before,
  3813. .b-catalog_entry.rewatching .image-decor::before,
  3814. .b-catalog_entry.on_hold .image-decor::before,
  3815. .b-catalog_entry.dropped .image-decor::before {
  3816.   display: none;
  3817. }
  3818.  
  3819. .b-catalog_entry.planned .image-decor::after,
  3820. .b-catalog_entry.watching .image-decor::after,
  3821. .b-catalog_entry.completed .image-decor::after,
  3822. .b-catalog_entry.rewatching .image-decor::after,
  3823. .b-catalog_entry.on_hold .image-decor::after,
  3824. .b-catalog_entry.dropped .image-decor::after {
  3825.   top: auto;
  3826.   right: 8px;
  3827.   bottom: 8px;
  3828.   width: 36px;
  3829.   height: auto;
  3830.   border: none;
  3831.   border-radius: 100%;
  3832.   box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.24);
  3833.   color: #FFF;
  3834.   font-size: 22px;
  3835.   line-height: 36px !important;
  3836. }
  3837.  
  3838. .b-catalog_entry.planned .image-decor::after {
  3839.   content: "event";
  3840.   background: #FAFAFA;
  3841.   color: #1976D2;
  3842. }
  3843.  
  3844. .b-catalog_entry.watching .image-decor::after {
  3845.   content: "play_arrow";
  3846.   background: #1E88E5;
  3847. }
  3848.  
  3849. .b-catalog_entry.rewatching .image-decor::after {
  3850.   content: "replay";
  3851.   background: #1E88E5;
  3852. }
  3853.  
  3854. .b-catalog_entry.completed .image-decor::after {
  3855.   content: "done";
  3856.   background: #43A047;
  3857. }
  3858.  
  3859. .b-catalog_entry.on_hold .image-decor::after {
  3860.   content: "schedule";
  3861.   background: #757575;
  3862. }
  3863.  
  3864. .b-catalog_entry.dropped .image-decor::after {
  3865.   content: "delete";
  3866.   background: #E53935;
  3867. }
  3868.  
  3869. .b-db_entry-note .name-container {
  3870.   margin-left: 64px;
  3871.   line-height: inherit;
  3872. }
  3873.  
  3874. header.head,
  3875. .block,
  3876. .b-add_to_list,
  3877. .b-user_rate .rate-show {
  3878.   margin-bottom: .5rem;
  3879. }
  3880.  
  3881. .l-page > div > header.head {
  3882.   margin-bottom: 1.5rem;
  3883. }
  3884.  
  3885. .p-profiles-edit .l-page > div > header.head,
  3886. .p-dialogs .l-page > div > header.head,
  3887. .p-messages .l-page > div > header.head {
  3888.   margin-bottom: 0;
  3889. }
  3890.  
  3891. /* Кнопки управления над постером */
  3892. @media (min-width: 481px) {
  3893.   .c-actions {
  3894.     padding: 4px 0;
  3895.   }
  3896. }
  3897.  
  3898. .c-actions > * {
  3899.   width: 40px !important;
  3900.   height: 40px !important;
  3901.   padding: .5rem;
  3902. }
  3903.  
  3904. .c-actions > *:not(:last-child) {
  3905.   margin-right: 8px !important;
  3906. }
  3907.  
  3908. .c-actions > *:before {
  3909.   font-size: 24px !important;
  3910.   line-height: 1 !important;
  3911. }
  3912.  
  3913. .c-actions .fav-remove:hover:before {
  3914.   color: inherit;
  3915. }
  3916.  
  3917. @media screen and (min-width: 1200px) {
  3918.   .p-animes-show .c-image .b-user_rate,
  3919.   .p-mangas-show .c-image .b-user_rate {
  3920.     margin: 0;
  3921.   }
  3922. }
  3923.  
  3924. .b-rate {
  3925.   padding: 6px 0;
  3926. }
  3927.  
  3928. .b-rate:last-child {
  3929.   margin-bottom: 15px;
  3930. }
  3931.  
  3932. .b-rate .text-score {
  3933.   vertical-align: top;
  3934. }
  3935.  
  3936. .b-rate .score-value {
  3937.   line-height: 36px;
  3938. }
  3939.  
  3940. .b-rate .score-notice {
  3941.   font-size: 10px;
  3942.   margin-top: -46px;
  3943.   text-transform: uppercase;
  3944. }
  3945.  
  3946. .b-review-topic .b-rate .score-notice {
  3947.   margin-top: -58px;
  3948. }
  3949.  
  3950. .b-user_rate .rate-show .episodes {
  3951.   margin-bottom: 8px;
  3952.   font-size: 14px;
  3953.   line-height: 32px;
  3954. }
  3955.  
  3956. .b-user_rate .rate-show .rate-number {
  3957.   margin-right: 0;
  3958. }
  3959.  
  3960. .b-user_rate .rate-show .rate-number .current-episodes,
  3961. .b-user_rate .rate-show .rate-number .sep,
  3962. .b-user_rate .rate-show .rate-number .total-episodes {
  3963.   display: inline-block;
  3964.   vertical-align: top;
  3965.   line-height: 32px;
  3966. }
  3967.  
  3968. .b-user_rate .rate-show .rate-number .item-add {
  3969.   display: inline-block;
  3970.   vertical-align: top;
  3971.   width: 40px;
  3972.   height: 40px;
  3973.   padding: 8px;
  3974.   margin: -4px 0 0 8px;
  3975. }
  3976.  
  3977. .b-user_rate .rate-show .rate-number .item-add:before {
  3978.   width: 24px !important;
  3979.   font-family: 'Material Icons' !important;
  3980.   font-size: 24px !important;
  3981.   font-weight: 400 !important;
  3982.   line-height: 1 !important;
  3983.   text-transform: none;
  3984.   letter-spacing: normal;
  3985.   word-wrap: normal;
  3986.   white-space: nowrap;
  3987.   direction: ltr;
  3988.   /* Support for all WebKit browsers. */
  3989.   -webkit-font-smoothing: antialiased;
  3990.   /* Support for Safari and Chrome. */
  3991.   text-rendering: optimizeLegibility;
  3992.   /* Support for Firefox. */
  3993.   -moz-osx-font-smoothing: grayscale;
  3994.   /* Support for IE. */
  3995.   font-feature-settings: 'liga';
  3996. }
  3997.  
  3998. .b-user_rate .rate-show .rate-number .item-add:before {
  3999.   content: 'add';
  4000. }
  4001.  
  4002. .b-rate .stars:after {
  4003.   font-size: 36px !important;
  4004.   font-family: 'Material Icons' !important;
  4005.   line-height: 1 !important;
  4006.   font-weight: 400 !important;
  4007.   text-transform: none;
  4008.   letter-spacing: -6px;
  4009.   word-wrap: normal;
  4010.   white-space: nowrap;
  4011.   direction: ltr;
  4012.   /* Support for all WebKit browsers. */
  4013.   -webkit-font-smoothing: antialiased;
  4014.   /* Support for Safari and Chrome. */
  4015.   text-rendering: optimizeLegibility;
  4016.   /* Support for Firefox. */
  4017.   -moz-osx-font-smoothing: grayscale;
  4018.   /* Support for IE. */
  4019.   font-feature-settings: 'liga';
  4020. }
  4021.  
  4022. .b-rate .stars.background:after {
  4023.   content: 'star_border star_border star_border star_border star_border';
  4024. }
  4025.  
  4026. .b-rate .stars.score-1:after {
  4027.   content: 'star_half';
  4028. }
  4029.  
  4030. .b-rate .stars.score-2:after {
  4031.   content: 'star';
  4032. }
  4033.  
  4034. .b-rate .stars.score-3:after {
  4035.   content: 'star star_half';
  4036. }
  4037.  
  4038. .b-rate .stars.score-4:after {
  4039.   content: 'star star';
  4040. }
  4041.  
  4042. .b-rate .stars.score-5:after {
  4043.   content: 'star star star_half';
  4044. }
  4045.  
  4046. .b-rate .stars.score-6:after {
  4047.   content: 'star star star';
  4048. }
  4049.  
  4050. .b-rate .stars.score-7:after {
  4051.   content: 'star star star star_half';
  4052. }
  4053.  
  4054. .b-rate .stars.score-8:after {
  4055.   content: 'star star star star';
  4056. }
  4057.  
  4058. .b-rate .stars.score-9:after {
  4059.   content: 'star star star star star_half';
  4060. }
  4061.  
  4062. .b-rate .stars.score-10:after {
  4063.   content: 'star star star star star';
  4064. }
  4065.  
  4066. .watch-online-placeholer {
  4067.   margin: 2rem auto .5rem;
  4068. }
  4069.  
  4070. .b-link_button.watch-online:before,
  4071. .b-link_button.upload-video:before,
  4072. .b-link_button.create-topic:before {
  4073.   display: none;
  4074. }
  4075.  
  4076. .b-entry-info {
  4077.   margin: 0;
  4078.   font-size: .875rem;
  4079. }
  4080.  
  4081. .b-entry-info .line {
  4082.   line-height: 1.5rem;
  4083. }
  4084.  
  4085. .b-tag,
  4086. .b-entry-info .line .b-tag,
  4087. .b-catalog_entry-tooltip .inner .line .value .tag {
  4088.   padding: 0 8px;
  4089.   margin: 0 4px 0 0;
  4090.   border: 0;
  4091.   font-size: .625rem;
  4092.   line-height: 20px;
  4093.   text-transform: uppercase;
  4094. }
  4095.  
  4096. .b-tag:hover,
  4097. .b-entry-info .line .b-tag:hover,
  4098. .b-catalog_entry-tooltip .inner .line .value .tag:hover {
  4099.   padding: 0 8px;
  4100.   margin: 0 4px 0 0;
  4101. }
  4102.  
  4103. .b-tag {
  4104.   font-size: .875rem;
  4105.   line-height: 24px;
  4106. }
  4107.  
  4108. .b-catalog_entry-tooltip .inner .line .value .tag,
  4109. .b-catalog_entry-tooltip .inner .line .value .tag:hover {
  4110.   padding: 0 6px;
  4111.   line-height: 18px;
  4112. }
  4113.  
  4114. @media screen and (min-width: 1200px) {
  4115.   .p-animes_collection-index.x1200 .cc-entries > .c-column {
  4116.     width: 18.4%;
  4117.     margin-right: 2%;
  4118.     border-radius: 2px;
  4119.   }
  4120. }
  4121.  
  4122. /* Anime/Manga Sidebar */
  4123. .b-animes-menu .friend-rate {
  4124.   line-height: 1.5rem;
  4125.   white-space: nowrap;
  4126. }
  4127.  
  4128. .b-animes-menu .site-icon {
  4129.   margin-top: .25rem;
  4130.   margin-right: .75rem;
  4131. }
  4132.  
  4133. .b-external_link {
  4134.   font-size: .875rem;
  4135.   line-height: 1.5rem;
  4136. }
  4137.  
  4138. .b-external_link .linkeable,
  4139. .b-external_link a {
  4140.   display: block;
  4141.   margin-left: 2rem;
  4142. }
  4143.  
  4144. .b-animes-menu .b-external_link .linkeable:before,
  4145. .b-animes-menu .b-external_link a:before {
  4146.   width: 1.125rem;
  4147.   height: 1.125rem;
  4148.   margin-top: .1875rem;
  4149.   margin-left: -2rem;
  4150.   background-size: 1rem;
  4151.   background-position: center;
  4152.   background-repeat: no-repeat;
  4153. }
  4154.  
  4155. .b-external_link .linkeable:hover,
  4156. .b-external_link a:hover {
  4157.   text-decoration: underline;
  4158. }
  4159.  
  4160. /**
  4161.  * COMMENT
  4162.  * Изменение всех комментариев, новостей, диалогов, топиков.
  4163.  */
  4164. .b-comment,
  4165. .b-dialog,
  4166. .b-message {
  4167.   position: relative;
  4168.   padding-top: .75rem !important;
  4169.   padding-bottom: .75rem;
  4170.   margin-bottom: 0;
  4171.   border: 0;
  4172. }
  4173.  
  4174. .b-comments {
  4175.   line-height: inherit;
  4176. }
  4177.  
  4178. .b-dialog {
  4179.   position: relative;
  4180. }
  4181.  
  4182. .b-topic {
  4183.   padding-top: .5rem;
  4184. }
  4185.  
  4186. .b-comment > .inner .was_updated {
  4187.   margin: 0;
  4188.   color: #9E9E9E;
  4189. }
  4190.  
  4191. /* Исправление для предпросмотра комментария во всплывающем окне */
  4192. .tooltip-inner .b-message {
  4193.   padding-top: 0 !important;
  4194.   padding-bottom: 0;
  4195. }
  4196.  
  4197. /* inset dividers */
  4198. .b-dialog:before,
  4199. .b-message:before,
  4200. .b-comment:before,
  4201. .b-comments .comments-loaded:before {
  4202.   content: '';
  4203.   position: absolute;
  4204.   bottom: 0;
  4205.   right: 0;
  4206.   left: 3.5rem;
  4207.   height: 1px;
  4208. }
  4209.  
  4210. .b-generated_news:before {
  4211.   left: 0;
  4212. }
  4213.  
  4214. .b-comments .comments-loaded .b-comment:last-child {
  4215.   margin: 0;
  4216. }
  4217.  
  4218. .b-dialog:last-child:before,
  4219. .b-message:last-child:before,
  4220. .b-comment:last-child:before,
  4221. .tooltip-inner .b-message:before {
  4222.   display: none;
  4223. }
  4224.  
  4225. .b-comment .body,
  4226. .b-dialog .body,
  4227. .b-message .body,
  4228. .b-topic .body {
  4229.   padding: 4px 0;
  4230.   padding-left: 0;
  4231.   line-height: inherit;
  4232.   word-break: break-word;
  4233. }
  4234.  
  4235. /* Левый отступ комментариев от края экрана */
  4236. .b-comment > .inner > .body,
  4237. .b-dialog > .inner > .body,
  4238. .b-message > .inner > .body,
  4239. .b-topic > .inner > .body,
  4240. .b-topic > .inner > footer,
  4241. .b-topic-preview > .b-comments,
  4242. .b-topic-preview > .inner > .body,
  4243. .b-topic-preview > .inner > footer {
  4244.   padding-left: 3.5rem;
  4245. }
  4246.  
  4247. /* Фикс отступа в новостях и новостных топиках */
  4248. .b-dialog .b-message > .inner > .body,
  4249. .b-topic-preview.mini > .inner > header,
  4250. .b-topic-minified > .inner > header,
  4251. .b-generated_news-topic > .inner > header,
  4252. .b-generated_news > .inner > header,
  4253. .b-generated_news > .inner > .body,
  4254. .p-clubs-show .b-topic-preview.mini > .inner > .body {
  4255.   padding-left: 0;
  4256. }
  4257.  
  4258. /* Предпросмотр описания и страниц клуба */
  4259. .edit_club .b-shiki_editor .b-comment .inner .body,
  4260. .edit_club_page .b-shiki_editor .b-comment .inner .body,
  4261. .new_club_page .b-shiki_editor .b-comment .inner .body {
  4262.   padding-left: 0;
  4263. }
  4264.  
  4265. @media screen and (max-width: 767px) {
  4266.   .b-topic-preview > .b-comments {
  4267.     padding-left: 0;
  4268.   }
  4269.   .b-topic-preview > .inner > .body,
  4270.   .b-topic-preview > .inner > footer {
  4271.     padding-left: 3.5rem;
  4272.   }
  4273. }
  4274.  
  4275. @media screen and (min-width: 767px) {
  4276.   .b-news-topic > .b-comments {
  4277.     padding-left: 3.5rem;
  4278.   }
  4279. }
  4280.  
  4281. /* END of Левый отступ комментариев от края экрана */
  4282. .b-comment > .inner header,
  4283. .b-dialog > .inner header,
  4284. .b-message > .inner header,
  4285. .b-topic > .inner header {
  4286.   margin-bottom: 0;
  4287. }
  4288.  
  4289. .b-dialog > .inner header,
  4290. .b-message > .inner header {
  4291.   padding-top: .25rem;
  4292.   padding-bottom: .25rem;
  4293. }
  4294.  
  4295. .b-topic > .inner header img {
  4296.   width: 2.5rem;
  4297.   margin: .25rem 1rem 0 0;
  4298. }
  4299.  
  4300. .b-comment > .inner header img,
  4301. .b-message > .inner header img,
  4302. .b-dialog > .inner header img {
  4303.   width: 2.5rem;
  4304.   margin: .25rem 1rem 0 0;
  4305.   border-radius: 100%;
  4306. }
  4307.  
  4308. .b-topic > .inner header .name-date,
  4309. .b-comment > .inner header .name-date {
  4310.   padding: .25rem 0;
  4311.   line-height: 2rem;
  4312. }
  4313.  
  4314. .b-topic > .inner header .name-date {
  4315.   line-height: 20px;
  4316. }
  4317.  
  4318. .b-message > .inner header .name-date,
  4319. .b-dialog > .inner header .name-date {
  4320.   line-height: 2rem;
  4321. }
  4322.  
  4323. .b-topic .name-date .name,
  4324. .b-comment .name-date .name,
  4325. .b-dialog .name-date .name {
  4326.   font-size: 1rem;
  4327. }
  4328.  
  4329. .b-message > .inner header .name-date a.name,
  4330. .b-topic > .inner header .name-date a.name,
  4331. .b-comment > .inner header .name-date a.name,
  4332. .b-dialog > .inner header .name-date a.name {
  4333.   display: block;
  4334.   margin-right: .5rem;
  4335.   line-height: 1.25rem;
  4336. }
  4337.  
  4338. .b-topic > .inner header .name-date a.name,
  4339. .b-topic > .inner header .name-date .about,
  4340. .b-topic > .inner > header .about a,
  4341. .b-topic > .inner > header .about > span,
  4342. .b-message header .broadcast-by {
  4343.   display: inline-block;
  4344.   vertical-align: top;
  4345.   line-height: inherit;
  4346. }
  4347.  
  4348. .b-topic > .inner header .name-date .about,
  4349. .b-message header .broadcast-by {
  4350.   margin-right: .5rem;
  4351. }
  4352.  
  4353. .b-message header .broadcast-by {
  4354.   padding: 0;
  4355.   font-size: .875rem;
  4356. }
  4357.  
  4358. .b-topic > .inner > header .name-date a {
  4359.   font-size: 1rem;
  4360. }
  4361.  
  4362. .b-topic > .inner > header .about > span {
  4363.   color: #9E9E9E;
  4364.   padding: 0 .5rem 0 0;
  4365.   font-size: .875rem;
  4366. }
  4367.  
  4368. .b-topic > .inner > header .about a {
  4369.   font-size: 1rem;
  4370. }
  4371.  
  4372. .b-comment > .inner header .name-date a.name:hover {
  4373.   text-decoration: none;
  4374. }
  4375.  
  4376. .b-message > .inner header .name-date .time,
  4377. .b-topic > .inner header .name-date .time,
  4378. .b-comment > .inner header .name-date .time,
  4379. .b-dialog > .inner header .name-date .time {
  4380.   position: relative;
  4381.   padding-top: 0;
  4382.   padding-left: 0;
  4383.   margin-right: .5rem;
  4384.   line-height: 1.25rem;
  4385. }
  4386.  
  4387. .b-message > .inner header .name-date .time > time,
  4388. .b-comment > .inner header .name-date .time > time,
  4389. .b-topic > .inner header .name-date .time > time {
  4390.   display: block;
  4391.   font-size: .875rem;
  4392.   line-height: inherit;
  4393. }
  4394.  
  4395. .b-topic > .inner header .name-date .time {
  4396.   font-size: .875rem;
  4397.   line-height: inherit;
  4398. }
  4399.  
  4400. .b-comment > .inner header .name-date .time:hover {
  4401.   text-decoration: underline;
  4402. }
  4403.  
  4404. .b-comment header .hash {
  4405.   position: absolute;
  4406.   top: 0;
  4407.   right: 0;
  4408.   bottom: 0;
  4409.   left: 0;
  4410.   margin: 0;
  4411.   opacity: 0;
  4412.   z-index: 1;
  4413. }
  4414.  
  4415. .b-comment .inner .name-date a.name .normal {
  4416.   vertical-align: top;
  4417. }
  4418.  
  4419. @media only screen and (min-width: 1025px) {
  4420.   .b-topic > .inner header .name-date,
  4421.   .b-comment > .inner header .name-date {
  4422.     padding: .25rem 0;
  4423.     line-height: 1.5rem;
  4424.   }
  4425.   .b-comment > .inner header .name-date a.name,
  4426.   .b-comment > .inner header .name-date .time,
  4427.   .b-dialog > .inner header .name-date a.name,
  4428.   .b-dialog > .inner header .name-date .time {
  4429.     display: inline-block;
  4430.     vertical-align: top;
  4431.     line-height: inherit;
  4432.   }
  4433.   .b-message > .inner header .name-date .time > time,
  4434.   .b-comment > .inner header .name-date .time > time {
  4435.     display: block;
  4436.     font-size: 13px;
  4437.     line-height: inherit;
  4438.   }
  4439.   .p-dialogs .b-message > .inner header {
  4440.     padding-top: 0;
  4441.     padding-bottom: 0;
  4442.   }
  4443.   .p-dialogs .b-message > .inner header .name-date {
  4444.     line-height: 32px;
  4445.   }
  4446.   .p-dialogs .b-message > .inner header .name-date a.name,
  4447.   .p-dialogs .b-message > .inner header .name-date .time {
  4448.     display: inline-block;
  4449.     vertical-align: top;
  4450.     line-height: inherit;
  4451.   }
  4452.   .b-comment > .inner header img,
  4453.   .b-message > .inner header img,
  4454.   .b-dialog > .inner header img {
  4455.     margin: 6px 16px 0 0;
  4456.   }
  4457.   .b-topic > .inner header .name-date .time {
  4458.     display: inline-block;
  4459.     vertical-align: top;
  4460.     line-height: inherit;
  4461.   }
  4462. }
  4463.  
  4464. .p-messages .b-message > .inner header .name-date a.name,
  4465. .p-messages .b-message > .inner header .name-date .time {
  4466.   display: inline-block !important;
  4467.   vertical-align: top;
  4468.   padding-top: 0;
  4469.   line-height: inherit !important;
  4470. }
  4471.  
  4472. @media screen and (max-width: 1024px) {
  4473.   .b-dialog .time {
  4474.     display: block !important;
  4475.     padding-left: 0 !important;
  4476.     font-size: 14px !important;
  4477.     line-height: 20px !important;
  4478.   }
  4479.   .b-dialog > .inner header .name-date time {
  4480.     display: block;
  4481.     line-height: inherit;
  4482.   }
  4483.   .b-dialog .b-message > .inner header .name-date .time {
  4484.     display: inline-block !important;
  4485.     vertical-align: top;
  4486.     padding-left: 0 !important;
  4487.     line-height: inherit !important;
  4488.   }
  4489.   .b-dialog .b-message .inner header .name-date .name {
  4490.     display: inline-block !important;
  4491.     vertical-align: top;
  4492.   }
  4493. }
  4494.  
  4495. .b-dialog > .inner header .name-date .time,
  4496. .b-message > .inner header .name-date .time {
  4497.   color: #9E9E9E;
  4498. }
  4499.  
  4500. .b-dialog .b-message {
  4501.   position: static;
  4502.   margin: 0;
  4503.   padding: 0 !important;
  4504.   overflow: visible;
  4505. }
  4506.  
  4507. .b-dialog .b-message .inner header {
  4508.   padding: 4px 0;
  4509. }
  4510.  
  4511. .b-dialog .b-message .inner header img {
  4512.   width: 20px;
  4513.   margin: 0 8px 0 0;
  4514. }
  4515.  
  4516. .b-dialog .b-message .inner header .name-date {
  4517.   line-height: 20px;
  4518. }
  4519.  
  4520. .yellow-fade {
  4521.   background: rgba(249, 247, 19, 0.16);
  4522.   outline-color: rgba(249, 247, 19, 0.16);
  4523. }
  4524.  
  4525. .b-replies {
  4526.   padding: 8px 0 0;
  4527. }
  4528.  
  4529. .b-quote {
  4530.   margin: .5rem 0;
  4531.   padding: .5rem 1rem;
  4532. }
  4533.  
  4534. .b-quote .quoteable {
  4535.   margin: 0 0 .5rem;
  4536.   line-height: 20px;
  4537. }
  4538.  
  4539. .b-quote .quoteable:before {
  4540.   float: left;
  4541.   margin-right: 8px;
  4542. }
  4543.  
  4544. .b-quote .b-quote {
  4545.   margin-left: 0 !important;
  4546. }
  4547.  
  4548. .b-topic > .inner header:after {
  4549.   content: "";
  4550.   clear: both;
  4551.   display: none;
  4552. }
  4553.  
  4554. .b-topic .body {
  4555.   line-height: 1.25;
  4556. }
  4557.  
  4558. .b-topic-preview > .inner header {
  4559.   margin-bottom: 0;
  4560. }
  4561.  
  4562. .b-topic-preview > .inner .status-line {
  4563.   margin-top: -4px;
  4564.   margin-bottom: 8px;
  4565.   font-size: 14px;
  4566.   line-height: 20px;
  4567. }
  4568.  
  4569. .b-topic-preview > .inner .status-line .author {
  4570.   padding: 0;
  4571. }
  4572.  
  4573. .b-topic-preview > .inner .status-line .b-link {
  4574.   padding: 0 8px;
  4575. }
  4576.  
  4577. .b-topic-preview > .inner .status-line .additional {
  4578.   padding-left: .5rem;
  4579.   margin-left: .5rem;
  4580. }
  4581.  
  4582. .b-topic-preview > .inner .status-line .additional .comments,
  4583. .b-topic-preview > .inner .status-line .additional .likes {
  4584.   color: inherit;
  4585. }
  4586.  
  4587. .b-topic-preview > .inner .status-line .additional .comments:before,
  4588. .b-topic-preview > .inner .status-line .additional .likes:before {
  4589.   vertical-align: top;
  4590.   padding-right: 8px;
  4591.   color: #BDBDBD;
  4592. }
  4593.  
  4594. .b-topic-preview > .inner .status-line .additional .comments:before,
  4595. .b-topic-preview > .inner .status-line .additional .likes:before {
  4596.   padding-right: 8px;
  4597.   font-family: 'Material Icons';
  4598.   font-size: 18px;
  4599.   text-transform: none;
  4600.   letter-spacing: normal;
  4601.   word-wrap: normal;
  4602.   white-space: nowrap;
  4603.   direction: ltr;
  4604.   /* Support for all WebKit browsers. */
  4605.   -webkit-font-smoothing: antialiased;
  4606.   /* Support for Safari and Chrome. */
  4607.   text-rendering: optimizeLegibility;
  4608.   /* Support for Firefox. */
  4609.   -moz-osx-font-smoothing: grayscale;
  4610.   /* Support for IE. */
  4611.   font-feature-settings: 'liga';
  4612. }
  4613.  
  4614. .b-topic-preview > .inner .status-line .additional .comments:before {
  4615.   content: "mode_comment";
  4616. }
  4617.  
  4618. .b-topic-preview > .inner .status-line .additional .likes:before {
  4619.   content: "thumb_up";
  4620. }
  4621.  
  4622. .b-topic-preview > .inner .status-line .additional .b-review_votes {
  4623.   margin-left: 1rem;
  4624. }
  4625.  
  4626. .b-collection-topic .b-review_votes {
  4627.   display: inline-block;
  4628.   font-size: inherit;
  4629.   line-height: inherit;
  4630. }
  4631.  
  4632. .b-review-topic .review-votes_count {
  4633.   font-size: .875rem;
  4634. }
  4635.  
  4636. /* Просмотр комментариев во всплывающей подсказке */
  4637. .tooltip .b-comment {
  4638.   padding-top: 0 !important;
  4639.   padding-bottom: 0;
  4640. }
  4641.  
  4642. .tooltip .b-comment:before {
  4643.   display: none;
  4644. }
  4645.  
  4646. /* Иконки коллекций */
  4647. .b-collection-topic > .inner .status-line .collection-size {
  4648.   color: inherit;
  4649. }
  4650.  
  4651. .b-collection-topic > .inner .status-line .collection-size:before,
  4652. .b-review_votes:before {
  4653.   vertical-align: top;
  4654.   width: 1.125rem;
  4655.   padding-right: .5rem;
  4656.   color: #BDBDBD;
  4657.   font-size: 1.125rem;
  4658. }
  4659.  
  4660. .b-collection-topic > .inner .status-line .collection-size:before {
  4661.   content: 'collections_bookmark';
  4662. }
  4663.  
  4664. .b-review_votes:before {
  4665.   content: 'thumbs_up_down';
  4666. }
  4667.  
  4668. .b-review_votes .votes-for {
  4669.   color: #66BB6A;
  4670. }
  4671.  
  4672. .b-review_votes .votes-against {
  4673.   color: #EF5350;
  4674. }
  4675.  
  4676. /* Кнопки голосования в рецензиях и коллекциях */
  4677. .b-topic .footer-vote {
  4678.   padding: 0;
  4679.   margin-top: 1rem;
  4680.   margin-bottom: 1rem;
  4681.   background: transparent;
  4682.   border: 0;
  4683.   color: inherit;
  4684.   font-size: .875rem;
  4685.   line-height: inherit;
  4686. }
  4687.  
  4688. .b-topic .footer-vote:after {
  4689.   content: '';
  4690.   display: block;
  4691.   clear: both;
  4692. }
  4693.  
  4694. .b-topic .footer-vote .star {
  4695.   vertical-align: top;
  4696.   padding: .5rem;
  4697.   line-height: 0;
  4698. }
  4699.  
  4700. .b-topic .footer-vote .star:before {
  4701.   content: 'thumbs_up_down';
  4702.   width: 1.5rem;
  4703.   padding: 0;
  4704.   font-size: 1.5rem;
  4705. }
  4706.  
  4707. .b-topic .footer-vote .notice {
  4708.   margin: 0 1.5rem 0 1rem;
  4709.   line-height: 2.5rem;
  4710. }
  4711.  
  4712. .b-topic .footer-vote .vote-group {
  4713.   float: right;
  4714. }
  4715.  
  4716. .b-topic .footer-vote .vote-group .vote {
  4717.   min-width: 5.5rem;
  4718.   padding: 0 1rem;
  4719.   margin: .25rem 0;
  4720.   background-color: #212121;
  4721.   border: 0;
  4722.   border-radius: .125rem;
  4723.   color: inherit;
  4724.   font-size: .875rem;
  4725.   font-weight: 700;
  4726.   line-height: 2rem;
  4727.   text-transform: uppercase;
  4728.   opacity: 1;
  4729.   transition: background-color .24s ease, color .24s ease;
  4730. }
  4731.  
  4732. .b-topic .footer-vote .vote-group .vote:not(:last-child) {
  4733.   margin-right: .5rem;
  4734. }
  4735.  
  4736. .b-topic .footer-vote .vote-group .vote.yes.selected,
  4737. .b-topic .footer-vote .vote-group .vote.yes:hover {
  4738.   background-color: #4CAF50;
  4739.   background-color: #66BB6A;
  4740.   color: #FFFFFF;
  4741. }
  4742.  
  4743. .b-topic .footer-vote .vote-group .vote.no.selected,
  4744. .b-topic .footer-vote .vote-group .vote.no:hover {
  4745.   background-color: #F44336;
  4746.   background-color: #EF5350;
  4747.   color: #FFFFFF;
  4748. }
  4749.  
  4750. .b-topic .footer-vote .vote-group .vote.yes:before,
  4751. .b-topic .footer-vote .vote-group .vote.no:before {
  4752.   vertical-align: middle;
  4753.   width: 1.125rem;
  4754.   padding: 0;
  4755.   margin-right: .875rem;
  4756.   font-size: 1.125rem;
  4757. }
  4758.  
  4759. .b-topic .footer-vote .vote-group .vote.yes:before {
  4760.   content: 'thumb_up';
  4761. }
  4762.  
  4763. .b-topic .footer-vote .vote-group .vote.no:before {
  4764.   content: 'thumb_down';
  4765. }
  4766.  
  4767. .b-topic .footer-vote .vote-group .separator {
  4768.   display: none;
  4769. }
  4770.  
  4771. /* END of Кнопки голосования в рецензиях и коллекциях */
  4772. /**
  4773.  * COMMENT DOESN'T SLIDE
  4774.  * Большие комментарии, топики не должны сдвигаться margin'ами.
  4775.  * Либо translate3d либо никак.
  4776.  */
  4777. .b-topic.aside-expanded > .inner,
  4778. .b-dialog.aside-expanded > .inner,
  4779. .b-message.aside-expanded > .inner,
  4780. .b-comment.aside-expanded > .inner,
  4781. .b-topic.aside-expanded > .b-comments {
  4782.   margin-left: 0;
  4783. }
  4784.  
  4785. .b-topic.aside-expanded > .inner aside.buttons,
  4786. .b-dialog.aside-expanded > .inner aside.buttons,
  4787. .b-message.aside-expanded > .inner aside.buttons,
  4788. .b-comment.aside-expanded > .inner aside.buttons {
  4789.   position: absolute;
  4790.   top: 0;
  4791.   right: 0;
  4792.   left: 0;
  4793.   width: auto;
  4794.   height: 100%;
  4795.   margin: 0 -16px;
  4796.   padding: 8px 16px;
  4797.   border: 0;
  4798.   overflow-y: auto;
  4799.   z-index: 3;
  4800. }
  4801.  
  4802. .b-dialog > .inner > aside.buttons > .main-controls > a:after,
  4803. .b-dialog > .inner > aside.buttons > .main-controls > span:after,
  4804. .b-dialog > .inner > aside.buttons > .delete-controls > span:after,
  4805. .b-dialog > .inner > aside.buttons > .moderation-controls > span:after,
  4806. .b-message > .inner > aside.buttons > .main-controls > a:after,
  4807. .b-message > .inner > aside.buttons > .main-controls > span:after,
  4808. .b-message > .inner > aside.buttons > .delete-controls > span:after,
  4809. .b-message > .inner > aside.buttons > .moderation-controls > span:after,
  4810. .b-comment > .inner > aside.buttons > .main-controls > a:after,
  4811. .b-comment > .inner > aside.buttons > .main-controls > span:after,
  4812. .b-comment > .inner > aside.buttons > .delete-controls > span:after,
  4813. .b-comment > .inner > aside.buttons > .moderation-controls > span:after {
  4814.   vertical-align: top;
  4815.   padding-left: 12px !important;
  4816.   font-size: 16px !important;
  4817.   line-height: 18px;
  4818. }
  4819.  
  4820. /* OPEN DIALOG BY CLICK */
  4821. .b-dialog .to_dialog {
  4822.   position: absolute;
  4823.   top: 0;
  4824.   right: 0;
  4825.   bottom: 0;
  4826.   left: 0;
  4827.   margin: 0 -16px;
  4828.   font-size: 0;
  4829. }
  4830.  
  4831. .b-dialog:hover .to_dialog {
  4832.   background-color: rgba(0, 0, 0, 0.05);
  4833.   z-index: 0;
  4834. }
  4835.  
  4836. .b-dialog img,
  4837. .b-dialog a,
  4838. .b-dialog .buttons,
  4839. .b-dialog .b-new_marker {
  4840.   position: relative;
  4841.   z-index: 2;
  4842. }
  4843.  
  4844. /* END of OPEN DIALOG BY CLICK */
  4845. /**
  4846.  * BBCode: CODE
  4847.  * Новый тег отвечающий за оформление программных кодов.
  4848.  */
  4849. code {
  4850.   vertical-align: middle;
  4851.   padding: .5px 4px;
  4852.   background-color: rgba(32, 32, 32, 0.05);
  4853.   border-radius: 2px;
  4854.   font-size: .875rem;
  4855. }
  4856.  
  4857. pre {
  4858.   position: relative;
  4859. }
  4860.  
  4861. .b-code {
  4862.   padding: 1rem;
  4863.   margin: .5rem 0;
  4864.   background: #303030;
  4865.   border-radius: 2px;
  4866.   font-size: .875rem;
  4867.   font-style: normal;
  4868.   font-weight: normal;
  4869.   text-align: left;
  4870. }
  4871.  
  4872. @media (min-width: 960px) {
  4873.   .b-code:before {
  4874.     content: attr(data-language);
  4875.     position: absolute;
  4876.     top: 1rem;
  4877.     right: .5rem;
  4878.     padding: 0 .5rem;
  4879.     background-color: #747474;
  4880.     border-radius: 2px;
  4881.   }
  4882.   .tooltip-details .b-code:before {
  4883.     display: none;
  4884.   }
  4885. }
  4886.  
  4887. /* END of CODE */
  4888. /* CODE: SUBLIME 3 MATERIAL THEME'S COLOR */
  4889. .b-code {
  4890.   background: #263238;
  4891. }
  4892.  
  4893. .hljs-selector-tag {
  4894.   color: #FF5370;
  4895. }
  4896.  
  4897. .hljs-selector-id {
  4898.   color: #FAD430;
  4899. }
  4900.  
  4901. .hljs-selector-class {
  4902.   color: #FFCB6B;
  4903. }
  4904.  
  4905. .hljs-selector-pseudo,
  4906. .hljs-meta {
  4907.   color: #C792EA;
  4908. }
  4909.  
  4910. .hljs-attribute {
  4911.   color: #80CBC4;
  4912. }
  4913.  
  4914. .hljs-built_in {
  4915.   color: #89DDFF;
  4916. }
  4917.  
  4918. .hljs-number {
  4919.   color: #F77669;
  4920. }
  4921.  
  4922. .hljs-string {
  4923.   color: #C3E88D;
  4924. }
  4925.  
  4926. .hljs-comment {
  4927.   color: #5C7E8C;
  4928. }
  4929.  
  4930. /* END of CODE' THEME */
  4931. /* -------------- */
  4932. /* END of COMMENT */
  4933. /* -------------- */
  4934. /* TOAST */
  4935. #toast-container {
  4936.   line-height: 1.5rem;
  4937. }
  4938.  
  4939. .toast-top-right {
  4940.   top: auto;
  4941.   bottom: 0;
  4942.   right: 0;
  4943.   left: 0;
  4944. }
  4945.  
  4946. #toast-container > div {
  4947.   width: 100%;
  4948.   max-width: 25rem;
  4949.   padding: .875rem 1.5rem;
  4950.   margin: auto;
  4951. }
  4952.  
  4953. .toast-message {
  4954.   display: inline-block;
  4955.   vertical-align: top;
  4956.   line-height: 1.5rem;
  4957. }
  4958.  
  4959. #toast-container > .toast-success {
  4960.   background-color: #323232;
  4961.   background-image: none !important;
  4962. }
  4963.  
  4964. #toast-container > .toast-error {
  4965.   background-color: #323232;
  4966.   background-image: none !important;
  4967. }
  4968.  
  4969. #toast-container > .toast-error:before {
  4970.   content: 'error_outline';
  4971.   float: left;
  4972.   display: inline-block;
  4973.   vertical-align: top;
  4974.   margin: -4px 1.5rem -4px 0;
  4975.   font-size: 2rem;
  4976.   font-family: 'Material Icons';
  4977.   line-height: 1;
  4978.   box-sizing: border-box;
  4979.   text-transform: none;
  4980.   letter-spacing: normal;
  4981.   word-wrap: normal;
  4982.   white-space: nowrap;
  4983.   direction: ltr;
  4984.   /* Support for all WebKit browsers. */
  4985.   -webkit-font-smoothing: antialiased;
  4986.   /* Support for Safari and Chrome. */
  4987.   text-rendering: optimizeLegibility;
  4988.   /* Support for Firefox. */
  4989.   -moz-osx-font-smoothing: grayscale;
  4990.   /* Support for IE. */
  4991.   font-feature-settings: 'liga';
  4992. }
  4993.  
  4994. /* END of TOAST */
  4995. /* CLUB */
  4996. .b-clubs-menu .b-block_list li {
  4997.   font-size: .875rem;
  4998. }
  4999.  
  5000. .p-clubs-show .b-topic-preview.mini {
  5001.   margin-bottom: .5rem;
  5002. }
  5003.  
  5004. /* Действия в клубах */
  5005. .b-clubs-menu .club-actions {
  5006.   margin: 0 0 .5rem 0;
  5007. }
  5008.  
  5009. .club-actions .edit-club,
  5010. .club-actions .broadcast,
  5011. .club-actions .upload,
  5012. .club-actions .join,
  5013. .club-actions .invite,
  5014. .club-actions .leave {
  5015.   width: auto;
  5016.   height: auto;
  5017.   padding: .5rem;
  5018.   margin: 0 .5rem 0 0;
  5019.   border-radius: .125rem;
  5020.   color: #BDBDBD !important;
  5021.   line-height: 0;
  5022. }
  5023.  
  5024. .club-actions .edit-club:hover,
  5025. .club-actions .broadcast:hover,
  5026. .club-actions .upload:hover,
  5027. .club-actions .join:hover,
  5028. .club-actions .invite:hover,
  5029. .club-actions .leave:hover {
  5030.   background-color: #424242;
  5031.   color: #EEEEEE !important;
  5032. }
  5033.  
  5034. .club-actions .edit-club:before,
  5035. .club-actions .broadcast:before,
  5036. .club-actions .upload:before,
  5037. .club-actions .join:before,
  5038. .club-actions .invite:before,
  5039. .club-actions .leave:before {
  5040.   width: 1.5rem;
  5041.   font-size: 1.5rem;
  5042. }
  5043.  
  5044. .club-actions .edit-club:before {
  5045.   content: 'build';
  5046. }
  5047.  
  5048. .club-actions .broadcast:before {
  5049.   content: 'speaker_notes';
  5050. }
  5051.  
  5052. .club-actions .upload:before {
  5053.   content: 'attach_file';
  5054. }
  5055.  
  5056. .club-actions .join:before,
  5057. .club-actions .invite:before {
  5058.   content: 'person_add';
  5059. }
  5060.  
  5061. .club-actions .leave:before {
  5062.   content: 'directions_run';
  5063. }
  5064.  
  5065. @media screen and (max-width: 480px) and (orientation: portrait) {
  5066.   .club-actions .edit-club,
  5067.   .club-actions .broadcast,
  5068.   .club-actions .upload,
  5069.   .club-actions .join,
  5070.   .club-actions .invite,
  5071.   .club-actions .leave {
  5072.     display: block;
  5073.     margin: 0;
  5074.   }
  5075.   .club-actions .edit-club:after,
  5076.   .club-actions .broadcast:after,
  5077.   .club-actions .upload:after,
  5078.   .club-actions .join:after,
  5079.   .club-actions .invite:after,
  5080.   .club-actions .leave:after {
  5081.     color: #FFFFFF;
  5082.     padding-left: 1.5rem;
  5083.     font-size: inherit;
  5084.     line-height: 1.5;
  5085.   }
  5086. }
  5087.  
  5088. /* Навигация в клубах: "контент" */
  5089. .b-pages {
  5090.   max-width: 15rem;
  5091.   padding: 0 1rem;
  5092.   margin: 0 0 1.5rem 2rem;
  5093.   border-radius: 2px;
  5094. }
  5095.  
  5096. .b-pages .title {
  5097.   font-size: .875rem;
  5098.   line-height: 3rem;
  5099.   text-transform: uppercase;
  5100. }
  5101.  
  5102. .b-pages .section {
  5103.   margin: 0 0 .5rem;
  5104. }
  5105.  
  5106. /* Названия страниц клубов */
  5107. .p-club_pages .l-content .subheadline,
  5108. .p-club_pages .l-content .subheadline > a {
  5109.   max-width: 100%;
  5110.   white-space: normal;
  5111. }
  5112.  
  5113. /* CLUB PAGE EDITOR */
  5114. @media screen and (max-width: 767px) {
  5115.   .edit_club_page .cc-2a > .c-column {
  5116.     width: 100%;
  5117.   }
  5118.   .edit_club_page .cc-2a > .c-column:nth-child(1n+1) {
  5119.     clear: left;
  5120.   }
  5121. }
  5122.  
  5123. /* FIX: CLUB'S BUTTONS */
  5124. .p-clubs-edit .pages .button {
  5125.   margin-right: .5rem;
  5126. }
  5127.  
  5128. .p-clubs-edit .pages .club_page-layout,
  5129. .p-clubs-edit .pages .club_page-actions {
  5130.   font-size: .875rem;
  5131.   padding-left: 1rem;
  5132. }
  5133.  
  5134. .p-clubs-edit .pages .club_page-actions .b-js-link {
  5135.   margin-right: .5rem;
  5136. }
  5137.  
  5138. .p-club_pages-show .item-edit:before {
  5139.   content: 'edit';
  5140. }
  5141.  
  5142. /* END of CLUB'S BUTTONS */
  5143. /* Поиск клубов и коллекций */
  5144. .b-collection_search .field {
  5145.   margin-bottom: 1.5rem;
  5146. }
  5147.  
  5148. .b-collection_search .field input {
  5149.   border-radius: 2px;
  5150.   padding: .75rem 1rem;
  5151.   font-size: 1rem;
  5152. }
  5153.  
  5154. .b-collection_search .field .clear {
  5155.   position: absolute;
  5156.   top: 0;
  5157.   right: 0;
  5158.   padding: .625rem;
  5159.   font-size: 0;
  5160.   line-height: 0;
  5161. }
  5162.  
  5163. .b-collection_search .field .clear:hover {
  5164.   text-decoration: none;
  5165. }
  5166.  
  5167. .b-collection_search .field .clear:before {
  5168.   content: 'clear';
  5169.   position: static;
  5170.   font-size: 1.5rem;
  5171. }
  5172.  
  5173. /* END of Поиск клубов */
  5174. /* ICON | CREATE CLUB */
  5175. .p-clubs-index header.head a.misc {
  5176.   float: right;
  5177.   width: 40px;
  5178.   height: 40px;
  5179.   padding: 8px;
  5180.   margin: 4px;
  5181.   font-size: 0;
  5182. }
  5183.  
  5184. .p-clubs-index header.head a.misc:hover {
  5185.   background-color: #ddd;
  5186.   text-decoration: none;
  5187. }
  5188.  
  5189. .p-clubs-index header.head a.misc:before {
  5190.   content: 'group_add';
  5191. }
  5192.  
  5193. /* END of CREATE CLUB */
  5194. /* TODO: merge with Material icons */
  5195. .p-club_pages-show .item-edit:before,
  5196. .p-clubs-index header.head a.misc:before {
  5197.   width: 1.5rem !important;
  5198.   font-family: 'Material Icons' !important;
  5199.   font-size: 1.5rem !important;
  5200.   font-weight: 400 !important;
  5201.   line-height: 1 !important;
  5202.   text-transform: none;
  5203.   letter-spacing: normal;
  5204.   word-wrap: normal;
  5205.   white-space: nowrap;
  5206.   direction: ltr;
  5207.   /* Support for all WebKit browsers. */
  5208.   -webkit-font-smoothing: antialiased;
  5209.   /* Support for Safari and Chrome. */
  5210.   text-rendering: optimizeLegibility;
  5211.   /* Support for Firefox. */
  5212.   -moz-osx-font-smoothing: grayscale;
  5213.   /* Support for IE. */
  5214.   font-feature-settings: 'liga';
  5215. }
  5216.  
  5217. .p-club_pages-show .item-edit {
  5218.   color: #BDBDBD;
  5219. }
  5220.  
  5221. .p-club_pages-show .item-edit:hover {
  5222.   background-color: #424242;
  5223.   color: #EEEEEE;
  5224. }
  5225.  
  5226. @media only screen and (min-width: 1025px) {
  5227.   .p-club_pages-show .item-edit:active {
  5228.     background-color: #424242;
  5229.     color: #EEEEEE;
  5230.   }
  5231. }
  5232.  
  5233. /* END of CLUB */
  5234. /* TODO: replace */
  5235. .p-contests .results .cc-result .c-rounds .label {
  5236.   font-size: .875rem;
  5237. }
  5238.  
  5239. /**
  5240.  * INDEX
  5241.  * Изменения главной страницы.
  5242.  *
  5243.  */
  5244. .p-dashboards-show .c-my_list {
  5245.   padding: 0;
  5246.   background: initial;
  5247.   border: none;
  5248. }
  5249.  
  5250. .p-dashboards-show .c-my_list .title .switch,
  5251. .p-dashboards-show .c-my_list .title .link {
  5252.   float: right;
  5253. }
  5254.  
  5255. .p-dashboards-show .cc-news .c-generated_news .b-topic .name-date a {
  5256.   font-size: 16px !important;
  5257. }
  5258.  
  5259. .b-forums {
  5260.   margin-bottom: .5rem;
  5261.   line-height: inherit;
  5262. }
  5263.  
  5264. @media screen and (max-width: 767px) {
  5265.   .p-dashboards-show .cc-second {
  5266.     margin-bottom: .5rem;
  5267.   }
  5268. }
  5269.  
  5270. /* Изменение новостей на главной */
  5271. .p-dashboards-show .cc-news .c-news_topics .b-topic {
  5272.   padding: 1rem 0 1.5rem;
  5273.   border-top-width: 1px;
  5274. }
  5275.  
  5276. @media screen and (max-width: 767px) {
  5277.   .p-dashboards-show .cc-news .c-news_topics .b-topic {
  5278.     margin-bottom: 0;
  5279.   }
  5280. }
  5281.  
  5282. @media only screen and (min-width: 768px) {
  5283.   .p-dashboards-show .cc-news .c-news_topics .b-topic {
  5284.     margin-bottom: 0;
  5285.   }
  5286. }
  5287.  
  5288. .p-dashboards-show .cc-news .c-news_topics .b-topic .name-date a {
  5289.   padding: 0 0 .25rem;
  5290.   font-size: 22px !important;
  5291.   font-weight: 400 !important;
  5292.   line-height: 1.65;
  5293.   white-space: normal;
  5294. }
  5295.  
  5296. .p-dashboards-show .cc-news .c-news_topics .b-topic .b-anime_status_tag {
  5297.   display: none;
  5298. }
  5299.  
  5300. /* КОНЕЦ – Изменение новостей на главной */
  5301. /* Change Forum Button */
  5302. /* NOTE: Цвета настраиваются в общем блоке ЦВЕТА */
  5303. .p-dashboards-show .b-forums > .b-link_button.maxi {
  5304.   position: relative;
  5305.   margin-bottom: 0;
  5306.   background-color: transparent;
  5307.   font-size: 0;
  5308.   line-height: 0;
  5309.   text-align: left;
  5310.   overflow: visible;
  5311. }
  5312.  
  5313. .p-dashboards-show .b-forums > .b-link_button.maxi:after {
  5314.   display: inline-block;
  5315.   vertical-align: top;
  5316.   padding: 0 1rem;
  5317.   margin: .5rem -1rem;
  5318.   border-radius: .125rem;
  5319.   font-size: .875rem;
  5320.   line-height: 2rem;
  5321. }
  5322.  
  5323. .p-dashboards-show[data-locale="ru"] .b-forums > .b-link_button.maxi:after {
  5324.   content: 'Форум';
  5325. }
  5326.  
  5327. .p-dashboards-show[data-locale="en"] .b-forums > .b-link_button.maxi:after {
  5328.   content: 'Forum';
  5329. }
  5330.  
  5331. /* END of Change Forum Button */
  5332. /* Ссылки на текущие турниры */
  5333. .p-dashboards-show .contests .contest {
  5334.   margin: 0 -.5rem;
  5335. }
  5336.  
  5337. .p-dashboards-show .contests .contest a {
  5338.   display: block;
  5339.   padding: 0 .5rem;
  5340.   font-size: .875rem;
  5341.   line-height: 2rem;
  5342.   text-overflow: ellipsis;
  5343.   white-space: nowrap;
  5344.   overflow: hidden;
  5345. }
  5346.  
  5347. .p-dashboards-show .contests .contest a:hover {
  5348.   text-decoration: none;
  5349. }
  5350.  
  5351. /* END of Ссылки на текущие турниры */
  5352. /* ТЕМЫ ДНЯ */
  5353. .b-hot_topics {
  5354.   padding: .5rem 1rem;
  5355.   margin: -.5rem -1rem 0 -1rem;
  5356.   background-color: initial;
  5357.   border: 0;
  5358. }
  5359.  
  5360. .b-hot_topics .topic {
  5361.   font-size: .875rem;
  5362.   line-height: 2rem;
  5363.   text-align: left;
  5364. }
  5365.  
  5366. .b-hot_topics .topic.subject {
  5367.   font-size: .875rem;
  5368.   line-height: 2rem;
  5369.   text-align: left;
  5370.   text-transform: uppercase;
  5371.   white-space: nowrap;
  5372. }
  5373.  
  5374. .b-hot_topics .topic a {
  5375.   padding: 0 .75rem 0 2.5rem;
  5376.   border-radius: 1rem;
  5377. }
  5378.  
  5379. .b-hot_topics .topic a:hover {
  5380.   text-decoration: none;
  5381. }
  5382.  
  5383. .b-hot_topics .topic a .poster {
  5384.   width: 2rem;
  5385.   height: 2rem;
  5386.   margin: 0 0 0 -2.5rem;
  5387.   border-radius: 100%;
  5388. }
  5389.  
  5390. @media screen and (max-width: 767px) {
  5391.   .b-hot_topics {
  5392.     overflow: hidden;
  5393.     overflow-x: auto;
  5394.     white-space: nowrap;
  5395.   }
  5396.   .b-hot_topics:before,
  5397.   .b-hot_topics:after {
  5398.     content: '';
  5399.     position: absolute;
  5400.     left: 0;
  5401.     width: 1rem;
  5402.     height: 2rem;
  5403.     background-image: linear-gradient(-90deg, transparent, #303030);
  5404.     z-index: 1;
  5405.   }
  5406.   .b-hot_topics:after {
  5407.     left: auto;
  5408.     right: 0;
  5409.     margin-top: -2rem;
  5410.     background-image: linear-gradient(90deg, transparent, #303030);
  5411.   }
  5412.   .b-hot_topics .topic {
  5413.     float: none;
  5414.     display: inline-block;
  5415.     vertical-align: top;
  5416.     width: auto;
  5417.     max-width: 100%;
  5418.   }
  5419.   .b-hot_topics .topic,
  5420.   .b-hot_topics .topic:nth-child(4n),
  5421.   .b-hot_topics .topic:nth-child(6n) {
  5422.     margin-right: 1rem;
  5423.   }
  5424.   .b-hot_topics .topic:nth-child(5),
  5425.   .b-hot_topics .topic:nth-child(6),
  5426.   .b-hot_topics .topic:nth-child(7),
  5427.   .b-hot_topics .topic:nth-child(8),
  5428.   .b-hot_topics .topic:nth-child(9) {
  5429.     display: inline-block;
  5430.   }
  5431. }
  5432.  
  5433. @media screen and (max-width: 1024px) {
  5434.   .b-hot_topics {
  5435.     padding: 14px 16px;
  5436.     margin: -16px -16px 0 -16px;
  5437.     border: 0;
  5438.   }
  5439. }
  5440.  
  5441. @media only screen and (min-width: 1025px) {
  5442.   .b-hot_topics .topic {
  5443.     margin-right: .5%;
  5444.     width: 10.6666%;
  5445.   }
  5446. }
  5447.  
  5448. /**
  5449.  * FORUM
  5450.  * СТРАНИЦЫ ФОРУМА
  5451.  */
  5452. .p-topics .l-menu .b-forums,
  5453. .block2,
  5454. .contests.block {
  5455.   margin-bottom: 1.5rem;
  5456.   line-height: 1.5rem;
  5457. }
  5458.  
  5459. .b-forums .forum {
  5460.   clear: both;
  5461.   position: relative;
  5462.   min-height: 1.5rem;
  5463.   line-height: 1.5rem;
  5464.   padding: 0 .5rem;
  5465.   margin: 0 -.5rem;
  5466. }
  5467.  
  5468. .b-forums .forum .link-with-input .link {
  5469.   display: inline-block;
  5470.   vertical-align: top;
  5471.   position: absolute;
  5472.   right: 0;
  5473.   left: 0;
  5474.   padding-left: .5rem;
  5475. }
  5476.  
  5477. .b-forums .forum input {
  5478.   position: absolute;
  5479.   left: 0;
  5480.   width: 2rem;
  5481.   height: 1.5rem;
  5482.   margin-right: .25rem;
  5483.   border: 0;
  5484.   opacity: 0;
  5485.   z-index: 1;
  5486.   -webkit-appearance: none;
  5487.   -moz-appearance: none;
  5488.   appearance: none;
  5489. }
  5490.  
  5491. .b-forums .forum .link-with-input input + .link {
  5492.   padding-left: 2.25rem;
  5493. }
  5494.  
  5495. .b-forums .forum input + .link:before {
  5496.   content: 'check_box_outline_blank';
  5497.   display: block;
  5498.   position: absolute;
  5499.   top: 0;
  5500.   left: 0.375rem;
  5501.   width: 1.125rem;
  5502.   margin: 0.1875rem 0;
  5503.   font-family: 'Material Icons' !important;
  5504.   font-size: 1.125rem !important;
  5505.   font-weight: 400 !important;
  5506.   line-height: 1 !important;
  5507.   text-transform: none;
  5508.   letter-spacing: normal;
  5509.   word-wrap: normal;
  5510.   white-space: nowrap;
  5511.   direction: ltr;
  5512.   /* Support for all WebKit browsers. */
  5513.   -webkit-font-smoothing: antialiased;
  5514.   /* Support for Safari and Chrome. */
  5515.   text-rendering: optimizeLegibility;
  5516.   /* Support for Firefox. */
  5517.   -moz-osx-font-smoothing: grayscale;
  5518.   /* Support for IE. */
  5519.   font-feature-settings: 'liga';
  5520. }
  5521.  
  5522. .b-forums .forum input:hover + .link:before {
  5523.   opacity: .9;
  5524. }
  5525.  
  5526. .b-forums .forum input:checked + .link:before {
  5527.   content: 'check_box';
  5528. }
  5529.  
  5530. .b-forums .forum input:disabled + .link:before {
  5531.   color: #BDBDBD;
  5532. }
  5533.  
  5534. .b-forums .forum .topics {
  5535.   font-size: .75rem;
  5536. }
  5537.  
  5538. /* FIX: TOPIC UPDATE ICON (issue #5) */
  5539. .p-topics header h1 a.reload:hover:after {
  5540.   position: static;
  5541. }
  5542.  
  5543. /* END of FORUM */
  5544. /**
  5545.  * PROFILE
  5546.  * ПРОФИЛЬ ПОЛЬЗОВАТЕЛЯ
  5547.  */
  5548. /* Убираем лишние overflow */
  5549. .p-profiles-show .profile-content {
  5550.   overflow: visible;
  5551. }
  5552.  
  5553. /* Настраиваем равномерные отступы */
  5554. .p-profiles .profile-content .cc-2,
  5555. .p-profiles .profile-content .about,
  5556. .p-profiles .profile-content .cc-2 .c-right .cc-2a {
  5557.   margin-bottom: 1rem !important;
  5558. }
  5559.  
  5560. @media screen and (max-width: 767px) {
  5561.   .cc-2 > .c-column {
  5562.     margin-bottom: 1rem;
  5563.   }
  5564.   .p-profiles-show .profile-content .activity:last-child {
  5565.     margin-bottom: 1.25rem !important;
  5566.   }
  5567. }
  5568.  
  5569. /* Полосы аниме/манги */
  5570. .b-stats_bar .bar .first,
  5571. .b-stats_bar .bar .second {
  5572.   color: inherit;
  5573. }
  5574.  
  5575. .b-stats_bar.anime .bar {
  5576.   color: #FAFAFA;
  5577. }
  5578.  
  5579. .b-stats_bar.manga .bar {
  5580.   color: #212121;
  5581. }
  5582.  
  5583. .b-stats_bar .bar .third {
  5584.   color: #FFFFFF;
  5585. }
  5586.  
  5587. .b-stats_bar.anime .bar .second {
  5588.   background-color: rgba(70, 130, 180, 0.72);
  5589. }
  5590.  
  5591. .b-stats_bar.manga .bar .second {
  5592.   background-color: rgba(183, 139, 199, 0.72);
  5593. }
  5594.  
  5595. .line:nth-child(even) > .bar-container > .bar,
  5596. .line:nth-child(even) > .bar-container > .bar:hover {
  5597.   background-color: rgba(70, 130, 180, 0.72);
  5598. }
  5599.  
  5600. /* Столбики активности */
  5601. .bar.vertical {
  5602.   padding: 0;
  5603.   border: none;
  5604. }
  5605.  
  5606. .bar.vertical .line {
  5607.   border: none;
  5608. }
  5609.  
  5610. .bar.vertical .line .bar-container .value {
  5611.   font-size: .75rem;
  5612.   line-height: 1.25rem;
  5613. }
  5614.  
  5615. /* Горизонтальные полосы */
  5616. .bar.horizontal .line {
  5617.   padding: 0;
  5618.   margin: 0;
  5619.   line-height: 1.25em;
  5620. }
  5621.  
  5622. .bar.horizontal .line .bar-container .bar {
  5623.   height: 1.25em;
  5624.   text-align: right;
  5625. }
  5626.  
  5627. .bar.horizontal .line .bar-container .value {
  5628.   float: none;
  5629.   display: inline-block;
  5630.   vertical-align: top;
  5631.   padding-right: .25em;
  5632.   color: #FAFAFA;
  5633.   font-size: .75em;
  5634.   line-height: inherit;
  5635. }
  5636.  
  5637. .bar.horizontal .line .x_label {
  5638.   font-size: .75em;
  5639.   font-weight: normal;
  5640.   line-height: inherit;
  5641. }
  5642.  
  5643. /* User aliases */
  5644. .p-profiles .profile-head .c-brief header h1 {
  5645.   vertical-align: top;
  5646. }
  5647.  
  5648. .p-profiles .profile-head .c-brief header h1.aliases {
  5649.   cursor: help;
  5650. }
  5651.  
  5652. .p-profiles .profile-head .c-brief header h1.aliases:after {
  5653.   display: inline-block;
  5654.   vertical-align: top;
  5655.   width: 2rem;
  5656.   height: 2rem;
  5657.   margin: 0;
  5658.   margin-left: .5rem;
  5659.   color: inherit;
  5660.   font-family: 'Material Icons';
  5661.   font-size: 1.125rem;
  5662.   line-height: 2rem;
  5663.   text-align: center;
  5664.   cursor: help;
  5665.   opacity: .5;
  5666.   text-transform: none;
  5667.   letter-spacing: normal;
  5668.   word-wrap: normal;
  5669.   white-space: nowrap;
  5670.   direction: ltr;
  5671.   /* Support for all WebKit browsers. */
  5672.   -webkit-font-smoothing: antialiased;
  5673.   /* Support for Safari and Chrome. */
  5674.   text-rendering: optimizeLegibility;
  5675.   /* Support for Firefox. */
  5676.   -moz-osx-font-smoothing: grayscale;
  5677.   /* Support for IE. */
  5678.   font-feature-settings: 'liga';
  5679. }
  5680.  
  5681. .p-profiles .profile-head .c-brief header h1.aliases:after {
  5682.   content: 'label';
  5683. }
  5684.  
  5685. .p-profiles header.head .misc {
  5686.   vertical-align: top;
  5687.   padding: 0 1rem;
  5688.   margin: 0;
  5689.   font-size: .875rem;
  5690.   line-height: 3rem;
  5691. }
  5692.  
  5693. .p-profiles .profile-head .c-brief header .notice {
  5694.   font-size: .75em;
  5695.   line-height: 1.25rem;
  5696. }
  5697.  
  5698. /* FIX: update 2017-03-19 */
  5699. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar::after {
  5700.   clear: none;
  5701. }
  5702.  
  5703. /* Списки аниме/манги */
  5704. .b-stats_bar .stat_names .stat_name:after {
  5705.   display: none;
  5706. }
  5707.  
  5708. .b-stats_bar .stat_names .stat_name {
  5709.   padding: 0 1rem 0 0;
  5710.   font-size: .875rem;
  5711.   line-height: 2rem;
  5712. }
  5713.  
  5714. .b-stats_bar .stat_names .stat_name a {
  5715.   display: block;
  5716.   line-height: inherit;
  5717. }
  5718.  
  5719. /* Выпадающий список аниме/манги в профиле */
  5720. @media screen and (max-width: 599px) {
  5721.   .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar {
  5722.     position: relative;
  5723.   }
  5724.   .b-stats_bar .stat_names .stat_name {
  5725.     display: none;
  5726.   }
  5727.   .b-stats_bar .stat_names:hover .stat_name {
  5728.     display: block;
  5729.   }
  5730.   .b-stats_bar .stat_names .stat_name,
  5731.   .b-stats_bar .stat_names .stat_name a {
  5732.     padding: 0 1rem 0 0;
  5733.   }
  5734.   .b-stats_bar .stat_names .stat_name a {
  5735.     display: block;
  5736.     margin: 0 -1rem;
  5737.   }
  5738.   .b-stats_bar .stat_names .stat_name a:hover {
  5739.     background-color: rgba(0, 0, 0, 0.24);
  5740.     text-decoration: none;
  5741.   }
  5742.   .b-stats_bar .stat_names {
  5743.     position: absolute;
  5744.     top: 0;
  5745.     min-width: 165px;
  5746.     border-radius: .125rem;
  5747.   }
  5748.   .b-stats_bar .stat_names:hover {
  5749.     padding: 3rem 0 .5rem;
  5750.     z-index: 10;
  5751.   }
  5752.   .b-stats_bar .stat_names:after {
  5753.     content: '';
  5754.     position: absolute;
  5755.     top: 0;
  5756.     right: 0;
  5757.     bottom: 0;
  5758.     left: 0;
  5759.     box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.32);
  5760.     z-index: -1;
  5761.   }
  5762.   .b-stats_bar .stat_names:before {
  5763.     content: 'arrow_drop_down';
  5764.     display: block;
  5765.     position: absolute;
  5766.     top: 0;
  5767.     right: 0;
  5768.     width: 2rem;
  5769.     height: 2rem;
  5770.     padding: .25rem;
  5771.     margin: .5rem .25rem;
  5772.     border-radius: 100%;
  5773.     font-size: 1.5rem;
  5774.     font-family: 'Material Icons';
  5775.     line-height: 1;
  5776.     box-sizing: border-box;
  5777.     pointer-events: auto;
  5778.     text-transform: none;
  5779.     letter-spacing: normal;
  5780.     word-wrap: normal;
  5781.     white-space: nowrap;
  5782.     direction: ltr;
  5783.     /* Support for all WebKit browsers. */
  5784.     -webkit-font-smoothing: antialiased;
  5785.     /* Support for Safari and Chrome. */
  5786.     text-rendering: optimizeLegibility;
  5787.     /* Support for Firefox. */
  5788.     -moz-osx-font-smoothing: grayscale;
  5789.     /* Support for IE. */
  5790.     font-feature-settings: 'liga';
  5791.   }
  5792.   .b-stats_bar .stat_names .stat_name,
  5793.   .b-stats_bar .stat_names .stat_name a {
  5794.     padding: 0 1rem;
  5795.   }
  5796. }
  5797.  
  5798. /* Конец: Выпадающий список аниме/манги в профиле */
  5799. /* СТРАНИЦА РЕДАКТИРОВАНИЯ АККАУНТА */
  5800. .p-profiles-edit .account .c-column .block:not(:last-child) {
  5801.   margin-bottom: 3rem;
  5802. }
  5803.  
  5804. .p-profiles-edit .account .change-password {
  5805.   max-width: 375px;
  5806.   margin-top: 1rem;
  5807.   margin-bottom: 3rem;
  5808. }
  5809.  
  5810. .change-password::after {
  5811.   content: '';
  5812.   clear: both;
  5813.   display: block;
  5814. }
  5815.  
  5816. .change-password a[href*='/edit/password'] {
  5817.   float: right;
  5818.   font-size: 0;
  5819.   line-height: 0;
  5820. }
  5821.  
  5822. .change-password a[href*='/edit/password']::after {
  5823.   content: 'Изменить';
  5824.   display: inline-block;
  5825.   padding: .375rem 1rem;
  5826.   background: #4682B4;
  5827.   border-radius: 2px;
  5828.   color: #FAFAFA;
  5829.   font-size: .875rem;
  5830.   font-weight: bold;
  5831.   text-decoration: none;
  5832.   text-transform: uppercase;
  5833.   line-height: 1.25rem;
  5834.   transition: 0.16s cubic-bezier(0.4, 0, 0.6, 1);
  5835. }
  5836.  
  5837. .change-password a[href*='/edit/password']:hover::after {
  5838.   background-color: #3e729e;
  5839.   box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  5840. }
  5841.  
  5842. [data-locale='en'] .change-password a[href*='/edit/password']::after {
  5843.   content: 'Change';
  5844. }
  5845.  
  5846.  
  5847.  
  5848.  
  5849. .edit_user_preferences .b-options-floated.about-options {
  5850.   position: absolute;
  5851.   right: 0;
  5852.   margin: 1rem 0;
  5853.   background: transparent !important;
  5854.   text-align: right;
  5855.   z-index: 1;
  5856. }
  5857.  
  5858. .edit_user_preferences .about-options .b-input {
  5859.   margin-bottom: 0 !important;
  5860. }
  5861.  
  5862. .edit_user_preferences .about-options .b-input label {
  5863.   line-height: 1.5rem;
  5864. }
  5865.  
  5866. .b-list_switchers > .switcher {
  5867.   width: 2.5rem;
  5868.   height: 2.5rem;
  5869.   padding: .5rem;
  5870.   margin: .25rem;
  5871. }
  5872.  
  5873. .b-list_switchers .switcher.posters {
  5874.   margin-left: .25rem !important;
  5875. }
  5876.  
  5877. .b-list_switchers .switcher.list {
  5878.   margin-left: .25rem !important;
  5879. }
  5880.  
  5881. .p-user_rates-index .l-menu .avatar img {
  5882.   width: 10rem;
  5883.   height: 10rem;
  5884. }
  5885.  
  5886. .p-user_rates-index .l-content thead tr {
  5887.   font-size: 13px;
  5888.   line-height: 2rem;
  5889. }
  5890.  
  5891. .p-user_rates-index .list-lines tr td .rate-text {
  5892.   font-size: .875rem;
  5893.   line-height: 1.25rem;
  5894. }
  5895.  
  5896. .p-user_rates-index .list-lines tr td .new-value input {
  5897.   height: 1.5rem;
  5898.   font-size: 1rem;
  5899.   line-height: 1.5rem;
  5900. }
  5901.  
  5902. .p-user_rates-index .list-lines tr.edit-form form {
  5903.   padding: .25rem 1rem;
  5904.   margin: .5rem 0;
  5905.   border-style: solid;
  5906.   border-width: 1px;
  5907. }
  5908.  
  5909. .p-user_rates-index .list-lines tr.edit-form .b-input.text textarea {
  5910.   font-size: .875rem;
  5911. }
  5912.  
  5913. .b-user_rate .rate-edit .b-input.integer input,
  5914. .p-user_rates-index .list-lines tr.edit-form .b-input.integer input {
  5915.   width: 7rem;
  5916. }
  5917.  
  5918. .p-profiles-show .b-stats_bar a.title {
  5919.   padding: .5rem 1rem;
  5920.   margin: .5rem -1rem;
  5921. }
  5922.  
  5923. .p-profiles-show .b-stats_bar a.title:hover {
  5924.   text-decoration: none !important;
  5925. }
  5926.  
  5927. .p-user_rates-index .list-lines tr.edit-form .remove {
  5928.   width: 2.5rem;
  5929.   height: 2.5rem;
  5930.   padding: .5rem;
  5931.   margin: .25rem;
  5932. }
  5933.  
  5934. .p-user_rates-index .list-lines tr.edit-form .remove {
  5935.   margin: -.25rem 0 0;
  5936.   border: 0;
  5937.   font-size: 0;
  5938. }
  5939.  
  5940. .p-user_rates-index .list-lines tr.edit-form .remove:before {
  5941.   width: 1.5rem !important;
  5942.   font-family: 'Material Icons' !important;
  5943.   font-size: 1.5rem !important;
  5944.   font-weight: 400 !important;
  5945.   line-height: 1 !important;
  5946.   text-transform: none;
  5947.   letter-spacing: normal;
  5948.   word-wrap: normal;
  5949.   white-space: nowrap;
  5950.   direction: ltr;
  5951.   /* Support for all WebKit browsers. */
  5952.   -webkit-font-smoothing: antialiased;
  5953.   /* Support for Safari and Chrome. */
  5954.   text-rendering: optimizeLegibility;
  5955.   /* Support for Firefox. */
  5956.   -moz-osx-font-smoothing: grayscale;
  5957.   /* Support for IE. */
  5958.   font-feature-settings: 'liga';
  5959. }
  5960.  
  5961. .p-user_rates-index .list-lines tr.edit-form .remove:before {
  5962.   content: 'delete';
  5963. }
  5964.  
  5965. /* Комментарий на постере */
  5966. .p-user_rates-index .list-posters .user_rate > .text {
  5967.   bottom: 4rem;
  5968.   padding: .25rem .5rem;
  5969.   background: rgba(0, 0, 0, 0.6);
  5970.   border-radius: 0 0 .125rem .125rem;
  5971. }
  5972.  
  5973. .p-user_rates-index .list-posters .user_rate > .text:before {
  5974.   display: none;
  5975. }
  5976.  
  5977. .p-user_rates-index .list-posters .user_rate.b-ajax:after {
  5978.   margin-top: -1.5rem;
  5979. }
  5980.  
  5981. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar {
  5982.   overflow: visible;
  5983. }
  5984.  
  5985. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar {
  5986.   margin-bottom: 0;
  5987. }
  5988.  
  5989. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar::after {
  5990.   clear: none;
  5991. }
  5992.  
  5993. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar.manga {
  5994.   margin-top: 8px;
  5995. }
  5996.  
  5997. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a {
  5998.   font-size: .875rem;
  5999.   margin-top: 1rem;
  6000. }
  6001.  
  6002. .b-stats_bar .bar {
  6003.   height: auto;
  6004. }
  6005.  
  6006. .b-stats_bar .bar .first,
  6007. .b-stats_bar .bar .second,
  6008. .b-stats_bar .bar .third {
  6009.   font-size: .75rem;
  6010.   line-height: 1.25rem;
  6011. }
  6012.  
  6013. .p-profiles .profile-head .c-brief .avatar .profile-actions {
  6014.   margin-top: 1rem;
  6015.   margin-right: -.75rem;
  6016.   margin-left: -.75rem;
  6017. }
  6018.  
  6019. .profile-actions > a {
  6020.   display: inline-block;
  6021.   padding: .5rem;
  6022. }
  6023.  
  6024. .profile-actions > *:before {
  6025.   vertical-align: top;
  6026.   width: 1.5rem !important;
  6027.   line-height: 1 !important;
  6028.   font-size: 1.5rem !important;
  6029. }
  6030.  
  6031. .p-profiles .profile-head .c-brief .avatar > img {
  6032.   display: block;
  6033.   margin: auto;
  6034. }
  6035.  
  6036. @media only screen and (min-width: 768px) {
  6037.   .p-profiles .profile-head .c-brief .avatar {
  6038.     margin: .5rem 2rem 3rem 1rem;
  6039.   }
  6040.   .p-profiles .profile-head .c-brief .avatar > img {
  6041.     width: 160px;
  6042.     height: 160px;
  6043.   }
  6044. }
  6045.  
  6046. @media screen and (max-width: 1024px) {
  6047.   .profile-actions .settings,
  6048.   .profile-actions .fav-add,
  6049.   .profile-actions .fav-remove,
  6050.   .profile-actions .ignore-add,
  6051.   .profile-actions .ignore-remove,
  6052.   .profile-actions .ban {
  6053.     margin-left: .5rem;
  6054.   }
  6055. }
  6056.  
  6057. @media only screen and (min-width: 1025px) {
  6058.   .profile-actions .settings,
  6059.   .profile-actions .fav-add,
  6060.   .profile-actions .fav-remove,
  6061.   .profile-actions .ignore-add,
  6062.   .profile-actions .ignore-remove,
  6063.   .profile-actions .ban {
  6064.     margin-left: .5rem;
  6065.   }
  6066. }
  6067.  
  6068. /* TODO: replace */
  6069. .b-catalog-entry-embedded .b-catalog_entry {
  6070.   margin-bottom: 0 !important;
  6071. }
  6072.  
  6073. /* TODO: replace */
  6074. .l-page .b-anime_status_tag:before {
  6075.   vertical-align: text-bottom;
  6076.   padding: 0 .25rem;
  6077.   border: 0;
  6078.   font-size: .625rem;
  6079.   line-height: 1rem;
  6080.   text-transform: uppercase;
  6081. }
  6082.  
  6083. /* TODO: replace */
  6084. .b-topic {
  6085.   margin-bottom: .5rem;
  6086. }
  6087.  
  6088. /* TODO: replace */
  6089. .m13 {
  6090.   margin-bottom: 0 !important;
  6091. }
  6092.  
  6093. /* USER PROFILE |> HISTORY ENTRY */
  6094. .p-profiles .profile-head .c-history .entry {
  6095.   position: relative;
  6096.   padding: .5rem 0;
  6097.   margin: 0;
  6098.   border: 0;
  6099.   overflow: initial;
  6100. }
  6101.  
  6102. .p-profiles .profile-head .c-history .entry,
  6103. .p-profiles .profile-head .c-history .entry:first-child {
  6104.   padding-top: .5rem;
  6105.   margin-top: 0;
  6106. }
  6107.  
  6108. .p-profiles .profile-head .c-history .entry:before {
  6109.   content: '';
  6110.   display: block;
  6111.   position: absolute;
  6112.   right: -.5rem;
  6113.   bottom: 0;
  6114.   left: 3.5rem;
  6115.   height: 1px;
  6116.   pointer-events: none;
  6117. }
  6118.  
  6119. .p-profiles .profile-head .c-history .entry:last-child:before {
  6120.   display: none;
  6121. }
  6122.  
  6123. /* Полноразмерная ссылка .entry, работает только для .c-history & .l-menu */
  6124. .p-profiles .profile-head .c-history .entry a {
  6125.   display: block;
  6126.   padding: .5rem .5rem;
  6127.   margin: -.5rem;
  6128. }
  6129.  
  6130. @media screen and (min-width: 960px) {
  6131.   .p-profiles .profile-head .c-history .entry a {
  6132.     padding: .75rem .5rem;
  6133.   }
  6134. }
  6135.  
  6136. .p-profiles .profile-head .c-history .entry a:after {
  6137.   content: '';
  6138.   clear: both;
  6139.   display: block;
  6140. }
  6141.  
  6142. .p-profiles .profile-head .c-history .entry:hover .title {
  6143.   text-decoration: none;
  6144. }
  6145.  
  6146. /* END of FULLENTRY LINK */
  6147. .p-profiles .profile-head .c-history .entry img {
  6148.   margin: 0 16px 0 0;
  6149.   max-height: 72px;
  6150.   max-width: 40px;
  6151. }
  6152.  
  6153. .p-profiles .profile-head .c-history .entry .misc {
  6154.   font-size: .75em;
  6155. }
  6156.  
  6157. /* Страница истории пользователя */
  6158. .p-user_history-index .history-page .history-interval p {
  6159.   line-height: 1.5rem;
  6160.   margin-bottom: 0;
  6161. }
  6162.  
  6163. .b-user_rate-extended > .midheadline {
  6164.   overflow: hidden;
  6165. }
  6166.  
  6167. .p-user_rates-index .l-content .filter input {
  6168.   padding: .5rem 1rem;
  6169.   font-size: .875rem;
  6170. }
  6171.  
  6172. /* Страница сравнения списков */
  6173. .p-userlist_comparer .notice span {
  6174.   padding: 1.5px 4px !important;
  6175.   border-radius: 2px;
  6176. }
  6177.  
  6178. /* Цвета списков */
  6179. .p-userlist_comparer .comparer table .abslt-difr,
  6180. .p-userlist_comparer .legend .abslt-difr,
  6181. .p-userlist_comparer .notice span:nth-child(6) {
  6182.   background: rgba(244, 67, 54, 0.5) !important;
  6183. }
  6184.  
  6185. .p-userlist_comparer .comparer table .slightly-difr,
  6186. .p-userlist_comparer .legend .slightly-difr,
  6187. .p-userlist_comparer .notice span:nth-child(4) {
  6188.   background: rgba(255, 138, 128, 0.5) !important;
  6189. }
  6190.  
  6191. .p-userlist_comparer .comparer table .almost-same,
  6192. .p-userlist_comparer .legend .almost-same,
  6193. .p-userlist_comparer .notice span:nth-child(3) {
  6194.   background: rgba(185, 246, 202, 0.5) !important;
  6195. }
  6196.  
  6197. .p-userlist_comparer .comparer table .exact-same,
  6198. .p-userlist_comparer .legend .exact-same,
  6199. .p-userlist_comparer .notice span:nth-child(5) {
  6200.   background: rgba(76, 175, 80, 0.5) !important;
  6201. }
  6202.  
  6203. .p-profiles .profile-head .c-info .c-additionals {
  6204.   margin-top: 8px;
  6205.   margin-bottom: 8px;
  6206. }
  6207.  
  6208. .p-profiles .profile-head .c-info .c-additionals b {
  6209.   padding-right: 8px;
  6210.   font-size: 0;
  6211. }
  6212.  
  6213. .p-profiles .profile-head .c-info .c-additionals b:after {
  6214.   font-size: 14px;
  6215. }
  6216.  
  6217. .p-profiles[data-locale="ru"] .profile-head .c-info .c-additionals b:after {
  6218.   content: 'Активность на сайте:';
  6219. }
  6220.  
  6221. .p-profiles[data-locale="en"] .profile-head .c-info .c-additionals b:after {
  6222.   content: 'Activity:';
  6223. }
  6224.  
  6225. /* Время за аниме и манга */
  6226. .p-profiles .lifetime .bar, .p-profiles .lifetime .times {
  6227.   line-height: 0;
  6228. }
  6229.  
  6230. .p-profiles-show .lifetime .bar {
  6231.   height: 1.25rem;
  6232. }
  6233.  
  6234. .b-stats_bar.lifetime .bar .first {
  6235.   background: #4682B4;
  6236.   opacity: .72;
  6237. }
  6238.  
  6239. .p-profiles-show .lifetime .cuts .cut {
  6240.   width: 0;
  6241.   height: 0;
  6242.   margin: .5rem -.25rem;
  6243.   background: transparent;
  6244.   border: .375rem solid transparent;
  6245.   border-bottom-color: #303030;
  6246.   z-index: 1;
  6247. }
  6248.  
  6249. .p-profiles-show .lifetime .times .time {
  6250.   color: #9E9E9E;
  6251.   font-size: .625rem;
  6252.   line-height: 1.25rem;
  6253.   text-transform: uppercase;
  6254. }
  6255.  
  6256. .p-profiles-show .lifetime .times .time.checked {
  6257.   color: #4682B4;
  6258. }
  6259.  
  6260. .p-profiles-show .lifetime .times .time.checked:before {
  6261.   display: none;
  6262.   color: #4682B4;
  6263.   opacity: .72;
  6264. }
  6265.  
  6266. /**
  6267.  * PROFILE HEAD
  6268.  * Adaptive profile header includes: avatar, history, information, anime/manga bars.
  6269.  */
  6270. .p-profiles .profile-head {
  6271.   position: relative;
  6272.   overflow: visible;
  6273. }
  6274.  
  6275. .p-profiles .profile-head {
  6276.   min-height: 15.5rem;
  6277.   padding-top: 3rem;
  6278.   margin-top: -1rem;
  6279. }
  6280.  
  6281. .p-profiles .profile-head .c-info {
  6282.   margin-bottom: .5rem;
  6283. }
  6284.  
  6285. .p-profiles .profile-head .c-info {
  6286.   overflow: visible;
  6287. }
  6288.  
  6289. .p-profiles .profile-head .c-history {
  6290.   margin-bottom: 3rem;
  6291. }
  6292.  
  6293. .p-profiles .profile-head .c-history.x3 {
  6294.   margin-bottom: 2rem;
  6295. }
  6296.  
  6297. .p-profiles .profile-head .c-brief {
  6298.   position: relative;
  6299.   margin: -3rem -1rem 1rem;
  6300.   overflow: hidden;
  6301. }
  6302.  
  6303. .p-profiles .profile-head .c-brief:before {
  6304.   content: '';
  6305.   display: block;
  6306.   height: 0;
  6307.   padding-bottom: 0;
  6308. }
  6309.  
  6310. .p-profiles .profile-head .c-brief .avatar > img,
  6311. .p-profiles .profile-head .c-history {
  6312.   display: none;
  6313. }
  6314.  
  6315. @media screen and (min-width: 320px) {
  6316.   .p-profiles .profile-head .c-mobile-actions {
  6317.     display: none;
  6318.   }
  6319.   .p-profiles .profile-head .c-brief:before {
  6320.     content: '';
  6321.     display: block;
  6322.     height: 0;
  6323.     padding-bottom: 34%;
  6324.   }
  6325.   .p-profiles .profile-head .c-brief .avatar {
  6326.     float: none;
  6327.     max-width: 100%;
  6328.     margin: 0 auto;
  6329.     margin-top: -17%;
  6330.   }
  6331.   .p-profiles .profile-head .c-brief .avatar > img {
  6332.     display: block;
  6333.     width: 36%;
  6334.     max-width: 10rem;
  6335.     min-width: 5rem;
  6336.     margin: auto;
  6337.   }
  6338.   .p-profiles .profile-head .c-brief .avatar .profile-actions {
  6339.     display: block;
  6340.     position: absolute;
  6341.     width: 100%;
  6342.     padding: 0 .5rem;
  6343.     margin: 0 auto;
  6344.     margin-top: -15%;
  6345.     text-align: left;
  6346.   }
  6347.   .p-profiles .profile-head .c-brief .avatar .profile-actions > a:first-child {
  6348.     float: right;
  6349.     margin: 0 .25rem;
  6350.   }
  6351.   .profile-actions .fav-add,
  6352.   .profile-actions .fav-remove {
  6353.     float: right;
  6354.   }
  6355.   .p-profiles .profile-head .c-brief header {
  6356.     clear: both;
  6357.     margin: 0;
  6358.     text-align: center;
  6359.   }
  6360. }
  6361.  
  6362. @media screen and (min-width: 320px) and (max-width: 479px) {
  6363.   .p-profiles .profile-head .c-brief header .notice {
  6364.     padding: .5rem 1rem;
  6365.   }
  6366. }
  6367.  
  6368. @media screen and (min-width: 320px) and (max-width: 599px) {
  6369.   .p-profiles .profile-head .c-brief header {
  6370.     background-color: inherit !important;
  6371.   }
  6372. }
  6373.  
  6374. @media screen and (min-width: 320px) and (max-width: 959px) {
  6375.   .p-profiles .profile-head .c-history {
  6376.     display: block;
  6377.     position: absolute;
  6378.     top: 0;
  6379.     right: 0;
  6380.     left: 0;
  6381.     width: auto;
  6382.     padding: 0 1rem;
  6383.     margin: 0 -1rem;
  6384.     background-color: rgba(0, 0, 0, 0.48);
  6385.     white-space: nowrap;
  6386.     overflow-x: auto;
  6387.     z-index: 1;
  6388.   }
  6389.   .p-profiles .profile-head .c-history > .subheadline {
  6390.     display: inline-block;
  6391.     vertical-align: top;
  6392.   }
  6393.   .p-profiles .profile-head .c-history > .subheadline > a {
  6394.     color: #eee !important;
  6395.   }
  6396.   .p-profiles .profile-head .c-history > .subheadline > a:before {
  6397.     display: none;
  6398.   }
  6399.   .p-profiles .profile-head .c-history > .b-block_list {
  6400.     display: inline-block;
  6401.     vertical-align: top;
  6402.     padding: .5rem;
  6403.     margin-left: .5rem;
  6404.   }
  6405.   .p-profiles .profile-head .c-history .entry {
  6406.     display: inline-block;
  6407.     vertical-align: top;
  6408.     min-width: 112px;
  6409.     height: 2rem;
  6410.     padding-right: .5rem;
  6411.     padding-left: .5rem;
  6412.     margin-left: .5rem;
  6413.     border-radius: 1rem;
  6414.     overflow: hidden;
  6415.   }
  6416.   .p-profiles .profile-head .c-history .entry:before {
  6417.     display: none;
  6418.   }
  6419.   .p-profiles .profile-head .c-history .entry .image-name {
  6420.     float: left;
  6421.     width: 32px;
  6422.     height: 32px;
  6423.     margin: -8px 8px -8px -8px;
  6424.     border-radius: 50%;
  6425.     font-size: 0;
  6426.     line-height: 0;
  6427.     overflow: hidden;
  6428.   }
  6429.   .p-profiles .profile-head .c-history .entry span.misc {
  6430.     display: none;
  6431.   }
  6432. }
  6433.  
  6434. @media screen and (min-width: 320px) and (max-width: 959px) and (min-width: 600px) {
  6435.   .p-profiles .profile-head .c-history {
  6436.     padding: .25rem 1rem;
  6437.   }
  6438. }
  6439.  
  6440. @media screen and (max-width: 767px) and (min-width: 481px), screen and (max-width: 767px) and (orientation: landscape) {
  6441.   .p-profiles .profile-head .c-history .entry:first-child {
  6442.     display: inline-block;
  6443.   }
  6444. }
  6445.  
  6446. @media screen and (min-width: 360px) {
  6447.   .profile-actions .settings,
  6448.   .profile-actions .fav-add,
  6449.   .profile-actions .fav-remove,
  6450.   .profile-actions .ignore-add,
  6451.   .profile-actions .ignore-remove,
  6452.   .profile-actions .ban {
  6453.     margin-left: .25rem;
  6454.   }
  6455. }
  6456.  
  6457. @media screen and (min-width: 360px) and (max-width: 599px) {
  6458.   .p-profiles .profile-head .c-mobile-actions {
  6459.     display: none;
  6460.   }
  6461.   .p-profiles .profile-head .c-brief .avatar .profile-actions {
  6462.     display: block;
  6463.   }
  6464. }
  6465.  
  6466. @media screen and (min-width: 480px) {
  6467.   .p-profiles .profile-head .c-brief {
  6468.     margin-bottom: 0;
  6469.     overflow: visible;
  6470.   }
  6471.   .p-profiles .profile-head .c-brief .avatar {
  6472.     position: absolute;
  6473.   }
  6474.   /* Отступ от аватарки */
  6475.   .p-profiles .profile-head .c-brief header {
  6476.     margin-left: 10rem;
  6477.   }
  6478.   /* Отступ от аватарки */
  6479.   .p-profiles .profile-head .c-info {
  6480.     margin-left: 9rem;
  6481.   }
  6482.   .p-profiles .profile-head .c-brief .avatar .profile-actions {
  6483.     position: static;
  6484.     width: auto;
  6485.     padding: 0;
  6486.     margin-top: 1rem;
  6487.     margin-right: -12px;
  6488.     margin-left: -12px;
  6489.     text-align: center;
  6490.   }
  6491.   .p-profiles .profile-head .c-brief .avatar .profile-actions > a:first-child {
  6492.     float: none;
  6493.     margin: 0;
  6494.   }
  6495.   .profile-actions .fav-add,
  6496.   .profile-actions .fav-remove {
  6497.     float: none;
  6498.   }
  6499.   .p-profiles .profile-head .c-brief:before {
  6500.     padding-bottom: 48px;
  6501.   }
  6502.   .p-profiles .profile-head .c-brief .avatar {
  6503.     max-width: 160px;
  6504.     margin: 1rem 1rem 1rem .5rem;
  6505.   }
  6506.   .p-profiles .profile-head .c-brief .avatar img {
  6507.     width: 120px;
  6508.   }
  6509.   .p-profiles .profile-head .c-brief header {
  6510.     clear: none;
  6511.     padding: 1rem 0 .5rem;
  6512.     text-align: left;
  6513.   }
  6514. }
  6515.  
  6516. @media screen and (min-width: 600px) {
  6517.   .p-profiles .profile-head {
  6518.     background-color: inherit;
  6519.   }
  6520.   .p-profiles .profile-head .c-brief {
  6521.     margin: -3rem -1rem 0;
  6522.   }
  6523.   /* Отступ от аватарки */
  6524.   .p-profiles .profile-head .c-brief header {
  6525.     margin-left: 12.5rem;
  6526.   }
  6527.   /* Отступ от аватарки */
  6528.   .p-profiles .profile-head .c-info {
  6529.     margin-left: 11.5rem;
  6530.   }
  6531.   .p-profiles .profile-head .c-brief:before {
  6532.     padding-bottom: 56px;
  6533.   }
  6534.   .p-profiles .profile-head .c-brief .avatar img {
  6535.     width: 160px;
  6536.   }
  6537.   .p-profiles .profile-head .c-brief .avatar .profile-actions {
  6538.     display: block;
  6539.   }
  6540. }
  6541.  
  6542. @media screen and (min-width: 768px) {
  6543.   .p-profiles .profile-head .c-brief {
  6544.     overflow: visible;
  6545.   }
  6546.   /* Отступ от аватарки */
  6547.   .p-profiles .profile-head .c-brief header {
  6548.     margin-left: 13.5rem;
  6549.   }
  6550.   /* Отступ от аватарки */
  6551.   .p-profiles .profile-head .c-info {
  6552.     margin-left: 12.5rem;
  6553.   }
  6554. }
  6555.  
  6556. @media screen and (min-width: 960px) {
  6557.   .p-profiles .profile-head {
  6558.     padding-top: 0;
  6559.     margin-top: 0;
  6560.   }
  6561.   .p-profiles .profile-head .c-brief {
  6562.     max-height: 504px;
  6563.     margin: 0;
  6564.     overflow: visible;
  6565.   }
  6566.   .p-profiles .profile-head .c-brief:before {
  6567.     padding-bottom: 0;
  6568.   }
  6569.   .p-profiles .profile-head .c-brief .avatar {
  6570.     margin: 1rem 2rem 1rem 0;
  6571.   }
  6572.   .p-profiles .profile-head .c-info {
  6573.     margin-bottom: 1.5rem;
  6574.   }
  6575.   /* Отступ от аватарки */
  6576.   .p-profiles .profile-head .c-info {
  6577.     margin-left: 13.5rem;
  6578.   }
  6579.   /* Отступ от истории */
  6580.   .p-profiles .profile-head .c-info {
  6581.     margin-right: calc(23% + 3.5rem);
  6582.   }
  6583.   .p-profiles .profile-head .c-history {
  6584.     display: block;
  6585.     position: relative;
  6586.     top: 1rem;
  6587.     margin-left: 3.5rem;
  6588.     z-index: 1;
  6589.   }
  6590. }
  6591.  
  6592. /* END of PROFILE HEAD */
  6593. /**
  6594.  * Иконки совместимости для профиля
  6595.  * MIT License
  6596.  * Copyright (c) 2016 grin3671
  6597.  */
  6598. /* ВАЖНО! */
  6599. /* .p-profiles .profile-head .c-info overflow: visible /* Настройка для варианта №1 */
  6600. /* Исправление видимости */
  6601. /* Спасибо Kana Kuroki и Dewopalaxy */
  6602. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar {
  6603.   position: relative;
  6604.   overflow: visible;
  6605. }
  6606.  
  6607. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a,
  6608. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility span.link-replacement {
  6609.   position: relative;
  6610.   font-size: 0;
  6611.   line-height: 0;
  6612.   margin-top: 0;
  6613. }
  6614.  
  6615. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:hover {
  6616.   text-decoration: none;
  6617. }
  6618.  
  6619. div.compatibility > a,
  6620. div.compatibility > span.link-replacement {
  6621.   margin: 0 -.25rem;
  6622. }
  6623.  
  6624. div.compatibility > span.link-replacement {
  6625.   cursor: help;
  6626. }
  6627.  
  6628. div.compatibility > a:before,
  6629. div.compatibility > span.link-replacement > span:first-child:before,
  6630. div.compatibility > a > span:first-child:before {
  6631.   display: block;
  6632.   width: 2.5rem;
  6633.   height: 2.5rem;
  6634.   padding: .5rem;
  6635.   margin: .25rem;
  6636.   border-radius: .125rem;
  6637.   font-size: 1.5rem;
  6638.   font-family: 'Material Icons';
  6639.   line-height: 1;
  6640.   box-sizing: border-box;
  6641.   text-transform: none;
  6642.   letter-spacing: normal;
  6643.   word-wrap: normal;
  6644.   white-space: nowrap;
  6645.   direction: ltr;
  6646.   /* Support for all WebKit browsers. */
  6647.   -webkit-font-smoothing: antialiased;
  6648.   /* Support for Safari and Chrome. */
  6649.   text-rendering: optimizeLegibility;
  6650.   /* Support for Firefox. */
  6651.   -moz-osx-font-smoothing: grayscale;
  6652.   /* Support for IE. */
  6653.   font-feature-settings: 'liga';
  6654. }
  6655.  
  6656. /* Убираем стрелки совместимости в чужих профилях */
  6657. .b-stats_bar .compatibility a[href^='/comparer']:before {
  6658.   display: none;
  6659. }
  6660.  
  6661. div.compatibility > a:hover:before,
  6662. div.compatibility > a:hover > span:first-child:before {
  6663.   text-decoration: none;
  6664. }
  6665.  
  6666. /* Настройка иконок совместимости */
  6667. div.compatibility > a:before {
  6668.   content: 'compare_arrows';
  6669. }
  6670.  
  6671. div.compatibility > span.link-replacement > span:first-child:before,
  6672. div.compatibility > a > span:first-child:before {
  6673.   content: 'people';
  6674. }
  6675.  
  6676. div.compatibility > a > .text.zero:before,
  6677. div.compatibility > span.link-replacement > .text.zero:before {
  6678.   content: 'people_outline';
  6679. }
  6680.  
  6681. /* КОНЕЦ: Настройка иконок совместимости */
  6682. /* Цветные иконки совместимости */
  6683. /* Низкая совместимость */
  6684. div.compatibility > a > .text.weak:before {
  6685.   background-color: #F9FBE7;
  6686.   color: #CDDC39;
  6687. }
  6688.  
  6689. div.compatibility > a:hover > .text.weak:before,
  6690. div.compatibility > span.link-replacement > .text.weak:before {
  6691.   background-color: #F0F4C3;
  6692.   color: #C0CA33;
  6693. }
  6694.  
  6695. /* Средняя совместимость */
  6696. div.compatibility > a > .text.moderate:before {
  6697.   background-color: #F1F8E9;
  6698.   color: #8BC34A;
  6699. }
  6700.  
  6701. div.compatibility > a:hover > .text.moderate:before,
  6702. div.compatibility > span.link-replacement > .text.moderate:before {
  6703.   background-color: #DCEDC8;
  6704.   color: #7CB342;
  6705. }
  6706.  
  6707. /* Высокая совместимость */
  6708. div.compatibility > a > .text.high:before {
  6709.   background-color: #E8F5E9;
  6710.   color: #4CAF50;
  6711. }
  6712.  
  6713. div.compatibility > a:hover > .text.high:before,
  6714. div.compatibility > span.link-replacement > .text.high:before {
  6715.   background-color: #C8E6C9;
  6716.   color: #43A047;
  6717. }
  6718.  
  6719. /* Полная совместимость */
  6720. div.compatibility > a > .text.full:before {
  6721.   background-color: #E1F5FE;
  6722.   color: #03A9F4;
  6723. }
  6724.  
  6725. div.compatibility > a:hover > .text.full:before,
  6726. div.compatibility > span.link-replacement > .text.full:before {
  6727.   background-color: #B3E5FC;
  6728.   color: #039BE5;
  6729. }
  6730.  
  6731. /* КОНЕЦ: Цветные иконки совместимости */
  6732. /* Недоступные для просмотра данные без фона */
  6733. div.compatibility > span.link-replacement > span:first-child:before,
  6734. div.compatibility > span.link-replacement:hover > span:first-child:before {
  6735.   background-color: transparent !important;
  6736. }
  6737.  
  6738. /* Подсказки для совместимости */
  6739. /* + Подсказки для действий с почтой – thx Kaur */
  6740. /* По умолчанию: располагаются слева от иконки */
  6741. div.compatibility > a:after,
  6742. div.compatibility > a > span:first-child:after,
  6743. div.compatibility > span.link-replacement > span:first-child:after,
  6744. .p-messages .mass-actions > .action > a:after {
  6745.   display: block;
  6746.   position: absolute;
  6747.   right: 100%;
  6748.   bottom: 0;
  6749.   padding: 0 .75rem;
  6750.   margin: 0 .75rem .5rem;
  6751.   background-color: #616161;
  6752.   border-radius: .125rem;
  6753.   color: #eee;
  6754.   font-size: .875rem;
  6755.   line-height: 2rem;
  6756.   white-space: nowrap;
  6757.   transform: translateX(0.75rem);
  6758.   z-index: 100;
  6759.   pointer-events: none;
  6760.   opacity: 0;
  6761.   transition: .3s;
  6762. }
  6763.  
  6764. div.compatibility > a > span:first-child:after,
  6765. div.compatibility > span.link-replacement > span:first-child:after {
  6766.   z-index: 101;
  6767. }
  6768.  
  6769. .p-messages .mass-actions > .action > a:after {
  6770.   margin: 0 .75rem .25rem;
  6771. }
  6772.  
  6773. div.compatibility > a:hover:after,
  6774. div.compatibility > a:hover > span:first-child:after,
  6775. div.compatibility > span.link-replacement:hover > span:first-child:after,
  6776. .p-messages .mass-actions > .action > a:hover:after {
  6777.   opacity: .9;
  6778.   transform: translateX(0);
  6779. }
  6780.  
  6781. /* Текст подсказок для совместимости */
  6782. [data-locale="ru"] div.compatibility > a[href*="similar"]:after {
  6783.   content: 'Найти похожих пользователей';
  6784. }
  6785.  
  6786. [data-locale="en"] div.compatibility > a[href*="similar"]:after {
  6787.   content: 'Find similar users';
  6788. }
  6789.  
  6790. [data-locale="ru"] div.compatibility > a > .text.zero:after,
  6791. [data-locale="ru"] div.compatibility > span.link-replacement > .text.zero:after {
  6792.   content: 'Нет совместимости';
  6793. }
  6794.  
  6795. [data-locale="en"] div.compatibility > a > .text.zero:after,
  6796. [data-locale="en"] div.compatibility > span.link-replacement > .text.zero:after {
  6797.   content: 'No compatibility';
  6798. }
  6799.  
  6800. [data-locale="ru"] div.compatibility > a > .text.weak:after,
  6801. [data-locale="ru"] div.compatibility > span.link-replacement > .text.weak:after {
  6802.   content: 'Низкая совместимость';
  6803. }
  6804.  
  6805. [data-locale="en"] div.compatibility > a > .text.weak:after,
  6806. [data-locale="en"] div.compatibility > span.link-replacement > .text.weak:after {
  6807.   content: 'Low compatibility';
  6808. }
  6809.  
  6810. [data-locale="ru"] div.compatibility > a > .text.moderate:after,
  6811. [data-locale="ru"] div.compatibility > span.link-replacement > .text.moderate:after {
  6812.   content: 'Средняя совместимость';
  6813. }
  6814.  
  6815. [data-locale="en"] div.compatibility > a > .text.moderate:after,
  6816. [data-locale="en"] div.compatibility > span.link-replacement > .text.moderate:after {
  6817.   content: 'Medium compatibility';
  6818. }
  6819.  
  6820. [data-locale="ru"] div.compatibility > a > .text.high:after,
  6821. [data-locale="ru"] div.compatibility > span.link-replacement > .text.high:after {
  6822.   content: 'Высокая совместимость';
  6823. }
  6824.  
  6825. [data-locale="en"] div.compatibility > a > .text.high:after,
  6826. [data-locale="en"] div.compatibility > span.link-replacement > .text.high:after {
  6827.   content: 'High compatibility';
  6828. }
  6829.  
  6830. [data-locale="ru"] div.compatibility > a > .text.full:after,
  6831. [data-locale="ru"] div.compatibility > span.link-replacement > .text.full:after {
  6832.   content: 'Полная совместимость';
  6833. }
  6834.  
  6835. [data-locale="en"] div.compatibility > a > .text.high:after,
  6836. [data-locale="en"] div.compatibility > span.link-replacement > .text.high:after {
  6837.   content: 'Full compatibility';
  6838. }
  6839.  
  6840. /* Текст для действий с почтой */
  6841. .p-messages[data-locale="ru"] .mass-actions > .action:nth-child(1) > a:after {
  6842.   content: 'Прочитать всё';
  6843. }
  6844.  
  6845. .p-messages[data-locale="en"] .mass-actions > .action:nth-child(1) > a:after {
  6846.   content: 'Mark all messages as read';
  6847. }
  6848.  
  6849. .p-messages[data-locale="ru"] .mass-actions > .action:nth-child(2) > a:after {
  6850.   content: 'Удалить всё';
  6851. }
  6852.  
  6853. .p-messages[data-locale="en"] .mass-actions > .action:nth-child(2) > a:after {
  6854.   content: 'Remove all messages';
  6855. }
  6856.  
  6857. /* Числовое обозначение совместимости */
  6858. div.compatibility > a > span.rate,
  6859. div.compatibility > span.link-replacement > span.rate {
  6860.   position: absolute;
  6861.   top: -.125rem;
  6862.   right: -.5rem;
  6863.   padding: 0 .25rem;
  6864.   border-radius: .125rem;
  6865.   color: #fff;
  6866.   font-size: .75rem;
  6867.   line-height: 1rem;
  6868. }
  6869.  
  6870. div.compatibility > span.link-replacement > span.rate:before,
  6871. div.compatibility > a > span.rate:before {
  6872.   display: none;
  6873. }
  6874.  
  6875. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .rate:after {
  6876.   content: '%';
  6877.   color: inherit;
  6878. }
  6879.  
  6880. div.compatibility > span.link-replacement > span.rate:after,
  6881. div.compatibility > a > span.rate:after {
  6882.   display: none;
  6883. }
  6884.  
  6885. div.compatibility > a:before {
  6886.   background-color: transparent;
  6887. }
  6888.  
  6889. /* END of Иконки совместимости для профиля */
  6890. /* ICON | EDIT ABOUT ME PROFILE'S BLOCK */
  6891. .p-profiles-show .about .item-edit {
  6892.   display: inline-block;
  6893.   width: 2.5rem;
  6894.   height: 2.5rem;
  6895.   padding: .5rem;
  6896.   margin: .25rem 0;
  6897. }
  6898.  
  6899. .p-animes .item-edit:before,
  6900. .p-mangas .item-edit:before,
  6901. .p-profiles-show .about .item-edit:before {
  6902.   width: 1.5rem !important;
  6903.   font-family: 'Material Icons' !important;
  6904.   font-size: 1.5rem !important;
  6905.   font-weight: 400 !important;
  6906.   line-height: 1 !important;
  6907.   text-transform: none;
  6908.   letter-spacing: normal;
  6909.   word-wrap: normal;
  6910.   white-space: nowrap;
  6911.   direction: ltr;
  6912.   /* Support for all WebKit browsers. */
  6913.   -webkit-font-smoothing: antialiased;
  6914.   /* Support for Safari and Chrome. */
  6915.   text-rendering: optimizeLegibility;
  6916.   /* Support for Firefox. */
  6917.   -moz-osx-font-smoothing: grayscale;
  6918.   /* Support for IE. */
  6919.   font-feature-settings: 'liga';
  6920. }
  6921.  
  6922. .p-animes .item-edit:before,
  6923. .p-mangas .item-edit:before,
  6924. .p-profiles-show .about .item-edit:before {
  6925.   content: 'edit';
  6926. }
  6927.  
  6928. /* END of ICON */
  6929. /* CHIP | USER PLATES */
  6930. .b-user16 {
  6931.   vertical-align: middle;
  6932.   max-width: 100%;
  6933.   margin: 0 .5rem 0 0;
  6934.   background-color: #eee;
  6935.   border-radius: .5rem;
  6936.   font-size: .875rem;
  6937.   font-weight: 400;
  6938.   text-transform: initial;
  6939.   text-overflow: ellipsis;
  6940.   overflow: hidden;
  6941. }
  6942.  
  6943. .b-user16,
  6944. .b-quote .quoteable a.b-user16 {
  6945.   padding: 0 .5rem 0 1.25rem;
  6946. }
  6947.  
  6948. .b-user16,
  6949. .b-user16 a {
  6950.   line-height: 0 !important;
  6951. }
  6952.  
  6953. .b-user16 > span,
  6954. .b-user16 > a > span {
  6955.   line-height: 1rem !important;
  6956. }
  6957.  
  6958. .b-user16:hover {
  6959.   color: #f2f2f2 !important;
  6960.   background-color: #747474;
  6961. }
  6962.  
  6963. .b-user16:after {
  6964.   display: none !important;
  6965. }
  6966.  
  6967. .b-user16:hover a {
  6968.   color: #fff !important;
  6969.   text-decoration: none;
  6970. }
  6971.  
  6972. .b-user16 > a > span {
  6973.   padding: 0;
  6974. }
  6975.  
  6976. .b-user16:hover span {
  6977.   text-decoration: none;
  6978. }
  6979.  
  6980. .b-user16 img {
  6981.   vertical-align: top;
  6982.   width: 16px !important;
  6983.   padding: 0;
  6984.   margin: 0 .375rem 0 -1.25rem !important;
  6985.   margin-top: 0 !important;
  6986.   border-radius: .5rem;
  6987. }
  6988.  
  6989. .b-animes-menu .friend-rate .b-user16 {
  6990.   display: inline-block;
  6991. }
  6992.  
  6993. .p-anime_videos-index .c-video_stats .uploader .b-user16 {
  6994.   padding-left: 0.5rem;
  6995. }
  6996.  
  6997. .b-log_entry .b-user16,
  6998. .b-source .contributors .b-user16,
  6999. .b-source .mal .b-user16,
  7000. .b-source .source .b-user16 {
  7001.   margin-right: .5rem;
  7002. }
  7003.  
  7004. .b-user16:last-child {
  7005.   margin-right: 0 !important;
  7006. }
  7007.  
  7008. .b-quote .quoteable a,
  7009. .status-line > span:first-child {
  7010.   margin-right: .5rem;
  7011. }
  7012.  
  7013. .status-line .b-user16:last-child {
  7014.   margin-right: .5rem !important;
  7015. }
  7016.  
  7017. /* BUG: Лишний пробел в разметке */
  7018. .b-quote .quoteable a.bubbled-processed {
  7019.   margin-right: 0.25rem !important;
  7020. }
  7021.  
  7022. /* BUG: Лишний пробел в разметке */
  7023. .b-quote .quoteable a.bubbled-processed > img {
  7024.   margin-right: 0.125rem !important;
  7025. }
  7026.  
  7027. /* COLOR */
  7028. .b-user16,
  7029. .b-user16 a {
  7030.   color: #212121 !important;
  7031. }
  7032.  
  7033. /* END of USER PLATES */
  7034. .b-source .contributors,
  7035. .b-source .mal,
  7036. .b-source .source {
  7037.   padding: 0;
  7038. }
  7039.  
  7040. .was_updated > div:first-child > span:first-child {
  7041.   margin-right: 0.5rem;
  7042. }
  7043.  
  7044. /* MODERATION LIST */
  7045. .b-log_entry {
  7046.   position: relative;
  7047.   padding-right: 2.5rem !important;
  7048.   font-size: .875rem;
  7049. }
  7050.  
  7051. .b-log_entry,
  7052. .b-log_entry .spoiler.collapse span:before,
  7053. .b-log_entry .spoiler.collapsed:before {
  7054.   padding: .375rem 0;
  7055.   line-height: 1.25rem;
  7056. }
  7057.  
  7058. .b-log_entry .spoiler.collapse,
  7059. .b-log_entry .spoiler.collapsed,
  7060. .b-log_entry .spoiler.collapse span,
  7061. .b-log_entry .spoiler.collapsed span {
  7062.   position: absolute;
  7063.   top: 0;
  7064.   right: 0;
  7065.   margin: 0;
  7066.   border: 0;
  7067. }
  7068.  
  7069. .b-log_entry .spoiler.collapse span:before,
  7070. .b-log_entry .spoiler.collapsed:before {
  7071.   display: inline-block;
  7072.   vertical-align: top;
  7073.   position: relative;
  7074.   width: 1.5rem;
  7075. }
  7076.  
  7077. .b-log_entry.b-ban {
  7078.   padding-right: 0 !important;
  7079. }
  7080.  
  7081. .b-ban .moderator {
  7082.   float: right;
  7083.   position: static;
  7084.   margin: 0 0 0 .5rem;
  7085. }
  7086.  
  7087. .b-abuse_request .remove,
  7088. .b-log_entry span,
  7089. .b-log_entry .date {
  7090.   padding-right: .5rem;
  7091. }
  7092.  
  7093. .b-ban .abuser,
  7094. .b-ban .duration,
  7095. .b-log_entry .date,
  7096. .b-log_entry > .reason {
  7097.   vertical-align: top;
  7098.   font-size: inherit;
  7099. }
  7100.  
  7101. .b-log_entry span a {
  7102.   vertical-align: top;
  7103. }
  7104.  
  7105. .b-log_entry > .reason a {
  7106.   color: inherit;
  7107. }
  7108.  
  7109. .b-log_entry .spoiler.collapse,
  7110. .b-log_entry .spoiler.collapsed,
  7111. .b-log_entry .spoiler.collapse span,
  7112. .b-log_entry .spoiler.collapsed span {
  7113.   font-size: 0;
  7114.   line-height: 0;
  7115. }
  7116.  
  7117. .b-log_entry .spoiler.collapse span:before,
  7118. .b-log_entry .spoiler.collapsed:before {
  7119.   position: absolute;
  7120.   top: 0;
  7121.   right: 0;
  7122.   width: 2rem;
  7123.   font-family: 'Material Icons';
  7124.   font-size: 1.125rem;
  7125.   font-weight: 400 !important;
  7126.   text-align: center;
  7127.   text-transform: none;
  7128.   letter-spacing: normal;
  7129.   word-wrap: normal;
  7130.   white-space: nowrap;
  7131.   direction: ltr;
  7132.   /* Support for all WebKit browsers. */
  7133.   -webkit-font-smoothing: antialiased;
  7134.   /* Support for Safari and Chrome. */
  7135.   text-rendering: optimizeLegibility;
  7136.   /* Support for Firefox. */
  7137.   -moz-osx-font-smoothing: grayscale;
  7138.   /* Support for IE. */
  7139.   font-feature-settings: 'liga';
  7140. }
  7141.  
  7142. .b-log_entry .spoiler.collapse span:before {
  7143.   content: 'expand_less';
  7144. }
  7145.  
  7146. .b-log_entry .spoiler.collapsed:before {
  7147.   content: 'expand_more';
  7148. }
  7149.  
  7150. @media screen and (min-width: 1025px) {
  7151.   .b-log_entry,
  7152.   .b-log_entry .spoiler.collapse span:before,
  7153.   .b-log_entry .spoiler.collapsed:before {
  7154.     padding: .125rem 0;
  7155.     line-height: 1.25rem;
  7156.   }
  7157. }
  7158.  
  7159. /* FIX */
  7160. .b-abuse_request .marker {
  7161.   margin: -5px 8px 0 0 !important;
  7162. }
  7163.  
  7164. /* END of MODERATION LIST */
  7165. /**
  7166.  * MATERIAL ICON
  7167.  * Замена иконок.
  7168.  *
  7169.  * ПРАВИЛА:
  7170.  * Следующие настройки касаются только иконок. Их цвета, родители и их положение настраивается отдельно.
  7171.  * Иконки должны располагаться в псевдоэлементе :before
  7172.  * Иконки используются в двух вариантах: 18px и 24px
  7173.  * Следовательно родители иконок должны быть высотой 32px или 40px
  7174.  *
  7175.  * BUG:
  7176.  * IE doesn't support Materail Icon's font format [.woff2]
  7177.  */
  7178. @font-face {
  7179.   font-family: 'Material Icons';
  7180.   font-style: normal;
  7181.   font-weight: 400;
  7182.   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");
  7183. }
  7184.  
  7185. /* Стили Material Icons */
  7186. .b-collection-topic > .inner .status-line .collection-size:before,
  7187. .b-review_votes:before,
  7188. .b-topic .footer-vote .star:before,
  7189. .b-topic .footer-vote .vote-group .vote:before,
  7190. .b-image .mobile-edit:before,
  7191. .b-image .delete:before,
  7192. .b-image.deletable .confirm:before,
  7193. .b-image.deletable .cancel:before,
  7194. .club-actions .edit-club:before,
  7195. .club-actions .broadcast:before,
  7196. .club-actions .upload:before,
  7197. .club-actions .join:before,
  7198. .club-actions .invite:before,
  7199. .club-actions .leave:before,
  7200. .l-top_menu .menu-items > .entry > a[href*="/forum"]:before,
  7201. .p-user_rates-index .list-posters .user_rate .edit-user_rate:before,
  7202. .b-collection_search .field .clear:before,
  7203. .tooltip-inner .close,
  7204. .p-contests .match-day .match-link .voted:before,
  7205. .p-contests .match-day .match-link .winner:before,
  7206. .p-contests .match-day .match-link .loser:before,
  7207. .p-contests .match-day .match-link .created:before,
  7208. .p-contests .match-day .match-link .started:before,
  7209. .p-contests .match-day .match-link .finished:before,
  7210. .b-catalog_entry.planned .image-decor::after,
  7211. .b-catalog_entry.watching .image-decor::after,
  7212. .b-catalog_entry.completed .image-decor::after,
  7213. .b-catalog_entry.rewatching .image-decor::after,
  7214. .b-catalog_entry.on_hold .image-decor::after,
  7215. .b-catalog_entry.dropped .image-decor::after,
  7216. .l-top_menu .menu-items > .entry.calendar > a::before,
  7217. .l-top_menu .menu-items > .entry.info > a::before,
  7218. .l-top_menu .menu-items > .entry > .contest::before,
  7219. .l-top_menu .menu-items > .entry > a::before,
  7220. .l-top_menu .menu-items > a::before {
  7221.   font-family: 'Material Icons' !important;
  7222.   font-weight: normal !important;
  7223.   line-height: 1;
  7224.   letter-spacing: normal;
  7225.   text-transform: none;
  7226.   word-wrap: normal;
  7227.   white-space: nowrap;
  7228.   direction: ltr;
  7229.   /* Support for all WebKit browsers. */
  7230.   -webkit-font-smoothing: antialiased;
  7231.   /* Support for Safari and Chrome. */
  7232.   text-rendering: optimizeLegibility;
  7233.   /* Support for Firefox. */
  7234.   -moz-osx-font-smoothing: grayscale;
  7235.   /* Support for IE. */
  7236.   font-feature-settings: 'liga';
  7237. }
  7238.  
  7239. /* LARGE ICON */
  7240. .c-actions > *:before,
  7241. .profile-actions > *:before,
  7242. .l-top_menu .menu-mobile .search:before,
  7243. .l-top_menu .menu-mobile .menu:before,
  7244. .l-top_menu .menu-mobile #sign_in:before,
  7245. .l-top_menu .menu-userbox .search:before,
  7246. .l-top_menu .menu-userbox .menu:before,
  7247. .l-top_menu .menu-userbox #sign_in:before,
  7248. .l-top_menu .to-mobile-forum:before,
  7249. .l-top_menu .menu-items .submenu-toggler:before,
  7250. .l-top_menu .menu-items .submenu-toggler.active:before,
  7251. header.head h1 a.back:before,
  7252. header.head h2 a.back:before,
  7253. .item-mobile:before,
  7254. .editor-controls > span:before,
  7255. .b-add_to_list .trigger-arrow:before,
  7256. .b-add_to_list.expanded .trigger-arrow:before,
  7257. .b-add_to_list.watching .edit:before,
  7258. .b-add_to_list.rewatching .edit:before,
  7259. .b-add_to_list.on_hold .edit:before,
  7260. .b-add_to_list.dropped .edit:before,
  7261. .b-add_to_list .plus:before,
  7262. .b-add_to_list.completed .edit:before,
  7263. .b-add_to_list.planned .edit:before,
  7264. .b-comments .comments-collapser:before,
  7265. .b-list_switchers > .switcher:before,
  7266. .p-characters .item-edit:before,
  7267. .p-messages .mass-actions .action > a:before {
  7268.   width: 24px !important;
  7269.   font-family: 'Material Icons' !important;
  7270.   font-size: 24px !important;
  7271.   font-weight: 400 !important;
  7272.   line-height: 1 !important;
  7273.   text-transform: none;
  7274.   letter-spacing: normal;
  7275.   word-wrap: normal;
  7276.   white-space: nowrap;
  7277.   direction: ltr;
  7278.   /* Support for all WebKit browsers. */
  7279.   -webkit-font-smoothing: antialiased;
  7280.   /* Support for Safari and Chrome. */
  7281.   text-rendering: optimizeLegibility;
  7282.   /* Support for Firefox. */
  7283.   -moz-osx-font-smoothing: grayscale;
  7284.   /* Support for IE. */
  7285.   font-feature-settings: 'liga';
  7286. }
  7287.  
  7288. .headline > a:before,
  7289. .midheadline > a:before,
  7290. .subheadline > a:before {
  7291.   display: block;
  7292.   font-family: 'Material Icons' !important;
  7293.   font-size: 18px !important;
  7294.   font-weight: 400 !important;
  7295.   line-height: 32px !important;
  7296.   text-transform: none;
  7297.   letter-spacing: normal;
  7298.   word-wrap: normal;
  7299.   white-space: nowrap;
  7300.   direction: ltr;
  7301.   /* Support for all WebKit browsers. */
  7302.   -webkit-font-smoothing: antialiased;
  7303.   /* Support for Safari and Chrome. */
  7304.   text-rendering: optimizeLegibility;
  7305.   /* Support for Firefox. */
  7306.   -moz-osx-font-smoothing: grayscale;
  7307.   /* Support for IE. */
  7308.   font-feature-settings: 'liga';
  7309. }
  7310.  
  7311. .headline > a:before,
  7312. .midheadline > a:before,
  7313. .subheadline > a:before {
  7314.   content: 'chevron_right';
  7315. }
  7316.  
  7317. /* Иконки переключения вида каталога: список/постеры */
  7318. .b-list_switchers .switcher.list:before {
  7319.   content: 'view_list';
  7320. }
  7321.  
  7322. .b-list_switchers .switcher.lines:before {
  7323.   content: 'view_headline';
  7324. }
  7325.  
  7326. .b-list_switchers .switcher.posters:before {
  7327.   content: 'view_module';
  7328. }
  7329.  
  7330. /* Иконки списка аниме/манги пользователя */
  7331. .b-add_to_list .plus:before {
  7332.   content: "add";
  7333. }
  7334.  
  7335. .b-add_to_list.planned .edit:before {
  7336.   content: "event";
  7337. }
  7338.  
  7339. .b-add_to_list.watching .edit:before {
  7340.   content: "play_arrow";
  7341. }
  7342.  
  7343. .b-add_to_list.completed .edit:before {
  7344.   content: "done";
  7345. }
  7346.  
  7347. .b-add_to_list.rewatching .edit:before {
  7348.   content: "replay";
  7349. }
  7350.  
  7351. .b-add_to_list.on_hold .edit:before {
  7352.   content: "query_builder";
  7353. }
  7354.  
  7355. .b-add_to_list.dropped .edit:before {
  7356.   content: "delete";
  7357. }
  7358.  
  7359. .b-add_to_list .trigger-arrow:before {
  7360.   content: "arrow_drop_down";
  7361.   transition: 240ms;
  7362. }
  7363.  
  7364. .b-add_to_list.expanded .trigger-arrow:before {
  7365.   content: "arrow_drop_down";
  7366.   transform: rotate(180deg);
  7367. }
  7368.  
  7369. /* Иконки верхнего меню */
  7370. .l-top_menu .menu-items > .entry.calendar > a:before {
  7371.   content: "today";
  7372. }
  7373.  
  7374. .l-top_menu .menu-items > .entry > .contest:before {
  7375.   content: "poll";
  7376. }
  7377.  
  7378. .l-top_menu .menu-items > .entry.info > a:before {
  7379.   content: "info";
  7380. }
  7381.  
  7382. .l-top_menu .menu-userbox #sign_in:before {
  7383.   content: "exit_to_app";
  7384. }
  7385.  
  7386. .l-top_menu .to-mobile-forum:before {
  7387.   content: "forum";
  7388. }
  7389.  
  7390. .l-top_menu .menu-items .submenu-toggler:before {
  7391.   content: 'arrow_drop_down';
  7392. }
  7393.  
  7394. .l-top_menu .menu-items .submenu-toggler.active:before {
  7395.   content: "arrow_drop_down";
  7396.   transform: rotate(180deg);
  7397. }
  7398.  
  7399. /* Иконки профиля */
  7400. .profile-actions .mail:before {
  7401.   content: "mail";
  7402. }
  7403.  
  7404. .profile-actions .talk:before {
  7405.   content: "message";
  7406. }
  7407.  
  7408. .profile-actions .fav-add:before {
  7409.   content: "person_add";
  7410. }
  7411.  
  7412. .profile-actions .fav-remove:before {
  7413.   content: "person";
  7414. }
  7415.  
  7416. .profile-actions .fav-remove:hover:before {
  7417.   content: "person_outline";
  7418.   color: inherit;
  7419. }
  7420.  
  7421. .profile-actions .ignore-add:before {
  7422.   content: "do_not_disturb_on";
  7423. }
  7424.  
  7425. .profile-actions .ignore-remove:before {
  7426.   content: "do_not_disturb_off";
  7427. }
  7428.  
  7429. .profile-actions .settings:before {
  7430.   content: "settings";
  7431. }
  7432.  
  7433. .profile-actions .ban:before {
  7434.   content: "gavel";
  7435. }
  7436.  
  7437. /* Иконки текстового редактора */
  7438. .buttons .editor-bold:before {
  7439.   content: "format_bold";
  7440. }
  7441.  
  7442. .buttons .editor-italic:before {
  7443.   content: "format_italic";
  7444. }
  7445.  
  7446. .buttons .editor-underline:before {
  7447.   content: "format_underlined";
  7448. }
  7449.  
  7450. .buttons .editor-strike:before {
  7451.   content: "strikethrough_s";
  7452. }
  7453.  
  7454. .buttons .editor-link:before {
  7455.   content: "insert_link";
  7456. }
  7457.  
  7458. .buttons .editor-image:before {
  7459.   content: "insert_photo";
  7460. }
  7461.  
  7462. .buttons .editor-quote:before {
  7463.   content: "format_quote";
  7464. }
  7465.  
  7466. .buttons .editor-spoiler:before {
  7467.   content: "error_outline";
  7468. }
  7469.  
  7470. .buttons .editor-file:before {
  7471.   content: "attach_file";
  7472. }
  7473.  
  7474. .buttons .editor-smiley:before {
  7475.   content: "insert_emoticon";
  7476. }
  7477.  
  7478. /* Иконки под постером аниме/манги/персонажа и т.д. */
  7479. .c-actions .edit:before {
  7480.   content: "build";
  7481. }
  7482.  
  7483. .c-actions .fav-remove:hover:before,
  7484. .c-actions .fav-add:before {
  7485.   content: "favorite_border";
  7486. }
  7487.  
  7488. .c-actions .fav-add:hover:before,
  7489. .c-actions .fav-remove:before {
  7490.   content: "favorite";
  7491. }
  7492.  
  7493. .c-actions .new_review:before {
  7494.   content: "rate_review";
  7495. }
  7496.  
  7497. .c-actions .new_comment:before {
  7498.   content: "chat_bubble";
  7499. }
  7500.  
  7501. /* Специальная иконка открывающая меню комментария/топика и т.д. */
  7502. .item-mobile:before {
  7503.   content: "more_vert";
  7504. }
  7505.  
  7506. .p-characters .item-edit:before {
  7507.   content: "edit";
  7508. }
  7509.  
  7510. /* Иконка "закрыть" */
  7511. .b-dialog.aside-expanded > .inner > .item-mobile:before,
  7512. .b-message.aside-expanded > .inner > .item-mobile:before,
  7513. .b-comment.aside-expanded > .inner > .item-mobile:before {
  7514.   content: "clear";
  7515. }
  7516.  
  7517. /* Иконка "назад" */
  7518. header.head h1 a.back:before,
  7519. header.head h2 a.back:before {
  7520.   content: "arrow_back";
  7521. }
  7522.  
  7523. /* Иконки в почте пользователя ("Отметить прочитанным" и "Удалить все") */
  7524. .p-messages .mass-actions .action:nth-child(1) > a:before {
  7525.   content: 'done_all';
  7526. }
  7527.  
  7528. .p-messages .mass-actions .action:nth-child(2) > a:before {
  7529.   content: 'delete_sweep';
  7530. }
  7531.  
  7532. .p-dialogs header.head,
  7533. .p-messages header.head,
  7534. .p-profiles-edit header.head {
  7535.   padding: 16px 16px 8px;
  7536.   margin: -16px -16px 0;
  7537. }
  7538.  
  7539. header.head h1,
  7540. header.head h2 {
  7541.   padding: 8px 0;
  7542.   line-height: 32px;
  7543.   color: inherit;
  7544. }
  7545.  
  7546. header.head h1 a.back,
  7547. header.head h2 a.back {
  7548.   vertical-align: top;
  7549.   width: 40px;
  7550.   height: 40px;
  7551.   padding: 8px;
  7552.   margin: -4px 16px -4px -8px;
  7553.   line-height: initial;
  7554. }
  7555.  
  7556. header.head h1 a.back:before,
  7557. header.head h2 a.back:before {
  7558.   position: static;
  7559.   color: inherit;
  7560. }
  7561.  
  7562. header.head h1 a.back:after,
  7563. header.head h2 a.back:after {
  7564.   display: none;
  7565. }
  7566.  
  7567. .buttons {
  7568.   margin-right: 0;
  7569. }
  7570.  
  7571. .delete-controls > span,
  7572. .moderation-controls > span,
  7573. .main-controls > span,
  7574. .main-controls > a,
  7575. .buttons .item-edit {
  7576.   width: 220px;
  7577.   padding: 11px 16px;
  7578.   margin-right: auto !important;
  7579.   margin-left: auto !important;
  7580.   line-height: 18px !important;
  7581. }
  7582.  
  7583. @media only screen and (min-width: 1025px) {
  7584.   .delete-controls > span,
  7585.   .moderation-controls > span,
  7586.   .main-controls > span,
  7587.   .main-controls > a,
  7588.   .buttons .item-edit {
  7589.     width: 32px;
  7590.     height: 32px;
  7591.     padding: 7px;
  7592.     margin-left: 8px !important;
  7593.     border-radius: 2px;
  7594.     line-height: 18px !important;
  7595.   }
  7596. }
  7597.  
  7598. .item-mobile {
  7599.   position: relative;
  7600.   width: 40px;
  7601.   height: 40px;
  7602.   padding: 8px;
  7603.   margin: 4px 0;
  7604.   margin-left: 8px !important;
  7605.   border-radius: 100%;
  7606.   z-index: 4;
  7607. }
  7608.  
  7609. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .plus::before,
  7610. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .edit::before,
  7611. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .trigger-arrow::before,
  7612. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .plus::before,
  7613. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .edit::before,
  7614. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .trigger-arrow::before,
  7615. .buttons .item-summary:before,
  7616. .buttons .item-ignore:before,
  7617. .buttons .item-quote:before,
  7618. .buttons .item-reply:before,
  7619. .buttons .item-edit:before,
  7620. .buttons .item-delete:before,
  7621. .buttons .item-moderation:before,
  7622. .buttons .item-cancel:before,
  7623. .buttons .item-request-reject:before,
  7624. .buttons .item-apply:before,
  7625. .buttons .item-request-confirm:before,
  7626. .buttons .item-delete-confirm:before,
  7627. .buttons .item-abuse:before,
  7628. .buttons .item-spoiler:before,
  7629. .buttons .item-offtopic:before,
  7630. .buttons .item-delete-cancel:before,
  7631. .buttons .item-moderation-cancel:before {
  7632.   vertical-align: top;
  7633.   width: 18px !important;
  7634.   font-family: 'Material Icons' !important;
  7635.   font-size: 18px !important;
  7636.   font-weight: 400 !important;
  7637.   line-height: 1 !important;
  7638.   text-transform: none;
  7639.   letter-spacing: normal;
  7640.   word-wrap: normal;
  7641.   white-space: nowrap;
  7642.   direction: ltr;
  7643.   /* Support for all WebKit browsers. */
  7644.   -webkit-font-smoothing: antialiased;
  7645.   /* Support for Safari and Chrome. */
  7646.   text-rendering: optimizeLegibility;
  7647.   /* Support for Firefox. */
  7648.   -moz-osx-font-smoothing: grayscale;
  7649.   /* Support for IE. */
  7650.   font-feature-settings: 'liga';
  7651. }
  7652.  
  7653. .buttons .item-ignore:before {
  7654.   content: "do_not_disturb_on";
  7655. }
  7656.  
  7657. .buttons .item-quote:before {
  7658.   content: "format_quote";
  7659. }
  7660.  
  7661. .buttons .item-reply:before {
  7662.   content: "reply";
  7663. }
  7664.  
  7665. .buttons .item-edit:before {
  7666.   content: "mode_edit";
  7667. }
  7668.  
  7669. .buttons .item-delete:before {
  7670.   content: "delete";
  7671. }
  7672.  
  7673. .buttons .item-moderation:before {
  7674.   content: "flag";
  7675. }
  7676.  
  7677. .buttons .item-cancel:before,
  7678. .buttons .item-request-reject:before,
  7679. .buttons .item-delete-cancel:before,
  7680. .buttons .item-moderation-cancel:before {
  7681.   content: "clear";
  7682. }
  7683.  
  7684. .buttons .item-spoiler:before {
  7685.   content: "sms_failed";
  7686. }
  7687.  
  7688. .buttons .item-abuse:before {
  7689.   content: "pan_tool";
  7690. }
  7691.  
  7692. .buttons .item-offtopic:before {
  7693.   content: "speaker_notes_off";
  7694. }
  7695.  
  7696. .buttons .item-summary:before {
  7697.   content: "check_circle";
  7698. }
  7699.  
  7700. .buttons .item-delete-confirm:before {
  7701.   content: "delete";
  7702. }
  7703.  
  7704. .buttons .item-apply:before,
  7705. .buttons .item-request-confirm:before,
  7706. .buttons .item-delete-confirm:before {
  7707.   content: "done";
  7708. }
  7709.  
  7710. .l-top_menu .menu-mobile .menu:before,
  7711. .l-top_menu .menu-userbox .menu:before,
  7712. .l-top_menu .menu-mobile .search:before,
  7713. .l-top_menu .menu-userbox .search:before {
  7714.   width: 24px !important;
  7715.   font-family: 'Material Icons' !important;
  7716.   font-size: 24px !important;
  7717.   font-weight: 400 !important;
  7718.   line-height: 1 !important;
  7719.   text-transform: none;
  7720.   letter-spacing: normal;
  7721.   word-wrap: normal;
  7722.   white-space: nowrap;
  7723.   direction: ltr;
  7724.   /* Support for all WebKit browsers. */
  7725.   -webkit-font-smoothing: antialiased;
  7726.   /* Support for Safari and Chrome. */
  7727.   text-rendering: optimizeLegibility;
  7728.   /* Support for Firefox. */
  7729.   -moz-osx-font-smoothing: grayscale;
  7730.   /* Support for IE. */
  7731.   font-feature-settings: 'liga';
  7732. }
  7733.  
  7734. .l-top_menu .menu-mobile .menu:before,
  7735. .l-top_menu .menu-userbox .menu:before {
  7736.   content: "menu";
  7737. }
  7738.  
  7739. .l-top_menu .menu-mobile .search:before,
  7740. .l-top_menu .menu-userbox .search:before {
  7741.   content: "search";
  7742. }
  7743.  
  7744. .tooltip-inner {
  7745.   min-height: 56px;
  7746.   padding: 14px 16px;
  7747.   border: 0;
  7748.   overflow: hidden;
  7749.   box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.24);
  7750. }
  7751.  
  7752. .tooltip-arrow {
  7753.   display: none;
  7754. }
  7755.  
  7756. /**
  7757.  * Simple <paper-spinner>
  7758.  * MIT License
  7759.  * Copyright (c) 2015 Chris Nager
  7760.  * https://github.com/chrisnager/simple-paper-spinner
  7761.  */
  7762. .tooltip-details {
  7763.   min-height: 140px;
  7764. }
  7765.  
  7766. .tooltip-details .ajax-loading {
  7767.   display: inline-block;
  7768.   position: absolute;
  7769.   top: 50%;
  7770.   left: 50%;
  7771.   width: 1.75em;
  7772.   height: 1.75em;
  7773.   min-height: 0;
  7774.   margin: -.875rem 0 0 -.875rem;
  7775.   background-image: none;
  7776.   border-radius: 50%;
  7777.   box-shadow: inset 0 0 0 0.1875em;
  7778.   overflow: hidden;
  7779.   will-change: transform;
  7780.   -webkit-animation: spin 2666ms linear infinite;
  7781.   animation: spin 2666ms linear infinite;
  7782.   -webkit-clip-path: circle(0.875em at center);
  7783.   clip-path: circle(0.875em at center);
  7784. }
  7785.  
  7786. .tooltip-details .ajax-loading:after,
  7787. .tooltip-details .ajax-loading:before {
  7788.   content: "";
  7789.   position: absolute;
  7790.   width: 7em;
  7791.   height: 1.75em;
  7792.   background-color: inherit;
  7793. }
  7794.  
  7795. .tooltip-details .ajax-loading:after {
  7796.   -webkit-transform: skewX(-80deg) translate(0.875em, 0.875em);
  7797.   transform: skewX(-80deg) translate(0.875em, 0.875em);
  7798.   -webkit-animation: shape-shift-after 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
  7799.   animation: shape-shift-after 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
  7800. }
  7801.  
  7802. .tooltip-details .ajax-loading:before {
  7803.   -webkit-transform: skewX(80deg) translate(0.875em, -0.875em);
  7804.   transform: skewX(80deg) translate(0.875em, -0.875em);
  7805.   -webkit-animation: shape-shift-before 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
  7806.   animation: shape-shift-before 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
  7807. }
  7808.  
  7809. @-webkit-keyframes spin {
  7810.   to {
  7811.     -webkit-transform: rotate(1080deg);
  7812.     transform: rotate(1080deg);
  7813.   }
  7814. }
  7815.  
  7816. @keyframes spin {
  7817.   to {
  7818.     -webkit-transform: rotate(1080deg);
  7819.     transform: rotate(1080deg);
  7820.   }
  7821. }
  7822.  
  7823. @-webkit-keyframes shape-shift-before {
  7824.   to {
  7825.     -webkit-transform: skewX(-45deg) translate(0.875em, -0.875em);
  7826.     transform: skewX(-45deg) translate(0.875em, -0.875em);
  7827.   }
  7828. }
  7829.  
  7830. @keyframes shape-shift-before {
  7831.   to {
  7832.     -webkit-transform: skewX(-45deg) translate(0.875em, -0.875em);
  7833.     transform: skewX(-45deg) translate(0.875em, -0.875em);
  7834.   }
  7835. }
  7836.  
  7837. @-webkit-keyframes shape-shift-after {
  7838.   to {
  7839.     -webkit-transform: skewX(45deg) translate(0.875em, 0.875em);
  7840.     transform: skewX(45deg) translate(0.875em, 0.875em);
  7841.   }
  7842. }
  7843.  
  7844. @keyframes shape-shift-after {
  7845.   to {
  7846.     -webkit-transform: skewX(45deg) translate(0.875em, 0.875em);
  7847.     transform: skewX(45deg) translate(0.875em, 0.875em);
  7848.   }
  7849. }
  7850.  
  7851. /* Всплывающие окна */
  7852. .b-catalog_entry-tooltip .inner a.name {
  7853.   font-size: .875rem;
  7854. }
  7855.  
  7856. .b-catalog_entry-tooltip .inner .text {
  7857.   font-size: .8125rem;
  7858.   line-height: 1.25rem;
  7859.   margin-bottom: .5rem;
  7860. }
  7861.  
  7862. .b-catalog_entry-tooltip .inner .line {
  7863.   font-size: .8125rem;
  7864.   line-height: 1.5rem;
  7865. }
  7866.  
  7867. .b-catalog_entry-tooltip .inner .line.name {
  7868.   line-height: 1.5rem;
  7869.   margin-bottom: 0;
  7870. }
  7871.  
  7872. .b-catalog_entry-tooltip .inner .rating {
  7873.   bottom: 0;
  7874.   font-family: inherit;
  7875.   font-size: 1.5rem;
  7876.   line-height: 1;
  7877. }
  7878.  
  7879. .b-catalog_entry-tooltip .inner .rating .text {
  7880.   margin: .5rem .5rem 0;
  7881.   font-size: .75rem;
  7882.   line-height: 1rem;
  7883. }
  7884.  
  7885. /* TEXTEDITOR | SHIKI EDITOR */
  7886. .b-topic > .editor-container {
  7887.   margin-top: 1rem;
  7888. }
  7889.  
  7890. .b-shiki_editor .body .preview {
  7891.   padding: 0;
  7892.   margin: 0;
  7893.   background: transparent;
  7894.   border: 0;
  7895. }
  7896.  
  7897. .editor-controls > span {
  7898.   width: 40px;
  7899.   height: 40px;
  7900.   padding: 8px;
  7901.   margin: 0 8px 0 0 !important;
  7902. }
  7903.  
  7904. /* Расширяем file input */
  7905. .buttons .editor-file {
  7906.   position: relative;
  7907. }
  7908.  
  7909. .buttons .editor-file span,
  7910. .buttons .editor-file a {
  7911.   top: 0;
  7912.   left: 0;
  7913.   width: 40px;
  7914.   height: 40px;
  7915.   margin: 0 !important;
  7916. }
  7917.  
  7918. .buttons .editor-file input {
  7919.   left: 0;
  7920.   width: 40px;
  7921.   height: 40px;
  7922.   border: 0;
  7923.   font-size: 40px;
  7924. }
  7925.  
  7926. .b-shiki_editor aside.buttons {
  7927.   margin: 0;
  7928.   padding: .25rem 0;
  7929. }
  7930.  
  7931. .b-shiki_editor aside.markers {
  7932.   height: auto;
  7933.   padding: .75rem 0;
  7934. }
  7935.  
  7936. .b-shiki_editor .links,
  7937. .b-shiki_editor .images,
  7938. .b-shiki_editor .quotes,
  7939. .b-shiki_editor .email,
  7940. .b-shiki_editor .upload {
  7941.   height: 3rem;
  7942.   line-height: 2rem;
  7943. }
  7944.  
  7945. .b-shiki_editor .hidden-block p {
  7946.   padding: .5rem !important;
  7947. }
  7948.  
  7949. .b-shiki_editor .links .link-value,
  7950. .b-shiki_editor .images .link-value,
  7951. .b-shiki_editor .quotes .link-value,
  7952. .b-shiki_editor .email .link-value,
  7953. .b-shiki_editor .upload .link-value {
  7954.   width: 14rem;
  7955.   height: 2rem;
  7956.   padding: 0 1rem;
  7957.   margin: 0;
  7958.   border-radius: 2px;
  7959.   line-height: 2rem;
  7960. }
  7961.  
  7962. .b-shiki_editor .links .button.ok,
  7963. .b-shiki_editor .images .button.ok,
  7964. .b-shiki_editor .quotes .button.ok,
  7965. .b-shiki_editor .email .button.ok,
  7966. .b-shiki_editor .upload .button.ok {
  7967.   display: inline-block;
  7968.   vertical-align: top;
  7969.   padding: 0 1rem;
  7970.   margin-right: 0;
  7971.   margin-left: 1rem;
  7972.   font-size: .875rem;
  7973.   line-height: 2rem;
  7974.   border-radius: 2px;
  7975. }
  7976.  
  7977. .b-shiki_editor .images input,
  7978. .b-shiki_editor .quotes input,
  7979. .b-shiki_editor .email input {
  7980.   margin-left: 1rem !important;
  7981.   width: 20rem !important;
  7982. }
  7983.  
  7984. /* Полоса загрузки. thx Dewopalaxy */
  7985. .b-upload_progress.active {
  7986.   height: 1.5rem;
  7987. }
  7988.  
  7989. .b-upload_progress .bar {
  7990.   min-width: 0;
  7991.   height: 4px;
  7992.   background-color: #4682B4;
  7993.   color: #FFFFFF;
  7994.   font-size: .875rem;
  7995.   border-radius: 2px;
  7996.   text-align: left;
  7997.   text-indent: 1rem;
  7998.   line-height: 2rem;
  7999.   overflow: visible;
  8000. }
  8001.  
  8002. .b-upload_progress .bar::first-letter {
  8003.   text-transform: uppercase;
  8004. }
  8005.  
  8006. .b-shiki_editor .body .editor textarea {
  8007.   padding: .5rem 1rem;
  8008.   margin: 0;
  8009.   border-radius: 2px;
  8010.   font-size: 1rem;
  8011.   line-height: 1.25rem;
  8012. }
  8013.  
  8014. .b-shiki_editor footer input[type=submit],
  8015. .b-shiki_editor footer .unpreview,
  8016. .b-shiki_editor footer .preview {
  8017.   vertical-align: top;
  8018.   margin-right: 8px;
  8019. }
  8020.  
  8021. .b-shiki_editor footer .preview {
  8022.   margin-right: 0;
  8023. }
  8024.  
  8025. .b-shiki_editor.previewed footer .unpreview {
  8026.   border: 0;
  8027.   font-size: 0;
  8028. }
  8029.  
  8030. .b-shiki_editor.previewed footer .unpreview:after {
  8031.   content: 'Назад';
  8032.   vertical-align: top;
  8033.   font-size: 14px;
  8034. }
  8035.  
  8036. .b-shiki_editor footer .cancel {
  8037.   border: 0;
  8038. }
  8039.  
  8040. .b-shiki_editor footer .cancel:hover {
  8041.   color: #3F51B5;
  8042. }
  8043.  
  8044. /* FIX: COMMENT PREVIEW WIDTH */
  8045. .b-shiki_editor aside.markers {
  8046.   position: absolute;
  8047.   right: 0;
  8048.   top: 0;
  8049.   z-index: 2;
  8050. }
  8051.  
  8052. .b-shiki_editor.previewed .body .preview .b-comment {
  8053.   padding: 0 !important;
  8054. }
  8055.  
  8056. .b-shiki_editor footer {
  8057.   margin-top: 1rem;
  8058. }
  8059.  
  8060. .about-bb_codes {
  8061.   font-size: 0 !important;
  8062.   padding: 0 1rem;
  8063.   margin-top: 0 !important;
  8064.   border-radius: .125rem;
  8065.   line-height: 2rem !important;
  8066. }
  8067.  
  8068. .about-bb_codes:before {
  8069.   content: "help";
  8070.   display: inline-block;
  8071.   vertical-align: top;
  8072.   font-family: 'Material Icons' !important;
  8073.   font-size: 24px !important;
  8074.   line-height: 32px !important;
  8075.   text-transform: none;
  8076.   letter-spacing: normal;
  8077.   word-wrap: normal;
  8078.   white-space: nowrap;
  8079.   direction: ltr;
  8080.   /* Support for all WebKit browsers. */
  8081.   -webkit-font-smoothing: antialiased;
  8082.   /* Support for Safari and Chrome. */
  8083.   text-rendering: optimizeLegibility;
  8084.   /* Support for Firefox. */
  8085.   -moz-osx-font-smoothing: grayscale;
  8086.   /* Support for IE. */
  8087.   font-feature-settings: 'liga';
  8088. }
  8089.  
  8090. @media only screen and (min-width: 768px) {
  8091.   .about-bb_codes:before {
  8092.     font-family: inherit !important;
  8093.     font-size: 14px !important;
  8094.     text-transform: uppercase;
  8095.   }
  8096.   [data-locale="ru"] .about-bb_codes:before {
  8097.     content: 'Справка';
  8098.   }
  8099.   [data-locale="en"] .about-bb_codes:before {
  8100.     content: 'Help';
  8101.   }
  8102. }
  8103.  
  8104. /* END of SHIKI_EDITOR */
  8105. /* END of TEXTEDITOR */
  8106. .b-abuse_marker,
  8107. .b-broadcast_marker,
  8108. .b-new_marker,
  8109. .b-offtopic_marker,
  8110. .b-summary_marker {
  8111.   width: auto !important;
  8112.   margin: 0 !important;
  8113.   margin-top: 1px !important;
  8114.   margin-left: 8px !important;
  8115. }
  8116.  
  8117. .b-spoiler_marker {
  8118.   width: auto;
  8119. }
  8120.  
  8121. .b-abuse_marker:before,
  8122. .b-broadcast_marker:before,
  8123. .b-new_marker:before,
  8124. .b-offtopic_marker:before,
  8125. .b-spoiler_marker:before,
  8126. .b-summary_marker:before {
  8127.   position: static !important;
  8128.   width: auto !important;
  8129.   padding: 0 4px !important;
  8130.   margin-top: 8px;
  8131.   border: 0 !important;
  8132.   border-radius: 2px;
  8133.   font-size: 10px !important;
  8134.   line-height: 16px !important;
  8135.   text-transform: capitalize;
  8136. }
  8137.  
  8138. .b-shiki_editor .b-summary_marker,
  8139. .b-shiki_editor .b-summary_marker:before,
  8140. .b-shiki_editor .b-offtopic_marker,
  8141. .b-shiki_editor .b-offtopic_marker:before {
  8142.   vertical-align: top;
  8143.   padding: 0 8px !important;
  8144.   margin: 0 !important;
  8145.   font-size: 12px !important;
  8146.   line-height: 24px !important;
  8147. }
  8148.  
  8149. .b-shiki_editor .b-summary_marker,
  8150. .b-shiki_editor .b-offtopic_marker {
  8151.   padding: 0 !important;
  8152.   margin-left: 8px !important;
  8153. }
  8154.  
  8155. /* END of SHIKI_EDITOR */
  8156. /* FLOATED OPTIONS */
  8157. .b-options-floated {
  8158.   margin-top: 16px;
  8159.   font-size: 14px;
  8160.   line-height: 16px;
  8161. }
  8162.  
  8163. @media screen and (min-width: 768px) {
  8164.   .b-options-floated.before-buttons-2 {
  8165.     padding-right: 112px;
  8166.   }
  8167. }
  8168.  
  8169. .p-profiles-edit .b-options-floated,
  8170. .p-dialogs .b-options-floated,
  8171. .p-messages .b-options-floated {
  8172.   position: static;
  8173.   margin: 0 -16px 8px;
  8174.   padding: 0;
  8175.   text-align: left;
  8176.   white-space: nowrap;
  8177.   overflow: hidden;
  8178.   overflow-x: auto;
  8179. }
  8180.  
  8181. .p-profiles-edit .b-options-floated > a,
  8182. .p-dialogs .b-options-floated > a,
  8183. .p-messages .b-options-floated > a {
  8184.   display: inline-block;
  8185.   width: auto;
  8186.   min-width: 88px;
  8187.   height: 48px;
  8188.   padding: 0 12px;
  8189.   font-size: 14px;
  8190.   line-height: 48px;
  8191.   text-align: center;
  8192.   text-transform: uppercase;
  8193. }
  8194.  
  8195. .p-profiles-edit .b-options-floated > a {
  8196.   width: auto;
  8197. }
  8198.  
  8199. .p-profiles-edit .b-options-floated > a:hover,
  8200. .p-dialogs .b-options-floated > a:hover,
  8201. .p-messages .b-options-floated > a:hover {
  8202.   text-decoration: none;
  8203. }
  8204.  
  8205. @media screen and (min-width: 481px) {
  8206.   .p-profiles-edit .b-options-floated > a,
  8207.   .p-dialogs .b-options-floated > a,
  8208.   .p-messages .b-options-floated > a {
  8209.     width: auto;
  8210.   }
  8211. }
  8212.  
  8213. .b-options-floated a span.brackets,
  8214. .b-options-floated .link span.brackets {
  8215.   display: inline-block;
  8216.   vertical-align: text-top;
  8217.   min-width: 20px;
  8218.   height: 16px;
  8219.   padding: 0 4px;
  8220.   border-radius: 4px;
  8221.   color: #212121;
  8222.   font-size: 10px;
  8223.   line-height: 16px;
  8224.   text-align: center;
  8225. }
  8226.  
  8227. .b-options-floated a:after,
  8228. .b-options-floated .link:after {
  8229.   padding: 0 .375rem;
  8230.   color: #9E9E9E;
  8231. }
  8232.  
  8233. .p-profiles-edit .b-options-floated > a:after,
  8234. .p-dialogs .b-options-floated > a:after,
  8235. .p-messages .b-options-floated > a:after,
  8236. .b-options-floated a span.brackets:before,
  8237. .b-options-floated a span.brackets:after,
  8238. .b-options-floated .link span.brackets:before,
  8239. .b-options-floated .link span.brackets:after {
  8240.   display: none;
  8241. }
  8242.  
  8243. @media screen and (min-width: 481px) {
  8244.   .p-dialogs header.head,
  8245.   .p-messages header.head,
  8246.   .p-profiles-edit header.head {
  8247.     padding: 0;
  8248.     margin: 0;
  8249.     background-color: transparent;
  8250.   }
  8251.   .p-profiles-edit .b-options-floated,
  8252.   .p-dialogs .b-options-floated,
  8253.   .p-messages .b-options-floated {
  8254.     position: initial;
  8255.     margin: 0 -16px 8px;
  8256.     padding: 0;
  8257.     background-color: transparent;
  8258.     text-align: right;
  8259.   }
  8260. }
  8261.  
  8262. /* END of FLOATED OPTIONS */
  8263. /* USER'S MAIL ICONS – READ ALL & DELETE ALL */
  8264. .p-messages .mass-actions {
  8265.   position: absolute;
  8266.   top: 56px;
  8267.   right: 0;
  8268.   margin: 0 -.5rem;
  8269. }
  8270.  
  8271. .p-messages .mass-actions .action:after {
  8272.   display: none;
  8273. }
  8274.  
  8275. .p-messages .mass-actions > .action > a {
  8276.   position: relative;
  8277.   width: 40px;
  8278.   height: 40px;
  8279.   padding: 8px;
  8280.   margin: 4px;
  8281.   border: 0;
  8282.   border-radius: 2px;
  8283.   font-size: 0;
  8284.   line-height: 1;
  8285. }
  8286.  
  8287. /* END of USER'S MAIL ICONS */
  8288. /* DB ENTRY NOTES */
  8289. /* TODO: MERGE WITH .c-history .entry */
  8290. .b-db_entry-note {
  8291.   position: relative;
  8292.   padding: 8px 0;
  8293.   margin: 0;
  8294.   border: 0;
  8295. }
  8296.  
  8297. .b-db_entry-note:first-child {
  8298.   padding-top: 8px;
  8299. }
  8300.  
  8301. .b-db_entry-note:before {
  8302.   content: '';
  8303.   position: absolute;
  8304.   right: -16px;
  8305.   bottom: 0;
  8306.   left: 56px;
  8307.   height: 1px;
  8308. }
  8309.  
  8310. .b-db_entry-note:last-child:before {
  8311.   display: none;
  8312. }
  8313.  
  8314. /* FIX */
  8315. .b-db_entry-note:before {
  8316.   right: 0;
  8317.   left: 64px;
  8318. }
  8319.  
  8320. .p-db_entries-related .b-db_entry-note {
  8321.   padding: 16px 0;
  8322. }
  8323.  
  8324. .p-db_entries-related .b-db_entry-note:first-child {
  8325.   padding-top: 16px;
  8326. }
  8327.  
  8328. /* END of DB ENTRY NOTES*/
  8329. /* MENU ENTRY REVIEW & CLUBS */
  8330. /* TODO: MERGE WITH .c-history .entry */
  8331. /* TODO: where [.calendar .entry]? */
  8332. .p-topics .l-menu .calendar .entry,
  8333. .p-topics .l-menu .reviews .entry,
  8334. .p-topics .l-menu .clubs .entry {
  8335.   position: relative;
  8336.   padding: 8px 0;
  8337.   margin: 0;
  8338.   border: 0;
  8339.   overflow: initial;
  8340. }
  8341.  
  8342. .p-topics .l-menu .calendar .entry:first-child,
  8343. .p-topics .l-menu .reviews .entry:first-child,
  8344. .p-topics .l-menu .clubs .entry:first-child {
  8345.   padding-top: 8px;
  8346.   margin-top: 0;
  8347. }
  8348.  
  8349. .p-topics .l-menu .calendar .entry:before,
  8350. .p-topics .l-menu .reviews .entry:before,
  8351. .p-topics .l-menu .clubs .entry:before {
  8352.   content: '';
  8353.   position: absolute;
  8354.   right: -8px;
  8355.   bottom: 0;
  8356.   left: 56px;
  8357.   height: 1px;
  8358.   pointer-events: none;
  8359. }
  8360.  
  8361. .p-topics .l-menu .calendar .entry:last-child:before,
  8362. .p-topics .l-menu .reviews .entry:last-child:before,
  8363. .p-topics .l-menu .clubs .entry:last-child:before {
  8364.   display: none;
  8365. }
  8366.  
  8367. /* Полноразмерная ссылка .entry, работает только для .l-menu */
  8368. .p-topics .l-menu .calendar .entry a,
  8369. .p-topics .l-menu .reviews .entry a,
  8370. .p-topics .l-menu .clubs .entry a {
  8371.   display: block;
  8372.   padding: 8px;
  8373.   margin: -8px;
  8374. }
  8375.  
  8376. .p-topics .l-menu .calendar .entry a:after,
  8377. .p-topics .l-menu .reviews .entry a:after,
  8378. .p-topics .l-menu .clubs .entry a:after {
  8379.   content: '';
  8380.   clear: both;
  8381.   display: block;
  8382. }
  8383.  
  8384. .p-topics .l-menu .calendar .entry:hover .title,
  8385. .p-topics .l-menu .reviews .entry:hover .title,
  8386. .p-topics .l-menu .clubs .entry:hover .title {
  8387.   text-decoration: none;
  8388. }
  8389.  
  8390. /* ADDITIONS */
  8391. .p-topics .l-menu .reviews .entry img {
  8392.   min-width: 40px;
  8393.   max-height: 64px;
  8394.   margin: 2px 16px 2px 0;
  8395.   border-radius: 2px;
  8396. }
  8397.  
  8398. .p-topics .l-menu .clubs .entry img {
  8399.   width: 40px;
  8400.   min-width: 40px;
  8401.   height: 40px;
  8402.   margin: 2px 16px 2px 0;
  8403.   border-radius: 2px;
  8404. }
  8405.  
  8406. /* END of MENU ENTRY REVIEW & CLUBS */
  8407. /* SIDEMENU LINKS */
  8408. .p-topics .l-menu .sticky-topics .topic,
  8409. .p-topics .l-menu .contests .contest {
  8410.   padding: 8px;
  8411.   margin: 0 -8px;
  8412.   border: 0;
  8413. }
  8414.  
  8415. .p-topics .l-menu .sticky-topics .topic:first-child,
  8416. .p-topics .l-menu .contests .contest:first-child {
  8417.   padding-top: 8px;
  8418.   margin-top: 0;
  8419. }
  8420.  
  8421. .p-topics .l-menu .sticky-topics .topic .title,
  8422. .p-topics .l-menu .contests .contest .title {
  8423.   line-height: 20px;
  8424. }
  8425.  
  8426. .p-topics .l-menu .sticky-topics .topic:hover .title,
  8427. .p-topics .l-menu .contests .contest:hover .title {
  8428.   text-decoration: none;
  8429. }
  8430.  
  8431. .p-topics .l-menu .sticky-topics .topic .title:after,
  8432. .p-topics .l-menu .contests .contest .title:after {
  8433.   display: none;
  8434. }
  8435.  
  8436. .p-topics .l-menu .sticky-topics .topic .notice,
  8437. .p-topics .l-menu .contests .contest .notice {
  8438.   margin-top: 2px;
  8439.   line-height: 18px;
  8440. }
  8441.  
  8442. /* END of SIDEMENU LINKS */
  8443. /* Стилизованные кнопки на страницах поиска аниме и манги */
  8444. .p-user_rates .mylist-block + .block > .b-list,
  8445. .b-collection-filters > .block:first-child > .b-list,
  8446. .b-collection-filters > .block:first-child > .b-list {
  8447.   margin-left: 0 !important;
  8448. }
  8449.  
  8450. .p-user_rates .mylist-block + .block > .b-list > li,
  8451. .b-collection-filters > .block:first-child > .b-list > li,
  8452. .b-collection-filters > .block:first-child > .b-list > li {
  8453.   position: relative;
  8454.   margin-bottom: .5rem;
  8455.   border-radius: .125rem;
  8456.   font-size: .875rem;
  8457.   line-height: 2rem;
  8458.   text-align: center;
  8459.   text-transform: uppercase;
  8460.   list-style: none;
  8461. }
  8462.  
  8463. .p-user_rates .mylist-block + .block > .b-list > li:before,
  8464. .p-user_rates .mylist-block + .block > .b-list > li:after,
  8465. .b-collection-filters > .block:first-child > .b-list > li:before,
  8466. .b-collection-filters > .block:first-child > .b-list > li:before,
  8467. .b-collection-filters > .block:first-child > .b-list > li:after,
  8468. .b-collection-filters > .block:first-child > .b-list > li:after {
  8469.   content: '';
  8470.   position: absolute;
  8471.   top: 0;
  8472.   right: 0;
  8473.   bottom: 0;
  8474.   left: 0;
  8475.   border-radius: inherit;
  8476.   opacity: 0;
  8477.   z-index: 0;
  8478.   transition: opacity .3s;
  8479. }
  8480.  
  8481. .p-user_rates .mylist-block + .block > .b-list > li:before,
  8482. .b-collection-filters > .block:first-child > .b-list > li:before,
  8483. .b-collection-filters > .block:first-child > .b-list > li:before {
  8484.   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.56);
  8485. }
  8486.  
  8487. .p-user_rates .mylist-block + .block > .b-list > li:after,
  8488. .b-collection-filters > .block:first-child > .b-list > li:after,
  8489. .b-collection-filters > .block:first-child > .b-list > li:after {
  8490.   background-color: rgba(0, 0, 0, 0.12);
  8491. }
  8492.  
  8493. .p-user_rates .mylist-block + .block > .b-list > li:hover:before,
  8494. .p-user_rates .mylist-block + .block > .b-list > li:hover:after,
  8495. .b-collection-filters > .block:first-child > .b-list > li:hover:before,
  8496. .b-collection-filters > .block:first-child > .b-list > li:hover:before,
  8497. .b-collection-filters > .block:first-child > .b-list > li:hover:after,
  8498. .b-collection-filters > .block:first-child > .b-list > li:hover:after {
  8499.   opacity: 1;
  8500. }
  8501.  
  8502. .p-user_rates .mylist-block + .block > .b-list > li > a,
  8503. .b-collection-filters > .block:first-child > .b-list > li > a,
  8504. .b-collection-filters > .block:first-child > .b-list > li > a {
  8505.   position: relative;
  8506.   display: block;
  8507.   color: #fff !important;
  8508.   z-index: 1;
  8509. }
  8510.  
  8511. .p-user_rates .mylist-block + .block > .b-list > li > a:hover,
  8512. .b-collection-filters > .block:first-child > .b-list > li > a:hover,
  8513. .b-collection-filters > .block:first-child > .b-list > li > a:hover {
  8514.   color: #fff !important;
  8515.   text-decoration: none;
  8516. }
  8517.  
  8518. /* END of Стилизованные кнопки на страницах поиска аниме и манги */
  8519. /**
  8520.  * Фильтры на страницах поиска
  8521.  */
  8522. /* Настройка пунктов */
  8523. .b-collection-filters .block-list li,
  8524. .b-collection-filters .b-block_list li {
  8525.   position: relative;
  8526.   padding: 0 .5rem;
  8527.   margin: 0 -.5rem;
  8528.   font-size: .875rem;
  8529.   line-height: 2rem;
  8530. }
  8531.  
  8532. /* Отступ для подпунктов */
  8533. .b-collection-filters .block-list li.sub,
  8534. .b-collection-filters .b-block_list li.sub {
  8535.   padding-left: 2.5rem;
  8536. }
  8537.  
  8538. /* Скрываем чекбокс, располагаем над псевдоэлементом */
  8539. .b-collection-filters .block-list li > input,
  8540. .b-collection-filters .b-block_list li > input {
  8541.   position: absolute;
  8542.   left: .3125rem;
  8543.   width: 2rem;
  8544.   height: 2rem;
  8545.   border: 0;
  8546.   opacity: 0;
  8547.   -webkit-appearance: none;
  8548.   -moz-appearance: none;
  8549.   appearance: none;
  8550. }
  8551.  
  8552. /* Псевдоэлемент с иконкой чекбокса */
  8553. .b-collection-filters .block-list li:before,
  8554. .b-collection-filters .b-block_list li:before {
  8555.   display: inline-block;
  8556.   vertical-align: top;
  8557.   width: 1.125rem;
  8558.   margin: .4375rem .875rem .4375rem 0;
  8559.   font-family: 'Material Icons';
  8560.   font-size: 1.125rem;
  8561.   line-height: 1;
  8562.   text-transform: none;
  8563.   letter-spacing: normal;
  8564.   word-wrap: normal;
  8565.   white-space: nowrap;
  8566.   direction: ltr;
  8567.   /* Support for all WebKit browsers. */
  8568.   -webkit-font-smoothing: antialiased;
  8569.   /* Support for Safari and Chrome. */
  8570.   text-rendering: optimizeLegibility;
  8571.   /* Support for Firefox. */
  8572.   -moz-osx-font-smoothing: grayscale;
  8573.   /* Support for IE. */
  8574.   font-feature-settings: 'liga';
  8575. }
  8576.  
  8577. /* Фильтры на страницах поиска – ПОДСКАЗКИ */
  8578. /* Положение подсказки */
  8579. .b-collection-filters .block-list .b-question,
  8580. .b-collection-filters .b-block_list .b-question {
  8581.   display: inline-block !important;
  8582.   vertical-align: top;
  8583.   position: absolute;
  8584.   right: .3125rem;
  8585. }
  8586.  
  8587. /* Иконка подсказки */
  8588. .b-collection-filters .block-list .b-question:before,
  8589. .b-collection-filters .b-block_list .b-question:before {
  8590.   display: block;
  8591.   width: 1.125rem;
  8592.   height: auto;
  8593.   margin: .4375rem;
  8594.   background-color: transparent;
  8595.   font-family: 'Material Icons';
  8596.   font-size: 1.125rem;
  8597.   line-height: 1;
  8598.   text-transform: none;
  8599.   letter-spacing: normal;
  8600.   word-wrap: normal;
  8601.   white-space: nowrap;
  8602.   direction: ltr;
  8603.   /* Support for all WebKit browsers. */
  8604.   -webkit-font-smoothing: antialiased;
  8605.   /* Support for Safari and Chrome. */
  8606.   text-rendering: optimizeLegibility;
  8607.   /* Support for Firefox. */
  8608.   -moz-osx-font-smoothing: grayscale;
  8609.   /* Support for IE. */
  8610.   font-feature-settings: 'liga';
  8611. }
  8612.  
  8613. /* Фильтры на страницах поиска – ПЕРЕКЛЮЧАТЕЛИ */
  8614. /* Положение переключателя */
  8615. .b-collection-filters .filter {
  8616.   top: 0;
  8617. }
  8618.  
  8619. .b-collection-filters .block-list .filter,
  8620. .b-collection-filters .b-block_list .filter {
  8621.   float: right;
  8622.   position: relative;
  8623.   right: auto;
  8624.   margin: 0 0 0 .5rem;
  8625. }
  8626.  
  8627. /* Положение переключателя с иконками подсказок */
  8628. .b-collection-filters .block-list.ratings .filter,
  8629. .b-collection-filters .block-list.genres .filter,
  8630. .b-collection-filters .block-list li.sub .filter,
  8631. .b-collection-filters .b-block_list.ratings .filter,
  8632. .b-collection-filters .b-block_list.genres .filter,
  8633. .b-collection-filters .b-block_list li.sub .filter {
  8634.   margin-right: 2rem;
  8635. }
  8636.  
  8637. /* Сбрасываем стандартные стили */
  8638. .b-collection-filters .block-list .filter:before,
  8639. .b-collection-filters .b-block_list .filter:before {
  8640.   display: block;
  8641.   width: auto;
  8642.   font-family: inherit;
  8643.   font-size: .75rem;
  8644.   line-height: inherit;
  8645.   text-transform: lowercase;
  8646. }
  8647.  
  8648. /* Добавляем понятные текстовые обозначения */
  8649. [data-locale="ru"] .b-collection-filters .b-block_list .filter.item-add:before {
  8650.   content: 'Исключить';
  8651. }
  8652.  
  8653. [data-locale="en"] .b-collection-filters .b-block_list .filter.item-add:before {
  8654.   content: 'Exclude';
  8655. }
  8656.  
  8657. [data-locale="ru"] .b-collection-filters .b-block_list .filter.item-minus:before {
  8658.   content: 'Добавить';
  8659. }
  8660.  
  8661. [data-locale="en"] .b-collection-filters .b-block_list .filter.item-minus:before {
  8662.   content: 'Include';
  8663. }
  8664.  
  8665. /* Настройка иконок */
  8666. .b-collection-filters .block-list li:before {
  8667.   content: 'check_box_outline_blank';
  8668. }
  8669.  
  8670. .b-collection-filters .block-list li.selected:before {
  8671.   content: 'check_box';
  8672. }
  8673.  
  8674. .b-collection-filters .block-list.orders li:before {
  8675.   content: 'radio_button_unchecked';
  8676. }
  8677.  
  8678. .b-collection-filters .block-list.orders li.selected:before {
  8679.   content: 'radio_button_checked';
  8680. }
  8681.  
  8682. .b-collection-filters .block-list .b-question:before {
  8683.   content: 'help_outline';
  8684. }
  8685.  
  8686. .b-collection-filters .b-block_list li:before {
  8687.   content: 'check_box_outline_blank';
  8688. }
  8689.  
  8690. .b-collection-filters .b-block_list li.selected:before {
  8691.   content: 'check_box';
  8692. }
  8693.  
  8694. .b-collection-filters .b-block_list.orders li:before {
  8695.   content: 'radio_button_unchecked';
  8696. }
  8697.  
  8698. .b-collection-filters .b-block_list.orders li.selected:before {
  8699.   content: 'radio_button_checked';
  8700. }
  8701.  
  8702. .b-collection-filters .b-block_list .b-question:before {
  8703.   content: 'help_outline';
  8704. }
  8705.  
  8706. /* Фильтры на страницах поиска – Размер для ПК */
  8707. @media (min-width: 1025px) {
  8708.   .b-collection-filters .block-list li {
  8709.     line-height: 1.5rem;
  8710.   }
  8711.   .b-collection-filters .block-list li:before {
  8712.     margin: .1875rem .875rem .1875rem 0;
  8713.   }
  8714.   .b-collection-filters .block-list .b-question:before {
  8715.     margin: .1875rem;
  8716.   }
  8717.   .b-collection-filters .block-list li > input {
  8718.     width: 1.5rem;
  8719.     height: 1.5rem;
  8720.   }
  8721.   /* new class */
  8722.   .b-collection-filters .b-block_list li {
  8723.     line-height: 1.5rem;
  8724.   }
  8725.   .b-collection-filters .b-block_list li:before {
  8726.     margin: .1875rem .875rem .1875rem 0;
  8727.   }
  8728.   .b-collection-filters .b-block_list .b-question:before {
  8729.     margin: .1875rem;
  8730.   }
  8731.   .b-collection-filters .b-block_list li > input {
  8732.     width: 1.5rem;
  8733.     height: 1.5rem;
  8734.   }
  8735. }
  8736.  
  8737. /* END of Фильтры на страницах поиска */
  8738. /* "Мой список" в фильтрах поиска */
  8739. /* Меняем название на более доступное */
  8740. .block.mylist-block > .subheadline {
  8741.   font-size: 0;
  8742.   line-height: 0;
  8743. }
  8744.  
  8745. .block.mylist-block > .subheadline:before {
  8746.   font-size: .875rem;
  8747.   line-height: 1rem;
  8748. }
  8749.  
  8750. [data-locale="ru"] .block.mylist-block > .subheadline:before {
  8751.   content: 'Мой список';
  8752. }
  8753.  
  8754. [data-locale="en"] .block.mylist-block > .subheadline:before {
  8755.   content: 'My List';
  8756. }
  8757.  
  8758. /* Кнопка переключателя */
  8759. .b-collection-filters .block > .filter.item-sign {
  8760.   height: 2.5rem;
  8761.   padding: .5rem;
  8762.   margin-top: .25rem;
  8763.   border-radius: .125rem;
  8764. }
  8765.  
  8766. .b-collection-filters .block > .filter.item-sign:before {
  8767.   width: 1.5rem;
  8768.   font-family: 'Material Icons';
  8769.   font-size: 1.5rem;
  8770.   line-height: 1;
  8771.   text-transform: none;
  8772.   letter-spacing: normal;
  8773.   word-wrap: normal;
  8774.   white-space: nowrap;
  8775.   direction: ltr;
  8776.   /* Support for all WebKit browsers. */
  8777.   -webkit-font-smoothing: antialiased;
  8778.   /* Support for Safari and Chrome. */
  8779.   text-rendering: optimizeLegibility;
  8780.   /* Support for Firefox. */
  8781.   -moz-osx-font-smoothing: grayscale;
  8782.   /* Support for IE. */
  8783.   font-feature-settings: 'liga';
  8784. }
  8785.  
  8786. /* Настройка иконки переключателя */
  8787. .b-collection-filters .block > .filter.item-sign:before {
  8788.   content: 'playlist_add_check';
  8789. }
  8790.  
  8791. /* Прозрачный фон переключателя */
  8792. @media (min-width: 1025px) {
  8793.   .b-collection-filters .block > .filter.item-sign {
  8794.     background-color: transparent;
  8795.   }
  8796. }
  8797.  
  8798. /* END of "Мой список" в фильтрах поиска */
  8799. /* Страница видео */
  8800. .b-video_player .cc-player_controls .episode-num input {
  8801.   margin: .75rem .25rem;
  8802. }
  8803.  
  8804. .b-video_player .cc-player_controls a.c-control:hover {
  8805.   text-decoration: none;
  8806. }
  8807.  
  8808. .b-video_player .cc-player_controls .cc-navigation > .c-control > span,
  8809. .b-video_player .cc-player_controls .cc-navigation > .c-control > b {
  8810.   display: inline-block;
  8811.   vertical-align: top;
  8812.   margin: .25rem auto;
  8813.   line-height: 2.5rem;
  8814. }
  8815.  
  8816. .b-video_player .cc-player_controls .cc-navigation > .c-control > b {
  8817.   margin-left: .5rem;
  8818. }
  8819.  
  8820. @media screen and (max-width: 480px) and (orientation: portrait) {
  8821.   .b-video_player .cc-player_controls .cc-navigation > .c-control > span,
  8822.   .b-video_player .cc-player_controls .cc-navigation > .c-control > b {
  8823.     display: none;
  8824.   }
  8825. }
  8826.  
  8827. .b-video_player .cc-player_controls .label,
  8828. .b-video_player .cc-player_controls .episode-title .video-link {
  8829.   font-size: .75rem;
  8830. }
  8831.  
  8832. .b-video_player .cc-player_controls .episode-title .video-link a {
  8833.   display: block;
  8834.   line-height: inherit;
  8835.   border: 0;
  8836. }
  8837.  
  8838. .b-video_player .cc-player_controls .cc-options > .c-video_stats {
  8839.   margin: .25rem auto;
  8840. }
  8841.  
  8842. .p-anime_videos-index .c-videos .video-variant-switcher,
  8843. .p-anime_videos-index .c-video_stats {
  8844.   font-size: .875rem;
  8845. }
  8846.  
  8847. .p-anime_videos-index .c-videos .video-variant-switcher:hover {
  8848.   border: 0;
  8849. }
  8850.  
  8851. .b-video_player .cc-player_controls .c-control:hover {
  8852.   text-decoration: none;
  8853. }
  8854.  
  8855. /* Подзаголовки на странице видео */
  8856. .p-anime_videos-index .same-videos .title,
  8857. .p-anime_videos-index .c-anime_video_episodes .title,
  8858. .p-anime_videos-index .c-videos .title {
  8859.   padding: 1rem 0;
  8860.   margin: 0;
  8861.   font-size: .875rem;
  8862.   font-weight: 700;
  8863.   line-height: 1rem;
  8864.   text-transform: uppercase;
  8865. }
  8866.  
  8867. .p-anime_videos-index.x1000 .c-videos .title {
  8868.   font-size: 0;
  8869.   line-height: 0;
  8870. }
  8871.  
  8872. .p-anime_videos-index.x1000 .c-videos .title:after {
  8873.   font-size: .875rem;
  8874.   line-height: 1rem;
  8875. }
  8876.  
  8877. .p-anime_videos-index.x1000[data-locale="ru"] .c-videos .title:after {
  8878.   content: 'Варианты';
  8879. }
  8880.  
  8881. .p-anime_videos-index.x1000[data-locale="en"] .c-videos .title:after {
  8882.   content: 'Variants';
  8883. }
  8884.  
  8885. /* Переключатели в варинатах видео */
  8886. .p-anime_videos-index .c-videos .video-variant-switcher {
  8887.   float: right;
  8888.   margin: 0;
  8889.   border: 0;
  8890.   line-height: 1rem;
  8891.   text-transform: capitalize;
  8892. }
  8893.  
  8894. .p-anime_videos-index .c-videos .video-variant-switcher:not(:first-child):after {
  8895.   content: '/';
  8896.   padding: 0 .375rem;
  8897.   font-weight: normal;
  8898. }
  8899.  
  8900. .b-video_variant.active a {
  8901.   border: 0;
  8902. }
  8903.  
  8904. /* Иконки */
  8905. .b-video_player .cc-player_controls .c-control .icon {
  8906.   width: 2.5rem !important;
  8907.   height: 2.5rem;
  8908.   padding: .5rem;
  8909.   margin: .25rem auto !important;
  8910.   border-radius: 2px;
  8911. }
  8912.  
  8913. .b-video_player .cc-player_controls .c-control .icon:before {
  8914.   width: 1.5rem;
  8915.   font-family: 'Material Icons';
  8916.   font-size: 1.5rem !important;
  8917.   line-height: 1;
  8918.   text-transform: none;
  8919.   letter-spacing: normal;
  8920.   word-wrap: normal;
  8921.   white-space: nowrap;
  8922.   direction: ltr;
  8923.   /* Support for all WebKit browsers. */
  8924.   -webkit-font-smoothing: antialiased;
  8925.   /* Support for Safari and Chrome. */
  8926.   text-rendering: optimizeLegibility;
  8927.   /* Support for Firefox. */
  8928.   -moz-osx-font-smoothing: grayscale;
  8929.   /* Support for IE. */
  8930.   font-feature-settings: 'liga';
  8931. }
  8932.  
  8933. .b-video_player .cc-player_controls .create-user_rate .icon:before {
  8934.   content: 'add';
  8935. }
  8936.  
  8937. .b-video_player .cc-player_controls .increment-user_rate .icon:before {
  8938.   content: 'done';
  8939. }
  8940.  
  8941. .b-video_player .cc-player_controls .next .icon:before {
  8942.   content: 'skip_next';
  8943. }
  8944.  
  8945. .b-video_player .cc-player_controls .prev .icon:before {
  8946.   content: 'skip_previous';
  8947. }
  8948.  
  8949. .b-video_player .cc-player_controls .report .icon:before {
  8950.   content: 'flag';
  8951. }
  8952.  
  8953. .b-video_player .cc-player_controls .show-options .icon:before {
  8954.   content: 'settings';
  8955. }
  8956.  
  8957. .b-video_player .cc-player_controls .upload .icon:before {
  8958.   content: 'cloud_upload';
  8959. }
  8960.  
  8961. .b-video_player .cc-player_controls .edit .icon:before {
  8962.   content: 'build';
  8963. }
  8964.  
  8965. /* END of Страница видео */
  8966. /* RIGHT SIDEBAR */
  8967. @media (max-width: 1024px) {
  8968.   .l-menu {
  8969.     position: fixed !important;
  8970.     top: 0;
  8971.     right: 0;
  8972.     width: 25rem !important;
  8973.     max-width: calc(100% - 3.5rem);
  8974.     height: 100%;
  8975.     background-color: #424242;
  8976.     padding: 4.5rem 1rem 1.5rem;
  8977.     box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.24);
  8978.     overflow-y: auto;
  8979.     -webkit-transform: translateX(110%);
  8980.     -ms-transform: translateX(110%);
  8981.     transform: translateX(110%);
  8982.     transition: .25s ease;
  8983.   }
  8984.   .l-page.menu-expanded .l-menu {
  8985.     -webkit-transform: translateX(0);
  8986.     -ms-transform: translateX(0);
  8987.     transform: translateX(0);
  8988.   }
  8989.   .menu-slide-outer .l-content {
  8990.     margin-left: 0 !important;
  8991.   }
  8992. }
  8993.  
  8994. /* END of ОСНОВНОЙ ФАЙЛ */
  8995.  
  8996.  
  8997.  
  8998. .l-top_menu {
  8999.   position: fixed;
  9000.   top: 0;
  9001.   right: 0;
  9002.   left: 0;
  9003.   width: 100%;
  9004.   max-width: 100%;
  9005.   height: auto;
  9006.   margin: auto;
  9007.   padding: 4px 0;
  9008.   background-color: transparent;
  9009.   background-image: none;
  9010.   border: none;
  9011.   box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.24);
  9012.   color: #FAFAFA;
  9013.   overflow: visible;
  9014. }
  9015.  
  9016. .l-top_menu::before {
  9017.   content: '';
  9018.   position: absolute;
  9019.   top: 0;
  9020.   right: 0;
  9021.   bottom: 0;
  9022.   left: 0;
  9023.   background-color: #333333;
  9024.   opacity: 1;
  9025.   transition: .3s;
  9026. }
  9027.  
  9028. .l-top_menu .to-top-fix {
  9029.   display: none;
  9030. }
  9031.  
  9032. .l-top_menu .inner {
  9033.   margin: 0 .375em;
  9034. }
  9035.  
  9036. @media (min-width: 960px) {
  9037.   .l-top_menu .inner {
  9038.     margin: 0 .875em;
  9039.   }
  9040. }
  9041.  
  9042. @media (min-width: 1025px) {
  9043.   .l-top_menu .inner {
  9044.     margin: 0 auto;
  9045.     padding: 0 .875em;
  9046.   }
  9047. }
  9048.  
  9049. .l-top_menu .inner > a:first-child {
  9050.   float: left;
  9051.   margin: 0 0 0 32px;
  9052.   color: inherit !important;
  9053. }
  9054.  
  9055. .l-top_menu .inner .logo {
  9056.   float: none;
  9057.   position: static;
  9058.   width: auto;
  9059.   height: auto;
  9060.   padding: 1em;
  9061.   margin: 0;
  9062.   background: none;
  9063.   line-height: 1em;
  9064. }
  9065.  
  9066. .l-top_menu .inner .logo::before {
  9067.   content: 'Главная';
  9068.   display: block;
  9069.   color: inherit;
  9070. }
  9071.  
  9072. @media only screen and (min-width: 320px) {
  9073.   .l-top_menu .inner .logo::before {
  9074.     content: 'Shikimori';
  9075.     font-size: 20px;
  9076.     text-transform: uppercase;
  9077.   }
  9078. }
  9079.  
  9080. @media only screen and (min-width: 1025px) {
  9081.   .l-top_menu .inner .logo::before {
  9082.     font-size: 18px;
  9083.   }
  9084. }
  9085.  
  9086. /* Цвет текста пунктов меню при наведении */
  9087. /* Цвет текста активных пунктов меню */
  9088. /* По умолчанию: цвет текста наследуется от меню */
  9089. .l-top_menu .menu-items > .entry.selected,
  9090. .l-top_menu .menu-items > .entry > a:active {
  9091.   color: inherit !important;
  9092. }
  9093.  
  9094. /* Цвет текста пунктов меню при наведении */
  9095. /* По умолчанию: цвет текста наследуется от меню */
  9096. .l-top_menu .menu-items > .entry:hover {
  9097.   color: inherit;
  9098. }
  9099.  
  9100. /* ВЫПАДАЮЩЕЕ МЕНЮ */
  9101. @media only screen and (min-width: 1025px) {
  9102.   /* Цвет фона выпадающего меню при наведении */
  9103.   .l-top_menu .submenu,
  9104.   .b-main_search ul.popup {
  9105.     background: #2D2D2D;
  9106.   }
  9107.   /* Цвет пунктов выпадающего меню при щелчке */
  9108.   /* Цвет активных пунктов выпадающего меню */
  9109.   /* По умолчанию: затемненный цвет фона выпадающего меню */
  9110.   .l-top_menu .submenu > .entry:active,
  9111.   .l-top_menu .submenu > .entry.active {
  9112.     background-color: rgba(0, 0, 0, 0.24);
  9113.   }
  9114.   /* Цвет пунктов выпадающего меню при наведении */
  9115.   /* По умолчанию: осветленный цвет фона выпадающего меню */
  9116.   .l-top_menu .submenu > .entry:hover {
  9117.     background-color: rgba(255, 255, 255, 0.24);
  9118.   }
  9119.   /* Цвет текста выпадающих меню */
  9120.   /* По умолчанию: цвет текста наследуется от меню */
  9121.   .l-top_menu .menu-search > .entry,
  9122.   .l-top_menu .menu-userbox > .entry,
  9123.   .l-top_menu .submenu {
  9124.     color: inherit;
  9125.   }
  9126.   /* Цвет текста выпадающих меню при щелчке */
  9127.   /* Цвет текста активных пунктов выпадающего меню */
  9128.   /* По умолчанию: цвет текста наследуется от выпадающего меню */
  9129.   .l-top_menu .submenu > .entry:active,
  9130.   .l-top_menu .submenu > .entry.active,
  9131.   .b-main_search .popup li:active,
  9132.   .b-main_search .popup li.active {
  9133.     color: inherit;
  9134.   }
  9135.   /* Цвет текста выпадающих меню при наведении */
  9136.   /* По умолчанию: цвет текста наследуется от выпадающего меню */
  9137.   .l-top_menu .submenu > .entry:hover,
  9138.   .b-main_search .popup li:hover {
  9139.     color: inherit;
  9140.   }
  9141.   /* ЦВЕТА ПОИСКА */
  9142.   /* Фон строки поиска  */
  9143.   .b-main_search .input {
  9144.     background: rgba(250, 250, 250, 0.06);
  9145.     color: inherit;
  9146.   }
  9147.   /* Набираемый текст в строке поиска  */
  9148.   .b-main_search .input input {
  9149.     color: inherit;
  9150.   }
  9151.   /* Вспомогательный текст в строке поиска  */
  9152.   .b-main_search input::-webkit-input-placeholder {
  9153.     color: rgba(250, 250, 250, 0.56);
  9154.   }
  9155.   .b-main_search input:-moz-placeholder {
  9156.     color: rgba(250, 250, 250, 0.56);
  9157.   }
  9158.   .b-main_search input::-moz-placeholder {
  9159.     color: rgba(250, 250, 250, 0.56);
  9160.   }
  9161.   .b-main_search input:-ms-input-placeholder {
  9162.     color: rgba(250, 250, 250, 0.56);
  9163.   }
  9164. }
  9165.  
  9166. /* ОБЩИЕ ЦВЕТА ПОИСКА */
  9167. .b-main_search .popup li:hover {
  9168.   background-color: rgba(255, 255, 255, 0.24);
  9169. }
  9170.  
  9171. .b-main_search .popup li.active,
  9172. .b-main_search .popup li:active {
  9173.   background-color: rgba(0, 0, 0, 0.24);
  9174. }
  9175.  
  9176. .l-top_menu .entry,
  9177. .b-main_search .popup li,
  9178. .b-main_search .popup li:hover,
  9179. .b-main_search .popup li:active {
  9180.   color: inherit;
  9181. }
  9182.  
  9183. /* ЦВЕТ ИКОНОК в меню (для мобильной версии) */
  9184. /* По умолчанию: цвет текста наследуется от меню */
  9185. .l-top_menu .to-mobile-forum,
  9186. .l-top_menu .menu-mobile .search,
  9187. .l-top_menu .menu-mobile .menu,
  9188. .l-top_menu .menu-mobile #sign_in,
  9189. .l-top_menu .menu-userbox .search,
  9190. .l-top_menu .menu-userbox .menu,
  9191. .l-top_menu .menu-userbox #sign_in {
  9192.   color: inherit;
  9193. }
  9194.  
  9195. /* END of Настройка цветов в меню */
  9196. /* NOTE: Максимальное разрешение SONY Xperia Z Ultra: 960x540px */
  9197. @media screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape) {
  9198.   .l-top_menu {
  9199.     padding: 0;
  9200.   }
  9201.   .l-page {
  9202.     padding-top: 64px;
  9203.   }
  9204. }
  9205.  
  9206. /* На планшетах и далее, высота меню равна 56px */
  9207. @media screen and (min-width: 961px) and (orientation: landscape) {
  9208.   .l-top_menu {
  9209.     padding: 4px 0;
  9210.   }
  9211. }
  9212.  
  9213. .l-top_menu .to-mobile-forum {
  9214.   display: inline-block;
  9215.   vertical-align: top;
  9216.   position: static;
  9217.   left: 138px;
  9218.   width: 40px;
  9219.   height: 40px;
  9220.   padding: 8px;
  9221.   margin: 4px !important;
  9222. }
  9223.  
  9224. .l-top_menu .to-mobile-forum:before {
  9225.   width: 1.5rem;
  9226.   line-height: 1.5rem;
  9227.   text-align: center;
  9228.   font-size: 24px;
  9229. }
  9230.  
  9231. .l-top_menu .mobile-menu-toggler,
  9232. .l-top_menu .mobile-search-toggler {
  9233.   position: absolute;
  9234.   top: 0;
  9235.   z-index: 10;
  9236. }
  9237.  
  9238. .l-top_menu .mobile-menu-toggler {
  9239.   left: -.125em;
  9240. }
  9241.  
  9242. .l-top_menu .mobile-search-toggler {
  9243.   right: 56px;
  9244. }
  9245.  
  9246. .l-top_menu .mobile-search-toggler.active {
  9247.   background-color: transparent;
  9248. }
  9249.  
  9250. /* Перерисовываем меню сайта под Material */
  9251. .l-top_menu .mobile-menu-toggler.active {
  9252.   position: fixed;
  9253.   top: 0;
  9254.   left: 0;
  9255.   width: 100% !important;
  9256.   height: 100% !important;
  9257.   margin: 0 !important;
  9258.   background-color: #000;
  9259.   z-index: 12;
  9260.   opacity: .48;
  9261. }
  9262.  
  9263. @media (max-width: 1024px) {
  9264.   .l-top_menu .menu-items {
  9265.     position: absolute;
  9266.     top: 0;
  9267.     left: -.375em;
  9268.     width: calc(100% - 56px);
  9269.     max-width: 320px;
  9270.     height: calc(100vh + 16px);
  9271.     padding: 8px 0;
  9272.     margin: -8px 0;
  9273.     overflow-y: auto;
  9274.     z-index: 13;
  9275.   }
  9276.   /* EXPERIMENTAL > ANIMATED MOBILE MENU */
  9277.   .l-top_menu .menu-items {
  9278.     display: block;
  9279.     -webkit-transform: translate(-110%, 0);
  9280.     -ms-transform: translate(-110%, 0);
  9281.     transform: translate(-110%, 0);
  9282.     transition: 240ms ease-out;
  9283.   }
  9284.   .l-top_menu .menu-items.active {
  9285.     -webkit-transform: translate(0, 0);
  9286.     -ms-transform: translate(0, 0);
  9287.     transform: translate(0, 0);
  9288.   }
  9289.   /* END of EXPERIMENTAL */
  9290. }
  9291.  
  9292. @media (min-width: 960px) and (max-width: 1024px) {
  9293.   .l-top_menu .menu-items {
  9294.     left: -.875em;
  9295.   }
  9296. }
  9297.  
  9298. @media only screen and (min-width: 320px) {
  9299.   .l-top_menu .inner > a:first-child {
  9300.     margin: 0 0 0 40px;
  9301.   }
  9302. }
  9303.  
  9304. @media only screen and (min-width: 360px) {
  9305.   .l-top_menu .inner > a:first-child {
  9306.     margin: 0 0 0 50px;
  9307.   }
  9308. }
  9309.  
  9310. @media only screen and (min-width: 1025px) {
  9311.   .l-top_menu .inner > a:first-child {
  9312.     margin: 0;
  9313.   }
  9314. }
  9315.  
  9316. @media only screen and (min-width: 1025px) {
  9317.   .l-top_menu .to-mobile-forum {
  9318.     display: none;
  9319.   }
  9320.   .l-top_menu .menu-items {
  9321.     margin-left: 0;
  9322.     background-color: transparent;
  9323.   }
  9324.   .l-top_menu .menu-items > .entry:active {
  9325.     background-color: inherit;
  9326.   }
  9327.   .l-top_menu .menu-items > .entry:active,
  9328.   .l-top_menu .submenu > .entry:active,
  9329.   .l-top_menu .menu-items > .entry > a {
  9330.     color: inherit !important;
  9331.   }
  9332.   .l-top_menu .menu-items > .entry > .submenu {
  9333.     margin-top: 4px;
  9334.     margin-left: 0;
  9335.   }
  9336.   .l-top_menu .submenu.right {
  9337.     right: 0px;
  9338.     margin-top: 4px;
  9339.   }
  9340.   .b-main_search ul.popup,
  9341.   .b-main_search.hovered .popup {
  9342.     margin: 0;
  9343.     margin-top: 12px;
  9344.   }
  9345.   .l-top_menu .submenu > .entry,
  9346.   .b-main_search .popup li {
  9347.     color: inherit;
  9348.   }
  9349.   .b-main_search.hovered .popup {
  9350.     height: 304px;
  9351.   }
  9352.   .l-top_menu .menu-items > .entry.calendar > a,
  9353.   .l-top_menu .menu-items > .entry.info > a {
  9354.     padding: 0.9375rem;
  9355.   }
  9356.   .l-top_menu .menu-items > .entry.calendar > a:before,
  9357.   .l-top_menu .menu-items > .entry.info > a:before {
  9358.     display: block !important;
  9359.   }
  9360.   .l-top_menu .menu-items > .entry.calendar > a:after,
  9361.   .l-top_menu .menu-items > .entry.info > a:after {
  9362.     display: none;
  9363.   }
  9364. }
  9365.  
  9366. .l-top_menu .menu-items > .entry {
  9367.   float: none;
  9368.   display: block;
  9369.   padding: 0;
  9370.   border: 0;
  9371.   line-height: inherit;
  9372. }
  9373.  
  9374. @media (min-width: 1025px) {
  9375.   .l-top_menu .menu-items > .entry {
  9376.     display: inline-block;
  9377.     vertical-align: top;
  9378.   }
  9379. }
  9380.  
  9381. .l-top_menu .inner > a:first-child,
  9382. .l-top_menu .menu-items > .entry > a {
  9383.   opacity: .87;
  9384.   transition: 0.24s cubic-bezier(0.4, 0, 0.2, 1);
  9385. }
  9386.  
  9387. .l-top_menu .inner > a:first-child:hover,
  9388. .l-top_menu .menu-items > .entry > a:hover {
  9389.   background-color: transparent !important;
  9390.   opacity: 1;
  9391. }
  9392.  
  9393. .l-top_menu .menu-items > .entry.selected,
  9394. .l-top_menu .menu-items > .entry:hover {
  9395.   background-color: transparent;
  9396. }
  9397.  
  9398. .l-top_menu .menu-items > .entry > a,
  9399. .l-top_menu .menu-items > .entry.sign_out {
  9400.   padding: 1rem;
  9401.   margin: 0;
  9402.   font-size: inherit;
  9403.   line-height: 1rem;
  9404. }
  9405.  
  9406. .l-top_menu .menu-items > .entry > .contest {
  9407.   width: auto;
  9408.   height: auto;
  9409.   margin: auto;
  9410.   background: inherit;
  9411. }
  9412.  
  9413. .l-top_menu .menu-items > .entry > .contest::before {
  9414.   position: static;
  9415.   margin: 0;
  9416.   color: inherit;
  9417. }
  9418.  
  9419. @media screen and (min-width: 1025px) {
  9420.   .l-top_menu .inner .logo,
  9421.   .l-top_menu .menu-items > .entry > a,
  9422.   .l-top_menu .menu-items > .entry.sign_out {
  9423.     padding: 1em 0.625rem;
  9424.   }
  9425. }
  9426.  
  9427. /* Текст вместо иконок в верхнем меню */
  9428. .l-top_menu .menu-items > .entry.calendar > a,
  9429. .l-top_menu .menu-items > .entry.info > a {
  9430.   padding: 1em;
  9431.   margin: 0;
  9432.   line-height: 1;
  9433. }
  9434.  
  9435. .l-top_menu .menu-items > .entry.calendar > a::before,
  9436. .l-top_menu .menu-items > .entry.info > a::before {
  9437.   display: none !important;
  9438. }
  9439.  
  9440. @media only screen and (min-width: 1025px) {
  9441.   .l-top_menu .menu-items > .entry.calendar > a::before,
  9442.   .l-top_menu .menu-items > .entry.info > a::before {
  9443.     display: block !important;
  9444.   }
  9445. }
  9446.  
  9447. @media only screen and (min-width: 1025px) {
  9448.   .l-top_menu .menu-items > .entry.calendar > a::after,
  9449.   .l-top_menu .menu-items > .entry.info > a::after {
  9450.     display: none;
  9451.   }
  9452. }
  9453.  
  9454. [data-locale="ru"] .l-top_menu .menu-items > .entry.calendar > a::after {
  9455.   content: 'Календарь онгоингов';
  9456. }
  9457.  
  9458. [data-locale="en"] .l-top_menu .menu-items > .entry.calendar > a::after {
  9459.   content: 'Calendar';
  9460. }
  9461.  
  9462. [data-locale="ru"] .l-top_menu .menu-items > .entry.info > a::after {
  9463.   content: 'Информация';
  9464. }
  9465.  
  9466. [data-locale="en"] .l-top_menu .menu-items > .entry.info > a::after {
  9467.   content: 'Info';
  9468. }
  9469.  
  9470. /* END of Текст вместо иконок в верхнем меню */
  9471. /* Уведомления о голосованиях */
  9472. .l-top_menu .menu-items > .entry > a.contest {
  9473.   position: relative;
  9474. }
  9475.  
  9476. .l-top_menu .menu-items > .entry > a.contest:hover {
  9477.   background-color: transparent !important;
  9478. }
  9479.  
  9480. .l-top_menu .menu-items > .entry > a.contest:after {
  9481.   content: attr(data-count);
  9482.   position: absolute;
  9483.   top: .125rem;
  9484.   right: .125rem;
  9485.   width: 1.25rem;
  9486.   background-color: #B78BC7;
  9487.   border-radius: 50%;
  9488.   color: #212121;
  9489.   font-size: .75rem;
  9490.   line-height: 1.25rem;
  9491.   text-align: center;
  9492. }
  9493.  
  9494. @media screen and (min-width: 1025px) {
  9495.   .l-top_menu .menu-items > .entry > a.contest {
  9496.     margin-left: -0.625rem;
  9497.   }
  9498.   .l-top_menu .menu-items > .entry > a.contest:after {
  9499.     top: 0;
  9500.     right: 0;
  9501.   }
  9502. }
  9503.  
  9504. /* END of Уведомления о голосованиях */
  9505. .l-top_menu .submenu,
  9506. .b-main_search ul.popup {
  9507.   min-width: 112px;
  9508.   border: 0;
  9509. }
  9510.  
  9511. .b-main_search .popup li {
  9512.   transition: 0s;
  9513. }
  9514.  
  9515. .l-top_menu .submenu > .entry {
  9516.   height: auto;
  9517.   padding: 0.5rem 0.625rem;
  9518.   background-color: transparent;
  9519.   border: 0;
  9520.   font-family: inherit;
  9521.   font-size: .875rem;
  9522.   line-height: 1rem;
  9523. }
  9524.  
  9525. .l-top_menu .submenu > .entry:first-child,
  9526. .b-main_search ul.popup li:first-child {
  9527.   margin-top: .5rem;
  9528. }
  9529.  
  9530. .l-top_menu .submenu > .entry:last-child,
  9531. .b-main_search ul.popup li:last-child {
  9532.   margin-bottom: .5rem;
  9533. }
  9534.  
  9535. .l-top_menu .menu-items .submenu-toggler {
  9536.   right: 0;
  9537.   width: 48px;
  9538.   height: 48px;
  9539.   padding: .75rem;
  9540.   margin: 0;
  9541.   z-index: 10;
  9542. }
  9543.  
  9544. .l-top_menu .menu-items .submenu-toggler:before {
  9545.   width: 24px;
  9546.   line-height: 24px;
  9547. }
  9548.  
  9549. @media screen and (min-width: 1025px) {
  9550.   .l-top_menu .menu-items .submenu-toggler,
  9551.   .l-top_menu .inner .sign_out {
  9552.     display: none;
  9553.   }
  9554.   .l-top_menu .menu-items > .entry {
  9555.     color: inherit;
  9556.   }
  9557. }
  9558.  
  9559. @media screen and (max-width: 1024px) {
  9560.   .l-top_menu .submenu {
  9561.     padding-left: 32px;
  9562.   }
  9563. }
  9564.  
  9565. /* TOPMENU | SEARCH */
  9566. .l-top_menu .menu-search {
  9567.   padding: 8px 0;
  9568. }
  9569.  
  9570. @media screen and (min-width: 1025px) {
  9571.   .l-top_menu .menu-search {
  9572.     padding: 0;
  9573.   }
  9574.   .l-top_menu .menu-search > .entry {
  9575.     width: 224px;
  9576.     padding: 8px 0 !important;
  9577.   }
  9578. }
  9579.  
  9580. .b-main_search {
  9581.   padding-right: 8px !important;
  9582.   padding-left: 8px !important;
  9583. }
  9584.  
  9585. .b-main_search .input {
  9586.   position: relative;
  9587.   width: auto;
  9588.   height: 2rem;
  9589.   padding: 0;
  9590.   margin: 0;
  9591.   transition: background .3s;
  9592. }
  9593.  
  9594. .b-main_search.hovered .popup {
  9595.   border: 0;
  9596.   font-size: .875rem;
  9597. }
  9598.  
  9599. .b-main_search ul.popup li {
  9600.   width: auto;
  9601.   height: 2rem;
  9602.   padding: 0.5rem 0.625rem;
  9603.   border: 0;
  9604.   font-family: inherit;
  9605.   font-size: .875rem;
  9606.   line-height: 1rem;
  9607. }
  9608.  
  9609. .b-main_search .input input {
  9610.   width: 100%;
  9611.   padding: 0 0.625rem;
  9612.   font-family: inherit;
  9613.   font-size: 1rem;
  9614.   line-height: 2rem;
  9615. }
  9616.  
  9617. .b-main_search .input input.ac_loading {
  9618.   width: 100%;
  9619.   padding: 0 0.625rem;
  9620. }
  9621.  
  9622. .b-main_search ul.popup {
  9623.   width: inherit;
  9624. }
  9625.  
  9626. /* END of SEARCH */
  9627. /* TOPMENU | SEARCHRESULT */
  9628. .ac_results.menu-suggest,
  9629. .completable-block.menu-suggest {
  9630.   border: 0;
  9631.   box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.24);
  9632. }
  9633.  
  9634. .ac_results,
  9635. .completable-block {
  9636.   font-size: .75rem;
  9637. }
  9638.  
  9639. .ac_odd {
  9640.   background-color: #303030;
  9641. }
  9642.  
  9643. .ac_even {
  9644.   background-color: #424242;
  9645. }
  9646.  
  9647. .ac_over {
  9648.   background-color: rgba(255, 255, 255, 0.24);
  9649. }
  9650.  
  9651. .ac_results li {
  9652.   padding: 0 .5rem;
  9653.   border: none;
  9654.   line-height: 2rem;
  9655. }
  9656.  
  9657. .b-main_search ul.popup,
  9658. .b-main_search.hovered .popup {
  9659.   margin: 0;
  9660. }
  9661.  
  9662. .ac_results.menu-suggest,
  9663. .completable-block.menu-suggest {
  9664.   margin-top: -17px;
  9665.   margin-left: 6px;
  9666. }
  9667.  
  9668. .ac_results .name {
  9669.   font-size: 14px;
  9670. }
  9671.  
  9672. .ac_results .name > strong {
  9673.   background-color: #ff0;
  9674.   color: #111;
  9675. }
  9676.  
  9677. .ac_results .character-suggest .animes {
  9678.   line-height: 1.25rem;
  9679. }
  9680.  
  9681. .ac_results .character-suggest .animes > div {
  9682.   margin: 2px 0 0;
  9683. }
  9684.  
  9685. .ac_results .character-suggest .avatar {
  9686.   width: 40px;
  9687.   height: auto;
  9688.   max-height: 64px;
  9689.   margin: 8px 0 0 8px;
  9690.   clip-path: circle(20px at 20px 20px);
  9691. }
  9692.  
  9693. /* END of SEARCHRESULT */
  9694. /* TOPMENU | USERBOX */
  9695. .l-top_menu .menu-userbox {
  9696.   position: absolute;
  9697.   top: 0;
  9698.   right: 0;
  9699. }
  9700.  
  9701. .l-top_menu .menu-userbox > .entry {
  9702.   position: relative;
  9703.   height: 48px;
  9704.   padding: 0 !important;
  9705.   margin: 0 .625rem 0 1.25rem !important;
  9706.   cursor: default;
  9707. }
  9708.  
  9709. .entry.userbox > .avatar {
  9710.   display: inline-block;
  9711.   vertical-align: top;
  9712.   position: relative;
  9713.   width: 40px;
  9714.   height: 40px;
  9715.   margin: 4px 0;
  9716.   border-radius: 100%;
  9717. }
  9718.  
  9719. .entry.userbox > .avatar:after {
  9720.   content: '';
  9721.   display: block;
  9722.   position: absolute;
  9723.   top: 0;
  9724.   left: 0;
  9725.   width: inherit;
  9726.   height: inherit;
  9727.   border-radius: 100%;
  9728. }
  9729.  
  9730. .entry.userbox > .avatar > img {
  9731.   height: inherit;
  9732. }
  9733.  
  9734. .userbox > a .graphics-arrow-down,
  9735. .l-top_menu .menu-userbox .arrow-container,
  9736. .l-top_menu .menu-userbox .arrow-container .arrow-down {
  9737.   display: none;
  9738. }
  9739.  
  9740. @media screen and (max-width: 1024px) {
  9741.   .userbox img.avatar,
  9742.   .menu .unread-count {
  9743.     margin-top: 0;
  9744.   }
  9745. }
  9746.  
  9747. .menu .unread-count {
  9748.   position: absolute;
  9749.   top: 0;
  9750.   right: 0;
  9751.   width: 1.25rem;
  9752.   height: auto;
  9753.   margin: 0;
  9754.   border-radius: 100%;
  9755.   line-height: 1.25rem;
  9756.   z-index: 1;
  9757. }
  9758.  
  9759. @media screen and (min-width: 1025px) {
  9760.   .l-top_menu .menu-userbox {
  9761.     position: relative;
  9762.   }
  9763. }
  9764.  
  9765. /* END of USERBOX */
  9766. /* TOPMENU | ICON */
  9767. .l-top_menu .menu-mobile .search,
  9768. .l-top_menu .menu-mobile .menu {
  9769.   width: 40px;
  9770.   height: 40px;
  9771.   padding: 8px;
  9772.   margin: 4px;
  9773.   margin-left: 4px !important;
  9774. }
  9775.  
  9776. .l-top_menu .menu-mobile #sign_in,
  9777. .l-top_menu .menu-userbox #sign_in {
  9778.   width: 40px;
  9779.   height: 40px;
  9780.   padding: 8px;
  9781.   margin: 4px;
  9782.   margin-left: 4px !important;
  9783. }
  9784.  
  9785. @media (min-width: 1025px) {
  9786.   .l-top_menu .menu-mobile #sign_in,
  9787.   .l-top_menu .menu-userbox #sign_in {
  9788.     width: 48px;
  9789.     height: 48px;
  9790.     padding: 12px;
  9791.     margin: 0;
  9792.   }
  9793. }
  9794.  
  9795. @media (max-width: 1024px) {
  9796.   .l-top_menu .menu-items > .entry > a.contest {
  9797.     padding: .75em !important;
  9798.   }
  9799. }
  9800.  
  9801. @media (min-width: 1025px) {
  9802.   .l-top_menu .menu-items > .entry.calendar > a,
  9803.   .l-top_menu .menu-items > .entry.info > a,
  9804.   .l-top_menu .menu-items > .entry > a.contest {
  9805.     padding: .875em;
  9806.   }
  9807. }
  9808.  
  9809. .l-top_menu .menu-items > .entry.calendar > a::before,
  9810. .l-top_menu .menu-items > .entry.info > a::before,
  9811. .l-top_menu .menu-items > .entry > a.contest::before {
  9812.   display: block;
  9813.   width: 1em !important;
  9814.   font-size: 24px !important;
  9815.   line-height: 1 !important;
  9816. }
  9817.  
  9818. @media (min-width: 1025px) {
  9819.   .l-top_menu .menu-items > .entry.calendar > a::before,
  9820.   .l-top_menu .menu-items > .entry.info > a::before,
  9821.   .l-top_menu .menu-items > .entry > a.contest::before {
  9822.     font-size: 20px !important;
  9823.   }
  9824. }
  9825.  
  9826.  
  9827.  
  9828.  
  9829. /**
  9830.  * Иконки в меню
  9831.  */
  9832. .l-top_menu .menu-items > .entry > a::before,
  9833. .l-top_menu .menu-items > a::before {
  9834.   display: inline-block;
  9835.   vertical-align: top;
  9836.   font-size: 20px;
  9837.   line-height: 1;
  9838. }
  9839.  
  9840. .l-top_menu .menu-items > .entry.calendar > a::before,
  9841. .l-top_menu .menu-items > .entry.info > a::before {
  9842.   display: inline-block !important;
  9843. }
  9844.  
  9845. .l-top_menu .menu-items > .entry > a[href$='/animes']::before {
  9846.   content: 'ondemand_video';
  9847. }
  9848.  
  9849. .l-top_menu .menu-items > .entry > a[href$='/mangas']::before {
  9850.   content: 'photo_album';
  9851. }
  9852.  
  9853. .l-top_menu .menu-items > .entry > a[href$='/ranobe']::before {
  9854.   content: 'photo_album';
  9855. }
  9856.  
  9857. .l-top_menu .menu-items > .entry > a[href$='/contests']::before {
  9858.   content: 'equalizer';
  9859.   transform: scale(-1, 1);
  9860. }
  9861.  
  9862. .l-top_menu .menu-items > .entry > a[href$='/forum']::before {
  9863.   content: 'forum';
  9864. }
  9865.  
  9866. .l-top_menu .menu-items > .entry > a[href$='/info']::before {
  9867.   content: 'info';
  9868. }
  9869.  
  9870. .l-top_menu .menu-items > .entry > a[href$='/for_right_holders']::before {
  9871.   content: 'copyright';
  9872. }
  9873.  
  9874. .l-top_menu .menu-items > a.entry[href$='/sign_out']::before {
  9875.   content: 'open_in_new';
  9876. }
  9877.  
  9878. @media screen and (max-width: 1024px) {
  9879.   .l-top_menu .menu-items .submenu {
  9880.     padding-left: 3.5em;
  9881.   }
  9882.   .l-top_menu .menu-items .submenu > .entry {
  9883.     display: block;
  9884.     padding: .5em 1em;
  9885.     margin: 0;
  9886.     font-size: 1em;
  9887.   }
  9888.   .l-top_menu .menu-items > .entry.selected > a,
  9889.   .l-top_menu .menu-items .submenu > .entry.active {
  9890.     background-color: rgba(0, 0, 0, 0.12);
  9891.   }
  9892.   .l-top_menu .menu-items > .entry > a,
  9893.   .l-top_menu .menu-items > .entry.calendar > a,
  9894.   .l-top_menu .menu-items > .entry.info > a,
  9895.   .l-top_menu .menu-items > .entry.sign_out {
  9896.     padding: .75em 1rem;
  9897.     line-height: 1.5;
  9898.   }
  9899.   .l-top_menu .menu-items > .entry > a::before,
  9900.   .l-top_menu .menu-items > a::before {
  9901.     margin-right: 32px;
  9902.     color: #BDBDBD;
  9903.     font-size: 24px;
  9904.   }
  9905. }
  9906.  
  9907. @media screen and (min-width: 1025px) {
  9908.   .l-top_menu .menu-items > .entry > a::before,
  9909.   .l-top_menu .menu-items > a::before {
  9910.     display: none;
  9911.   }
  9912. }
  9913.  
  9914.  
  9915.  
  9916.  
  9917. .b-to-top .slide::before {
  9918.   width: 56px;
  9919.   background: #616161;
  9920. }
  9921.  
  9922. .b-to-top .slide::before:hover + .arrow::before {
  9923.   color: #EEEEEE;
  9924. }
  9925.  
  9926. .b-to-top .arrow {
  9927.   top: auto;
  9928.   bottom: 4px;
  9929.   width: 48px;
  9930.   height: 48px;
  9931.   padding: .75em;
  9932.   margin: 0 4px;
  9933.   border-radius: 50%;
  9934.   font: inherit;
  9935.   pointer-events: none;
  9936. }
  9937.  
  9938. .b-to-top .arrow::before {
  9939.   content: 'arrow_upward';
  9940.   color: #BDBDBD;
  9941.   font-family: 'Material Icons';
  9942.   font-size: 24px;
  9943.   line-height: 1;
  9944.   text-shadow: none;
  9945.   letter-spacing: normal;
  9946.   text-transform: none;
  9947.   word-wrap: normal;
  9948.   white-space: nowrap;
  9949.   direction: ltr;
  9950.   /* Support for all WebKit browsers. */
  9951.   -webkit-font-smoothing: antialiased;
  9952.   /* Support for Safari and Chrome. */
  9953.   text-rendering: optimizeLegibility;
  9954.   /* Support for Firefox. */
  9955.   -moz-osx-font-smoothing: grayscale;
  9956.   /* Support for IE. */
  9957.   font-feature-settings: 'liga';
  9958. }
  9959.  
  9960. /**
  9961.  * Dashboard Layout
  9962.  * Изменение положения блоков на главной странице
  9963.  */
  9964. .p-dashboards-show .cc-second .cc-inner {
  9965.   display: none;
  9966. }
  9967.  
  9968. @media screen and (max-width: 767px) and (orientation: landscape) {
  9969.   .p-dashboards-show .cc-second > .c-forum {
  9970.     width: 100%;
  9971.   }
  9972.   .p-dashboards-show .cc-second > .c-forum .b-forums,
  9973.   .p-dashboards-show .cc-second > .c-forum .contests {
  9974.     float: left;
  9975.     width: 48%;
  9976.   }
  9977.   .p-dashboards-show .cc-second > .c-forum .b-forums {
  9978.     margin-right: 4%;
  9979.   }
  9980. }
  9981.  
  9982. @media only screen and (min-width: 768px) {
  9983.   .p-dashboards-show .cc-second {
  9984.     float: right;
  9985.     width: 30.33333%;
  9986.     margin-bottom: 0;
  9987.   }
  9988.   .p-dashboards-show .cc-second > .cc-inner {
  9989.     display: block;
  9990.     float: none;
  9991.     width: 100%;
  9992.     margin: 0;
  9993.   }
  9994.   .p-dashboards-show .cc-second > .cc-inner > .c-content,
  9995.   .p-dashboards-show .cc-second > .cc-inner > .c-my_list {
  9996.     float: none;
  9997.     width: 100%;
  9998.     padding: 0;
  9999.   }
  10000.   .p-dashboards-show .cc-second > .c-forum {
  10001.     float: none;
  10002.     width: 100%;
  10003.   }
  10004.   .p-dashboards-show .cc-second > .c-forum > .b-forums,
  10005.   .p-dashboards-show .cc-second > .c-forum > .block:last-child {
  10006.     margin-bottom: 1.5rem;
  10007.   }
  10008.   .p-dashboards-show .cc-second .cc-inner {
  10009.     display: none;
  10010.   }
  10011. }
  10012.  
  10013. /* END of Dashboard Layout */
  10014. /**
  10015.  * List of User
  10016.  * Список пользователей меняется на карточки пользователей
  10017.  */
  10018. .p-users .b-user.detailed {
  10019.   display: inline-block;
  10020.   vertical-align: top;
  10021.   position: relative;
  10022.   width: 48%;
  10023.   height: auto;
  10024.   min-height: 261px;
  10025.   padding: 8px;
  10026.   margin-right: 4%;
  10027.   margin-bottom: 4%;
  10028.   background-color: #424242;
  10029.   border: 0;
  10030.   border-radius: 2px;
  10031.   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  10032. }
  10033.  
  10034. .p-users .b-user.detailed:nth-child(2n+2) {
  10035.   margin-right: 0;
  10036. }
  10037.  
  10038. .p-users .b-user.detailed::before {
  10039.   content: '';
  10040.   position: absolute;
  10041.   top: 0;
  10042.   right: 0;
  10043.   bottom: 0;
  10044.   left: 0;
  10045.   box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.16);
  10046.   opacity: 0;
  10047.   transition: .3s all;
  10048. }
  10049.  
  10050. .p-users .b-user.detailed:hover::before {
  10051.   opacity: 1;
  10052. }
  10053.  
  10054. .p-users .b-user.detailed .info,
  10055. .p-users .b-user.detailed .history {
  10056.   clear: both;
  10057.   float: none;
  10058.   width: 100%;
  10059.   margin: 0;
  10060. }
  10061.  
  10062. .p-users .b-user.detailed .info .image-name {
  10063.   display: block;
  10064.   padding: 16px 0;
  10065.   margin: auto;
  10066.   text-align: center;
  10067. }
  10068.  
  10069. .p-users .b-user.detailed .info .image-name .name {
  10070.   position: absolute;
  10071.   top: 0;
  10072.   right: 0;
  10073.   bottom: 0;
  10074.   left: 0;
  10075.   padding: 97px 0 0;
  10076.   line-height: 32px;
  10077.   text-overflow: ellipsis;
  10078.   white-space: nowrap;
  10079.   overflow: hidden;
  10080. }
  10081.  
  10082. .p-users .b-user.detailed .info .image-name .image {
  10083.   clear: both;
  10084.   float: none;
  10085.   display: block;
  10086.   padding: 0;
  10087.   margin: auto auto 24px;
  10088.   border-radius: 100%;
  10089. }
  10090.  
  10091. .p-users .b-user.detailed .info .last-online {
  10092.   color: #9B9B9B;
  10093.   text-align: center;
  10094. }
  10095.  
  10096. .p-users .b-user.detailed .history {
  10097.   padding-top: 8px;
  10098.   margin-top: 0;
  10099.   font-size: 12px;
  10100.   line-height: 20px;
  10101. }
  10102.  
  10103. @media (min-width: 540px) {
  10104.   .p-users .b-user.detailed {
  10105.     width: 32%;
  10106.     margin-right: 2%;
  10107.     margin-bottom: 2%;
  10108.   }
  10109.   .p-users .b-user.detailed:nth-child(2n+2) {
  10110.     margin-right: 2%;
  10111.   }
  10112.   .p-users .b-user.detailed:nth-child(3n+3) {
  10113.     margin-right: 0;
  10114.   }
  10115. }
  10116.  
  10117. @media (min-width: 768px) {
  10118.   .p-users .b-user.detailed {
  10119.     width: 23.5%;
  10120.     margin-right: 2%;
  10121.     margin-bottom: 2%;
  10122.   }
  10123.   .p-users .b-user.detailed:nth-child(2n+2) {
  10124.     margin-right: 2%;
  10125.   }
  10126.   .p-users .b-user.detailed:nth-child(3n+3) {
  10127.     margin-right: 2%;
  10128.   }
  10129.   .p-users .b-user.detailed:nth-child(4n+4) {
  10130.     margin-right: 0;
  10131.   }
  10132. }
  10133.  
  10134. @media (min-width: 960px) {
  10135.   .p-users .b-user.detailed {
  10136.     width: 18.4%;
  10137.     margin-right: 2%;
  10138.     margin-bottom: 2%;
  10139.   }
  10140.   .p-users .b-user.detailed:nth-child(2n+2) {
  10141.     margin-right: 2%;
  10142.   }
  10143.   .p-users .b-user.detailed:nth-child(3n+3) {
  10144.     margin-right: 2%;
  10145.   }
  10146.   .p-users .b-user.detailed:nth-child(4n+4) {
  10147.     margin-right: 2%;
  10148.   }
  10149.   .p-users .b-user.detailed:nth-child(5n+5) {
  10150.     margin-right: 0;
  10151.   }
  10152. }
  10153.  
  10154. @media (min-width: 1200px) {
  10155.   .p-users.x1200 .b-user.detailed {
  10156.     width: 15%;
  10157.     margin-right: 2%;
  10158.     margin-bottom: 2%;
  10159.   }
  10160.   .p-users.x1200 .b-user.detailed:nth-child(2n+2) {
  10161.     margin-right: 2%;
  10162.   }
  10163.   .p-users.x1200 .b-user.detailed:nth-child(3n+3) {
  10164.     margin-right: 2%;
  10165.   }
  10166.   .p-users.x1200 .b-user.detailed:nth-child(4n+4) {
  10167.     margin-right: 2%;
  10168.   }
  10169.   .p-users.x1200 .b-user.detailed:nth-child(5n+5) {
  10170.     margin-right: 2%;
  10171.   }
  10172.   .p-users.x1200 .b-user.detailed:nth-child(6n+6) {
  10173.     margin-right: 0;
  10174.   }
  10175. }
  10176.  
  10177. /* END of List of User */
  10178. /**
  10179.  * Profile Content
  10180.  */
  10181. /* Lifetime */
  10182. .p-profiles .lifetime {
  10183.   margin-bottom: 0;
  10184.   min-height: 0;
  10185. }
  10186.  
  10187. .p-profiles .lifetime .bar,
  10188. .p-profiles .lifetime .times {
  10189.   display: none;
  10190. }
  10191.  
  10192. .p-profiles .lifetime .title .value {
  10193.   height: 16px;
  10194.   margin-top: 0;
  10195.   line-height: 16px;
  10196. }
  10197.  
  10198. .p-profiles .lifetime .title > .label {
  10199.   font-size: 0;
  10200.   line-height: 0;
  10201. }
  10202.  
  10203. .p-profiles .lifetime .title > .label::before {
  10204.   display: block;
  10205.   font-size: 0.875rem;
  10206.   line-height: 1rem;
  10207. }
  10208.  
  10209. .profile-content .activity .title {
  10210.   display: none;
  10211. }
  10212.  
  10213. .p-profiles[data-locale="ru"] .lifetime .title > .label:before {
  10214.   content: 'Активность';
  10215. }
  10216.  
  10217. .p-profiles[data-locale="en"] .lifetime .title > .label:before {
  10218.   content: 'Time spent';
  10219. }
  10220.  
  10221. /* Layout */
  10222. .p-profiles .profile-content .cc-2 .c-right .cc-2a {
  10223.   margin-bottom: 16px !important;
  10224. }
  10225.  
  10226. @media (min-width: 768px) {
  10227.   .p-profiles .profile-content .graph {
  10228.     height: 155px;
  10229.   }
  10230.   .p-profiles .profile-content .cc-2 > .c-column {
  10231.     width: 100%;
  10232.     margin-bottom: 1rem;
  10233.   }
  10234.   .p-profiles .profile-content .cc-2 .activity {
  10235.     padding-bottom: 1rem;
  10236.   }
  10237. }
  10238.  
  10239. @media (min-width: 960px) {
  10240.   .p-profiles .profile-content .cc-2 {
  10241.     position: relative;
  10242.   }
  10243.   .p-profiles .profile-content .cc-2 .c-left {
  10244.     position: relative;
  10245.     width: calc(77% - 16px);
  10246.     min-height: 220px;
  10247.     padding-right: 40px;
  10248.     margin-right: 0;
  10249.     margin-bottom: 1.5rem;
  10250.     z-index: 1;
  10251.   }
  10252.   .p-profiles .profile-content .cc-2 .c-right .cc-2a {
  10253.     width: calc(23% + 16px);
  10254.     padding-left: 16px;
  10255.     margin-left: -16px;
  10256.     overflow: hidden;
  10257.   }
  10258.   .p-profiles .profile-content .cc-2 .c-right .cc-2a > .c-column {
  10259.     clear: both;
  10260.     width: 100%;
  10261.     margin: 0;
  10262.   }
  10263.   .p-profiles .profile-content .c-right:last-child {
  10264.     float: none;
  10265.   }
  10266.   .p-profiles .profile-content .c-right > .block:last-child {
  10267.     clear: both;
  10268.   }
  10269. }
  10270.  
  10271. /* END of Profile Content */
  10272.  
  10273.  
  10274.  
  10275.  
  10276.  
  10277.  
  10278.  
  10279.  
  10280.  
  10281.  
  10282. /* МОИ НАСТРОЙКИ */
  10283. /* Фон страницы */
  10284. body {
  10285.   background-image: none;
  10286. }
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!