API tools faq
paste
RAX4R

SHIKIMORI

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