API tools faq
paste
Guest User

Untitled

a guest
Mar 7th, 2019
85
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 260.70 KB | None | 0 0
raw download clone embed print report
  1. /* SPECIAL CODE */
  2. /* Широкое полотно стиля */
  3. .b-edit_styles > .c-column {
  4. width: 100%;
  5. }
  6.  
  7. /* Убираем лишние элементы настроек */
  8. .page_background_color {
  9. display: none;
  10. }
  11.  
  12. /* SPECIAL CODE | END */
  13.  
  14.  
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21.  
  22.  
  23. /* FONT COLLECTION */
  24. body, input, select, button, textarea {
  25. font-family: 'Arial', sans-serif;
  26. }
  27.  
  28. .b-show_more,
  29. .b-show_more-more .hide-more,
  30. .l-footer:before,
  31. .b-sponsors_block_3:before,
  32. .l-top_menu .inner .logo:before,
  33. .b-user_rate .rate-show .note:before,
  34. .button,
  35. .buttons,
  36. .b-contests-menu .results,
  37. .b-link_button,
  38. input[type=submit],
  39. .mischeadline,
  40. .c-my_list .title,
  41. .subheadline,
  42. .midheadline,
  43. .b-stats_bar .title,
  44. .profile-content .activity .title,
  45. .lifetime .title,
  46. .midheadline > a,
  47. .subheadline > a,
  48. .b-form .cancel,
  49. .b-shiki_editor footer .unpreview,
  50. .b-shiki_editor footer .preview,
  51. .p-contests .contest-match .vs .refrain,
  52. .p-contests .contest-match .votes-percents,
  53. .p-contests .contest-match .vs > div:first-child,
  54. .p-contests .contest-match .vs .next,
  55. .b-lang_trigger,
  56. .b-topic > .inner > header .about a,
  57. .b-topic-preview > .inner .status-line .b-link,
  58. .b-hot_topics .topic.subject,
  59. div.compatibility > a > span.rate,
  60. div.compatibility > span.link-replacement > span.rate,
  61. .b-abuse_marker:before,
  62. .b-broadcast_marker:before,
  63. .b-new_marker:before,
  64. .b-offtopic_marker:before,
  65. .b-summary_marker:before,
  66. .b-options-floated,
  67. .p-profiles-edit .b-options-floated > a,
  68. .p-dialogs .b-options-floated > a,
  69. .p-messages .b-options-floated > a,
  70. .b-options-floated a span.brackets,
  71. .b-options-floated .link span.brackets,
  72. .p-user_rates .mylist-block + .block > .b-list > li,
  73. .b-collection-filters > .block:first-child > .b-list > li,
  74. .b-collection-filters > .block:first-child > .b-list > li,
  75. .b-collection-filters .block-list .filter,
  76. .b-collection-filters .b-block_list .filter,
  77. .edit-page a.cancel,
  78. .b-topic-preview > .editor-container .hide,
  79. .b-button,
  80. .p-clubs-edit .pages .b-button,
  81. .p-profiles-show .lifetime .times .time.checked,
  82. .p-anime_videos-index .c-videos .video-variant-switcher {
  83. font-weight: 700;
  84. }
  85.  
  86. .b-topic .name-date .name,
  87. .b-comment .name-date .name,
  88. .b-dialog .name-date .name,
  89. text,
  90. .highcharts-tooltip text tspan:last-child {
  91. font-weight: 700 !important;
  92. }
  93.  
  94. @media only screen and (min-width: 768px) {
  95. .about-bb_codes:before {
  96. font-weight: 700 !important;
  97. }
  98. }
  99.  
  100. @media screen and (min-width: 1025px) {
  101. .b-entry-info .line .value {
  102. font-weight: 400 !important;
  103. }
  104. }
  105.  
  106. /* END of FONT COLLECTION */
  107.  
  108.  
  109.  
  110.  
  111.  
  112.  
  113.  
  114.  
  115.  
  116.  
  117. /* НАСТРОЙКА ЦВЕТОВ */
  118. /* Цвет текста ссылки по умолчанию */
  119. a {
  120. color: #8251b3;
  121. }
  122.  
  123. /* Цвет ссылки при наведении */
  124. a:hover {
  125. color: #9e6eee;
  126. }
  127.  
  128. /* Цвет ссылки при нажатии */
  129. @media only screen and (min-width: 1025px) {
  130. a:active {
  131. color: #9e6eee;
  132. }
  133. }
  134.  
  135. .b-abuse_request .ban-form .cancel,
  136. .b-ban .abuser,
  137. .b-bb_codes-examples .example a,
  138. .b-bb_codes-examples .result a,
  139. .b-bracket-actions > div,
  140. .b-bracket-actions > span,
  141. .b-catalog_entry-tooltip .inner a.name,
  142. .b-catalog_entry-tooltip .inner .line .value a,
  143. .b-catalog_entry-tooltip .inner .line.works .value a,
  144. .b-catalog_entry .cover .title,
  145. .b-club .name,
  146. .b-comment > .inner header .name-date a.name,
  147. .b-comments .comments-collapser,
  148. .b-cosplay-topic > .inner .cosplay-info .line .value a,
  149. .b-cosplay_gallery h3 a,
  150. .b-db_entry-note .name-container .name,
  151. .b-db_entry > .c-about .additional-links .line-container > .link,
  152. .b-db_entry > .c-about .additional-links .line-container > a,
  153. .b-dialog > .inner header .name-date a.name,
  154. .b-entry-info .line a,
  155. .b-feedback-inner .about a,
  156. .b-form .variants .variant a,
  157. .b-form .cancel,
  158. .b-forums .forum .link-with-input .link,
  159. .b-forums .reload,
  160. .b-header_filters .filter-line a,
  161. .b-height_shortener .expand,
  162. .b-js-action,
  163. .b-js-link,
  164. .b-lang_trigger span,
  165. .b-link,
  166. .b-log_entry a,
  167. .b-log_entry .link,
  168. .b-log_entry .moderation a,
  169. .b-log_entry .spoiler.collapsed,
  170. .b-log_entry .spoiler.collapse,
  171. .b-log_entry .spoiler.collapse span,
  172. .b-log_entry .spoiler.collapsed span,
  173. .b-mention,
  174. .b-message > .inner header .name-date a.name,
  175. .b-nothing_here a,
  176. .b-options-floated a,
  177. .b-options-floated .link,
  178. .b-options-floated .action,
  179. .b-options-floated.mobile-desktop a,
  180. .b-person .name,
  181. .b-shiki_editor footer .unpreview,
  182. .b-shiki_editor footer .unpreview:not(.link),
  183. .b-shiki_editor footer .cancel,
  184. .b-shiki_editor footer .hide,
  185. .b-shiki_editor footer .about-bb_codes,
  186. .b-source .contributors .val a,
  187. .b-source .mal .val a,
  188. .b-source .source .val a,
  189. .b-spoiler .content .before,
  190. .b-spoiler .content .after,
  191. .b-spoiler label,
  192. .b-stats_bar a.title,
  193. .b-table a,
  194. .b-topic > .inner header .name-date a.name,
  195. .b-topic .footer-vote .vote-group .vote,
  196. .b-user.named_avatar .name,
  197. .b-user.detailed .info .image-name,
  198. .b-user.detailed .history .line a .event,
  199. .b-user16,
  200. header.head h1 a.back,
  201. header.head h2 a.back,
  202. header.head a.misc,
  203. header.head a.edit,
  204. .headline > a,
  205. .midheadline > a,
  206. .subheadline > a,
  207. .subheadline .misc-link,
  208. .b-video_player .cc-player_controls a.c-control,
  209. .b-video_player .cc-player_controls .episode-title .video-link a,
  210. .b-video_variant a,
  211. .b-animes-menu .menu-topics-block .history-entry-tooltip a,
  212. .p-animes-files .l-content a,
  213. .p-mangas-files .l-content a,
  214. div.history .block-list li .tooltip-inner a,
  215. div.history .b-block_list li .tooltip-inner a,
  216. .p-animes_collection-index .pagination .link,
  217. .p-mangas_collection-index .pagination .link,
  218. .p-recommendations-index .pagination .link,
  219. .p-userlist_comparer-show .pagination .link,
  220. .p-contests-edit .grid,
  221. .p-contests .match-day .match-link a,
  222. .p-contests .rating .member a,
  223. .p-contests .results a,
  224. .p-contests .suggestion > a,
  225. .p-contests .variant > a,
  226. .b-contests-menu .results,
  227. .b-contests-menu .grid a,
  228. .p-contests-grid .round .match a,
  229. .p-contests-index .contest a,
  230. .p-dashboards .c-my_list .list-type > .title .link,
  231. .p-dashboards .c-my_list .history > .title .link,
  232. .p-dashboards .c-my_list .list-type > .title .switch,
  233. .p-dashboards .c-my_list .history > .title .switch,
  234. .p-dashboards .user_list .list-type > .title .link,
  235. .p-dashboards .user_list .history > .title .link,
  236. .p-dashboards .user_list .list-type > .title .switch,
  237. .p-dashboards .user_list .history > .title .switch,
  238. .p-dashboards-show .midheadline .b-link,
  239. .p-dashboards-show .c-content .options .option,
  240. .p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name,
  241. .p-profiles .profile-head .c-brief header .notice a,
  242. .p-profiles .profile-head .c-mobile-actions a,
  243. .p-profiles .profile-head .c-mobile-actions span,
  244. .p-profiles .profile-head .c-info .c-additionals div a,
  245. .p-profiles-edit .account .change-password a,
  246. .p-profiles-edit .misc .profile-action a:not(.b-button),
  247. .p-profiles-edit .misc .profile-action .link,
  248. .p-profiles-edit .misc .nickname-changes a,
  249. .p-profiles-edit .misc .nickname-changes .link,
  250. .p-profiles-edit .list .profile-action a:not(.b-button),
  251. .p-profiles-edit .list .profile-action .link,
  252. .p-profiles-edit .list .nickname-changes a,
  253. .p-profiles-edit .list .nickname-changes .link,
  254. .p-profiles-edit .list #import_form .link,
  255. .p-profiles-show .about a,
  256. .p-studios .studio .name,
  257. .p-translations .animes a,
  258. .p-user_history-index .history-page .history-interval p a,
  259. .p-user_rates-index .list-lines tr .name a,
  260. .p-userlist_comparer .comparer table .name a,
  261. .b-log_entry .comment-block ins,
  262. .p-statistics-index .forum-nav .sections a.selected,
  263. .p-anime_videos-index .c-videos .video-variant-switcher,
  264. .p-user_rates-index .stat-categories .category,
  265. .b-video_player .cc-player_controls .episode-num .video-link a,
  266. .b-video_player .cc-player_controls .c-control,
  267. .b-animes-menu .menu-topics-block a.entry .name,
  268. .b-animes-menu .menu-topics-block .history-entry-tooltip .tooltip-details a {
  269. color: #8251b3;
  270. border-bottom-color: rgba(130, 81, 179, 0.3);
  271. }
  272.  
  273. @media screen and (max-width: 480px) and (orientation: portrait) {
  274. .b-options-floated.mobile-phone_portrait a {
  275. color: #8251b3;
  276. }
  277. }
  278.  
  279. @media screen and (max-width: 767px) {
  280. .b-options-floated.mobile-phone a {
  281. color: #8251b3;
  282. }
  283. }
  284.  
  285. @media screen and (max-width: 1024px) {
  286. .b-options-floated.mobile-tablet a {
  287. color: #8251b3;
  288. }
  289. }
  290.  
  291. .b-abuse_request .ban-form .cancel:hover,
  292. .b-ban .abuser:hover,
  293. .b-bb_codes-examples .example a:hover,
  294. .b-bb_codes-examples .result a:hover,
  295. .b-bracket-actions > div:hover,
  296. .b-bracket-actions > span:hover,
  297. .b-catalog_entry-tooltip .inner a.name:hover,
  298. .b-catalog_entry-tooltip .inner .line .value a:hover,
  299. .b-catalog_entry-tooltip .inner .line.works .value a:hover,
  300. .b-catalog_entry .cover .title:hover,
  301. .b-club .name:hover,
  302. .b-comment > .inner header .name-date a.name:hover,
  303. .b-comments .comments-collapser:hover,
  304. .b-cosplay-topic > .inner .cosplay-info .line .value a:hover,
  305. .b-cosplay_gallery h3 a:hover,
  306. .b-db_entry-note .name-container .name:hover,
  307. .b-db_entry > .c-about .additional-links .line-container > .link:hover,
  308. .b-db_entry > .c-about .additional-links .line-container > a:hover,
  309. .b-dialog > .inner header .name-date a.name:hover,
  310. .b-entry-info .line a:hover,
  311. .b-feedback-inner .about a:hover,
  312. .b-form .variants .variant a:hover,
  313. .b-form .cancel:hover,
  314. .b-forums .forum .link-with-input .link:hover,
  315. .b-forums .reload:hover,
  316. .b-header_filters .filter-line a:hover,
  317. .b-height_shortener .expand:hover,
  318. .b-js-action:hover,
  319. .b-js-link:hover,
  320. .b-lang_trigger span:hover,
  321. .b-link:hover,
  322. .b-log_entry a:hover,
  323. .b-log_entry .link:hover,
  324. .b-log_entry .moderation a:hover,
  325. .b-log_entry .spoiler.collapsed:hover,
  326. .b-log_entry .spoiler.collapse:hover,
  327. .b-log_entry .spoiler.collapse span:hover,
  328. .b-log_entry .spoiler.collapsed span:hover,
  329. .b-mention:hover,
  330. .b-message > .inner header .name-date a.name:hover,
  331. .b-nothing_here a:hover,
  332. .b-options-floated a:hover,
  333. .b-options-floated .link:hover,
  334. .b-options-floated .action:hover,
  335. .b-options-floated.mobile-desktop a:hover,
  336. .b-person .name:hover,
  337. .b-shiki_editor footer .unpreview:hover,
  338. .b-shiki_editor footer .unpreview:not(.link):hover,
  339. .b-shiki_editor footer .cancel:hover,
  340. .b-shiki_editor footer .hide:hover,
  341. .b-shiki_editor footer .about-bb_codes:hover,
  342. .b-source .contributors .val a:hover,
  343. .b-source .mal .val a:hover,
  344. .b-source .source .val a:hover,
  345. .b-spoiler label:hover,
  346. .b-spoiler .content:hover .before,
  347. .b-spoiler .content:hover .after,
  348. .b-stats_bar a.title:hover,
  349. .b-table a:hover,
  350. .b-topic > .inner header .name-date a.name:hover,
  351. .b-topic .footer-vote .vote-group .vote:hover,
  352. .b-user.named_avatar .name:hover,
  353. .b-user.detailed .info .image-name:hover,
  354. .b-user.detailed .history .line a .event:hover,
  355. .b-user16:hover,
  356. header.head h1 a.back:hover,
  357. header.head h2 a.back:hover,
  358. header.head a.misc:hover,
  359. header.head a.edit:hover,
  360. .headline > a:hover,
  361. .midheadline > a:hover,
  362. .subheadline > a:hover,
  363. .subheadline .misc-link:hover,
  364. .b-video_player .cc-player_controls a.c-control:hover,
  365. .b-video_player .cc-player_controls .episode-title .video-link a:hover,
  366. .b-video_variant a:hover,
  367. .b-animes-menu .menu-topics-block .history-entry-tooltip a:hover,
  368. .p-animes-files .l-content a:hover,
  369. .p-mangas-files .l-content a:hover,
  370. div.history .block-list li .tooltip-inner a:hover,
  371. div.history .b-block_list li .tooltip-inner a:hover,
  372. .p-animes_collection-index .pagination .link:hover,
  373. .p-mangas_collection-index .pagination .link:hover,
  374. .p-recommendations-index .pagination .link:hover,
  375. .p-userlist_comparer-show .pagination .link:hover,
  376. .p-contests-edit .grid:hover,
  377. .p-contests .match-day .match-link a:hover,
  378. .p-contests .rating .member a:hover,
  379. .p-contests .results a:hover,
  380. .p-contests .suggestion > a:hover,
  381. .p-contests .variant > a:hover,
  382. .b-contests-menu .results:hover,
  383. .b-contests-menu .grid a:hover,
  384. .p-contests-grid .round .match a:hover,
  385. .p-contests-index .contest a:hover,
  386. .p-dashboards .c-my_list .list-type > .title .link:hover,
  387. .p-dashboards .c-my_list .history > .title .link:hover,
  388. .p-dashboards .c-my_list .list-type > .title .switch:hover,
  389. .p-dashboards .c-my_list .history > .title .switch:hover,
  390. .p-dashboards .user_list .list-type > .title .link:hover,
  391. .p-dashboards .user_list .history > .title .link:hover,
  392. .p-dashboards .user_list .list-type > .title .switch:hover,
  393. .p-dashboards .user_list .history > .title .switch:hover,
  394. .p-dashboards-show .midheadline .b-link:hover,
  395. .p-dashboards-show .c-content .options .option:hover,
  396. .p-dashboards-show .c-content .options .option.selected,
  397. .p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name:hover,
  398. .p-profiles .profile-head .c-brief header .notice a:hover,
  399. .p-profiles .profile-head .c-mobile-actions a:hover,
  400. .p-profiles .profile-head .c-mobile-actions span:hover,
  401. .p-profiles .profile-head .c-info .c-additionals div a:hover,
  402. .p-profiles-edit .account .change-password a:hover,
  403. .p-profiles-edit .misc .profile-action a:not(.b-button):hover,
  404. .p-profiles-edit .misc .profile-action .link:hover,
  405. .p-profiles-edit .misc .nickname-changes a:hover,
  406. .p-profiles-edit .misc .nickname-changes .link:hover,
  407. .p-profiles-edit .list .profile-action a:not(.b-button):hover,
  408. .p-profiles-edit .list .profile-action .link:hover,
  409. .p-profiles-edit .list .nickname-changes a:hover,
  410. .p-profiles-edit .list .nickname-changes .link:hover,
  411. .p-profiles-edit .list #import_form .link:hover,
  412. .p-profiles-show .about a:hover,
  413. .p-studios .studio .name:hover,
  414. .p-translations .animes a:hover,
  415. .p-user_history-index .history-page .history-interval p a:hover,
  416. .p-user_rates-index .list-lines tr .name a:hover,
  417. .p-userlist_comparer .comparer table .name a:hover,
  418. .p-statistics-index .forum-nav .sections a:hover,
  419. .block-list-alt a:hover,
  420. .b-block_list-alt a:hover,
  421. .b-catalog_entry .cover:hover,
  422. .b-catalog_entry .cover:hover .title,
  423. .b-comment > .inner .was_updated:hover,
  424. .b-comment header .hash:hover,
  425. .b-dialog > .inner .was_updated:hover,
  426. .b-message > .inner .was_updated:hover,
  427. .b-options-floated .selected,
  428. .b-options-floated .selected.always-active:hover,
  429. .b-show_more:hover,
  430. .b-show_more-more .hide-more:hover,
  431. .b-stats_bar .stat_names .stat_name a:hover,
  432. .b-topic > .inner .was_updated:hover,
  433. .headline > a:hover:before,
  434. .midheadline > a:hover:before,
  435. .subheadline > a:hover:before,
  436. .headline.linkheadline > a:hover,
  437. .linkheadline.midheadline > a:hover,
  438. .linkheadline.subheadline > a:hover,
  439. .headline.linkheadline > a:hover:before,
  440. .linkheadline.midheadline > a:hover:before,
  441. .linkheadline.subheadline > a:hover:before,
  442. .tooltip-inner .close:hover,
  443. .p-animes-franchise .sticky-tooltip .close:hover,
  444. .p-mangas-franchise .sticky-tooltip .close:hover,
  445. .p-contests .b-contest_match .prev-match:hover,
  446. .p-contests .b-contest_match .next-match:hover,
  447. .p-contests .match-day .match-link.voted-none > .c-column a:hover,
  448. .p-contests .match-day .match-link.voted-left > .c-column:last-child a:hover,
  449. .p-contests .match-day .match-link.voted-right > .c-column:first-child a:hover,
  450. .p-contests .match-day .match-link .c-column.loser a:hover,
  451. .p-contests .match-day .match-link .c-column.created a:hover,
  452. .p-contests-grid .round .match .date a:hover,
  453. .p-topics .l-menu .sticky-topics .topic:hover .title,
  454. .p-topics .l-menu .sticky-topics .topic:hover .title:after,
  455. .p-topics .l-menu .sticky-topics .topic .title:hover,
  456. .p-topics .l-menu .sticky-topics .topic .title:hover:after,
  457. .p-topics .l-menu .contests .contest:hover .title,
  458. .p-topics .l-menu .contests .contest:hover .title:after,
  459. .p-topics .l-menu .contests .contest .title:hover,
  460. .p-topics .l-menu .contests .contest .title:hover:after,
  461. .p-topics header h1 a.reload:hover,
  462. .p-user_rates-index .l-content .order-control:hover,
  463. .p-user_rates-index .list-lines tr td .anime-status:hover,
  464. .p-user_rates-index .list-lines tr td .anime-remove:hover,
  465. .p-user_rates-index .list-lines tr td .anime-remove.selected,
  466. .p-anime_videos-index .c-videos .video-variant-switcher:hover,
  467. .p-user_rates-index .stat-categories .category:hover,
  468. .b-options-floated.mobile-desktop a.selected,
  469. .p-user_rates-index .stat-categories .category.active,
  470. .p-anime_videos-index .c-videos .video-variant-switcher.active,
  471. .b-video_player .cc-player_controls .episode-num .video-link a:hover,
  472. .b-video_player .cc-player_controls .c-control:hover,
  473. .b-video_variant.active a,
  474. .b-video_player .cc-player_controls .c-control.selected,
  475. .b-animes-menu .menu-topics-block a.entry:hover .name,
  476. .b-animes-menu .menu-topics-block a.entry .name:hover,
  477. .b-animes-menu .menu-topics-block .history-entry-tooltip .tooltip-details a:hover {
  478. color: #9e6eee;
  479. border-bottom-color: rgba(158, 110, 238, 0.3);
  480. }
  481.  
  482. @media screen and (max-width: 480px) and (orientation: portrait) {
  483. .b-options-floated.mobile-phone_portrait a:hover {
  484. color: #9e6eee;
  485. }
  486. }
  487.  
  488. @media screen and (max-width: 767px) {
  489. .b-options-floated.mobile-phone a:hover {
  490. color: #9e6eee;
  491. }
  492. }
  493.  
  494. @media screen and (max-width: 1024px) {
  495. .b-options-floated.mobile-tablet a:hover {
  496. color: #9e6eee;
  497. }
  498. }
  499.  
  500. .b-header_filters .filter-line a:active,
  501. .b-person .name:active,
  502. .b-source .contributors .val a:active,
  503. .b-source .mal .val a:active,
  504. .b-source .source .val a:active,
  505. .b-animes-menu .menu-topics-block .history-entry-tooltip a:active,
  506. .p-animes-files .l-content a:active,
  507. .p-mangas-files .l-content a:active,
  508. div.history .block-list li .tooltip-inner a:active,
  509. div.history .b-block_list li .tooltip-inner a:active,
  510. .p-dashboards-show .midheadline .b-link:active,
  511. .p-dashboards-show .c-content .options .option:active,
  512. .p-profiles .profile-head .c-brief header .notice a:active,
  513. .p-profiles .profile-head .c-mobile-actions a:active,
  514. .p-profiles .profile-head .c-mobile-actions span:active,
  515. .p-profiles .profile-head .c-info .c-additionals div a:active,
  516. .block-list-alt a:active,
  517. .b-block_list-alt a:active,
  518. .b-options-floated .selected:hover,
  519. .b-show_more:active,
  520. .b-show_more-more .hide-more:active,
  521. .headline > a:active:before,
  522. .midheadline > a:active:before,
  523. .subheadline > a:active:before,
  524. .p-topics .l-menu .sticky-topics .topic:active .title,
  525. .p-topics .l-menu .sticky-topics .topic:active .title:after,
  526. .p-topics .l-menu .sticky-topics .topic .title:active,
  527. .p-topics .l-menu .sticky-topics .topic .title:active:after,
  528. .p-topics .l-menu .contests .contest:active .title,
  529. .p-topics .l-menu .contests .contest:active .title:after,
  530. .p-topics .l-menu .contests .contest .title:active,
  531. .p-topics .l-menu .contests .contest .title:active:after,
  532. .p-user_rates-index .stat-categories .category:active,
  533. .b-options-floated.mobile-desktop a.selected:hover,
  534. .p-user_rates-index .stat-categories .category.active:hover,
  535. .p-anime_videos-index .c-videos .video-variant-switcher.active:hover,
  536. .b-video_player .cc-player_controls .c-control.selected:hover {
  537. color: #9e6eee;
  538. }
  539.  
  540. @media only screen and (min-width: 1025px) {
  541. .b-abuse_request .ban-form .cancel:active,
  542. .b-ban .abuser:active,
  543. .b-bb_codes-examples .example a:active,
  544. .b-bb_codes-examples .result a:active,
  545. .b-bracket-actions > div:active,
  546. .b-bracket-actions > span:active,
  547. .b-catalog_entry-tooltip .inner a.name:active,
  548. .b-catalog_entry-tooltip .inner .line .value a:active,
  549. .b-catalog_entry-tooltip .inner .line.works .value a:active,
  550. .b-catalog_entry .cover .title:active,
  551. .b-club .name:active,
  552. .b-comment > .inner header .name-date a.name:active,
  553. .b-comments .comments-collapser:active,
  554. .b-cosplay-topic > .inner .cosplay-info .line .value a:active,
  555. .b-cosplay_gallery h3 a:active,
  556. .b-db_entry-note .name-container .name:active,
  557. .b-db_entry > .c-about .additional-links .line-container > .link:active,
  558. .b-db_entry > .c-about .additional-links .line-container > a:active,
  559. .b-dialog > .inner header .name-date a.name:active,
  560. .b-entry-info .line a:active,
  561. .b-feedback-inner .about a:active,
  562. .b-form .variants .variant a:active,
  563. .b-form .cancel:active,
  564. .b-forums .forum .link-with-input .link:active,
  565. .b-forums .reload:active,
  566. .b-header_filters .filter-line a:active,
  567. .b-height_shortener .expand:active,
  568. .b-js-action:active,
  569. .b-js-link:active,
  570. .b-lang_trigger span:active,
  571. .b-link:active,
  572. .b-log_entry a:active,
  573. .b-log_entry .link:active,
  574. .b-log_entry .moderation a:active,
  575. .b-log_entry .spoiler.collapsed:active,
  576. .b-log_entry .spoiler.collapse:active,
  577. .b-log_entry .spoiler.collapse span:active,
  578. .b-log_entry .spoiler.collapsed span:active,
  579. .b-mention:active,
  580. .b-message > .inner header .name-date a.name:active,
  581. .b-nothing_here a:active,
  582. .b-options-floated a:active,
  583. .b-options-floated .link:active,
  584. .b-options-floated .action:active,
  585. .b-options-floated.mobile-desktop a:active,
  586. .b-shiki_editor footer .unpreview:active,
  587. .b-shiki_editor footer .unpreview:not(.link):active,
  588. .b-shiki_editor footer .cancel:active,
  589. .b-shiki_editor footer .hide:active,
  590. .b-shiki_editor footer .about-bb_codes:active,
  591. .b-spoiler label:active,
  592. .b-stats_bar a.title:active,
  593. .b-table a:active,
  594. .b-topic > .inner header .name-date a.name:active,
  595. .b-topic .footer-vote .vote-group .vote:active,
  596. .b-user.named_avatar .name:active,
  597. .b-user.detailed .info .image-name:active,
  598. .b-user.detailed .history .line a .event:active,
  599. .b-user16:active,
  600. header.head h1 a.back:active,
  601. header.head h2 a.back:active,
  602. header.head a.misc:active,
  603. header.head a.edit:active,
  604. .headline > a:active,
  605. .midheadline > a:active,
  606. .subheadline > a:active,
  607. .subheadline .misc-link:active,
  608. .b-video_player .cc-player_controls a.c-control:active,
  609. .b-video_player .cc-player_controls .episode-title .video-link a:active,
  610. .b-video_variant a:active,
  611. .p-animes_collection-index .pagination .link:active,
  612. .p-mangas_collection-index .pagination .link:active,
  613. .p-recommendations-index .pagination .link:active,
  614. .p-userlist_comparer-show .pagination .link:active,
  615. .p-contests-edit .grid:active,
  616. .p-contests .match-day .match-link a:active,
  617. .p-contests .rating .member a:active,
  618. .p-contests .results a:active,
  619. .p-contests .suggestion > a:active,
  620. .p-contests .variant > a:active,
  621. .b-contests-menu .results:active,
  622. .b-contests-menu .grid a:active,
  623. .p-contests-grid .round .match a:active,
  624. .p-contests-index .contest a:active,
  625. .p-dashboards .c-my_list .list-type > .title .link:active,
  626. .p-dashboards .c-my_list .history > .title .link:active,
  627. .p-dashboards .c-my_list .list-type > .title .switch:active,
  628. .p-dashboards .c-my_list .history > .title .switch:active,
  629. .p-dashboards .user_list .list-type > .title .link:active,
  630. .p-dashboards .user_list .history > .title .link:active,
  631. .p-dashboards .user_list .list-type > .title .switch:active,
  632. .p-dashboards .user_list .history > .title .switch:active,
  633. .p-dashboards-show .midheadline .b-link:active,
  634. .p-dashboards-show .c-content .options .option:active,
  635. .p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name:active,
  636. .p-profiles .profile-head .c-brief header .notice a:active,
  637. .p-profiles .profile-head .c-mobile-actions a:active,
  638. .p-profiles .profile-head .c-mobile-actions span:active,
  639. .p-profiles .profile-head .c-info .c-additionals div a:active,
  640. .p-profiles-edit .account .change-password a:active,
  641. .p-profiles-edit .misc .profile-action a:not(.b-button):active,
  642. .p-profiles-edit .misc .profile-action .link:active,
  643. .p-profiles-edit .misc .nickname-changes a:active,
  644. .p-profiles-edit .misc .nickname-changes .link:active,
  645. .p-profiles-edit .list .profile-action a:not(.b-button):active,
  646. .p-profiles-edit .list .profile-action .link:active,
  647. .p-profiles-edit .list .nickname-changes a:active,
  648. .p-profiles-edit .list .nickname-changes .link:active,
  649. .p-profiles-edit .list #import_form .link:active,
  650. .p-profiles-show .about a:active,
  651. .p-studios .studio .name:active,
  652. .p-translations .animes a:active,
  653. .p-user_history-index .history-page .history-interval p a:active,
  654. .p-user_rates-index .list-lines tr .name a:active,
  655. .p-userlist_comparer .comparer table .name a:active,
  656. .p-statistics-index .forum-nav .sections a:active,
  657. .b-catalog_entry .cover:active,
  658. .b-comment > .inner .was_updated:active,
  659. .b-comment header .hash:active,
  660. .b-dialog > .inner .was_updated:active,
  661. .b-message > .inner .was_updated:active,
  662. .b-options-floated .selected.always-active:active,
  663. .b-stats_bar .stat_names .stat_name a:active,
  664. .b-topic > .inner .was_updated:active,
  665. .headline.linkheadline > a:active,
  666. .linkheadline.midheadline > a:active,
  667. .linkheadline.subheadline > a:active,
  668. .headline.linkheadline > a:active:before,
  669. .linkheadline.midheadline > a:active:before,
  670. .linkheadline.subheadline > a:active:before,
  671. .tooltip-inner .close:active,
  672. .p-animes-franchise .sticky-tooltip .close:active,
  673. .p-mangas-franchise .sticky-tooltip .close:active,
  674. .p-contests .b-contest_match .prev-match:active,
  675. .p-contests .b-contest_match .next-match:active,
  676. .p-contests .match-day .match-link.voted-none > .c-column a:active,
  677. .p-contests .match-day .match-link.voted-left > .c-column:last-child a:active,
  678. .p-contests .match-day .match-link.voted-right > .c-column:first-child a:active,
  679. .p-contests .match-day .match-link .c-column.loser a:active,
  680. .p-contests .match-day .match-link .c-column.created a:active,
  681. .p-contests-grid .round .match .date a:active,
  682. .p-topics header h1 a.reload:active,
  683. .p-user_rates-index .l-content .order-control:active,
  684. .p-user_rates-index .list-lines tr td .anime-status:active,
  685. .p-user_rates-index .list-lines tr td .anime-remove:active,
  686. .b-bracket-details:active,
  687. .b-form a.remove:active,
  688. .p-anime_videos-index .c-videos .video-variant-switcher:active,
  689. .p-anime_videos-index .c-videos .video-variant-switcher.active,
  690. .b-video_player .cc-player_controls .episode-num .video-link a:active,
  691. .b-video_player .cc-player_controls .c-control:active,
  692. .b-animes-menu .menu-topics-block a.entry .name:active,
  693. .b-animes-menu .menu-topics-block .history-entry-tooltip .tooltip-details a:active {
  694. color: #9e6eee;
  695. border-bottom-color: rgba(158, 110, 238, 0.3);
  696. }
  697. }
  698.  
  699. @media only screen and (max-width: 480px) and (orientation: portrait) and (min-width: 1025px) {
  700. .b-options-floated.mobile-phone_portrait a:active {
  701. color: #9e6eee;
  702. }
  703. }
  704.  
  705. @media only screen and (max-width: 767px) and (min-width: 1025px) {
  706. .b-options-floated.mobile-phone a:active {
  707. color: #9e6eee;
  708. }
  709. }
  710.  
  711. @media only screen and (max-width: 1024px) and (min-width: 1025px) {
  712. .b-options-floated.mobile-tablet a:active {
  713. color: #9e6eee;
  714. }
  715. }
  716.  
  717. body {
  718. background-color: #000000;
  719. }
  720.  
  721. .l-page,
  722. .p-contests .b-contest_match .vs .label,
  723. .p-contests .match-day > .date,
  724. .p-animes_collection-index .l-content.ajax_request::before,
  725. .p-mangas_collection-index .l-content.ajax_request::before,
  726. .p-recommendations-index .l-content.ajax_request::before,
  727. .p-userlist_comparer-show .l-content.ajax_request::before,
  728. .b-ajax:before {
  729. background: #000000;
  730. }
  731.  
  732. .l-page:before {
  733. outline-color: #000000;
  734. }
  735.  
  736. @media screen and (max-width: 960px) {
  737. .p-profiles .profile-head .c-brief header {
  738. background-color: #000000;
  739. }
  740. }
  741.  
  742. @media screen and (max-width: 1024px) {
  743. body {
  744. background-color: #000000 !important;
  745. }
  746. }
  747.  
  748. .b-height_shortener .shade {
  749. background-image: linear-gradient(to bottom, transparent, #000000);
  750. }
  751.  
  752. .b-topic.aside-expanded > .inner aside.buttons,
  753. .b-dialog.aside-expanded > .inner aside.buttons,
  754. .b-message.aside-expanded > .inner aside.buttons,
  755. .b-comment.aside-expanded > .inner aside.buttons {
  756. background-color: rgba(48, 48, 48, 0.9);
  757. }
  758.  
  759. /* BLACK GREY WHITE */
  760. body,
  761. header.head h1,
  762. header.head h2,
  763. .ac_results,
  764. .tooltip-inner,
  765. .b-input input,
  766. .b-input textarea,
  767. .b-shiki_editor .body .editor textarea,
  768. .b-shiki_editor .links .link-value,
  769. .b-shiki_editor .images .link-value,
  770. .b-shiki_editor .quotes .link-value,
  771. .b-shiki_editor .email .link-value,
  772. .b-shiki_editor .upload .link-value,
  773. .p-user_rates-index .list-lines tr td .new-value input,
  774. .p-user_rates-index .l-content .filter input,
  775. .subheadline-input,
  776. .b-catalog_entry-tooltip .inner a.name,
  777. .b-catalog_entry .cover .title,
  778. .b-catalog_entry-tooltip .inner .line .value a,
  779. .b-clubs-menu .block-list li:hover,
  780. .b-clubs-menu .block-list li:hover a,
  781. .b-clubs-menu .block-list li a:hover,
  782. .b-clubs-menu .b-block_list li:hover,
  783. .b-clubs-menu .b-block_list li:hover a,
  784. .b-clubs-menu .b-block_list li a:hover,
  785. .b-db_entry-note .name-container .name,
  786. .b-dialog > .inner header .name-date a.name,
  787. .b-entry-info .line .b-tag,
  788. .b-forums .forum .link-with-input .link,
  789. .b-height_shortener .expand,
  790. .b-hot_topics .topic.subject,
  791. .b-hot_topics .topic a:hover,
  792. .b-message > .inner header .name-date a.name,
  793. .b-modal .subheadline,
  794. .b-link_button,
  795. .b-link_button:hover,
  796. .b-link_button:active,
  797. .block-list li:hover,
  798. .block-list-alt li:hover,
  799. .b-block_list li:hover,
  800. .b-block_list-alt li:hover,
  801. .b-pages .b-link,
  802. .b-show_more:hover,
  803. .b-show_more-more .hide-more:hover,
  804. .b-stats_bar .stat_names .stat_name a,
  805. .b-video_player .cc-player_controls .episode-title,
  806. .b-video_variant .episode-num,
  807. .b-video_variant .video-author,
  808. .b-video_variant .video-id,
  809. .headline,
  810. .b-catalog_entry-tooltip .inner .line .value .tag:hover,
  811. .b-entry-info .line .b-tag:hover,
  812. .b-tag:hover,
  813. .p-contests .match-day .match-link.voted-none > .c-column a,
  814. .p-contests .match-day .match-link.voted-left > .c-column:last-child a,
  815. .p-contests .match-day .match-link.voted-right > .c-column:first-child a,
  816. .p-contests .match-day .match-link .c-column.loser a,
  817. .p-contests .match-day .match-link .c-column.created a,
  818. .p-dashboards-show .contests .contest a,
  819. .p-dialogs .b-options-floated > a.selected,
  820. .p-moderations-missing_videos .missing-video > .info span,
  821. .p-messages .b-options-floated > a.selected,
  822. .p-profiles-edit .b-options-floated > a.selected,
  823. .p-profiles .profile-head .c-history .entry .title,
  824. .p-topics .l-menu .calendar .entry a,
  825. .p-topics .l-menu .clubs .entry a,
  826. .p-topics .l-menu .contests .contest .title,
  827. .p-topics .l-menu .reviews .entry a,
  828. .p-topics .l-menu .sticky-topics .topic .title,
  829. .p-user_rates-index .l-content .order-control,
  830. .p-user_rates-index .l-content .order-control:hover,
  831. .b-external_link .linkeable,
  832. .b-external_link a,
  833. .p-profiles-edit .misc .nickname-changes .control {
  834. color: #FFFFFF !important;
  835. }
  836.  
  837. /* Цвет основного текста в области при наведении */
  838. .b-clubs-menu .b-link:hover,
  839. .b-clubs-menu .actions li:hover,
  840. .b-clubs-menu .actions .upload label:hover,
  841. .b-clubs-menu .actions .invite span:hover,
  842. .b-clubs-menu .actions .join a:hover,
  843. .b-clubs-menu .actions .leave a:hover,
  844. .b-hot_topics .topic a,
  845. .b-forums .forum:hover .link-with-input .link,
  846. .b-image .marker,
  847. .b-video .marker,
  848. .b-video .name,
  849. .p-profiles .profile-head .c-history .entry:hover .title,
  850. .p-topics .l-menu .calendar .entry:hover a,
  851. .p-topics .l-menu .clubs .entry:hover a,
  852. .p-topics .l-menu .contests .contest:hover .title,
  853. .p-topics .l-menu .reviews .entry:hover a,
  854. .p-topics .l-menu .sticky-topics .topic:hover .title {
  855. color: #FFFFFF !important;
  856. }
  857.  
  858. @media (max-width: 1024px) {
  859. .l-top_menu .menu-items > .entry > a,
  860. .l-top_menu .menu-items > .entry > .submenu > a,
  861. .l-top_menu .inner .sign_out {
  862. color: #FFFFFF !important;
  863. }
  864. }
  865.  
  866. h3,
  867. header.head .notice,
  868. .bar.horizontal .line .x_label,
  869. .bar.vertical .line .x_label,
  870. .b-entry-info .line .b-tag,
  871. .b-catalog_entry-tooltip .inner .line .value .tag,
  872. .b-contest_match .vs .hint,
  873. .b-contest_match .vs .invitation,
  874. .b-contest_match .vs .label,
  875. .b-contest_match .vs .thanks,
  876. .b-contest_match .vs .vote-abstained,
  877. .b-contest_match .vs .vote-voted,
  878. .b-height_shortener:hover .expand,
  879. .b-lang_trigger:hover span,
  880. .b-lang_trigger span:hover,
  881. .b-show_more,
  882. .b-show_more-more .hide-more,
  883. .b-stats_bar .stat_names:hover:before,
  884. .b-tag,
  885. .block-list li,
  886. .block-list-alt li,
  887. .block-list li a,
  888. .block-list-alt li a,
  889. .b-block_list li,
  890. .b-block_list li a,
  891. .item-add:hover,
  892. .l-footer .copyright,
  893. .p-characters .item-edit:hover,
  894. .p-characters .item-edit:active,
  895. .p-contests .match-day > .date .from,
  896. .p-contests .match-day > .date .to,
  897. .p-profiles-edit .b-options-floated > a,
  898. .p-dialogs .b-options-floated > a,
  899. .p-messages .b-options-floated > a,
  900. .p-user_rates-index .list-lines tr td .episodes_total,
  901. .p-user_rates-index .list-lines tr td .rate-text,
  902. .b-collection_search .field .clear:hover {
  903. color: #EEEEEE;
  904. }
  905.  
  906. header.head h1 > a.back:hover,
  907. header.head h2 > a.back:hover,
  908. header.head h1 > a.back:active,
  909. header.head h2 > a.back:active,
  910. .b-video_player .cc-player_controls .c-control:hover .icon,
  911. .p-animes_collection-index .pagination .link:hover,
  912. .p-mangas_collection-index .pagination .link:hover,
  913. .p-recommendations-index .pagination .link:hover,
  914. .p-userlist_comparer-show .pagination .link:hover,
  915. .b-clubs-menu .block-list li,
  916. .b-clubs-menu .block-list li a,
  917. .b-clubs-menu .b-block_list li,
  918. .b-clubs-menu .b-block_list li a,
  919. .b-list_switchers > .switcher:hover,
  920. .editor-controls > span:hover,
  921. .p-animes .item-edit:hover,
  922. .p-contests .b-contest_match .prev-match:hover,
  923. .p-contests .b-contest_match .next-match:hover,
  924. .p-mangas .item-edit:hover,
  925. .p-profiles-show .about .item-edit:hover,
  926. .p-messages .mass-actions .action > a:hover,
  927. .p-topics header h1 a.reload,
  928. .delete-controls > span,
  929. .delete-controls > span:hover,
  930. .main-controls > span,
  931. .main-controls > span:hover,
  932. .main-controls > a,
  933. .main-controls > a:hover,
  934. .buttons .item-edit,
  935. .buttons .item-edit:hover,
  936. .moderation-controls > span,
  937. .moderation-controls > span:hover,
  938. .b-video_player .cc-player_controls .episode-num {
  939. color: #EEEEEE !important;
  940. }
  941.  
  942. .midheadline,
  943. .subheadline,
  944. .b-animes-menu .menu-topics-block .date,
  945. .b-breadcrumbs,
  946. .b-breadcrumbs a.b-link,
  947. .b-catalog_entry .cover .misc span,
  948. .b-catalog_entry-tooltip .inner .rating .text,
  949. .b-club .info .number,
  950. .b-comment-info,
  951. .b-comment .inner .name-date a.name .normal,
  952. .b-comment > .inner header .name-date .time,
  953. .b-db_entry-note .name-container .note,
  954. .b-entry-info .line .key,
  955. .b-forums .forum .link-with-input input + .link,
  956. .b-forums .forum .topics,
  957. .b-lang_trigger span,
  958. .b-log_entry .id-label,
  959. .b-log_entry .state.auto_accepted,
  960. .b-options-floated.count,
  961. .b-pages .title,
  962. .b-quote .quoteable:before,
  963. .b-replies,
  964. .b-replies:before,
  965. .b-stats_bar .title,
  966. .b-stats_bar .stat_names:before,
  967. .b-source .contributors .key,
  968. .b-source .mal .key,
  969. .b-source .source .key,
  970. .b-topic > .inner header .name-date .time,
  971. .b-topic-preview > .inner .status-line .about,
  972. .b-topic-preview > .inner .status-line .from,
  973. .b-collection-filters .block-list li:before,
  974. .b-collection-filters .block-list .b-question:before,
  975. .b-collection-filters .b-block_list li:before,
  976. .b-collection-filters .b-block_list .b-question:before,
  977. .item-add,
  978. .item-mobile,
  979. .item-mobile:hover,
  980. .item-mobile:active,
  981. .l-footer:before,
  982. .l-footer .links a,
  983. .l-top_menu .menu-items .submenu-toggler,
  984. .p-animes_collection-index .pagination .link,
  985. .p-mangas_collection-index .pagination .link,
  986. .p-recommendations-index .pagination .link,
  987. .p-userlist_comparer-show .pagination .link,
  988. .p-characters .item-edit,
  989. .p-contests .b-contest_match .vs,
  990. .p-contests .match-day .matches-num,
  991. .p-contests .rating .member .position,
  992. .p-db_entries-edit .b-list .field,
  993. .p-profiles .profile-head .c-info .c-additionals b,
  994. .p-topics .l-menu .sticky-topics .topic .notice,
  995. .b-user.detailed .info .last-online,
  996. .b-video_variant .episode-hostings,
  997. .b-video_variant .video-hosting,
  998. .b-video_variant .video-language,
  999. .p-anime_videos-index .c-video_stats .views_count,
  1000. .p-anime_videos-index .same-videos .title,
  1001. .p-anime_videos-index .c-anime_video_episodes .title,
  1002. .p-anime_videos-index .c-videos .title,
  1003. .b-collection_search .field .clear {
  1004. color: #BDBDBD;
  1005. }
  1006.  
  1007. header.head h1 a.back,
  1008. header.head h2 a.back,
  1009. .about-bb_codes:before,
  1010. .b-db_entry > .c-about .additional-links .key,
  1011. .b-list_switchers > .switcher,
  1012. .b-user_rate .rate-show .note,
  1013. .editor-controls > span,
  1014. .p-animes .item-edit,
  1015. .p-animes_collection-index .pagination .link,
  1016. .p-clubs-index header.head a.misc,
  1017. .p-contests .b-contest_match .prev-match,
  1018. .p-contests .b-contest_match .next-match,
  1019. .p-mangas .item-edit,
  1020. .p-mangas_collection-index .pagination .link,
  1021. .p-messages .mass-actions > .action > a,
  1022. .p-profiles .profile-head .c-history .entry .misc,
  1023. .p-profiles-show .about .item-edit,
  1024. .p-profiles-show .lifetime .title > .label:before,
  1025. .p-profiles-show .profile-content .activity .title,
  1026. .p-recommendations-index .pagination .link,
  1027. .p-topics .l-menu .calendar .entry .misc,
  1028. .p-topics .l-menu .reviews .entry .misc,
  1029. .p-topics .l-menu .clubs .entry .misc,
  1030. .p-userlist_comparer-show .pagination .link,
  1031. .p-user_rates-index .list-lines tr.edit-form .remove,
  1032. .p-user_rates-index .list-lines tr.edit-form .remove:hover,
  1033. .p-user_history-index .history-page .history-interval p .date {
  1034. color: #BDBDBD !important;
  1035. }
  1036.  
  1037. @media only screen and (min-width: 1025px) {
  1038. .delete-controls > span,
  1039. .moderation-controls > span,
  1040. .main-controls > span,
  1041. .main-controls > a,
  1042. .buttons .item-edit {
  1043. color: #BDBDBD !important;
  1044. }
  1045. }
  1046.  
  1047. header.head a.edit,
  1048. header.head .misc,
  1049. .b-ban .comment-hash,
  1050. .b-ban .duration,
  1051. .b-breadcrumbs > span:after,
  1052. .b-club .info .value,
  1053. .b-comment header a.hash,
  1054. .b-comment > .inner header .name-date .time > time,
  1055. .b-comment > .inner .was_updated,
  1056. .b-db_entry > .c-about .additional-links .line-container > a:after,
  1057. .b-db_entry > .c-about .additional-links .line-container > .link:after,
  1058. .b-db_entry-note .name-container .note span:after,
  1059. .b-db_entry-note .name-container .note .relation + .additional:after,
  1060. .b-db_entry-note .name-container .note .relation + .additional:before,
  1061. .b-input .hint,
  1062. .b-log_entry .date,
  1063. .b-message > .inner header .name-date .time > time,
  1064. .b-nothing_here,
  1065. .b-options-floated a:after,
  1066. .b-options-floated .link:after,
  1067. .b-review_votes span,
  1068. .b-separator,
  1069. .b-stats_bar .stat_names .stat_name .size:after,
  1070. .b-stats_bar .stat_names .stat_name .size:before,
  1071. .b-topic > .inner header .name-date .time,
  1072. .b-topic > .inner header .name-date .time > time,
  1073. .b-topic-preview > .inner .status-line .additional .comments:before,
  1074. .b-topic-preview > .inner .status-line .additional .likes:before,
  1075. .b-topic-preview > .inner .status-line .time,
  1076. .b-user.detailed .history .line .date,
  1077. .b-video_variant .episode-hostings:after,
  1078. .b-video_variant .episode-hostings:before,
  1079. .b-video_variant .video-hosting:after,
  1080. .b-video_variant .video-hosting:before,
  1081. .b-video_variant .video-kind.english:before,
  1082. .b-video_variant .video-language:after,
  1083. .b-video_variant .video-language:before,
  1084. .p-anime_videos-index .c-videos .video-variant-switcher:not(:first-child):after,
  1085. .p-contests-index .contest .date,
  1086. .p-moderations-missing_videos .missing-video > .info,
  1087. .p-moderations-show .b-list .size:after,
  1088. .p-moderations-show .b-list .size:before,
  1089. .p-profiles .profile-head .c-brief header .notice span:after,
  1090. .p-profiles .profile-head .c-info .c-additionals div:after,
  1091. .p-statistics-index .forum-nav .sections a:after,
  1092. .p-topics .l-menu .contests .contest .notice,
  1093. .p-user_rates-index .l-content .b-options-floated span:after,
  1094. .p-user_rates-index .l-content .b-options-floated span:before,
  1095. .p-user_rates-index .list-groups .summary .stat-value:after {
  1096. color: #9E9E9E;
  1097. }
  1098.  
  1099. .b-video_player .cc-player_controls .c-control .icon,
  1100. .p-animes_collection-index .pagination .link.disabled,
  1101. .p-mangas_collection-index .pagination .link.disabled,
  1102. .p-recommendations-index .pagination .link.disabled,
  1103. .p-userlist_comparer-show .pagination .link.disabled,
  1104. .p-animes_collection-index .pagination .link.disabled:hover,
  1105. .p-mangas_collection-index .pagination .link.disabled:hover,
  1106. .p-recommendations-index .pagination .link.disabled:hover,
  1107. .p-userlist_comparer-show .pagination .link.disabled:hover,
  1108. .p-profiles .profile-head .c-history .entry .misc.date,
  1109. .p-topics .l-menu .calendar .entry .misc.date,
  1110. .p-topics .l-menu .reviews .entry .misc.date,
  1111. .p-topics .l-menu .clubs .entry .misc.date {
  1112. color: #9E9E9E !important;
  1113. }
  1114.  
  1115. /* PRIMARY COLOR */
  1116. input[type=submit],
  1117. .button,
  1118. .b-button,
  1119. .b-contests-menu .results,
  1120. .b-form input[type=submit],
  1121. .b-link_button.dark,
  1122. .btn-primary,
  1123. .b-shiki_editor .links .button.ok,
  1124. .b-shiki_editor .images .button.ok,
  1125. .b-shiki_editor .quotes .button.ok,
  1126. .b-shiki_editor .email .button.ok,
  1127. .b-shiki_editor .upload .button.ok,
  1128. .p-contests .b-contest_match .votes-percents .right-part,
  1129. .p-contests .b-contest_match .votes-percents .left-part:hover .right-part,
  1130. .b-stats_bar.anime .bar .first,
  1131. .line:nth-child(odd) > .bar-container > .bar,
  1132. .line:nth-child(odd) > .bar-container > .bar:hover,
  1133. .b-image .cancel,
  1134. .b-image .cancel:hover,
  1135. .b-image .cancel:active,
  1136. .b-image .confirm,
  1137. .b-image .confirm:hover,
  1138. .b-image .confirm:active,
  1139. .b-image .delete,
  1140. .b-image .delete:hover,
  1141. .b-image .delete:active,
  1142. .b-image .mobile-edit,
  1143. .b-image .mobile-edit:hover,
  1144. .b-image .mobile-edit:active,
  1145. .b-image.deletable .confirm:hover,
  1146. .b-image.deletable .cancel:hover,
  1147. .p-user_rates-index .list-posters .user_rate .edit-user_rate,
  1148. .p-user_rates-index .list-posters .user_rate .edit-user_rate:hover {
  1149. background-color: #8251b3;
  1150. }
  1151.  
  1152. @media screen and (max-width: 1024px) {
  1153. .p-user_rates-index .list-posters .user_rate .edit-user_rate {
  1154. background: #8251b3;
  1155. }
  1156. }
  1157.  
  1158. .p-contests .b-contest_match .votes-percents .right-part,
  1159. .p-contests .b-contest_match .votes-percents .left-part:hover .right-part,
  1160. .b-main_search .input:after {
  1161. border-color: #8251b3;
  1162. }
  1163.  
  1164. .subheadline > a:hover,
  1165. .midheadline > a:hover,
  1166. .edit-page a.cancel:hover,
  1167. .b-form .cancel:hover,
  1168. .b-shiki_editor footer .unpreview:hover,
  1169. .b-shiki_editor footer .preview:hover,
  1170. .b-topic-preview > .editor-container .hide:hover,
  1171. .p-dashboards-show .b-forums > .b-link_button.maxi:hover:after,
  1172. .p-profiles-show .b-stats_bar a.title:hover {
  1173. background-color: rgba(130, 81, 179, 0.12);
  1174. }
  1175.  
  1176. input[type=submit]:hover,
  1177. .button:hover,
  1178. .b-button:hover,
  1179. .b-contests-menu .results:hover,
  1180. .b-form input[type=submit]:hover,
  1181. .b-link_button.dark:hover {
  1182. background-color: #72479e;
  1183. }
  1184.  
  1185. .b-contests-menu .results,
  1186. .b-link_button.dark,
  1187. .btn-submit {
  1188. color: #FAFAFA !important;
  1189. }
  1190.  
  1191. .b-rate .stars.score,
  1192. .b-forums .forum input:checked + .link:before,
  1193. .b-collection-filters .block-list .filter,
  1194. .b-collection-filters .block-list li.selected:before,
  1195. .b-collection-filters .b-block_list .filter,
  1196. .b-collection-filters .b-block_list li.selected:before,
  1197. .tooltip-details .ajax-loading {
  1198. color: #8251b3;
  1199. }
  1200.  
  1201. .headline > a,
  1202. .headline > a:hover,
  1203. .headline.linkheadline > a,
  1204. .midheadline > a,
  1205. .midheadline > a:hover,
  1206. .midheadline.linkheadline > a,
  1207. .subheadline > a,
  1208. .subheadline > a:hover,
  1209. .subheadline.linkheadline > a,
  1210. .edit-page a.cancel,
  1211. .p-dashboards-show .b-forums > .b-link_button.maxi:after,
  1212. .b-form .cancel,
  1213. .b-shiki_editor footer .unpreview,
  1214. .b-shiki_editor footer .unpreview:not(.link):hover,
  1215. .b-shiki_editor footer .preview,
  1216. .b-stats_bar a.title,
  1217. .b-topic-preview > .editor-container .hide {
  1218. color: #8251b3 !important;
  1219. }
  1220.  
  1221. /* END of PRIMARY COLOR */
  1222. /* ACCENT COLOR */
  1223. .menu .unread-count,
  1224. .menu .entry:hover .unread-count,
  1225. .menu .contest,
  1226. .menu .entry:hover .contest,
  1227. .p-contests .b-contest_match .votes-percents .left-part,
  1228. .p-contests .b-contest_match .votes-percents .left-part:hover,
  1229. .b-options-floated a span.brackets,
  1230. .b-options-floated .link span.brackets,
  1231. .b-stats_bar.manga .bar .first,
  1232. div.compatibility > a > span.rate,
  1233. div.compatibility > span.link-replacement > span.rate {
  1234. background-color: #daa51e;
  1235. }
  1236.  
  1237. .menu .unread-count:hover,
  1238. .menu .contest:hover {
  1239. background-color: #daa51e !important;
  1240. }
  1241.  
  1242. .p-profiles-show .b-stats_bar.manga a.title:hover {
  1243. background-color: rgba(218, 165, 30, 0.12);
  1244. }
  1245.  
  1246. html.turbolinks-progress-bar:before,
  1247. .turbolinks.turbolinks-progress-bar::before {
  1248. background: #daa51e !important;
  1249. box-shadow: 0 0 10px rgba(218, 165, 30, 0.7) !important;
  1250. }
  1251.  
  1252. .p-profiles-edit .b-options-floated > a.selected,
  1253. .p-dialogs .b-options-floated > a.selected,
  1254. .p-messages .b-options-floated > a.selected {
  1255. border-bottom: 2px solid #daa51e;
  1256. }
  1257.  
  1258. .menu .unread-count,
  1259. .menu:hover .unread-count,
  1260. .menu .contest,
  1261. .menu:hover .contest {
  1262. color: #212121 !important;
  1263. }
  1264.  
  1265. .b-rate .stars.hover,
  1266. .profile-actions .fav-remove:before {
  1267. color: #daa51e;
  1268. }
  1269.  
  1270. .b-list_switchers > .switcher.selected,
  1271. .editor-controls > span.selected,
  1272. .p-profiles-show .b-stats_bar.manga a.title {
  1273. color: #daa51e !important;
  1274. }
  1275.  
  1276. /* END of ACCENT COLOR */
  1277. /* BACKGROUND COLOR */
  1278. .ac_results,
  1279. .b-image .marker,
  1280. .b-modal > .inner,
  1281. .b-video .marker,
  1282. .b-video .name,
  1283. .tooltip-inner,
  1284. .tooltip-details .ajax-loading {
  1285. background: #333333;
  1286. }
  1287.  
  1288. @media screen and (max-width: 599px) {
  1289. .b-stats_bar .stat_names:hover {
  1290. background-color: #333333;
  1291. }
  1292. }
  1293.  
  1294. .b-link_button,
  1295. .b-comments .comments-loader,
  1296. .b-comments .comments-hider,
  1297. .b-comments .comments-expander,
  1298. .b-comments .messages-postloader,
  1299. .b-comments .faye-loader,
  1300. .b-forum .faye-loader,
  1301. .p-animes-show .other-names.click-loader,
  1302. .p-mangas-show .other-names.click-loader,
  1303. .collapsed {
  1304. background-color: #616161;
  1305. border-color: #333333;
  1306. }
  1307.  
  1308. .b-link_button:hover,
  1309. .b-comments .comments-loader:hover,
  1310. .b-comments .comments-hider:hover,
  1311. .b-comments .comments-expander:hover,
  1312. .b-comments .messages-postloader:hover,
  1313. .b-comments .faye-loader:hover,
  1314. .b-forum .faye-loader:hover,
  1315. .p-animes-show .other-names.click-loader:hover,
  1316. .p-mangas-show .other-names.click-loader:hover,
  1317. .collapsed:hover {
  1318. background-color: #333333;
  1319. border-color: #111111;
  1320. }
  1321.  
  1322. .b-link_button:active,
  1323. .b-comments .comments-loader:active,
  1324. .b-comments .comments-hider:active,
  1325. .b-comments .comments-expander:active,
  1326. .b-comments .messages-postloader:active,
  1327. .b-comments .faye-loader:active,
  1328. .b-forum .faye-loader:active,
  1329. .p-animes-show .other-names.click-loader:active,
  1330. .p-mangas-show .other-names.click-loader:active,
  1331. .collapsed:active {
  1332. background-color: #212121;
  1333. border-color: #757575;
  1334. }
  1335.  
  1336. .b-quote, .b-quote .b-quote .b-quote {
  1337. background: #333333;
  1338. }
  1339.  
  1340. .b-quote .b-quote, .b-quote .b-quote .b-quote .b-quote {
  1341. background: #616161;
  1342. }
  1343.  
  1344. .b-user_rate .rate-show .note,
  1345. .p-topics-new .topic_video,
  1346. .p-topics-edit .topic_video,
  1347. .p-topics-create .topic_video,
  1348. .p-topics-update .topic_video,
  1349. .p-user_rates-index .list-lines tr.edit-form form {
  1350. background: #616161;
  1351. }
  1352.  
  1353. input,
  1354. select,
  1355. .b-editable_grid tbody tr:nth-child(odd) td,
  1356. .b-input input,
  1357. .b-input textarea,
  1358. .b-pages,
  1359. .b-shiki_editor .body .editor textarea,
  1360. .b-shiki_editor .links .link-value,
  1361. .b-shiki_editor .images .link-value,
  1362. .b-shiki_editor .quotes .link-value,
  1363. .b-shiki_editor .email .link-value,
  1364. .b-shiki_editor .upload .link-value,
  1365. .l-page .menu-toggler .toggler,
  1366. .p-contests .match-day .match-link:hover,
  1367. .p-contests .match-day .match-link.active,
  1368. .p-user_rates-index .list-groups .summary.posters,
  1369. .p-user_rates-index .list-lines tr td .new-value input,
  1370. .p-user_rates-index .l-content .filter input,
  1371. .subheadline-input {
  1372. background: #333333;
  1373. }
  1374.  
  1375. .editor textarea.b-comment,
  1376. .editor textarea.b-message {
  1377. background: #333333 !important;
  1378. }
  1379.  
  1380. /* Области наведения */
  1381. .b-lang_trigger,
  1382. .b-tag,
  1383. .block-list li:hover,
  1384. .block-list-alt li:hover,
  1385. .block-list li.selected,
  1386. .block-list-alt li.selected,
  1387. .b-block_list li:hover,
  1388. .b-block_list li.selected,
  1389. .b-entry-info .line .b-tag,
  1390. .b-catalog_entry-tooltip .inner .line .value .tag,
  1391. .b-hot_topics .topic a,
  1392. .b-forums .forum:hover,
  1393. .b-show_more:hover,
  1394. .b-show_more-more .hide-more:hover,
  1395. .b-stats_bar .stat_names:hover:before,
  1396. .history-interval p:hover,
  1397. .p-profiles .profile-head .c-history .entry:hover a,
  1398. .p-topics .l-menu .sticky-topics .topic:hover,
  1399. .p-dashboards-show .contests .contest:hover,
  1400. .p-topics .l-menu .calendar .entry:hover a,
  1401. .p-topics .l-menu .clubs .entry:hover a,
  1402. .p-topics .l-menu .contests .contest:hover,
  1403. .p-topics .l-menu .reviews .entry:hover a,
  1404. .p-user_rates-index .list-lines .selectable:hover,
  1405. .p-user_rates-index .l-content .order-control:hover,
  1406. .p-animes_collection-index .pagination .link:hover,
  1407. .p-mangas_collection-index .pagination .link:hover,
  1408. .p-recommendations-index .pagination .link:hover,
  1409. .p-userlist_comparer-show .pagination .link:hover {
  1410. background-color: #616161;
  1411. }
  1412.  
  1413. .block-list li:active,
  1414. .block-list-alt li:active,
  1415. .b-block_list li:active,
  1416. .p-contests .match-day .match-link:active {
  1417. background-color: #616161 !important;
  1418. }
  1419.  
  1420. .p-dialogs header.head,
  1421. .p-messages header.head,
  1422. .p-profiles-edit header.head,
  1423. .p-profiles-edit .b-options-floated,
  1424. .p-dialogs .b-options-floated,
  1425. .p-messages .b-options-floated,
  1426. .b-hot_topics .topic a:hover {
  1427. background-color: #333333;
  1428. }
  1429.  
  1430. .p-userlist_comparer .comparer table .selectable:hover {
  1431. background-color: #333333 !important;
  1432. }
  1433.  
  1434. /* Кнопки при наведении */
  1435. .b-video_player .cc-player_controls .c-control:hover .icon,
  1436. .p-animes_collection-index .pagination .link:hover,
  1437. .p-mangas_collection-index .pagination .link:hover,
  1438. .p-recommendations-index .pagination .link:hover,
  1439. .p-userlist_comparer-show .pagination .link:hover,
  1440. .b-lang_trigger:hover,
  1441. .b-list_switchers > .switcher:hover,
  1442. .b-tag:hover,
  1443. .b-entry-info .line .b-tag:hover,
  1444. .b-catalog_entry-tooltip .inner .line .value .tag:hover,
  1445. .b-user_rate .rate-show .rate-number .item-add:hover,
  1446. .p-animes .item-edit:hover,
  1447. .p-characters .item-edit:hover,
  1448. .p-contests .b-contest_match .prev-match:hover,
  1449. .p-contests .b-contest_match .next-match:hover,
  1450. .p-mangas .item-edit:hover,
  1451. .p-profiles-show .about .item-edit:hover,
  1452. .p-messages .mass-actions .action > a:hover,
  1453. .p-user_rates-index .list-lines tr.edit-form .remove:hover,
  1454. .delete-controls > span:hover,
  1455. .moderation-controls > span:hover,
  1456. .main-controls > span:hover,
  1457. .main-controls > a:hover,
  1458. .buttons .item-edit:hover,
  1459. .editor-controls > span:hover,
  1460. .about-bb_codes:hover,
  1461. .item-mobile:hover,
  1462. .item-mobile:active,
  1463. header.head h1 > a.back:hover,
  1464. header.head h2 > a.back:hover {
  1465. background-color: #333333;
  1466. }
  1467.  
  1468. /* ЦВЕТ ГРАНИЦ ЭЛЕМЕНТОВ */
  1469. hr,
  1470. .b-db_entry-note:before,
  1471. .b-dialog:before,
  1472. .b-message:before,
  1473. .b-comment:before,
  1474. .b-comments .comments-loaded:before,
  1475. .p-contests .match-day:before,
  1476. .p-profiles .profile-head .c-history .entry:before,
  1477. .p-topics .l-menu .calendar .entry:before,
  1478. .p-topics .l-menu .reviews .entry:before,
  1479. .p-topics .l-menu .clubs .entry:before {
  1480. background-color: #757575;
  1481. }
  1482.  
  1483. input,
  1484. h3,
  1485. select,
  1486. .b-input input,
  1487. .b-input textarea,
  1488. .b-pages,
  1489. .b-quote,
  1490. .b-shiki_editor .body .editor textarea,
  1491. .b-shiki_editor .links .link-value,
  1492. .b-shiki_editor .images .link-value,
  1493. .b-shiki_editor .quotes .link-value,
  1494. .b-shiki_editor .email .link-value,
  1495. .b-shiki_editor .upload .link-value,
  1496. .b-tooltipped:not(a),
  1497. .b-topic,
  1498. .b-topic-preview > .inner .status-line .additional,
  1499. .l-page .menu-toggler .toggler,
  1500. .p-dashboards-show .cc-news .c-generated_news .b-topic,
  1501. .p-topics header h1 a.reload,
  1502. .p-topics-new .topic_video,
  1503. .p-topics-edit .topic_video,
  1504. .p-topics-create .topic_video,
  1505. .p-topics-update .topic_video,
  1506. .p-user_rates-index .list-groups .summary.posters,
  1507. .p-user_rates-index .list-lines tr.edit-form form,
  1508. .p-user_rates-index .list-lines tr td .new-value input,
  1509. .p-user_rates-index .l-content .filter input,
  1510. .subheadline-input {
  1511. border-color: #757575;
  1512. }
  1513.  
  1514. /* ОСОБЫЕ ЦВЕТА */
  1515. .b-entry-info .line .b-tag:active,
  1516. .b-catalog_entry-tooltip .inner .line .value .tag:active {
  1517. background-color: #757575;
  1518. }
  1519.  
  1520. .b-rate .stars.background {
  1521. color: #757575;
  1522. }
  1523.  
  1524. .b-stats_bar .bar .third {
  1525. background: #757575;
  1526. }
  1527.  
  1528. /* END of НАСТРОЙКА ЦВЕТОВ */
  1529.  
  1530.  
  1531.  
  1532.  
  1533.  
  1534.  
  1535.  
  1536.  
  1537.  
  1538.  
  1539. /**
  1540. * MATERIAL ICON
  1541. * Иконки должны располагаться в псевдоэлементе ::before
  1542. * Стандартный размер иконок 24px, уменьшенный – 20px
  1543. *
  1544. * NOTE: Версия шрифта устарела, поддерживаются не все иконки из каталога
  1545. * BUG: IE doesn't support Materail Icon's font format [.woff2]
  1546. */
  1547. @font-face {
  1548. font-family: 'Material Icons';
  1549. font-style: normal;
  1550. font-weight: 400;
  1551. 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");
  1552. }
  1553.  
  1554. .p-animes_collection-index .pagination .link::before,
  1555. .p-recommendations-index .pagination .link::before, .subheadline-buttons .item-edit::before, .p-profiles-show .about .item-edit::before, .b-db_entry .c-actions .b-tooltipped::before, .b-clubs-menu .club-actions .b-tooltipped::before, .b-list_switchers .switcher::before, .p-user_rates-index .list-lines tr.edit-form .remove::before, .profile-actions > a::before, .b-stats_bar .compatibility a[href$='=similar']::before, .b-stats_bar .compatibility .text:first-child::before, header.head h1 a.back::before,
  1556. header.head h2 a.back::before, .buttons .editor-controls .b-tooltipped::before, .p-dialogs .misc-links > a::before, .p-messages .mass-actions .action a::before, .b-collection-filters .mylist-block .item-sign::before {
  1557. display: block;
  1558. width: 1em !important;
  1559. font-family: 'Material Icons' !important;
  1560. font-size: 24px !important;
  1561. font-weight: 400 !important;
  1562. line-height: 1 !important;
  1563. letter-spacing: normal;
  1564. text-transform: none;
  1565. word-wrap: normal;
  1566. white-space: nowrap;
  1567. direction: ltr;
  1568. /* Support for all WebKit browsers. */
  1569. -webkit-font-smoothing: antialiased;
  1570. /* Support for Safari and Chrome. */
  1571. text-rendering: optimizeLegibility;
  1572. /* Support for Firefox. */
  1573. -moz-osx-font-smoothing: grayscale;
  1574. /* Support for IE. */
  1575. font-feature-settings: 'liga';
  1576. }
  1577.  
  1578. .p-animes_collection-index .pagination .link,
  1579. .p-recommendations-index .pagination .link, .subheadline-buttons .item-edit, .p-profiles-show .about .item-edit, .b-db_entry .c-actions .b-tooltipped, .b-clubs-menu .club-actions .b-tooltipped, .b-list_switchers .switcher, .p-user_rates-index .list-lines tr.edit-form .remove, .profile-actions > a, .b-stats_bar .compatibility a[href$='=similar'], .b-stats_bar .compatibility .text:first-child, header.head h1 a.back,
  1580. header.head h2 a.back, .buttons .editor-controls .b-tooltipped, .p-dialogs .misc-links > a, .p-messages .mass-actions .action a, .b-collection-filters .mylist-block .item-sign {
  1581. display: inline-block;
  1582. vertical-align: top;
  1583. width: 40px;
  1584. height: 40px;
  1585. padding: 8px;
  1586. margin: 4px 8px 4px 0 !important;
  1587. border-radius: 2px;
  1588. transition: 0.16s cubic-bezier(0.4, 0, 0.6, 1);
  1589. }
  1590.  
  1591. .p-animes_collection-index .pagination .link:last-child,
  1592. .p-recommendations-index .pagination .link:last-child, .subheadline-buttons .item-edit:last-child, .p-profiles-show .about .item-edit:last-child, .b-db_entry .c-actions .b-tooltipped:last-child, .b-clubs-menu .club-actions .b-tooltipped:last-child, .b-list_switchers .switcher:last-child, .p-user_rates-index .list-lines tr.edit-form .remove:last-child, .profile-actions > a:last-child, .b-stats_bar .compatibility a[href$='=similar']:last-child, .b-stats_bar .compatibility .text:last-child:first-child, header.head h1 a.back:last-child,
  1593. header.head h2 a.back:last-child, .buttons .editor-controls .b-tooltipped:last-child, .p-dialogs .misc-links > a:last-child, .p-messages .mass-actions .action a:last-child, .b-collection-filters .mylist-block .item-sign:last-child {
  1594. margin-right: 0 !important;
  1595. }
  1596.  
  1597. .p-animes_collection-index .pagination .link,
  1598. .p-recommendations-index .pagination .link, .subheadline-buttons .item-edit, .p-profiles-show .about .item-edit, .b-db_entry .c-actions .b-tooltipped, .b-clubs-menu .club-actions .b-tooltipped, .b-list_switchers .switcher, .p-user_rates-index .list-lines tr.edit-form .remove, .profile-actions > a, .b-stats_bar .compatibility a[href$='=similar'], .b-stats_bar .compatibility .text:first-child, header.head h1 a.back,
  1599. header.head h2 a.back, .buttons .editor-controls .b-tooltipped, .p-dialogs .misc-links > a, .p-messages .mass-actions .action a, .b-collection-filters .mylist-block .item-sign {
  1600. color: #BDBDBD !important;
  1601. }
  1602.  
  1603. .p-animes_collection-index .pagination .link:hover,
  1604. .p-recommendations-index .pagination .link:hover, .subheadline-buttons .item-edit:hover, .p-profiles-show .about .item-edit:hover, .b-db_entry .c-actions .b-tooltipped:hover, .b-clubs-menu .club-actions .b-tooltipped:hover, .b-list_switchers .switcher:hover, .p-user_rates-index .list-lines tr.edit-form .remove:hover, .profile-actions > a:hover, .b-stats_bar .compatibility a[href$='=similar']:hover, .b-stats_bar .compatibility .text:hover:first-child, header.head h1 a.back:hover,
  1605. header.head h2 a.back:hover, .buttons .editor-controls .b-tooltipped:hover, .p-dialogs .misc-links > a:hover, .p-messages .mass-actions .action a:hover, .b-collection-filters .mylist-block .item-sign:hover {
  1606. background-color: #333333;
  1607. color: #EEEEEE !important;
  1608. text-decoration: none;
  1609. }
  1610.  
  1611. .b-stats_bar .compatibility a[href$='=similar']::after, .b-stats_bar .compatibility .text:first-child::after, .p-dialogs .misc-links > a::after, .p-messages .mass-actions .action a::after, .p-achievements-index .b-list_switchers .switcher::after {
  1612. display: block !important;
  1613. position: absolute;
  1614. padding: .375rem .75rem;
  1615. margin: .25rem .75rem;
  1616. background-color: #616161;
  1617. border-radius: .125rem;
  1618. color: #eee;
  1619. font-size: .875rem;
  1620. line-height: 1.25rem;
  1621. white-space: nowrap;
  1622. z-index: 100;
  1623. pointer-events: none;
  1624. opacity: 0;
  1625. transition: .3s;
  1626. }
  1627.  
  1628. .b-stats_bar .compatibility a[href$='=similar']:hover::after, .b-stats_bar .compatibility .text:first-child:hover::after, .p-dialogs .misc-links > a:hover::after, .p-messages .mass-actions .action a:hover::after, .p-achievements-index .b-list_switchers .switcher:hover::after {
  1629. opacity: .9;
  1630. }
  1631.  
  1632. .b-stats_bar .compatibility a[href$='=similar']::after, .b-stats_bar .compatibility .text:first-child::after, .p-dialogs .misc-links > a::after, .p-messages .mass-actions .action a::after {
  1633. right: 100%;
  1634. bottom: 0;
  1635. transform: translateX(0.75rem);
  1636. }
  1637.  
  1638. .b-stats_bar .compatibility a[href$='=similar']:hover::after, .b-stats_bar .compatibility .text:first-child:hover::after, .p-dialogs .misc-links > a:hover::after, .p-messages .mass-actions .action a:hover::after {
  1639. transform: translateX(0);
  1640. }
  1641.  
  1642. .p-achievements-index .b-list_switchers .switcher::after {
  1643. bottom: 100%;
  1644. transform: translateX(-50%) translateY(0.75em);
  1645. }
  1646.  
  1647. .p-achievements-index .b-list_switchers .switcher:hover::after {
  1648. transform: translateX(-50%) translateY(0);
  1649. }
  1650.  
  1651. /* BUGFIX */
  1652. /* В превью комментария не отображается заголовок на страницах клубов */
  1653. .p-club_pages .new_comment .preview .b-comment .inner header,
  1654. .p-club_pages .edit_comment .preview .b-comment .inner header {
  1655. display: block;
  1656. }
  1657.  
  1658. /* Ссылки в превью новостей не переносятся на новую строку */
  1659. .b-animes-menu .menu-topics-block .history-entry-tooltip .tooltip-details a {
  1660. display: block;
  1661. }
  1662.  
  1663. /* Максимальная ширина элементов */
  1664. img {
  1665. max-width: 100%;
  1666. }
  1667.  
  1668. /* Убираем лишнее пространство под textarea */
  1669. textarea {
  1670. vertical-align: top;
  1671. }
  1672.  
  1673. /* Убираем запятые в тегах */
  1674. .b-entry-info .line .b-tag span:after {
  1675. display: none;
  1676. }
  1677.  
  1678.  
  1679.  
  1680.  
  1681. /* ОСНОВНОЙ ФАЙЛ */
  1682. header.head h1,
  1683. header.head h2,
  1684. input {
  1685. font-family: inherit;
  1686. }
  1687.  
  1688. .buttons,
  1689. .ac_results .name,
  1690. .b-animes-menu .total-rates,
  1691. .b-club .name-logo:hover .name,
  1692. .b-comment > .inner header .name-date a.name,
  1693. .b-comments .comments-expander,
  1694. .b-comments .comments-expander:hover,
  1695. .b-comments .comments-hider,
  1696. .b-comments .comments-hider:hover,
  1697. .b-comments .comments-loader,
  1698. .b-comments .comments-loader:hover,
  1699. .b-comments .faye-loader,
  1700. .b-comments .faye-loader:hover,
  1701. .b-comments .messages-postloader,
  1702. .b-comments .messages-postloader:hover,
  1703. .b-entry-info .line .value,
  1704. .b-forum .faye-loader,
  1705. .b-forum .faye-loader:hover,
  1706. .b-header_filters .filter-line .title,
  1707. .b-header_filters .filter-line a.current,
  1708. .b-mention s,
  1709. .b-options-floated .selected.always-active,
  1710. .b-quote,
  1711. .b-rate .score-notice,
  1712. .b-rate .text-score,
  1713. .b-table th,
  1714. .b-topic > .inner header .name-date a.name,
  1715. .b-user.detailed .history .line .event,
  1716. .collapsed,
  1717. .completable-block .name,
  1718. .l-page .menu-toggler .toggler:after,
  1719. .p-anime_videos-index .c-anime_video_episodes .title,
  1720. .p-anime_videos-index .c-videos .title,
  1721. .p-anime_videos-index .same-videos .title,
  1722. .p-statistics-index .forum-nav .sections a,
  1723. .p-user_rates-index .list-groups .summary.lines,
  1724. .p-userlist_comparer .comparer table .name a,
  1725. .tooltip-details .b-nothing_here.centered {
  1726. color: inherit;
  1727. }
  1728.  
  1729. .b-comments .comments-expander:active,
  1730. .b-comments .comments-hider:active,
  1731. .b-comments .comments-loader:active,
  1732. .b-forum .faye-loader:active,
  1733. .block-list li.selected,
  1734. .block-list-alt li.selected,
  1735. .b-block_list li.selected,
  1736. .p-animes-show .other-names.click-loader,
  1737. .p-mangas-show .other-names.click-loader {
  1738. color: inherit !important;
  1739. }
  1740.  
  1741. @media screen and (max-width: 767px) {
  1742. .b-options-floated.mobile-phone a.selected {
  1743. color: inherit;
  1744. }
  1745. }
  1746.  
  1747. /* MAIN BLOCKS */
  1748. html {
  1749. height: 100%;
  1750. overflow-x: hidden;
  1751. }
  1752.  
  1753. body {
  1754. position: relative;
  1755. min-height: 100%;
  1756. font-size: 16px;
  1757. font-weight: 400;
  1758. line-height: 1.25;
  1759. }
  1760.  
  1761. .l-page {
  1762. min-height: 100%;
  1763. padding: 72px 16px 0;
  1764. }
  1765.  
  1766. @media (min-width: 960px) {
  1767. .l-page {
  1768. padding-right: 24px;
  1769. padding-left: 24px;
  1770. }
  1771. }
  1772.  
  1773. .l-footer {
  1774. padding: 0;
  1775. margin: 1em 0 0;
  1776. text-align: center;
  1777. line-height: 2em;
  1778. }
  1779.  
  1780. /* НЕ УДАЛЯТЬ! Информация для устранения неполадок */
  1781. body[data-user*=":2727,"] .l-footer:before {
  1782. content: "shiki-theme v1.3.9-stable";
  1783. }
  1784.  
  1785. .l-footer:after {
  1786. display: none;
  1787. }
  1788.  
  1789. .l-footer:before,
  1790. .l-footer .copyright,
  1791. .l-footer .links {
  1792. padding: 0;
  1793. font: inherit;
  1794. font-size: .75em;
  1795. }
  1796.  
  1797. .l-footer .links {
  1798. clear: both;
  1799. display: inline-block;
  1800. vertical-align: top;
  1801. text-align: center;
  1802. }
  1803.  
  1804. .l-footer .links a:last-child {
  1805. margin: 0;
  1806. }
  1807.  
  1808. /* ВЫСОТА СТРОКИ */
  1809. .cc-2a > .c-column,
  1810. .block,
  1811. .b-db_entry,
  1812. .p-animes .b-db_entry > *:last-child {
  1813. line-height: inherit;
  1814. }
  1815.  
  1816. @media only screen and (min-width: 768px) {
  1817. .cc-2 > .c-column,
  1818. .p-animes-show .cc-related-authors > .c-column,
  1819. .p-mangas-show .cc-related-authors > .c-column {
  1820. line-height: inherit;
  1821. }
  1822. }
  1823.  
  1824. .cc-3-flex > .c-column {
  1825. line-height: inherit;
  1826. }
  1827. /* ЗАКРУГЛЕНИЕ */
  1828. .b-comments .comments-loader,
  1829. .b-comments .comments-hider,
  1830. .b-comments .comments-expander,
  1831. .b-comments .messages-postloader,
  1832. .b-forum .faye-loader,
  1833. .collapsed,
  1834. .tipsy-inner,
  1835. .button,
  1836. .b-button,
  1837. .b-contests-menu .results,
  1838. .b-link_button,
  1839. input[type=submit],
  1840. .btn,
  1841. .b-comments-notifier,
  1842. .p-animes_collection-index .pagination .link,
  1843. .p-mangas_collection-index .pagination .link,
  1844. .p-recommendations-index .pagination .link,
  1845. .p-userlist_comparer-show .pagination .link,
  1846. .b-catalog_entry .image-cutter,
  1847. .b-main_search .input,
  1848. .b-lang_trigger,
  1849. .b-user_rate .rate-show .note,
  1850. .c-poster img,
  1851. .c-actions > *,
  1852. .b-user_rate .rate-show .rate-number .item-add,
  1853. .p-animes-show .watch-online,
  1854. .p-animes-show .upload-video,
  1855. .p-mangas-show .watch-online,
  1856. .p-mangas-show .upload-video,
  1857. .b-tag,
  1858. .b-entry-info .line .b-tag,
  1859. .b-catalog_entry-tooltip .inner .line .value .tag,
  1860. .b-topic > .inner header img,
  1861. .b-quote,
  1862. .p-clubs-index header.head a.misc,
  1863. .p-user_rates-index .l-content .filter input,
  1864. .p-user_rates-index .list-lines tr td .new-value input,
  1865. .p-user_rates-index .list-lines tr.edit-form form,
  1866. .p-user_rates-index .list-lines tr.edit-form .remove,
  1867. .p-profiles-show .b-stats_bar a.title,
  1868. .b-stats_bar .bar,
  1869. .profile-actions > a,
  1870. .l-page .b-anime_status_tag:before,
  1871. .p-profiles .profile-head .c-history .entry img,
  1872. header.head h1 a.back,
  1873. header.head h2 a.back,
  1874. .edit-page a.cancel,
  1875. .editor-controls > span,
  1876. .tooltip-inner,
  1877. .b-topic-preview > .editor-container .hide,
  1878. .b-input,
  1879. .b-input input {
  1880. border-radius: .125rem;
  1881. }
  1882.  
  1883. /* RESET LAYOUT */
  1884. @media (max-width: 1024px) {
  1885. .l-page .menu-slide-outer {
  1886. width: auto;
  1887. padding: 0 16px;
  1888. margin: 0 -16px;
  1889. }
  1890. .l-page .menu-slide-outer .menu-slide-inner {
  1891. width: 100% !important;
  1892. }
  1893. .l-page .menu-slide-outer .l-content {
  1894. float: none !important;
  1895. width: 100% !important;
  1896. margin: 0 !important;
  1897. }
  1898. }
  1899.  
  1900. /* ОБЩИЕ КЛАССЫ */
  1901. .p0,
  1902. .m0,
  1903. .m1,
  1904. .m2,
  1905. .m3,
  1906. .m4,
  1907. .m5,
  1908. .m6,
  1909. .m7,
  1910. .m8,
  1911. .m10,
  1912. .m12,
  1913. .m13,
  1914. .m15,
  1915. .m20,
  1916. .m25,
  1917. .m30,
  1918. .m40,
  1919. .m50 {
  1920. margin-bottom: .5rem !important;
  1921. }
  1922.  
  1923. h3 {
  1924. font-size: 1.125rem;
  1925. line-height: 1.5;
  1926. margin-bottom: .5rem;
  1927. text-overflow: ellipsis;
  1928. white-space: nowrap;
  1929. overflow: hidden;
  1930. }
  1931.  
  1932. hr {
  1933. margin: .5rem 0;
  1934. background-image: none;
  1935. }
  1936.  
  1937. .ajax-loading.vk-like {
  1938. min-height: 1.5rem;
  1939. }
  1940.  
  1941. .b-ajax:before {
  1942. opacity: .75;
  1943. }
  1944.  
  1945. .b-ajax:after {
  1946. width: 1.5rem;
  1947. height: 1.5rem;
  1948. margin-top: -.75rem;
  1949. margin-left: -.75rem;
  1950. background: transparent;
  1951. border: .1875rem solid;
  1952. border-right-color: transparent;
  1953. border-radius: 50%;
  1954. color: #8251b3;
  1955. -webkit-animation: spin 2s linear infinite;
  1956. animation: spin 2s linear infinite;
  1957. box-sizing: border-box;
  1958. pointer-events: all;
  1959. }
  1960.  
  1961. /* Списки */
  1962. .b-list {
  1963. margin: .5rem 0 1rem 2rem;
  1964. }
  1965.  
  1966. .b-list li {
  1967. margin: 0;
  1968. line-height: 1.5;
  1969. list-style-type: disc;
  1970. list-style-image: none;
  1971. }
  1972.  
  1973. .b-list li + li {
  1974. margin: .5rem 0 0 0;
  1975. }
  1976.  
  1977. .b-list .b-list li + li {
  1978. margin: 0;
  1979. }
  1980.  
  1981. .b-height_shortener {
  1982. position: relative;
  1983. padding-left: 0;
  1984. cursor: s-resize;
  1985. }
  1986.  
  1987. .b-comment .b-height_shortener,
  1988. .b-dialog .b-height_shortener,
  1989. .p-clubs .b-height_shortener {
  1990. padding-left: 3.5rem;
  1991. }
  1992.  
  1993. .buttons .cancel {
  1994. vertical-align: top;
  1995. margin-right: .5rem;
  1996. border: 0;
  1997. }
  1998.  
  1999. .b-form .cancel {
  2000. margin-left: 0;
  2001. }
  2002.  
  2003. .b-form .cancel:hover {
  2004. text-decoration: none;
  2005. }
  2006.  
  2007. .b-errors {
  2008. margin-bottom: .5rem;
  2009. line-height: inherit;
  2010. }
  2011.  
  2012. .red,
  2013. .b-errors .subheadline {
  2014. margin-bottom: 0;
  2015. border: 0;
  2016. }
  2017.  
  2018. .b-review-topic .b-height_shortener {
  2019. padding-left: 0;
  2020. cursor: default;
  2021. }
  2022.  
  2023. .b-height_shortener .shade {
  2024. right: 0;
  2025. left: 0;
  2026. width: auto;
  2027. height: 2.5rem;
  2028. margin-top: -2.5rem;
  2029. }
  2030.  
  2031. .b-height_shortener .expand {
  2032. font-size: .875rem;
  2033. }
  2034.  
  2035. .b-comment.b-comment-info {
  2036. font-size: .875rem;
  2037. text-align: left;
  2038. line-height: 1.5rem;
  2039. }
  2040.  
  2041. .b-comment.b-comment-info > span {
  2042. margin-right: .5rem;
  2043. }
  2044.  
  2045. .b-comments .comments-loader,
  2046. .b-comments .comments-hider,
  2047. .b-comments .comments-expander,
  2048. .b-comments .messages-postloader,
  2049. .b-forum .faye-loader,
  2050. .collapsed {
  2051. padding: .4375rem 2.5rem;
  2052. margin: 0;
  2053. margin-bottom: .5rem;
  2054. line-height: 1.5rem;
  2055. }
  2056.  
  2057. .b-dropzone {
  2058. padding: .5rem 1rem 3rem;
  2059. background-color: #616161;
  2060. border: 1px dashed #757575;
  2061. border-radius: .125rem;
  2062. }
  2063.  
  2064. .b-dropzone:hover {
  2065. border-color: #8251b3;
  2066. }
  2067.  
  2068. .b-dropzone:before {
  2069. margin: .5rem 0;
  2070. font-size: 14px;
  2071. }
  2072.  
  2073. .b-dropzone .thank-you {
  2074. margin-bottom: .5rem;
  2075. }
  2076.  
  2077. .b-dropzone input[type=file] {
  2078. bottom: 1rem;
  2079. }
  2080.  
  2081. .b-dropzone:before,
  2082. .b-dropzone input[type=file] {
  2083. color: #9E9E9E;
  2084. }
  2085.  
  2086. .b-dropzone:hover:before,
  2087. .b-dropzone:hover input[type=file] {
  2088. color: #EEEEEE;
  2089. }
  2090.  
  2091. .b-forum .faye-loader {
  2092. padding: .4375rem .5rem;
  2093. }
  2094.  
  2095. .b-comments .comments-collapser {
  2096. width: 2.5rem;
  2097. padding: .5rem;
  2098. margin: 0;
  2099. border: 0;
  2100. font-size: 0;
  2101. line-height: 0;
  2102. }
  2103.  
  2104. .b-comments .comments-collapser:before {
  2105. content: 'expand_less';
  2106. display: block;
  2107. }
  2108.  
  2109. .b-image {
  2110. display: inline-block;
  2111. vertical-align: top;
  2112. margin-bottom: .25rem;
  2113. }
  2114.  
  2115. /* Кнопки управления изображениями */
  2116. .b-image img {
  2117. vertical-align: top;
  2118. border-radius: .125rem;
  2119. }
  2120.  
  2121. .b-gallery .b-image {
  2122. padding: .125rem;
  2123. }
  2124.  
  2125. .b-gallery .b-image .controls {
  2126. margin: .125rem;
  2127. text-align: right;
  2128. }
  2129.  
  2130. /* Кнопки */
  2131. .b-image .mobile-edit,
  2132. .b-image .delete,
  2133. .b-image.deletable .confirm,
  2134. .b-image.deletable .cancel,
  2135. .p-user_rates-index .list-posters .user_rate .edit-user_rate {
  2136. width: auto;
  2137. height: auto;
  2138. padding: .5rem;
  2139. margin-top: .25rem !important;
  2140. margin-right: .25rem !important;
  2141. border-radius: .125rem;
  2142. }
  2143.  
  2144. @media screen and (min-width: 1024px) {
  2145. .b-image .mobile-edit,
  2146. .b-image .delete,
  2147. .b-image.deletable .confirm,
  2148. .b-image.deletable .cancel,
  2149. .p-user_rates-index .list-posters .user_rate .edit-user_rate {
  2150. background-color: transparent;
  2151. }
  2152. }
  2153.  
  2154. .b-image .delete,
  2155. .b-image .confirm,
  2156. .b-image .cancel,
  2157. .b-image .move-left,
  2158. .b-image .move-right,
  2159. .b-image .mobile-edit {
  2160. z-index: 8;
  2161. }
  2162.  
  2163. .b-image .mobile-edit,
  2164. .b-gallery .grid_sizer .controls {
  2165. margin-top: .375rem !important;
  2166. margin-right: .375rem !important;
  2167. }
  2168.  
  2169. @media screen and (min-width: 767px) {
  2170. .p-user_rates-index .list-posters .user_rate .edit-user_rate {
  2171. background-color: transparent;
  2172. }
  2173. }
  2174.  
  2175. /* Настройки иконок */
  2176. .b-image .mobile-edit:before,
  2177. .b-image .delete:before,
  2178. .b-image.deletable .confirm:before,
  2179. .b-image.deletable .cancel:before,
  2180. .p-user_rates-index .list-posters .user_rate .edit-user_rate:before {
  2181. width: 1.5rem;
  2182. font-size: 1.5rem;
  2183. }
  2184.  
  2185. .p-user_rates-index .list-posters .user_rate .edit-user_rate:before {
  2186. position: static;
  2187. height: auto;
  2188. background: transparent;
  2189. }
  2190.  
  2191. /* Затемнение */
  2192. .b-gallery .b-image .controls,
  2193. .user_rate .b-catalog_entry:after {
  2194. position: absolute;
  2195. top: 0;
  2196. right: 0;
  2197. bottom: 0;
  2198. left: 0;
  2199. background-image: linear-gradient(rgba(0, 0, 0, 0.6) 0%, transparent 40%);
  2200. border-radius: .125rem;
  2201. }
  2202.  
  2203. .user_rate .b-catalog_entry:after {
  2204. content: '';
  2205. opacity: 0;
  2206. pointer-events: none;
  2207. }
  2208.  
  2209. .b-image:hover,
  2210. .b-image.deletable img,
  2211. .b-image.deletable:after,
  2212. .b-image.mobile-editing:after,
  2213. .p-user_rates-index .list-posters .user_rate:hover .b-catalog_entry:after {
  2214. opacity: 1;
  2215. }
  2216.  
  2217. /* Вид иконки */
  2218. .b-image .mobile-edit:before,
  2219. .p-user_rates-index .list-posters .user_rate .edit-user_rate:before {
  2220. content: 'edit';
  2221. }
  2222.  
  2223. .b-image .delete:before {
  2224. content: 'delete';
  2225. }
  2226.  
  2227. .b-image .confirm:before {
  2228. content: 'check';
  2229. }
  2230.  
  2231. .b-image .cancel:before {
  2232. content: 'close';
  2233. }
  2234.  
  2235. /* END of Кнопки управления изображениями */
  2236. .b-modal > .inner {
  2237. padding: 1rem 1.5rem;
  2238. border-radius: .125rem;
  2239. box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.24);
  2240. }
  2241.  
  2242. .b-modal .subheadline {
  2243. font-size: 20px;
  2244. font-weight: 400;
  2245. text-transform: none;
  2246. }
  2247.  
  2248. .b-prgrph,
  2249. .b-spoiler_prgrph {
  2250. margin-bottom: .5rem !important;
  2251. }
  2252.  
  2253. .b-show_more,
  2254. .b-show_more-more .hide-more {
  2255. display: inline-block;
  2256. padding: 0 .5rem;
  2257. margin: .25rem 0;
  2258. border-radius: .625rem;
  2259. font-size: .875rem;
  2260. }
  2261.  
  2262. .b-source {
  2263. margin-top: .5rem;
  2264. margin-bottom: 1rem;
  2265. }
  2266.  
  2267. .b-spoiler label {
  2268. font-size: inherit;
  2269. letter-spacing: initial;
  2270. }
  2271.  
  2272. .b-spoiler .content .before,
  2273. .b-spoiler .content .after {
  2274. font-size: inherit;
  2275. letter-spacing: initial;
  2276. }
  2277.  
  2278. .b-nothing_here {
  2279. margin-left: 0;
  2280. font-size: .875rem;
  2281. line-height: 2.5rem;
  2282. }
  2283.  
  2284. header.head h1,
  2285. header.head h2 {
  2286. font-family: inherit;
  2287. }
  2288.  
  2289. header.head .notice {
  2290. margin: .5rem 0;
  2291. font-size: .875rem;
  2292. line-height: 1.25rem;
  2293. }
  2294.  
  2295. header.head h1 ~ .notice,
  2296. header.head h2 ~ .notice {
  2297. margin-top: -.5rem;
  2298. }
  2299.  
  2300. .b-breadcrumbs {
  2301. margin: 0;
  2302. line-height: 1rem;
  2303. }
  2304.  
  2305. .b-breadcrumbs > span:after {
  2306. content: '»';
  2307. }
  2308.  
  2309. /* Всплывающая подсказка */
  2310. .tipsy {
  2311. padding: .875rem;
  2312. font-size: .875rem;
  2313. opacity: .9 !important;
  2314. pointer-events: none;
  2315. }
  2316.  
  2317. .tipsy-arrow {
  2318. display: none;
  2319. }
  2320.  
  2321. .tipsy-inner {
  2322. padding: .375rem 1rem;
  2323. background-color: #616161;
  2324. color: #eee;
  2325. text-align: left;
  2326. box-shadow: none;
  2327. }
  2328.  
  2329. input {
  2330. font-family: inherit;
  2331. font-size: inherit;
  2332. }
  2333.  
  2334. /* Кнопки */
  2335. .button,
  2336. .b-button,
  2337. .b-form input[type=submit],
  2338. .b-topic-preview > .editor-container .hide,
  2339. .edit-page a.cancel {
  2340. display: inline-block;
  2341. }
  2342.  
  2343. input[type=submit],
  2344. .button,
  2345. .b-button,
  2346. .b-form input[type=submit],
  2347. .b-contests-menu .results,
  2348. .b-link_button,
  2349. .b-shiki_editor .links .b-button.ok,
  2350. .b-shiki_editor .images .b-button.ok,
  2351. .b-shiki_editor .quotes .b-button.ok,
  2352. .b-shiki_editor .email .b-button.ok,
  2353. .b-shiki_editor .upload .b-button.ok,
  2354. .edit-page a.cancel {
  2355. min-width: 5.5rem;
  2356. padding: 0 1rem;
  2357. margin-right: .5rem;
  2358. font-size: .875rem;
  2359. line-height: 2rem !important;
  2360. text-align: center;
  2361. text-decoration: none !important;
  2362. text-transform: uppercase;
  2363. transition: 0.16s cubic-bezier(0.4, 0, 0.6, 1);
  2364. }
  2365.  
  2366. input[type=submit]:last-child,
  2367. .b-button:last-child,
  2368. .b-form input[type=submit]:last-child {
  2369. margin-right: 0;
  2370. }
  2371.  
  2372. input[type=submit]:hover {
  2373. 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);
  2374. }
  2375.  
  2376. /* TODO: new variable $btn_disabled_color (L: #9E9E9E; D: #757575) */
  2377. .b-button[disabled],
  2378. .b-button.disabled,
  2379. .b-button[disabled]:hover,
  2380. .b-button.disabled:hover,
  2381. .b-form input[type=submit][disabled],
  2382. .b-form input[type=submit].disabled,
  2383. .b-form input[type=submit][disabled]:hover,
  2384. .b-form input[type=submit].disabled:hover {
  2385. background-color: #333333;
  2386. box-shadow: none;
  2387. color: #9E9E9E !important;
  2388. }
  2389.  
  2390. .b-shiki_editor .links .b-button.ok,
  2391. .b-shiki_editor .images .b-button.ok,
  2392. .b-shiki_editor .quotes .b-button.ok,
  2393. .b-shiki_editor .email .b-button.ok,
  2394. .b-shiki_editor .upload .b-button.ok {
  2395. min-width: auto;
  2396. margin-left: 1rem;
  2397. }
  2398.  
  2399. .b-shiki_editor .links input,
  2400. .b-shiki_editor .images input,
  2401. .b-shiki_editor .quotes input,
  2402. .b-shiki_editor .email input,
  2403. .b-shiki_editor .upload input {
  2404. vertical-align: middle;
  2405. margin-top: 0px;
  2406. }
  2407.  
  2408. .edit-page a.cancel,
  2409. .b-topic-preview > .editor-container .hide {
  2410. background-color: transparent;
  2411. }
  2412.  
  2413. .b-topic-preview > .editor-container .hide {
  2414. vertical-align: top;
  2415. border: 0;
  2416. }
  2417.  
  2418. .b-topic {
  2419. overflow: visible;
  2420. }
  2421.  
  2422. .b-topic > .inner {
  2423. overflow: visible;
  2424. }
  2425.  
  2426. .b-topic-preview > .inner > footer {
  2427. overflow: hidden;
  2428. }
  2429.  
  2430. /* Чекбоксы */
  2431. /* TODO: L: border-color normal #757575 disabled #BDBDBD */
  2432. /* D: border-color normal #FFFFFF disabled rgba(255,255,255,.3) */
  2433. input[type=checkbox],
  2434. .b-input input[type=checkbox] {
  2435. display: inline-block;
  2436. vertical-align: top;
  2437. width: 1.125rem !important;
  2438. height: 1.125rem;
  2439. padding: 0;
  2440. margin: .1875rem 1rem .1875rem 0;
  2441. background-color: transparent;
  2442. background-repeat: no-repeat;
  2443. background-size: 1.125rem;
  2444. background-position: -.125rem -.125rem;
  2445. border: 0.125rem solid #BDBDBD;
  2446. border-radius: .125rem;
  2447. box-sizing: border-box;
  2448. transition: 0.24s cubic-bezier(0.4, 0, 0.2, 1);
  2449. -webkit-appearance: none;
  2450. -moz-appearance: none;
  2451. appearance: none;
  2452. }
  2453.  
  2454. input[type=checkbox]:checked,
  2455. .b-input input[type=checkbox]:checked {
  2456. background-color: #8251b3;
  2457. background-image: url("data\:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNOSAxNi4xN0w0LjgzIDEybC0xLjQyIDEuNDFMOSAxOSAyMSA3bC0xLjQxLTEuNDF6Ii8+PC9zdmc+");
  2458. border-color: transparent;
  2459. }
  2460.  
  2461. input[type=checkbox]:disabled,
  2462. .b-input input[type=checkbox]:disabled {
  2463. border-color: #9E9E9E;
  2464. }
  2465.  
  2466. input[type=checkbox]:checked:disabled,
  2467. .b-input input[type=checkbox]:checked:disabled {
  2468. background-color: #9E9E9E;
  2469. border-color: transparent;
  2470. }
  2471.  
  2472. /* Формы */
  2473. .b-form {
  2474. overflow: visible;
  2475. }
  2476.  
  2477. .b-form:after {
  2478. content: '';
  2479. display: block;
  2480. clear: both;
  2481. }
  2482.  
  2483. .b-input input,
  2484. .b-input textarea {
  2485. padding: .3125rem 1rem;
  2486. line-height: 1.25rem;
  2487. }
  2488.  
  2489. .b-input textarea {
  2490. padding: .4375rem 1rem;
  2491. }
  2492.  
  2493. .b-input input[disabled] {
  2494. background: transparent;
  2495. border-width: 0;
  2496. border-bottom-width: .125rem;
  2497. padding: .375rem 0 .25rem;
  2498. color: #9E9E9E !important;
  2499. }
  2500.  
  2501. /* TODO: check moz & ms browsers */
  2502. .b-input input::-webkit-input-placeholder,
  2503. .b-input textarea::-webkit-input-placeholder,
  2504. .b-shiki_editor .body .editor textarea::-webkit-input-placeholder {
  2505. padding: 0;
  2506. line-height: inherit;
  2507. }
  2508.  
  2509. .b-input input:-moz-placeholder,
  2510. .b-input textarea:-moz-placeholder,
  2511. .b-shiki_editor .body .editor textarea:-moz-placeholder {
  2512. padding: 0;
  2513. line-height: inherit;
  2514. }
  2515.  
  2516. .b-input input::-moz-placeholder,
  2517. .b-input textarea::-moz-placeholder,
  2518. .b-shiki_editor .body .editor textarea::-moz-placeholder {
  2519. padding: 0;
  2520. line-height: inherit;
  2521. }
  2522.  
  2523. .b-input input:-ms-input-placeholder,
  2524. .b-input textarea:-ms-input-placeholder,
  2525. .b-shiki_editor .body .editor textarea:-ms-input-placeholder {
  2526. padding: 0;
  2527. line-height: inherit;
  2528. }
  2529.  
  2530. .b-input select {
  2531. height: 2rem;
  2532. padding: 2px .5rem;
  2533. font-size: .875rem;
  2534. line-height: 2rem;
  2535. }
  2536.  
  2537. .b-input select:disabled {
  2538. opacity: .5;
  2539. }
  2540.  
  2541. .b-input .hint {
  2542. font-size: .75rem;
  2543. line-height: 1.25rem;
  2544. }
  2545.  
  2546. .b-input label {
  2547. line-height: 1.5;
  2548. }
  2549.  
  2550. .buttons {
  2551. font-family: inherit;
  2552. font-size: inherit;
  2553. }
  2554.  
  2555. .b-form .buttons {
  2556. margin-top: .5rem;
  2557. }
  2558.  
  2559. .btn {
  2560. line-height: 2rem;
  2561. }
  2562.  
  2563. .b-contests-menu .results {
  2564. float: none;
  2565. display: block;
  2566. margin: .5rem 0;
  2567. }
  2568.  
  2569. .b-link_button {
  2570. margin-bottom: .5rem;
  2571. }
  2572.  
  2573. .b-link_button.maxi {
  2574. padding: 0;
  2575. font-size: 1rem;
  2576. line-height: 2.5rem;
  2577. }
  2578.  
  2579. .b-contests-menu .results,
  2580. .b-forums > .b-link_button.maxi,
  2581. .b-link_button.create-topic {
  2582. margin-right: 0;
  2583. }
  2584.  
  2585. .history-interval,
  2586. .mischeadline,
  2587. .b-input,
  2588. .prgrph,
  2589. .spoiler-prgrph,
  2590. .review-votes_count {
  2591. margin-bottom: .5rem !important;
  2592. }
  2593.  
  2594. .text {
  2595. margin-left: 0 !important;
  2596. }
  2597.  
  2598. .tooltip-inner .close {
  2599. top: 0;
  2600. right: 0;
  2601. width: 2rem;
  2602. padding: .4375rem;
  2603. background: transparent;
  2604. border-radius: 50%;
  2605. color: inherit;
  2606. font-size: 1.125rem;
  2607. }
  2608.  
  2609. .tooltip-inner .close:after {
  2610. content: 'close';
  2611. }
  2612.  
  2613. .block-list li,
  2614. .block-list-alt li {
  2615. line-height: 1.5rem;
  2616. margin: 2px -.5rem;
  2617. padding: 0 .5rem;
  2618. }
  2619.  
  2620. .b-block_list li {
  2621. padding: 0 .5rem;
  2622. margin: 0 -.5rem;
  2623. font-family: inherit;
  2624. line-height: 1.5rem;
  2625. }
  2626.  
  2627. .b-comments-notifier {
  2628. top: 0 !important;
  2629. width: 2rem;
  2630. height: 2rem;
  2631. margin-top: 4rem;
  2632. line-height: 2rem;
  2633. }
  2634.  
  2635. .block,
  2636. .b-topic .body {
  2637. line-height: 1.25;
  2638. }
  2639.  
  2640. .b-pages-container,
  2641. .b-topic > .inner > .body,
  2642. .b-db_entry > div:last-child .text {
  2643. line-height: 1.5;
  2644. }
  2645.  
  2646. .b-user.named_avatar .name {
  2647. margin: auto;
  2648. }
  2649.  
  2650. /* FIX: BACKFACE VISIBILITY */
  2651. .b-collection-filters > .block:nth-child(3) > .b-list > li::after,
  2652. .b-collection-filters > .block:nth-child(3) > .b-list > li::before,
  2653. .l-top_menu .inner > a:first-child,
  2654. .l-top_menu .menu-items > .entry > a,
  2655. .p-user_rates .mylist-block + .block > .b-list > li:after,
  2656. .p-user_rates .mylist-block + .block > .b-list > li:before {
  2657. -webkit-backface-visibility: hidden;
  2658. -moz-backface-visibility: hidden;
  2659. backface-visibility: hidden;
  2660. }
  2661.  
  2662. /* Table */
  2663. .b-table td {
  2664. padding: .25em 0;
  2665. line-height: 1.5;
  2666. }
  2667.  
  2668. .b-table td.num {
  2669. white-space: nowrap;
  2670. }
  2671.  
  2672. .b-table tr.border {
  2673. border-color: #757575;
  2674. }
  2675.  
  2676. /**
  2677. * PAGINATION
  2678. * Изменение кнопок назад/вперед и увеличение текста
  2679. */
  2680. .p-animes_collection-index .pagination,
  2681. .p-recommendations-index .pagination {
  2682. margin: 8px auto;
  2683. color: inherit;
  2684. font-size: .875em;
  2685. font-weight: normal;
  2686. line-height: 48px;
  2687. }
  2688.  
  2689. .p-animes_collection-index .pagination:last-child,
  2690. .p-recommendations-index .pagination:last-child {
  2691. margin: 8px auto 0;
  2692. }
  2693.  
  2694. .p-animes_collection-index .pagination .no-hover,
  2695. .p-recommendations-index .pagination .no-hover {
  2696. vertical-align: top;
  2697. }
  2698.  
  2699. .p-animes_collection-index .pagination .link,
  2700. .p-recommendations-index .pagination .link {
  2701. font-size: 0;
  2702. }
  2703.  
  2704. .p-animes_collection-index .pagination .link.disabled:hover,
  2705. .p-recommendations-index .pagination .link.disabled:hover {
  2706. background: transparent;
  2707. }
  2708.  
  2709. .p-animes_collection-index .pagination .link.link-prev::before,
  2710. .p-recommendations-index .pagination .link.link-prev::before {
  2711. content: 'chevron_left';
  2712. }
  2713.  
  2714. .p-animes_collection-index .pagination .link.link-next::before,
  2715. .p-recommendations-index .pagination .link.link-next::before {
  2716. content: 'chevron_right';
  2717. }
  2718.  
  2719. /**
  2720. * SUBHEADER
  2721. * Изменение подзаголовков разделов и ссылок в них.
  2722. */
  2723. .headline {
  2724. padding: 8px 0;
  2725. margin: 8px 0;
  2726. background: none;
  2727. border: 0;
  2728. font-size: 24px;
  2729. font-weight: 400;
  2730. line-height: 32px;
  2731. text-transform: none;
  2732. }
  2733.  
  2734. .mischeadline,
  2735. .c-my_list .title,
  2736. .subheadline,
  2737. .midheadline,
  2738. .b-stats_bar .title,
  2739. .profile-content .activity .title,
  2740. .lifetime .title {
  2741. padding: 16px 0;
  2742. margin-bottom: 0;
  2743. background-color: transparent;
  2744. border: 0;
  2745. font-size: .875rem;
  2746. line-height: 1rem;
  2747. text-transform: uppercase;
  2748. overflow: initial;
  2749. }
  2750.  
  2751. .p-db_entries-edit_field .subheadline {
  2752. overflow: hidden;
  2753. }
  2754.  
  2755. .midheadline > a,
  2756. .subheadline > a {
  2757. vertical-align: top;
  2758. margin: -.5rem -1rem;
  2759. }
  2760.  
  2761. .midheadline > a,
  2762. .subheadline > a,
  2763. .b-form .cancel,
  2764. .b-shiki_editor footer .unpreview,
  2765. .b-shiki_editor footer .preview,
  2766. .b-topic-preview > .editor-container .hide {
  2767. display: inline-block;
  2768. padding: 0 1rem;
  2769. background-color: transparent;
  2770. border-radius: .125rem;
  2771. font-size: .875rem;
  2772. line-height: 2rem !important;
  2773. text-transform: uppercase;
  2774. }
  2775.  
  2776. .headline > a:before,
  2777. .midheadline > a:before,
  2778. .subheadline > a:before {
  2779. right: 0;
  2780. left: 0;
  2781. text-align: right;
  2782. opacity: 0;
  2783. pointer-events: auto;
  2784. }
  2785.  
  2786. .headline.linkheadline > a,
  2787. .linkheadline.midheadline > a,
  2788. .linkheadline.subheadline > a {
  2789. text-decoration: none;
  2790. }
  2791.  
  2792. .subheadline .misc-link {
  2793. float: right;
  2794. }
  2795.  
  2796. .subheadline-input {
  2797. padding: 5px 8px;
  2798. margin-top: 8px !important;
  2799. border-radius: 2px !important;
  2800. font-size: 14px;
  2801. line-height: inherit !important;
  2802. }
  2803.  
  2804. @media screen and (max-width: 767px) {
  2805. .subheadline-input {
  2806. padding-bottom: 5px !important;
  2807. padding-top: 5px !important;
  2808. }
  2809. }
  2810.  
  2811. .subheadline-buttons {
  2812. right: 0;
  2813. margin: 0;
  2814. }
  2815.  
  2816. .subheadline-buttons + .subheadline {
  2817. padding-right: 3rem;
  2818. }
  2819.  
  2820. /* HOVER */
  2821. .headline > a:hover,
  2822. .midheadline > a:hover,
  2823. .subheadline > a:hover {
  2824. text-decoration: none;
  2825. }
  2826.  
  2827. .subheadline-buttons .item-edit::before {
  2828. content: 'edit';
  2829. }
  2830.  
  2831. .p-profiles-show .about .item-edit::before {
  2832. content: 'edit';
  2833. }
  2834.  
  2835. @media only screen and (min-width: 768px) {
  2836. .b-options-floated.r-edit {
  2837. margin-right: 48px;
  2838. }
  2839. }
  2840.  
  2841. /* END of SUBHEADER */
  2842. /**
  2843. * ТУРНИРЫ
  2844. */
  2845. .p-contests .match-container.b-ajax:after {
  2846. z-index: 10;
  2847. }
  2848.  
  2849. .p-contests .b-contest_match {
  2850. padding: 16px 0;
  2851. margin-bottom: 0;
  2852. }
  2853.  
  2854. .p-contests .b-contest_match .current-match .match-members:last-child {
  2855. margin-bottom: 0 !important;
  2856. }
  2857.  
  2858. .p-contests .match-day {
  2859. position: relative;
  2860. margin-bottom: 16px;
  2861. text-align: center;
  2862. }
  2863.  
  2864. .p-contests .match-day:before {
  2865. content: '';
  2866. display: block;
  2867. position: absolute;
  2868. top: 10px;
  2869. right: 0;
  2870. left: 0;
  2871. height: 1px;
  2872. }
  2873.  
  2874. .p-contests .match-day > .date {
  2875. position: relative;
  2876. display: inline-block;
  2877. padding: 0 16px;
  2878. margin-bottom: 4px;
  2879. text-align: center;
  2880. text-transform: uppercase;
  2881. }
  2882.  
  2883. .p-contests .match-day > .date .from,
  2884. .p-contests .match-day > .date .to {
  2885. margin-right: 8px;
  2886. }
  2887.  
  2888. .p-contests .match-day > .date .to {
  2889. margin-left: 8px;
  2890. }
  2891.  
  2892. .p-contests .match-day .match-link {
  2893. padding-left: 0;
  2894. text-align: left;
  2895. }
  2896.  
  2897. .p-contests .match-day .match-link .c-column {
  2898. line-height: 32px;
  2899. }
  2900.  
  2901. .p-contests .match-day .match-link .draw {
  2902. padding-left: 0;
  2903. }
  2904.  
  2905. .p-contests .match-day .match-link .draw::before {
  2906. position: static;
  2907. top: 0;
  2908. left: 0;
  2909. width: 12px;
  2910. height: 12px;
  2911. margin: 10px 4px;
  2912. margin-right: 16px;
  2913. }
  2914.  
  2915. .p-contests .match-day .match-link .voted:before,
  2916. .p-contests .match-day .match-link .winner:before,
  2917. .p-contests .match-day .match-link .loser:before,
  2918. .p-contests .match-day .match-link .created:before,
  2919. .p-contests .match-day .match-link .started:before,
  2920. .p-contests .match-day .match-link .finished:before {
  2921. display: inline-block;
  2922. vertical-align: top;
  2923. width: 18px;
  2924. padding-right: 0;
  2925. padding-left: 0;
  2926. margin: 7px 0;
  2927. margin-right: 14px;
  2928. font-size: 18px;
  2929. font-weight: normal !important;
  2930. }
  2931.  
  2932. .p-contests .match-day .match-link .created:before {
  2933. color: #9B9B9B;
  2934. content: "lock";
  2935. padding-right: 0;
  2936. }
  2937.  
  2938. .p-contests .match-day .match-link .started:before,
  2939. .p-contests .match-day .match-link.voted-abstain .started:before {
  2940. content: "check_box_outline_blank";
  2941. color: #757575;
  2942. }
  2943.  
  2944. .p-contests .match-day .match-link.voted-abstain .started:before {
  2945. color: #9B9B9B;
  2946. }
  2947.  
  2948. .p-contests .match-day .match-link.voted-left .started:first-child:before,
  2949. .p-contests .match-day .match-link.voted-right .started:last-child:before {
  2950. content: "check_box";
  2951. }
  2952.  
  2953. .p-contests .match-day .match-link.voted-left .started:last-child:before,
  2954. .p-contests .match-day .match-link.voted-right .started:first-child:before {
  2955. content: 'indeterminate_check_box';
  2956. }
  2957.  
  2958. .p-contests .match-day .match-link .winner:before {
  2959. content: "thumb_up";
  2960. }
  2961.  
  2962. .p-contests .match-day .match-link .loser:before {
  2963. content: "thumb_down";
  2964. padding-right: 0;
  2965. }
  2966.  
  2967. .p-contests .match-day .match-link.voted-left .started:first-child:before,
  2968. .p-contests .match-day .match-link.voted-right .started:last-child:before,
  2969. .p-contests .match-day .match-link .winner:before {
  2970. color: #66BB6A;
  2971. }
  2972.  
  2973. .p-contests .match-day .match-link.voted-left .started:last-child:before,
  2974. .p-contests .match-day .match-link.voted-right .started:first-child:before,
  2975. .p-contests .match-day .match-link .loser:before {
  2976. color: #EF5350;
  2977. }
  2978.  
  2979. .p-contests .match-day .matches-num {
  2980. display: inline-block;
  2981. width: 56px;
  2982. padding-right: 0;
  2983. font-size: 16px;
  2984. }
  2985.  
  2986. .p-contests-show .cc-round_stats > .c-column:first-child:last-child > .block:last-child {
  2987. padding: 4px 0;
  2988. }
  2989.  
  2990. .p-contests-show .warning {
  2991. margin-top: 0;
  2992. margin-bottom: 16px;
  2993. }
  2994.  
  2995. .p-contests .rating .member {
  2996. height: auto;
  2997. }
  2998.  
  2999. .p-contests-users .subheadline a:hover {
  3000. background: none;
  3001. }
  3002.  
  3003. .p-contests .b-contest_match .votes-percents {
  3004. border-radius: 4px;
  3005. font-size: 14px;
  3006. line-height: 24px;
  3007. }
  3008.  
  3009. .p-contests .b-contest_match .votes-percents span {
  3010. float: left;
  3011. position: relative;
  3012. white-space: nowrap;
  3013. z-index: 1;
  3014. }
  3015.  
  3016. .p-contests .b-contest_match .votes-percents .left-part {
  3017. position: relative;
  3018. border-radius: inherit;
  3019. padding-left: 8px;
  3020. }
  3021.  
  3022. .p-contests .b-contest_match .votes-percents .left-part > span {
  3023. color: #212121;
  3024. }
  3025.  
  3026. .p-contests .b-contest_match .votes-percents .right-part {
  3027. position: absolute;
  3028. top: 0;
  3029. right: 0;
  3030. padding-right: 8px;
  3031. }
  3032.  
  3033. .p-contests .b-contest_match .votes-percents .right-part span {
  3034. float: right;
  3035. }
  3036.  
  3037. .p-contests .b-contest_match .votes-percents .left-part,
  3038. .p-contests .b-contest_match .votes-percents .right-part {
  3039. height: auto;
  3040. }
  3041.  
  3042. .p-contests .b-contest_match .votes-percents .right-part:before {
  3043. left: -24px;
  3044. border-right-width: 24px;
  3045. border-top-width: 48px;
  3046. }
  3047.  
  3048. .p-contests .b-contest_match .votes-percents .left-part:hover .right-part:before {
  3049. border-right-width: 24px;
  3050. }
  3051.  
  3052. .p-contests .b-contest_match .votes-percents .right-part:before,
  3053. .p-contests .b-contest_match .votes-percents .left-part:hover .right-part:before {
  3054. border-right-color: inherit;
  3055. }
  3056.  
  3057. .p-contests .results .cc-result .c-rounds .label {
  3058. color: #EEEEEE;
  3059. font-size: .875rem;
  3060. }
  3061.  
  3062. .p-contests .results .cc-result .c-rounds .match-day:before {
  3063. display: none;
  3064. }
  3065.  
  3066. .p-contests .results .cc-result .c-rounds .match-day .match {
  3067. padding-bottom: 0;
  3068. line-height: 32px;
  3069. text-align: left;
  3070. }
  3071.  
  3072. .p-contests .results .cc-result .c-rounds .match-link {
  3073. display: inline-block;
  3074. }
  3075.  
  3076. /* Кнопки турнира */
  3077. .b-contest_match .vs .action {
  3078. display: inline-block;
  3079. vertical-align: top;
  3080. min-width: 112px;
  3081. padding: 0;
  3082. margin: .25rem 0;
  3083. background-color: transparent;
  3084. border-radius: 2px;
  3085. font-size: .875rem;
  3086. font-weight: 700;
  3087. text-align: center;
  3088. text-transform: uppercase;
  3089. transition: 0.16s cubic-bezier(0.4, 0, 0.6, 1);
  3090. user-select: none;
  3091. }
  3092.  
  3093. .b-contest_match .vs .action:hover {
  3094. background-color: rgba(130, 81, 179, 0.12);
  3095. }
  3096.  
  3097. .b-contest_match .vs .action:active {
  3098. background-color: rgba(130, 81, 179, 0.24);
  3099. }
  3100.  
  3101. /* Текст внутри кнопки */
  3102. .b-contest_match .vs .actions .action span {
  3103. padding: 0 1rem;
  3104. line-height: 2rem;
  3105. }
  3106.  
  3107. .b-contest_match .vs .actions .action span,
  3108. .b-contest_match .vs .actions .action span:hover,
  3109. .b-contest_match .vs .actions .action span:active {
  3110. color: #8251b3;
  3111. border: 0;
  3112. -webkit-tap-highlight-color: transparent;
  3113. }
  3114.  
  3115. /* Убираем желтое свечение постеров */
  3116. .b-contest_match .current-match .match-members .match-member > .b-catalog_entry.yellow-fade {
  3117. background: transparent;
  3118. outline-color: transparent;
  3119. }
  3120.  
  3121. @media (min-width: 481px) {
  3122. .p-contests .b-contest_match .prev-match:hover,
  3123. .p-contests .b-contest_match .next-match:hover {
  3124. background-color: transparent;
  3125. }
  3126. }
  3127.  
  3128. /* BUG: font-size нужно указать внутри соответствующего элемента */
  3129. @media only screen and (min-width: 768px) {
  3130. .b-contest_match .vs {
  3131. font-size: inherit;
  3132. }
  3133. .b-contest_match .vs .label {
  3134. font-family: inherit;
  3135. font-size: 64px;
  3136. }
  3137. }
  3138.  
  3139. /* Мобильная версия */
  3140. @media (max-width: 480px) {
  3141. .p-contests .b-contest_match .prev-match,
  3142. .p-contests .b-contest_match .next-match {
  3143. position: absolute;
  3144. left: 0;
  3145. width: auto;
  3146. padding: 8px;
  3147. border-radius: 2px;
  3148. line-height: 32px;
  3149. z-index: 2;
  3150. }
  3151. .p-contests .b-contest_match .next-match {
  3152. right: 0;
  3153. left: auto;
  3154. }
  3155. .p-contests .b-contest_match .next-match:before {
  3156. margin: 0;
  3157. }
  3158. .p-contests .b-contest_match .prev-match:before,
  3159. .p-contests .b-contest_match .next-match:before {
  3160. display: block;
  3161. font-family: 'Material Icons';
  3162. font-size: 24px;
  3163. line-height: 1;
  3164. text-transform: none;
  3165. letter-spacing: normal;
  3166. word-wrap: normal;
  3167. white-space: nowrap;
  3168. direction: ltr;
  3169. /* Support for all WebKit browsers. */
  3170. -webkit-font-smoothing: antialiased;
  3171. /* Support for Safari and Chrome. */
  3172. text-rendering: optimizeLegibility;
  3173. /* Support for Firefox. */
  3174. -moz-osx-font-smoothing: grayscale;
  3175. /* Support for IE. */
  3176. font-feature-settings: 'liga';
  3177. }
  3178. .p-contests .b-contest_match .prev-match:before {
  3179. content: 'chevron_left';
  3180. }
  3181. .p-contests .b-contest_match .next-match:before {
  3182. content: 'chevron_right';
  3183. }
  3184. .p-contests .b-contest_match .current-match {
  3185. clear: both;
  3186. padding: 0;
  3187. }
  3188. .p-contests .b-contest_match .current-match .match-members {
  3189. padding-top: 96px;
  3190. margin-bottom: 4px;
  3191. }
  3192. .p-contests .b-contest_match .current-match .match-member {
  3193. position: relative;
  3194. width: 48%;
  3195. z-index: 2;
  3196. }
  3197. .p-contests .b-contest_match .current-match .match-member:first-child {
  3198. float: left;
  3199. }
  3200. .p-contests .b-contest_match .current-match .match-member:last-child {
  3201. float: right;
  3202. }
  3203. .p-contests .b-contest_match .match-losers {
  3204. display: block;
  3205. padding: 0;
  3206. }
  3207. /* Контейнер подсказок и кнопок турнира */
  3208. .p-contests .b-contest_match .vs {
  3209. position: absolute;
  3210. top: 0;
  3211. width: 100%;
  3212. padding: 3rem 0 0;
  3213. margin: 0;
  3214. font-size: inherit;
  3215. }
  3216. /* Блок кнопок турнира */
  3217. .b-contest_match .vs .actions {
  3218. position: absolute;
  3219. top: 0;
  3220. left: 0;
  3221. right: 0;
  3222. font-size: inherit;
  3223. }
  3224. /* Кнопка "К следующей паре" */
  3225. .b-contest_match .vs .action:nth-child(2) {
  3226. display: none;
  3227. }
  3228. /* Подсказка: "Кликните по одному из двух вариантов" */
  3229. /* Подсказка: "Ваш голос учтён!" */
  3230. /* Подсказка: "Вы воздержались в этом голосовании" */
  3231. /* Подсказка: "На сегодня всё! Спасибо за участие!" */
  3232. /* Подсказка: "Голосование ещё не началось" */
  3233. .b-contest_match .vs .invitation,
  3234. .b-contest_match .vs .vote-voted,
  3235. .b-contest_match .vs .vote-abstained,
  3236. .b-contest_match .vs .thanks,
  3237. .b-contest_match .vs .hint {
  3238. font-size: 1rem;
  3239. line-height: 40px;
  3240. margin: 0;
  3241. }
  3242. /* Подсказка: "На сегодня всё! Спасибо за участие!" */
  3243. .b-contest_match .vs .thanks {
  3244. position: absolute;
  3245. top: 0;
  3246. right: 0;
  3247. left: 0;
  3248. }
  3249. .b-contest_match .vs .vote-abstained[style="display: none;"] ~ .thanks {
  3250. display: none !important;
  3251. }
  3252. /* Иконка VS */
  3253. .b-contest_match .vs .label {
  3254. display: inline-block;
  3255. position: absolute;
  3256. top: 192px;
  3257. right: 0;
  3258. left: 0;
  3259. width: 72px;
  3260. height: 72px;
  3261. margin: auto;
  3262. border-radius: 100%;
  3263. font-size: 24px;
  3264. line-height: 72px;
  3265. text-transform: uppercase;
  3266. z-index: 6;
  3267. }
  3268. }
  3269.  
  3270. @media (max-width: 1024px) {
  3271. .p-contests .match-day .match-link .c-column {
  3272. text-overflow: ellipsis;
  3273. white-space: nowrap;
  3274. overflow: hidden;
  3275. }
  3276. .p-contests .match-day .match-link .draw:before,
  3277. .p-contests .match-day .match-link .loser:before,
  3278. .p-contests .match-day .match-link .winner:before {
  3279. display: none;
  3280. }
  3281. .p-contests .match-day .matches-num {
  3282. width: auto;
  3283. padding: 0 4px;
  3284. margin-right: 8px;
  3285. border-radius: 2px;
  3286. color: #FFF;
  3287. font-size: 12px;
  3288. line-height: 20px;
  3289. }
  3290. .p-contests .match-day .draw .matches-num {
  3291. background-color: #4f91e8;
  3292. }
  3293. .p-contests .match-day .loser .matches-num {
  3294. background-color: #ef5350;
  3295. }
  3296. .p-contests .match-day .winner .matches-num {
  3297. background-color: #66bb6a;
  3298. }
  3299. }
  3300.  
  3301. /* END of Мобильная версия */
  3302. /* END of ТУРНИРЫ */
  3303. /**
  3304. * Опросы
  3305. */
  3306. /* Контейнер */
  3307. .b-poll {
  3308. margin: .5rem 0;
  3309. line-height: inherit;
  3310. }
  3311.  
  3312. /* Текстовый блок */
  3313. .b-poll .poll {
  3314. margin-bottom: .0;
  3315. }
  3316.  
  3317. /* Название опроса */
  3318. /* Текст опроса */
  3319. /* Контейнер для вариантов в опросе */
  3320. .b-poll .poll-variants {
  3321. padding: .5em 0;
  3322. margin: 0;
  3323. }
  3324.  
  3325. /* Вариант в опросе */
  3326. .b-poll .poll-variants .poll-variant {
  3327. line-height: 1.5em;
  3328. margin-bottom: .5em;
  3329. }
  3330.  
  3331. /* Вариант в опросе (завершенный) */
  3332. .b-poll .poll-variants .poll-variant.result {
  3333. margin-bottom: .75em;
  3334. }
  3335.  
  3336. /* Отступ от текста варианта */
  3337. .b-poll .poll-variants .poll-variant label {
  3338. margin-bottom: .25em;
  3339. }
  3340.  
  3341. /* Псевдо переключатель */
  3342. .b-radio input[type="radio"] + .radio-label:before {
  3343. content: '';
  3344. display: inline-block;
  3345. vertical-align: top;
  3346. position: relative;
  3347. width: 18px;
  3348. height: 18px;
  3349. margin: 3px 18px 0 0;
  3350. border-radius: 100%;
  3351. border: 1.5px solid #8251b3;
  3352. box-sizing: border-box;
  3353. box-shadow: 0 0 0 2.75px #000000 inset;
  3354. text-align: center;
  3355. cursor: pointer;
  3356. }
  3357.  
  3358. .b-radio input[type="radio"]:checked + .radio-label:before {
  3359. width: 18px;
  3360. height: 18px;
  3361. background-color: #8251b3;
  3362. border: 1.5px solid #8251b3;
  3363. }
  3364.  
  3365. /* Кнопки голосования */
  3366. .b-poll .poll-actions .vote,
  3367. .b-poll .poll-actions .abstain {
  3368. display: inline-block;
  3369. vertical-align: top;
  3370. min-width: 112px;
  3371. padding: 0 1rem;
  3372. margin: .375rem 0;
  3373. background-color: #8251b3;
  3374. border-radius: 2px;
  3375. box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.24);
  3376. font-size: .875rem;
  3377. font-weight: 700;
  3378. line-height: 2.25rem;
  3379. text-align: center;
  3380. text-transform: uppercase;
  3381. transition: 0.16s cubic-bezier(0.4, 0, 0.6, 1);
  3382. }
  3383.  
  3384. .b-poll .poll-actions .vote:not(:last-child),
  3385. .b-poll .poll-actions .abstain:not(:last-child) {
  3386. margin-right: .5rem;
  3387. }
  3388.  
  3389. .b-poll .poll-actions .vote:hover,
  3390. .b-poll .poll-actions .abstain:hover {
  3391. background-color: #72479e;
  3392. box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.24), 0 3px 12px 2px rgba(0, 0, 0, 0.16);
  3393. }
  3394.  
  3395. @media (min-width: 960px) {
  3396. .b-poll .poll-actions .vote,
  3397. .b-poll .poll-actions .abstain {
  3398. margin-top: .5rem;
  3399. margin-bottom: .5rem;
  3400. box-shadow: none;
  3401. font-size: .8125rem;
  3402. line-height: 2rem;
  3403. }
  3404. .b-poll .poll-actions .vote:hover,
  3405. .b-poll .poll-actions .abstain:hover {
  3406. box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.24);
  3407. }
  3408. }
  3409.  
  3410. /* Вспомогательная информация: процент и сумма голосов */
  3411. .b-poll .poll-variants .poll-variant.result .votes-percent,
  3412. .b-poll .poll-variants .poll-variant.result .votes-total {
  3413. line-height: inherit;
  3414. font-size: .75em;
  3415. }
  3416.  
  3417. .b-poll .poll-variants .poll-variant.result .votes-percent {
  3418. color: #9E9E9E;
  3419. margin-right: 1em;
  3420. }
  3421.  
  3422. .b-poll .poll-variants .poll-variant.result .votes-total {
  3423. color: #BDBDBD;
  3424. margin-left: 1em;
  3425. }
  3426.  
  3427. /* Отметка своего варианта */
  3428. .b-poll .poll-variants .poll-variant.result label .voted-for {
  3429. padding-left: 0;
  3430. margin-left: 1em;
  3431. color: #66BB6A;
  3432. }
  3433.  
  3434. .b-poll .poll-variants .poll-variant.result label .voted-for:after,
  3435. .b-poll .poll-variants .poll-variant.result label .voted-for:before {
  3436. display: none;
  3437. }
  3438.  
  3439. /* Полосы */
  3440. .b-poll .poll-variants .poll-variant.result .bar .line,
  3441. .b-poll .poll-variants .poll-variant.result .bar .bar {
  3442. height: 4px;
  3443. line-height: 4px;
  3444. margin-bottom: 0;
  3445. border-radius: 2px;
  3446. }
  3447.  
  3448. /* Цвет полос */
  3449. .b-poll .poll-variants .poll-variant.result .bar .line {
  3450. background-color: #757575;
  3451. }
  3452.  
  3453. .b-poll .poll-variants .poll-variant.result .bar .bar.s0,
  3454. .b-poll .poll-variants .poll-variant.result .bar .bar.s1,
  3455. .b-poll .poll-variants .poll-variant.result .bar .bar.s2,
  3456. .b-poll .poll-variants .poll-variant.result .bar .bar.s3 {
  3457. background-color: #8251b3;
  3458. }
  3459.  
  3460. /* END of ОПРОСЫ */
  3461. /* ROUNDED IMAGES */
  3462. .b-dialog > .inner header img,
  3463. .b-message > .inner header img,
  3464. .p-user_rates-index .l-menu .avatar img,
  3465. .avatar > img {
  3466. border-radius: 100%;
  3467. }
  3468.  
  3469. /* END of ROUNDED IMAGES */
  3470. /**
  3471. * ANIME PAGE
  3472. */
  3473. .b-db_entry {
  3474. margin-bottom: 8px;
  3475. }
  3476.  
  3477. .b-db_entry-note .name-container {
  3478. padding: .25rem 0;
  3479. }
  3480.  
  3481. .b-db_entry-note .name-container .name {
  3482. font-size: 1rem;
  3483. }
  3484.  
  3485. .b-db_entry-note .name-container .note {
  3486. margin-top: 4px;
  3487. font-size: .875rem;
  3488. line-height: 1rem;
  3489. }
  3490.  
  3491. .b-db_entry-note .name-container .note > span {
  3492. display: inline-block;
  3493. vertical-align: top;
  3494. }
  3495.  
  3496. .b-db_entry-note .name-container .b-user_rate {
  3497. margin-top: .375rem;
  3498. }
  3499.  
  3500. .b-db_entry > .c-about .c-info-left,
  3501. .b-db_entry > .c-about .c-info-right,
  3502. .b-db_entry > .c-about .c-info-left:last-child,
  3503. .b-db_entry > .c-about .c-info-right:last-child {
  3504. margin-bottom: 8px !important;
  3505. }
  3506.  
  3507. .b-db_entry > .c-about .contest_winners {
  3508. margin-top: 0;
  3509. margin-bottom: 15px;
  3510. }
  3511.  
  3512. .p-animes .b-db_entry > *:last-child {
  3513. clear: left;
  3514. padding-top: 0;
  3515. margin-left: 0 !important;
  3516. }
  3517.  
  3518. @media only screen and (min-width: 768px) {
  3519. .p-people-show .b-db_entry > .c-about {
  3520. float: none;
  3521. margin-left: 30%;
  3522. overflow: hidden;
  3523. }
  3524. }
  3525.  
  3526. .b-lang_trigger {
  3527. position: absolute;
  3528. top: -53px;
  3529. right: 0;
  3530. width: 40px;
  3531. height: 40px;
  3532. padding: 10px 0;
  3533. margin: 4px;
  3534. font-size: 12px;
  3535. line-height: 20px;
  3536. text-align: center;
  3537. text-transform: uppercase;
  3538. cursor: pointer;
  3539. }
  3540.  
  3541. .b-lang_trigger:before,
  3542. .b-lang_trigger:after {
  3543. display: none;
  3544. }
  3545.  
  3546. .b-lang_trigger span {
  3547. border: 0;
  3548. }
  3549.  
  3550. .midheadline,
  3551. .m10 {
  3552. margin-bottom: 0 !important;
  3553. }
  3554.  
  3555. .b-user_rate .rate-show .note {
  3556. padding: .5rem 1rem;
  3557. font-size: .875rem;
  3558. line-height: 1.25rem;
  3559. max-height: 10rem;
  3560. overflow-x: hidden;
  3561. overflow-y: auto;
  3562. }
  3563.  
  3564. .b-user_rate .rate-show .note:before {
  3565. content: 'Заметка';
  3566. display: block;
  3567. font-size: 10px;
  3568. }
  3569.  
  3570. .b-forums .forum .topics {
  3571. margin-left: 8px;
  3572. margin-top: 0;
  3573. }
  3574.  
  3575. /* ADD TO LIST BUTTON */
  3576. .b-add_to_list {
  3577. min-width: 0;
  3578. }
  3579.  
  3580. .b-add_to_list .trigger,
  3581. .b-add_to_list .option {
  3582. border: 0;
  3583. }
  3584.  
  3585. .b-add_to_list .trigger,
  3586. .b-add_to_list .option {
  3587. padding: .5rem 1rem .5rem 3rem;
  3588. border: 0;
  3589. line-height: 1.5rem;
  3590. }
  3591.  
  3592. /* thx @bot.AkiKawasaki */
  3593. .b-add_to_list .trigger {
  3594. border-radius: .125rem;
  3595. }
  3596.  
  3597. .b-add_to_list .option:last-child {
  3598. border-radius: 0 0 .125rem .125rem;
  3599. }
  3600.  
  3601. .b-add_to_list .trigger + .expanded-options {
  3602. margin-top: -.125rem;
  3603. }
  3604.  
  3605. .b-add_to_list .plus,
  3606. .b-add_to_list .edit,
  3607. .b-add_to_list .trigger-arrow {
  3608. width: 2.5rem;
  3609. height: 2.5rem;
  3610. padding: .5rem;
  3611. margin: -.5rem -1rem -.5rem 0;
  3612. color: inherit !important;
  3613. }
  3614.  
  3615. .b-add_to_list .plus,
  3616. .b-add_to_list .edit {
  3617. position: absolute;
  3618. left: 0;
  3619. margin-left: 0 !important;
  3620. margin-right: .5rem !important;
  3621. }
  3622.  
  3623. .b-add_to_list .trigger-arrow {
  3624. position: relative;
  3625. }
  3626.  
  3627. .b-add_to_list .expanded-options .option .text {
  3628. padding-left: 0;
  3629. }
  3630.  
  3631. /* DENSE ATL_BUTTON */
  3632. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger,
  3633. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option {
  3634. padding: 0 1rem 0 2.25rem;
  3635. line-height: 2rem;
  3636. }
  3637.  
  3638. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .plus,
  3639. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .edit,
  3640. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger-arrow {
  3641. width: 2rem;
  3642. height: 2rem;
  3643. padding: .4375rem;
  3644. margin: 0 -1rem 0 .25rem;
  3645. }
  3646.  
  3647. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .plus,
  3648. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .edit {
  3649. margin-right: .25rem !important;
  3650. }
  3651.  
  3652. /* END of DENSE ATL_BUTTON */
  3653. /* ATL_BUTTON in NEWS */
  3654. .b-catalog_entry-tooltip .b-add_to_list {
  3655. width: auto;
  3656. max-width: 224px;
  3657. }
  3658.  
  3659. .b-catalog_entry-tooltip .b-add_to_list .trigger {
  3660. font-size: .875rem;
  3661. line-height: 1.5rem;
  3662. }
  3663.  
  3664. .b-catalog_entry-tooltip .b-add_to_list .option {
  3665. font-size: .875rem;
  3666. }
  3667.  
  3668. .b-catalog_entry-tooltip .b-add_to_list .trigger,
  3669. .b-catalog_entry-tooltip .b-add_to_list .add-trigger,
  3670. .b-catalog_entry-tooltip .b-add_to_list .remove-trigger {
  3671. max-width: 224px;
  3672. }
  3673.  
  3674. /* END of ATL_BUTTON in NEWS */
  3675. /* FIX ORIGINAL STYLE */
  3676. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .plus::before,
  3677. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .edit::before,
  3678. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .trigger-arrow::before,
  3679. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .plus::before,
  3680. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .edit::before,
  3681. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .trigger-arrow::before,
  3682. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .plus::before,
  3683. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .edit::before,
  3684. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .trigger-arrow::before,
  3685. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .plus::before,
  3686. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .edit::before,
  3687. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .trigger-arrow::before {
  3688. color: inherit;
  3689. }
  3690.  
  3691. /* FIX: ADD_TO_LIST LAYOUT IN NOTES (issue #7) */
  3692. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option,
  3693. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger {
  3694. padding: 0 1rem 0 2rem;
  3695. }
  3696.  
  3697. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger + .expanded-options {
  3698. margin-top: 0;
  3699. }
  3700.  
  3701. /* END of ADD TO LIST BUTTON */
  3702. .b-catalog_entry.planned .image-decor::before,
  3703. .b-catalog_entry.watching .image-decor::before,
  3704. .b-catalog_entry.completed .image-decor::before,
  3705. .b-catalog_entry.rewatching .image-decor::before,
  3706. .b-catalog_entry.on_hold .image-decor::before,
  3707. .b-catalog_entry.dropped .image-decor::before {
  3708. display: none;
  3709. }
  3710.  
  3711. .b-catalog_entry.planned .image-decor::after,
  3712. .b-catalog_entry.watching .image-decor::after,
  3713. .b-catalog_entry.completed .image-decor::after,
  3714. .b-catalog_entry.rewatching .image-decor::after,
  3715. .b-catalog_entry.on_hold .image-decor::after,
  3716. .b-catalog_entry.dropped .image-decor::after {
  3717. top: auto !important;
  3718. right: 8px !important;
  3719. bottom: 8px !important;
  3720. width: 36px !important;
  3721. height: auto;
  3722. border: none;
  3723. border-radius: 100%;
  3724. box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.24);
  3725. color: #FFF;
  3726. font-size: 22px !important;
  3727. line-height: 36px !important;
  3728. }
  3729.  
  3730. .b-catalog_entry.planned .image-decor::after {
  3731. content: "event";
  3732. background: #FAFAFA;
  3733. color: #1976D2;
  3734. }
  3735.  
  3736. .b-catalog_entry.watching .image-decor::after {
  3737. content: "play_arrow";
  3738. background: #1E88E5;
  3739. }
  3740.  
  3741. .b-catalog_entry.rewatching .image-decor::after {
  3742. content: "replay";
  3743. background: #1E88E5;
  3744. }
  3745.  
  3746. .b-catalog_entry.completed .image-decor::after {
  3747. content: "done";
  3748. background: #43A047;
  3749. }
  3750.  
  3751. .b-catalog_entry.on_hold .image-decor::after {
  3752. content: "schedule";
  3753. background: #757575;
  3754. }
  3755.  
  3756. .b-catalog_entry.dropped .image-decor::after {
  3757. content: "delete";
  3758. background: #E53935;
  3759. }
  3760.  
  3761. .b-db_entry-note .name-container {
  3762. margin-left: 64px;
  3763. line-height: inherit;
  3764. }
  3765.  
  3766. header.head,
  3767. .block,
  3768. .b-add_to_list,
  3769. .b-user_rate .rate-show {
  3770. margin-bottom: .5rem;
  3771. }
  3772.  
  3773. .l-page > div > header.head {
  3774. margin-bottom: 1.5rem;
  3775. }
  3776.  
  3777. .p-profiles-edit .l-page > div > header.head,
  3778. .p-dialogs .l-page > div > header.head,
  3779. .p-messages .l-page > div > header.head {
  3780. margin-bottom: 0;
  3781. }
  3782.  
  3783. @media (max-width: 480px) and (orientation: portrait) {
  3784. .b-db_entry .c-actions .b-tooltipped {
  3785. display: table;
  3786. width: 100%;
  3787. margin: 0 0 8px !important;
  3788. }
  3789. }
  3790.  
  3791. .b-db_entry .c-actions .b-tooltipped::before {
  3792. display: table-cell;
  3793. float: none;
  3794. }
  3795.  
  3796. .b-db_entry .c-actions .b-tooltipped::after {
  3797. padding-left: .5rem;
  3798. color: inherit;
  3799. font-size: .875rem;
  3800. line-height: 1.125rem;
  3801. }
  3802.  
  3803. .b-db_entry .c-actions .fav-add:hover {
  3804. color: #daa51e !important;
  3805. }
  3806.  
  3807. .b-db_entry .c-actions .fav-remove {
  3808. color: #daa51e !important;
  3809. }
  3810.  
  3811. .b-db_entry .c-actions .fav-remove:hover::before {
  3812. color: inherit;
  3813. }
  3814.  
  3815. @media screen and (min-width: 1200px) {
  3816. .p-animes-show .c-image .b-user_rate,
  3817. .p-mangas-show .c-image .b-user_rate {
  3818. margin: 0;
  3819. }
  3820. }
  3821.  
  3822. .b-rate {
  3823. padding: 6px 0;
  3824. }
  3825.  
  3826. .b-rate:last-child {
  3827. margin-bottom: 15px;
  3828. }
  3829.  
  3830. .b-rate .text-score {
  3831. vertical-align: top;
  3832. }
  3833.  
  3834. .b-rate .score-value {
  3835. line-height: 36px;
  3836. }
  3837.  
  3838. .b-rate .score-notice {
  3839. font-size: 10px;
  3840. margin-top: -46px;
  3841. text-transform: uppercase;
  3842. }
  3843.  
  3844. .b-review-topic .b-rate .score-notice {
  3845. margin-top: -58px;
  3846. }
  3847.  
  3848. .b-user_rate .rate-show .episodes {
  3849. margin-bottom: 8px;
  3850. font-size: 14px;
  3851. line-height: 32px;
  3852. }
  3853.  
  3854. .b-user_rate .rate-show .rate-number {
  3855. margin-right: 0;
  3856. }
  3857.  
  3858. .b-user_rate .rate-show .rate-number .current-episodes,
  3859. .b-user_rate .rate-show .rate-number .sep,
  3860. .b-user_rate .rate-show .rate-number .total-episodes {
  3861. display: inline-block;
  3862. vertical-align: top;
  3863. line-height: 32px;
  3864. }
  3865.  
  3866. .b-user_rate .rate-show .rate-number .item-add {
  3867. display: inline-block;
  3868. vertical-align: top;
  3869. width: 40px;
  3870. height: 40px;
  3871. padding: 8px;
  3872. margin: -4px 0 0 8px;
  3873. }
  3874.  
  3875. .b-user_rate .rate-show .rate-number .item-add:before {
  3876. width: 24px !important;
  3877. font-family: 'Material Icons' !important;
  3878. font-size: 24px !important;
  3879. font-weight: 400 !important;
  3880. line-height: 1 !important;
  3881. text-transform: none;
  3882. letter-spacing: normal;
  3883. word-wrap: normal;
  3884. white-space: nowrap;
  3885. direction: ltr;
  3886. /* Support for all WebKit browsers. */
  3887. -webkit-font-smoothing: antialiased;
  3888. /* Support for Safari and Chrome. */
  3889. text-rendering: optimizeLegibility;
  3890. /* Support for Firefox. */
  3891. -moz-osx-font-smoothing: grayscale;
  3892. /* Support for IE. */
  3893. font-feature-settings: 'liga';
  3894. }
  3895.  
  3896. .b-user_rate .rate-show .rate-number .item-add:before {
  3897. content: 'add';
  3898. }
  3899.  
  3900. .b-rate .stars:after {
  3901. font-size: 36px !important;
  3902. font-family: 'Material Icons' !important;
  3903. line-height: 1 !important;
  3904. font-weight: 400 !important;
  3905. text-transform: none;
  3906. letter-spacing: -6px;
  3907. word-wrap: normal;
  3908. white-space: nowrap;
  3909. direction: ltr;
  3910. /* Support for all WebKit browsers. */
  3911. -webkit-font-smoothing: antialiased;
  3912. /* Support for Safari and Chrome. */
  3913. text-rendering: optimizeLegibility;
  3914. /* Support for Firefox. */
  3915. -moz-osx-font-smoothing: grayscale;
  3916. /* Support for IE. */
  3917. font-feature-settings: 'liga';
  3918. }
  3919.  
  3920. .b-rate .stars.background:after {
  3921. content: 'star_border star_border star_border star_border star_border';
  3922. }
  3923.  
  3924. .b-rate .stars.score-1:after {
  3925. content: 'star_half';
  3926. }
  3927.  
  3928. .b-rate .stars.score-2:after {
  3929. content: 'star';
  3930. }
  3931.  
  3932. .b-rate .stars.score-3:after {
  3933. content: 'star star_half';
  3934. }
  3935.  
  3936. .b-rate .stars.score-4:after {
  3937. content: 'star star';
  3938. }
  3939.  
  3940. .b-rate .stars.score-5:after {
  3941. content: 'star star star_half';
  3942. }
  3943.  
  3944. .b-rate .stars.score-6:after {
  3945. content: 'star star star';
  3946. }
  3947.  
  3948. .b-rate .stars.score-7:after {
  3949. content: 'star star star star_half';
  3950. }
  3951.  
  3952. .b-rate .stars.score-8:after {
  3953. content: 'star star star star';
  3954. }
  3955.  
  3956. .b-rate .stars.score-9:after {
  3957. content: 'star star star star star_half';
  3958. }
  3959.  
  3960. .b-rate .stars.score-10:after {
  3961. content: 'star star star star star';
  3962. }
  3963.  
  3964. .watch-online-placeholer {
  3965. margin: 2rem auto .5rem;
  3966. }
  3967.  
  3968. .b-link_button.watch-online:before,
  3969. .b-link_button.upload-video:before,
  3970. .b-link_button.create-topic:before {
  3971. display: none;
  3972. }
  3973.  
  3974. .b-entry-info {
  3975. margin: 0;
  3976. font-size: .875rem;
  3977. }
  3978.  
  3979. .b-entry-info .line {
  3980. line-height: 1.5rem;
  3981. }
  3982.  
  3983. .b-tag,
  3984. .b-entry-info .line .b-tag,
  3985. .b-catalog_entry-tooltip .inner .line .value .tag {
  3986. padding: 0 8px;
  3987. margin: 0 4px 0 0;
  3988. border: 0;
  3989. font-size: .625rem;
  3990. line-height: 20px;
  3991. text-transform: uppercase;
  3992. }
  3993.  
  3994. .b-tag:hover,
  3995. .b-entry-info .line .b-tag:hover,
  3996. .b-catalog_entry-tooltip .inner .line .value .tag:hover {
  3997. padding: 0 8px;
  3998. margin: 0 4px 0 0;
  3999. }
  4000.  
  4001. .b-tag {
  4002. font-size: .875rem;
  4003. line-height: 24px;
  4004. }
  4005.  
  4006. .b-catalog_entry-tooltip .inner .line .value .tag,
  4007. .b-catalog_entry-tooltip .inner .line .value .tag:hover {
  4008. padding: 0 6px;
  4009. line-height: 18px;
  4010. }
  4011.  
  4012. @media screen and (min-width: 1200px) {
  4013. .p-animes_collection-index.x1200 .cc-entries > .c-column {
  4014. width: 18.4%;
  4015. margin-right: 2%;
  4016. border-radius: 2px;
  4017. }
  4018. }
  4019.  
  4020. /* Anime/Manga Sidebar */
  4021. .b-animes-menu .friend-rate {
  4022. line-height: 1.5rem;
  4023. white-space: nowrap;
  4024. }
  4025.  
  4026. .b-animes-menu .site-icon {
  4027. margin-top: .25rem;
  4028. margin-right: .75rem;
  4029. }
  4030.  
  4031. .b-external_link {
  4032. font-size: .875rem;
  4033. line-height: 1.5rem;
  4034. }
  4035.  
  4036. .b-external_link .linkeable,
  4037. .b-external_link a {
  4038. display: block;
  4039. margin-left: 2rem;
  4040. }
  4041.  
  4042. .b-animes-menu .b-external_link .linkeable:before,
  4043. .b-animes-menu .b-external_link a:before {
  4044. width: 1.125rem;
  4045. height: 1.125rem;
  4046. margin-top: .1875rem;
  4047. margin-left: -2rem;
  4048. background-size: 1rem;
  4049. background-position: center;
  4050. background-repeat: no-repeat;
  4051. }
  4052.  
  4053. .b-external_link .linkeable:hover,
  4054. .b-external_link a:hover {
  4055. text-decoration: underline;
  4056. }
  4057.  
  4058. /**
  4059. * COMMENT
  4060. * Изменение всех комментариев, новостей, диалогов, топиков.
  4061. */
  4062. .b-comment,
  4063. .b-dialog,
  4064. .b-message {
  4065. position: relative;
  4066. padding-top: .75rem !important;
  4067. padding-bottom: .75rem;
  4068. margin-bottom: 0;
  4069. border: 0;
  4070. }
  4071.  
  4072. .b-comments {
  4073. line-height: inherit;
  4074. }
  4075.  
  4076. .b-dialog {
  4077. position: relative;
  4078. }
  4079.  
  4080. .b-topic {
  4081. padding-top: .5rem;
  4082. }
  4083.  
  4084. .b-comment > .inner .was_updated {
  4085. margin: 0;
  4086. color: #9E9E9E;
  4087. }
  4088.  
  4089. /* Исправление для предпросмотра комментария во всплывающем окне */
  4090. .tooltip-inner .b-message {
  4091. padding-top: 0 !important;
  4092. padding-bottom: 0;
  4093. }
  4094.  
  4095. /* inset dividers */
  4096. .b-dialog:before,
  4097. .b-message:before,
  4098. .b-comment:before,
  4099. .b-comments .comments-loaded:before {
  4100. content: '';
  4101. position: absolute;
  4102. bottom: 0;
  4103. right: 0;
  4104. left: 3.5rem;
  4105. height: 1px;
  4106. }
  4107.  
  4108. .b-generated_news:before {
  4109. left: 0;
  4110. }
  4111.  
  4112. .b-comments .comments-loaded .b-comment:last-child {
  4113. margin: 0;
  4114. }
  4115.  
  4116. .b-dialog:last-child:before,
  4117. .b-message:last-child:before,
  4118. .b-comment:last-child:before,
  4119. .tooltip-inner .b-message:before {
  4120. display: none;
  4121. }
  4122.  
  4123. .b-comment .body,
  4124. .b-dialog .body,
  4125. .b-message .body,
  4126. .b-topic .body {
  4127. padding: 4px 0;
  4128. padding-left: 0;
  4129. line-height: inherit;
  4130. word-break: break-word;
  4131. }
  4132.  
  4133. /* Левый отступ комментариев от края экрана */
  4134. .b-comment > .inner > .body,
  4135. .b-dialog > .inner > .body,
  4136. .b-message > .inner > .body,
  4137. .b-topic > .inner > .body,
  4138. .b-topic > .inner > footer,
  4139. .b-topic-preview > .b-comments,
  4140. .b-topic-preview > .inner > .body,
  4141. .b-topic-preview > .inner > footer {
  4142. padding-left: 3.5rem;
  4143. }
  4144.  
  4145. /* Фикс отступа в новостях и новостных топиках */
  4146. .b-dialog .b-message > .inner > .body,
  4147. .b-topic-preview.mini > .inner > header,
  4148. .b-topic-minified > .inner > header,
  4149. .b-generated_news-topic > .inner > header,
  4150. .b-generated_news > .inner > header,
  4151. .b-generated_news > .inner > .body,
  4152. .p-clubs-show .b-topic-preview.mini > .inner > .body {
  4153. padding-left: 0;
  4154. }
  4155.  
  4156. /* Предпросмотр описания и страниц клуба */
  4157. .edit_club .b-shiki_editor .b-comment .inner .body,
  4158. .edit_club_page .b-shiki_editor .b-comment .inner .body,
  4159. .new_club_page .b-shiki_editor .b-comment .inner .body {
  4160. padding-left: 0;
  4161. }
  4162.  
  4163. @media screen and (max-width: 767px) {
  4164. .b-topic-preview > .b-comments {
  4165. padding-left: 0;
  4166. }
  4167. .b-topic-preview > .inner > .body,
  4168. .b-topic-preview > .inner > footer {
  4169. padding-left: 3.5rem;
  4170. }
  4171. }
  4172.  
  4173. @media screen and (min-width: 767px) {
  4174. .b-news-topic > .b-comments {
  4175. padding-left: 3.5rem;
  4176. }
  4177. }
  4178.  
  4179. /* END of Левый отступ комментариев от края экрана */
  4180. .b-comment > .inner header,
  4181. .b-dialog > .inner header,
  4182. .b-message > .inner header,
  4183. .b-topic > .inner header {
  4184. margin-bottom: 0;
  4185. }
  4186.  
  4187. .b-dialog > .inner header,
  4188. .b-message > .inner header {
  4189. padding-top: .25rem;
  4190. padding-bottom: .25rem;
  4191. }
  4192.  
  4193. .b-topic > .inner header img {
  4194. width: 2.5rem;
  4195. margin: .25rem 1rem 0 0;
  4196. }
  4197.  
  4198. .b-comment > .inner header img,
  4199. .b-message > .inner header img,
  4200. .b-dialog > .inner header img {
  4201. width: 2.5rem;
  4202. margin: .25rem 1rem 0 0;
  4203. border-radius: 100%;
  4204. }
  4205.  
  4206. .b-topic > .inner header .name-date,
  4207. .b-comment > .inner header .name-date {
  4208. padding: .25rem 0;
  4209. line-height: 2rem;
  4210. }
  4211.  
  4212. .b-topic > .inner header .name-date {
  4213. line-height: 20px;
  4214. }
  4215.  
  4216. .b-message > .inner header .name-date,
  4217. .b-dialog > .inner header .name-date {
  4218. line-height: 2rem;
  4219. }
  4220.  
  4221. .b-topic .name-date .name,
  4222. .b-comment .name-date .name,
  4223. .b-dialog .name-date .name {
  4224. font-size: 1rem;
  4225. }
  4226.  
  4227. .b-message > .inner header .name-date a.name,
  4228. .b-topic > .inner header .name-date a.name,
  4229. .b-comment > .inner header .name-date a.name,
  4230. .b-dialog > .inner header .name-date a.name {
  4231. display: block;
  4232. margin-right: .5rem;
  4233. line-height: 1.25rem;
  4234. }
  4235.  
  4236. .b-topic > .inner header .name-date a.name,
  4237. .b-topic > .inner header .name-date .about,
  4238. .b-topic > .inner > header .about a,
  4239. .b-topic > .inner > header .about > span,
  4240. .b-message header .broadcast-by {
  4241. display: inline-block;
  4242. vertical-align: top;
  4243. line-height: inherit;
  4244. }
  4245.  
  4246. .b-topic > .inner header .name-date .about,
  4247. .b-message header .broadcast-by {
  4248. margin-right: .5rem;
  4249. }
  4250.  
  4251. .b-message header .broadcast-by {
  4252. padding: 0;
  4253. font-size: .875rem;
  4254. }
  4255.  
  4256. .b-topic > .inner > header .name-date a {
  4257. font-size: 1rem;
  4258. }
  4259.  
  4260. .b-topic > .inner > header .about > span {
  4261. color: #9E9E9E;
  4262. padding: 0 .5rem 0 0;
  4263. font-size: .875rem;
  4264. }
  4265.  
  4266. .b-topic > .inner > header .about a {
  4267. font-size: 1rem;
  4268. }
  4269.  
  4270. .b-comment > .inner header .name-date a.name:hover {
  4271. text-decoration: none;
  4272. }
  4273.  
  4274. .b-message > .inner header .name-date .time,
  4275. .b-topic > .inner header .name-date .time,
  4276. .b-comment > .inner header .name-date .time,
  4277. .b-dialog > .inner header .name-date .time {
  4278. position: relative;
  4279. padding-top: 0;
  4280. padding-left: 0;
  4281. margin-right: .5rem;
  4282. line-height: 1.25rem;
  4283. }
  4284.  
  4285. .b-message > .inner header .name-date .time > time,
  4286. .b-comment > .inner header .name-date .time > time,
  4287. .b-topic > .inner header .name-date .time > time {
  4288. display: block;
  4289. font-size: .875rem;
  4290. line-height: inherit;
  4291. }
  4292.  
  4293. .b-topic > .inner header .name-date .time {
  4294. font-size: .875rem;
  4295. line-height: inherit;
  4296. }
  4297.  
  4298. .b-comment > .inner header .name-date .time:hover {
  4299. text-decoration: underline;
  4300. }
  4301.  
  4302. .b-comment header .hash {
  4303. position: absolute;
  4304. top: 0;
  4305. right: 0;
  4306. bottom: 0;
  4307. left: 0;
  4308. margin: 0;
  4309. opacity: 0;
  4310. z-index: 1;
  4311. }
  4312.  
  4313. .b-comment .inner .name-date a.name .normal {
  4314. vertical-align: top;
  4315. }
  4316.  
  4317. @media only screen and (min-width: 1025px) {
  4318. .b-topic > .inner header .name-date,
  4319. .b-comment > .inner header .name-date {
  4320. padding: .25rem 0;
  4321. line-height: 1.5rem;
  4322. }
  4323. .b-comment > .inner header .name-date a.name,
  4324. .b-comment > .inner header .name-date .time,
  4325. .b-dialog > .inner header .name-date a.name,
  4326. .b-dialog > .inner header .name-date .time {
  4327. display: inline-block;
  4328. vertical-align: top;
  4329. line-height: inherit;
  4330. }
  4331. .b-message > .inner header .name-date .time > time,
  4332. .b-comment > .inner header .name-date .time > time {
  4333. display: block;
  4334. font-size: 13px;
  4335. line-height: inherit;
  4336. }
  4337. .p-dialogs .b-message > .inner header {
  4338. padding-top: 0;
  4339. padding-bottom: 0;
  4340. }
  4341. .p-dialogs .b-message > .inner header .name-date {
  4342. line-height: 32px;
  4343. }
  4344. .p-dialogs .b-message > .inner header .name-date a.name,
  4345. .p-dialogs .b-message > .inner header .name-date .time {
  4346. display: inline-block;
  4347. vertical-align: top;
  4348. line-height: inherit;
  4349. }
  4350. .b-comment > .inner header img,
  4351. .b-message > .inner header img,
  4352. .b-dialog > .inner header img {
  4353. margin: 6px 16px 0 0;
  4354. }
  4355. .b-topic > .inner header .name-date .time {
  4356. display: inline-block;
  4357. vertical-align: top;
  4358. line-height: inherit;
  4359. }
  4360. }
  4361.  
  4362. .p-messages .b-message > .inner header .name-date a.name,
  4363. .p-messages .b-message > .inner header .name-date .time {
  4364. display: inline-block !important;
  4365. vertical-align: top;
  4366. padding-top: 0;
  4367. line-height: inherit !important;
  4368. }
  4369.  
  4370. @media screen and (max-width: 1024px) {
  4371. .b-dialog .time {
  4372. display: block !important;
  4373. padding-left: 0 !important;
  4374. font-size: 14px !important;
  4375. line-height: 20px !important;
  4376. }
  4377. .b-dialog > .inner header .name-date time {
  4378. display: block;
  4379. line-height: inherit;
  4380. }
  4381. .b-dialog .b-message > .inner header .name-date .time {
  4382. display: inline-block !important;
  4383. vertical-align: top;
  4384. padding-left: 0 !important;
  4385. line-height: inherit !important;
  4386. }
  4387. .b-dialog .b-message .inner header .name-date .name {
  4388. display: inline-block !important;
  4389. vertical-align: top;
  4390. }
  4391. }
  4392.  
  4393. .b-dialog > .inner header .name-date .time,
  4394. .b-message > .inner header .name-date .time {
  4395. color: #9E9E9E;
  4396. }
  4397.  
  4398. .b-dialog .b-message {
  4399. position: static;
  4400. margin: 0;
  4401. padding: 0 !important;
  4402. overflow: visible;
  4403. }
  4404.  
  4405. .b-dialog .b-message .inner header {
  4406. padding: 4px 0;
  4407. }
  4408.  
  4409. .b-dialog .b-message .inner header img {
  4410. width: 20px;
  4411. margin: 0 8px 0 0;
  4412. }
  4413.  
  4414. .b-dialog .b-message .inner header .name-date {
  4415. line-height: 20px;
  4416. }
  4417.  
  4418. .yellow-fade {
  4419. background: #886d27;
  4420. outline-color: #886d27;
  4421. }
  4422.  
  4423. .b-replies {
  4424. padding: 8px 0 0;
  4425. }
  4426.  
  4427. .b-quote {
  4428. padding: .5rem 1rem;
  4429. margin: .5rem 0;
  4430. border-style: solid;
  4431. }
  4432.  
  4433. .b-quote .quoteable {
  4434. margin: 0 0 .5rem;
  4435. line-height: 20px;
  4436. }
  4437.  
  4438. .b-quote .quoteable:before {
  4439. float: left;
  4440. margin-right: 8px;
  4441. }
  4442.  
  4443. .b-quote .b-quote {
  4444. margin-left: 0 !important;
  4445. }
  4446.  
  4447. .b-topic > .inner header:after {
  4448. content: "";
  4449. clear: both;
  4450. display: none;
  4451. }
  4452.  
  4453. .b-topic .body {
  4454. line-height: 1.25;
  4455. }
  4456.  
  4457. .b-topic-preview > .inner header {
  4458. margin-bottom: 0;
  4459. }
  4460.  
  4461. .b-topic-preview > .inner .status-line {
  4462. margin-top: -4px;
  4463. margin-bottom: 8px;
  4464. font-size: 14px;
  4465. line-height: 20px;
  4466. }
  4467.  
  4468. .b-topic-preview > .inner .status-line .author {
  4469. padding: 0;
  4470. }
  4471.  
  4472. .b-topic-preview > .inner .status-line .b-link {
  4473. padding: 0 8px;
  4474. }
  4475.  
  4476. .b-topic-preview > .inner .status-line .additional {
  4477. padding-left: .5rem;
  4478. margin-left: .5rem;
  4479. }
  4480.  
  4481. .b-topic-preview > .inner .status-line .additional .comments,
  4482. .b-topic-preview > .inner .status-line .additional .likes {
  4483. color: inherit;
  4484. }
  4485.  
  4486. .b-topic-preview > .inner .status-line .additional .comments:before,
  4487. .b-topic-preview > .inner .status-line .additional .likes:before {
  4488. vertical-align: top;
  4489. padding-right: 8px;
  4490. color: #BDBDBD;
  4491. }
  4492.  
  4493. .b-topic-preview > .inner .status-line .additional .comments:before,
  4494. .b-topic-preview > .inner .status-line .additional .likes:before {
  4495. padding-right: 8px;
  4496. font-family: 'Material Icons';
  4497. font-size: 18px;
  4498. text-transform: none;
  4499. letter-spacing: normal;
  4500. word-wrap: normal;
  4501. white-space: nowrap;
  4502. direction: ltr;
  4503. /* Support for all WebKit browsers. */
  4504. -webkit-font-smoothing: antialiased;
  4505. /* Support for Safari and Chrome. */
  4506. text-rendering: optimizeLegibility;
  4507. /* Support for Firefox. */
  4508. -moz-osx-font-smoothing: grayscale;
  4509. /* Support for IE. */
  4510. font-feature-settings: 'liga';
  4511. }
  4512.  
  4513. .b-topic-preview > .inner .status-line .additional .comments:before {
  4514. content: "mode_comment";
  4515. }
  4516.  
  4517. .b-topic-preview > .inner .status-line .additional .likes:before {
  4518. content: "thumb_up";
  4519. }
  4520.  
  4521. .b-topic-preview > .inner .status-line .additional .b-review_votes {
  4522. margin-left: 1rem;
  4523. }
  4524.  
  4525. .b-collection-topic .b-review_votes {
  4526. display: inline-block;
  4527. font-size: inherit;
  4528. line-height: inherit;
  4529. }
  4530.  
  4531. .b-review-topic .review-votes_count {
  4532. font-size: .875rem;
  4533. }
  4534.  
  4535. /* Просмотр комментариев во всплывающей подсказке */
  4536. .tooltip .b-comment {
  4537. padding-top: 0 !important;
  4538. padding-bottom: 0;
  4539. }
  4540.  
  4541. .tooltip .b-comment:before {
  4542. display: none;
  4543. }
  4544.  
  4545. /* Иконки коллекций */
  4546. .b-collection-topic > .inner .status-line .collection-size {
  4547. color: inherit;
  4548. }
  4549.  
  4550. .b-collection-topic > .inner .status-line .collection-size:before,
  4551. .b-review_votes:before {
  4552. vertical-align: top;
  4553. width: 1.125rem;
  4554. padding-right: .5rem;
  4555. color: #BDBDBD;
  4556. font-size: 1.125rem;
  4557. }
  4558.  
  4559. .b-collection-topic > .inner .status-line .collection-size:before {
  4560. content: 'collections_bookmark';
  4561. }
  4562.  
  4563. .b-review_votes:before {
  4564. content: 'thumbs_up_down';
  4565. }
  4566.  
  4567. .b-review_votes .votes-for {
  4568. color: #66BB6A;
  4569. }
  4570.  
  4571. .b-review_votes .votes-against {
  4572. color: #EF5350;
  4573. }
  4574.  
  4575. /* Кнопки голосования в рецензиях и коллекциях */
  4576. .b-topic .footer-vote {
  4577. padding: 0;
  4578. margin-top: 1rem;
  4579. margin-bottom: 1rem;
  4580. background: transparent;
  4581. border: 0;
  4582. color: inherit;
  4583. font-size: .875rem;
  4584. line-height: inherit;
  4585. }
  4586.  
  4587. .b-topic .footer-vote:after {
  4588. content: '';
  4589. display: block;
  4590. clear: both;
  4591. }
  4592.  
  4593. .b-topic .footer-vote .star {
  4594. vertical-align: top;
  4595. padding: .5rem;
  4596. line-height: 0;
  4597. }
  4598.  
  4599. .b-topic .footer-vote .star:before {
  4600. content: 'thumbs_up_down';
  4601. width: 1.5rem;
  4602. padding: 0;
  4603. font-size: 1.5rem;
  4604. }
  4605.  
  4606. .b-topic .footer-vote .notice {
  4607. margin: 0 1.5rem 0 1rem;
  4608. line-height: 2.5rem;
  4609. }
  4610.  
  4611. .b-topic .footer-vote .vote-group {
  4612. float: right;
  4613. }
  4614.  
  4615. .b-topic .footer-vote .vote-group .vote {
  4616. min-width: 5.5rem;
  4617. padding: 0 1rem;
  4618. margin: .25rem 0;
  4619. background-color: #212121;
  4620. border: 0;
  4621. border-radius: .125rem;
  4622. color: inherit;
  4623. font-size: .875rem;
  4624. font-weight: 700;
  4625. line-height: 2rem;
  4626. text-transform: uppercase;
  4627. opacity: 1;
  4628. transition: background-color .24s ease, color .24s ease;
  4629. }
  4630.  
  4631. .b-topic .footer-vote .vote-group .vote:not(:last-child) {
  4632. margin-right: .5rem;
  4633. }
  4634.  
  4635. .b-topic .footer-vote .vote-group .vote.yes.selected,
  4636. .b-topic .footer-vote .vote-group .vote.yes:hover {
  4637. background-color: #4CAF50;
  4638. background-color: #66BB6A;
  4639. color: #FFFFFF;
  4640. }
  4641.  
  4642. .b-topic .footer-vote .vote-group .vote.no.selected,
  4643. .b-topic .footer-vote .vote-group .vote.no:hover {
  4644. background-color: #F44336;
  4645. background-color: #EF5350;
  4646. color: #FFFFFF;
  4647. }
  4648.  
  4649. .b-topic .footer-vote .vote-group .vote.yes:before,
  4650. .b-topic .footer-vote .vote-group .vote.no:before {
  4651. vertical-align: middle;
  4652. width: 1.125rem;
  4653. padding: 0;
  4654. margin-right: .875rem;
  4655. font-size: 1.125rem;
  4656. }
  4657.  
  4658. .b-topic .footer-vote .vote-group .vote.yes:before {
  4659. content: 'thumb_up';
  4660. }
  4661.  
  4662. .b-topic .footer-vote .vote-group .vote.no:before {
  4663. content: 'thumb_down';
  4664. }
  4665.  
  4666. .b-topic .footer-vote .vote-group .separator {
  4667. display: none;
  4668. }
  4669.  
  4670. /* END of Кнопки голосования в рецензиях и коллекциях */
  4671. /**
  4672. * COMMENT DOESN'T SLIDE
  4673. * Большие комментарии, топики не должны сдвигаться margin'ами.
  4674. * Либо translate3d либо никак.
  4675. */
  4676. .b-topic.aside-expanded > .inner,
  4677. .b-dialog.aside-expanded > .inner,
  4678. .b-message.aside-expanded > .inner,
  4679. .b-comment.aside-expanded > .inner,
  4680. .b-topic.aside-expanded > .b-comments {
  4681. margin-left: 0;
  4682. }
  4683.  
  4684. .b-topic.aside-expanded > .inner aside.buttons,
  4685. .b-dialog.aside-expanded > .inner aside.buttons,
  4686. .b-message.aside-expanded > .inner aside.buttons,
  4687. .b-comment.aside-expanded > .inner aside.buttons {
  4688. position: absolute;
  4689. top: 0;
  4690. right: 0;
  4691. left: 0;
  4692. width: auto;
  4693. height: 100%;
  4694. margin: 0 -16px;
  4695. padding: 8px 16px;
  4696. border: 0;
  4697. overflow-y: auto;
  4698. z-index: 3;
  4699. }
  4700.  
  4701. .buttons span[title]::after {
  4702. vertical-align: top;
  4703. padding-left: 12px;
  4704. font-size: 16px;
  4705. line-height: 18px;
  4706. }
  4707.  
  4708. .item-mobile.selected {
  4709. color: #EEEEEE;
  4710. }
  4711.  
  4712. /* OPEN DIALOG BY CLICK */
  4713. .b-dialog .to_dialog {
  4714. position: absolute;
  4715. top: 0;
  4716. right: 0;
  4717. bottom: 0;
  4718. left: 0;
  4719. margin: 0 -16px;
  4720. font-size: 0;
  4721. }
  4722.  
  4723. .b-dialog:hover .to_dialog {
  4724. background-color: rgba(0, 0, 0, 0.05);
  4725. z-index: 0;
  4726. }
  4727.  
  4728. .b-dialog img,
  4729. .b-dialog a,
  4730. .b-dialog .buttons,
  4731. .b-dialog .b-new_marker,
  4732. .b-dialog .b-spoiler {
  4733. position: relative;
  4734. z-index: 2;
  4735. }
  4736.  
  4737. /* END of OPEN DIALOG BY CLICK */
  4738. /**
  4739. * BBCode: CODE
  4740. * Новый тег отвечающий за оформление программных кодов.
  4741. */
  4742. code {
  4743. vertical-align: middle;
  4744. padding: .5px 4px;
  4745. background-color: rgba(32, 32, 32, 0.05);
  4746. border-radius: 2px;
  4747. font-size: .875rem;
  4748. }
  4749.  
  4750. pre {
  4751. position: relative;
  4752. }
  4753.  
  4754. .b-code {
  4755. padding: 1rem;
  4756. margin: .5rem 0;
  4757. background: #000000;
  4758. border-radius: 2px;
  4759. font-size: .875rem;
  4760. font-style: normal;
  4761. font-weight: normal;
  4762. text-align: left;
  4763. }
  4764.  
  4765. @media (min-width: 960px) {
  4766. .b-code:before {
  4767. content: attr(data-language);
  4768. position: absolute;
  4769. top: 1rem;
  4770. right: .5rem;
  4771. padding: 0 .5rem;
  4772. background-color: #747474;
  4773. border-radius: 2px;
  4774. }
  4775. .tooltip-details .b-code:before {
  4776. display: none;
  4777. }
  4778. }
  4779.  
  4780. /* END of CODE */
  4781. /* CODE: SUBLIME 3 MATERIAL THEME'S COLOR */
  4782. .b-code {
  4783. background: #263238;
  4784. }
  4785.  
  4786. .hljs-selector-tag {
  4787. color: #FF5370;
  4788. }
  4789.  
  4790. .hljs-selector-id {
  4791. color: #FAD430;
  4792. }
  4793.  
  4794. .hljs-selector-class {
  4795. color: #FFCB6B;
  4796. }
  4797.  
  4798. .hljs-selector-pseudo,
  4799. .hljs-meta {
  4800. color: #C792EA;
  4801. }
  4802.  
  4803. .hljs-attribute {
  4804. color: #80CBC4;
  4805. }
  4806.  
  4807. .hljs-built_in {
  4808. color: #89DDFF;
  4809. }
  4810.  
  4811. .hljs-number {
  4812. color: #F77669;
  4813. }
  4814.  
  4815. .hljs-string {
  4816. color: #C3E88D;
  4817. }
  4818.  
  4819. .hljs-comment {
  4820. color: #5C7E8C;
  4821. }
  4822.  
  4823. /* END of CODE' THEME */
  4824. /* -------------- */
  4825. /* END of COMMENT */
  4826. /* -------------- */
  4827. /* TOAST */
  4828. #toast-container {
  4829. line-height: 1.5rem;
  4830. }
  4831.  
  4832. .toast-top-right {
  4833. top: auto;
  4834. bottom: 0;
  4835. right: 0;
  4836. left: 0;
  4837. }
  4838.  
  4839. #toast-container > div {
  4840. width: 100%;
  4841. max-width: 25rem;
  4842. padding: .875rem 1.5rem;
  4843. margin: auto;
  4844. }
  4845.  
  4846. .toast-message {
  4847. display: inline-block;
  4848. vertical-align: top;
  4849. line-height: 1.5rem;
  4850. }
  4851.  
  4852. #toast-container > .toast-success {
  4853. background-color: #323232;
  4854. background-image: none !important;
  4855. }
  4856.  
  4857. #toast-container > .toast-error {
  4858. background-color: #323232;
  4859. background-image: none !important;
  4860. }
  4861.  
  4862. #toast-container > .toast-error:before {
  4863. content: 'error_outline';
  4864. float: left;
  4865. display: inline-block;
  4866. vertical-align: top;
  4867. margin: -4px 1.5rem -4px 0;
  4868. font-size: 2rem;
  4869. font-family: 'Material Icons';
  4870. line-height: 1;
  4871. box-sizing: border-box;
  4872. text-transform: none;
  4873. letter-spacing: normal;
  4874. word-wrap: normal;
  4875. white-space: nowrap;
  4876. direction: ltr;
  4877. /* Support for all WebKit browsers. */
  4878. -webkit-font-smoothing: antialiased;
  4879. /* Support for Safari and Chrome. */
  4880. text-rendering: optimizeLegibility;
  4881. /* Support for Firefox. */
  4882. -moz-osx-font-smoothing: grayscale;
  4883. /* Support for IE. */
  4884. font-feature-settings: 'liga';
  4885. }
  4886.  
  4887. /* END of TOAST */
  4888. /* CLUB */
  4889. .p-clubs-show .b-topic-preview.mini {
  4890. margin-bottom: .5rem;
  4891. }
  4892.  
  4893. /* / app / assets / stylesheets / pages / p-clubs / b-clubs-menu.sass */
  4894. .b-clubs-menu .club-actions {
  4895. margin-bottom: .5rem;
  4896. }
  4897.  
  4898. .b-clubs-menu .club-actions .b-tooltipped {
  4899. width: auto;
  4900. height: auto;
  4901. line-height: 0;
  4902. }
  4903.  
  4904. @media (max-width: 480px) and (orientation: portrait) {
  4905. .b-clubs-menu .club-actions .b-tooltipped {
  4906. display: block;
  4907. margin: 0 !important;
  4908. }
  4909. .b-clubs-menu .club-actions .b-tooltipped::after {
  4910. padding-left: 1.5rem;
  4911. color: #FFFFFF;
  4912. font-size: inherit;
  4913. line-height: 1.5;
  4914. }
  4915. }
  4916.  
  4917. .b-clubs-menu .club-actions .edit-club:before {
  4918. content: 'build';
  4919. }
  4920.  
  4921. .b-clubs-menu .club-actions .broadcast:before {
  4922. content: 'speaker_notes';
  4923. }
  4924.  
  4925. .b-clubs-menu .club-actions .upload:before {
  4926. content: 'attach_file';
  4927. }
  4928.  
  4929. .b-clubs-menu .club-actions .join:before,
  4930. .b-clubs-menu .club-actions .invite:before {
  4931. content: 'person_add';
  4932. }
  4933.  
  4934. .b-clubs-menu .club-actions .leave:before {
  4935. content: 'directions_run';
  4936. }
  4937.  
  4938. /* Навигация в клубах: "контент" */
  4939. .b-pages {
  4940. max-width: 15rem;
  4941. padding: 0 1rem;
  4942. margin: 0 0 1.5rem 2rem;
  4943. border-radius: 2px;
  4944. }
  4945.  
  4946. .b-pages .title {
  4947. font-size: .875rem;
  4948. line-height: 3rem;
  4949. text-transform: uppercase;
  4950. }
  4951.  
  4952. .b-pages .section {
  4953. margin: 0 0 .5rem;
  4954. }
  4955.  
  4956. /* Названия страниц клубов */
  4957. .p-club_pages .l-content .subheadline,
  4958. .p-club_pages .l-content .subheadline > a {
  4959. max-width: 100%;
  4960. white-space: normal;
  4961. }
  4962.  
  4963. /* CLUB PAGE EDITOR */
  4964. @media screen and (max-width: 767px) {
  4965. .edit_club_page .cc-2a > .c-column {
  4966. width: 100%;
  4967. }
  4968. .edit_club_page .cc-2a > .c-column:nth-child(1n+1) {
  4969. clear: left;
  4970. }
  4971. }
  4972.  
  4973. /* FIX: CLUB'S BUTTONS */
  4974. .p-clubs-edit .pages .button {
  4975. margin-right: .5rem;
  4976. }
  4977.  
  4978. .p-clubs-edit .pages .club_page-layout,
  4979. .p-clubs-edit .pages .club_page-actions {
  4980. font-size: .875rem;
  4981. padding-left: 1rem;
  4982. }
  4983.  
  4984. .p-clubs-edit .pages .club_page-actions .b-js-link {
  4985. margin-right: .5rem;
  4986. }
  4987.  
  4988. /* END of CLUB'S BUTTONS */
  4989. /* Поиск клубов и коллекций */
  4990. .b-collection_search .field {
  4991. margin-bottom: 1.5rem;
  4992. }
  4993.  
  4994. .b-collection_search .field input {
  4995. border-radius: 2px;
  4996. padding: .75rem 1rem;
  4997. font-size: 1rem;
  4998. }
  4999.  
  5000. .b-collection_search .field .clear {
  5001. position: absolute;
  5002. top: 0;
  5003. right: 0;
  5004. padding: .625rem;
  5005. font-size: 0;
  5006. line-height: 0;
  5007. }
  5008.  
  5009. .b-collection_search .field .clear:hover {
  5010. text-decoration: none;
  5011. }
  5012.  
  5013. .b-collection_search .field .clear:before {
  5014. content: 'clear';
  5015. position: static;
  5016. font-size: 1.5rem;
  5017. }
  5018.  
  5019. /* END of Поиск клубов */
  5020. /* END of CLUB */
  5021. /**
  5022. * INDEX
  5023. * Изменения главной страницы.
  5024. *
  5025. */
  5026. .p-dashboards-show .c-my_list {
  5027. padding: 0;
  5028. background: initial;
  5029. border: none;
  5030. }
  5031.  
  5032. .p-dashboards-show .c-my_list .title .switch,
  5033. .p-dashboards-show .c-my_list .title .link {
  5034. float: right;
  5035. }
  5036.  
  5037. .p-dashboards-show .cc-news .c-generated_news .b-topic .name-date a {
  5038. font-size: 16px !important;
  5039. }
  5040.  
  5041. .b-forums {
  5042. margin-bottom: .5rem;
  5043. line-height: inherit;
  5044. }
  5045.  
  5046. @media screen and (max-width: 767px) {
  5047. .p-dashboards-show .cc-second {
  5048. margin-bottom: .5rem;
  5049. }
  5050. }
  5051.  
  5052. /* Изменение новостей на главной */
  5053. .p-dashboards-show .cc-news .c-news_topics .b-topic {
  5054. padding: 1rem 0 1.5rem;
  5055. border-top-width: 1px;
  5056. }
  5057.  
  5058. @media screen and (max-width: 767px) {
  5059. .p-dashboards-show .cc-news .c-news_topics .b-topic {
  5060. margin-bottom: 0;
  5061. }
  5062. }
  5063.  
  5064. @media only screen and (min-width: 768px) {
  5065. .p-dashboards-show .cc-news .c-news_topics .b-topic {
  5066. margin-bottom: 0;
  5067. }
  5068. }
  5069.  
  5070. .p-dashboards-show .cc-news .c-news_topics .b-topic .name-date a {
  5071. padding: 0 0 .25rem;
  5072. font-size: 22px !important;
  5073. font-weight: 400 !important;
  5074. line-height: 1.65;
  5075. white-space: normal;
  5076. }
  5077.  
  5078. .p-dashboards-show .cc-news .c-news_topics .b-topic .b-anime_status_tag {
  5079. display: none;
  5080. }
  5081.  
  5082. /* КОНЕЦ – Изменение новостей на главной */
  5083. /* Change Forum Button */
  5084. /* NOTE: Цвета настраиваются в общем блоке ЦВЕТА */
  5085. .p-dashboards-show .b-forums > .b-link_button.maxi {
  5086. position: relative;
  5087. margin-bottom: 0;
  5088. background-color: transparent;
  5089. font-size: 0;
  5090. line-height: 0;
  5091. text-align: left;
  5092. overflow: visible;
  5093. }
  5094.  
  5095. .p-dashboards-show .b-forums > .b-link_button.maxi:after {
  5096. display: inline-block;
  5097. vertical-align: top;
  5098. padding: 0 1rem;
  5099. margin: .5rem -1rem;
  5100. border-radius: .125rem;
  5101. font-size: .875rem;
  5102. line-height: 2rem;
  5103. }
  5104.  
  5105. .p-dashboards-show[data-locale="ru"] .b-forums > .b-link_button.maxi:after {
  5106. content: 'Форум';
  5107. }
  5108.  
  5109. .p-dashboards-show[data-locale="en"] .b-forums > .b-link_button.maxi:after {
  5110. content: 'Forum';
  5111. }
  5112.  
  5113. /* END of Change Forum Button */
  5114. /* Ссылки на текущие турниры */
  5115. .p-dashboards-show .contests .contest {
  5116. margin: 0 -.5rem;
  5117. }
  5118.  
  5119. .p-dashboards-show .contests .contest a {
  5120. display: block;
  5121. padding: 0 .5rem;
  5122. font-size: .875rem;
  5123. line-height: 2rem;
  5124. text-overflow: ellipsis;
  5125. white-space: nowrap;
  5126. overflow: hidden;
  5127. }
  5128.  
  5129. .p-dashboards-show .contests .contest a:hover {
  5130. text-decoration: none;
  5131. }
  5132.  
  5133. /* END of Ссылки на текущие турниры */
  5134. /* ТЕМЫ ДНЯ */
  5135. .b-hot_topics {
  5136. padding: .5rem 1rem;
  5137. margin: -.5rem -1rem 0 -1rem;
  5138. background-color: initial;
  5139. border: 0;
  5140. }
  5141.  
  5142. .b-hot_topics .topic {
  5143. font-size: .875rem;
  5144. line-height: 2rem;
  5145. text-align: left;
  5146. }
  5147.  
  5148. .b-hot_topics .topic.subject {
  5149. font-size: .875rem;
  5150. line-height: 2rem;
  5151. text-align: left;
  5152. text-transform: uppercase;
  5153. white-space: nowrap;
  5154. }
  5155.  
  5156. .b-hot_topics .topic a {
  5157. padding: 0 .75rem 0 2.5rem;
  5158. border-radius: 1rem;
  5159. }
  5160.  
  5161. .b-hot_topics .topic a:hover {
  5162. text-decoration: none;
  5163. }
  5164.  
  5165. .b-hot_topics .topic a .poster {
  5166. width: 2rem;
  5167. height: 2rem;
  5168. margin: 0 0 0 -2.5rem;
  5169. border-radius: 100%;
  5170. }
  5171.  
  5172. @media screen and (max-width: 767px) {
  5173. .b-hot_topics {
  5174. overflow: hidden;
  5175. overflow-x: auto;
  5176. white-space: nowrap;
  5177. }
  5178. .b-hot_topics:before,
  5179. .b-hot_topics:after {
  5180. content: '';
  5181. position: absolute;
  5182. left: 0;
  5183. width: 1rem;
  5184. height: 2rem;
  5185. background-image: linear-gradient(-90deg, transparent, #000000);
  5186. z-index: 1;
  5187. }
  5188. .b-hot_topics:after {
  5189. left: auto;
  5190. right: 0;
  5191. margin-top: -2rem;
  5192. background-image: linear-gradient(90deg, transparent, #000000);
  5193. }
  5194. .b-hot_topics .topic {
  5195. float: none;
  5196. display: inline-block;
  5197. vertical-align: top;
  5198. width: auto;
  5199. max-width: 100%;
  5200. }
  5201. .b-hot_topics .topic,
  5202. .b-hot_topics .topic:nth-child(4n),
  5203. .b-hot_topics .topic:nth-child(6n) {
  5204. margin-right: 1rem;
  5205. }
  5206. .b-hot_topics .topic:nth-child(5),
  5207. .b-hot_topics .topic:nth-child(6),
  5208. .b-hot_topics .topic:nth-child(7),
  5209. .b-hot_topics .topic:nth-child(8),
  5210. .b-hot_topics .topic:nth-child(9) {
  5211. display: inline-block;
  5212. }
  5213. }
  5214.  
  5215. @media screen and (max-width: 1024px) {
  5216. .b-hot_topics {
  5217. padding: 14px 16px;
  5218. margin: -16px -16px 0 -16px;
  5219. border: 0;
  5220. }
  5221. }
  5222.  
  5223. @media only screen and (min-width: 1025px) {
  5224. .b-hot_topics .topic {
  5225. margin-right: .5%;
  5226. width: 10.6666%;
  5227. }
  5228. }
  5229.  
  5230. /**
  5231. * FORUM
  5232. * СТРАНИЦЫ ФОРУМА
  5233. */
  5234. .p-topics .l-menu .b-forums,
  5235. .block2,
  5236. .contests.block {
  5237. margin-bottom: 1.5rem;
  5238. line-height: 1.5rem;
  5239. }
  5240.  
  5241. .b-forums .forum {
  5242. clear: both;
  5243. position: relative;
  5244. min-height: 1.5rem;
  5245. line-height: 1.5rem;
  5246. padding: 0 .5rem;
  5247. margin: 0 -.5rem;
  5248. }
  5249.  
  5250. .b-forums .forum .link-with-input .link {
  5251. display: inline-block;
  5252. vertical-align: top;
  5253. position: absolute;
  5254. right: 0;
  5255. left: 0;
  5256. padding-left: .5rem;
  5257. }
  5258.  
  5259. .b-forums .forum input {
  5260. position: absolute;
  5261. left: 0;
  5262. width: 2rem;
  5263. height: 1.5rem;
  5264. margin-right: .25rem;
  5265. border: 0;
  5266. opacity: 0;
  5267. z-index: 1;
  5268. -webkit-appearance: none;
  5269. -moz-appearance: none;
  5270. appearance: none;
  5271. }
  5272.  
  5273. .b-forums .forum .link-with-input input + .link {
  5274. padding-left: 2.25rem;
  5275. }
  5276.  
  5277. .b-forums .forum input + .link:before {
  5278. content: 'check_box_outline_blank';
  5279. display: block;
  5280. position: absolute;
  5281. top: 0;
  5282. left: 0.375rem;
  5283. width: 1.125rem;
  5284. margin: 0.1875rem 0;
  5285. font-family: 'Material Icons' !important;
  5286. font-size: 1.125rem !important;
  5287. font-weight: 400 !important;
  5288. line-height: 1 !important;
  5289. text-transform: none;
  5290. letter-spacing: normal;
  5291. word-wrap: normal;
  5292. white-space: nowrap;
  5293. direction: ltr;
  5294. /* Support for all WebKit browsers. */
  5295. -webkit-font-smoothing: antialiased;
  5296. /* Support for Safari and Chrome. */
  5297. text-rendering: optimizeLegibility;
  5298. /* Support for Firefox. */
  5299. -moz-osx-font-smoothing: grayscale;
  5300. /* Support for IE. */
  5301. font-feature-settings: 'liga';
  5302. }
  5303.  
  5304. .b-forums .forum input:hover + .link:before {
  5305. opacity: .9;
  5306. }
  5307.  
  5308. .b-forums .forum input:checked + .link:before {
  5309. content: 'check_box';
  5310. }
  5311.  
  5312. .b-forums .forum input:disabled + .link:before {
  5313. color: #BDBDBD;
  5314. }
  5315.  
  5316. .b-forums .forum .topics {
  5317. font-size: .75rem;
  5318. }
  5319.  
  5320. /* FIX: TOPIC UPDATE ICON (issue #5) */
  5321. .p-topics header h1 a.reload:hover:after {
  5322. position: static;
  5323. }
  5324.  
  5325. /* END of FORUM */
  5326. /**
  5327. * PROFILE
  5328. * ПРОФИЛЬ ПОЛЬЗОВАТЕЛЯ
  5329. */
  5330. /* Убираем лишние overflow */
  5331. .p-profiles-show .profile-content {
  5332. overflow: visible;
  5333. }
  5334.  
  5335. /* Настраиваем равномерные отступы */
  5336. .p-profiles .profile-content .cc-2,
  5337. .p-profiles .profile-content .about,
  5338. .p-profiles .profile-content .cc-2 .c-right .cc-2a {
  5339. margin-bottom: 1rem !important;
  5340. }
  5341.  
  5342. @media screen and (max-width: 767px) {
  5343. .cc-2 > .c-column {
  5344. margin-bottom: 1rem;
  5345. }
  5346. .p-profiles-show .profile-content .activity:last-child {
  5347. margin-bottom: 1.25rem !important;
  5348. }
  5349. }
  5350.  
  5351. /* Полосы аниме/манги */
  5352. .b-stats_bar .bar .first,
  5353. .b-stats_bar .bar .second {
  5354. color: inherit;
  5355. }
  5356.  
  5357. .b-stats_bar.anime .bar {
  5358. color: #FAFAFA;
  5359. }
  5360.  
  5361. .b-stats_bar.manga .bar {
  5362. color: #212121;
  5363. }
  5364.  
  5365. .b-stats_bar .bar .third {
  5366. color: #FFFFFF;
  5367. }
  5368.  
  5369. .b-stats_bar.anime .bar .second {
  5370. background-color: rgba(130, 81, 179, 0.72);
  5371. }
  5372.  
  5373. .b-stats_bar.manga .bar .second {
  5374. background-color: rgba(218, 165, 30, 0.72);
  5375. }
  5376.  
  5377. .line:nth-child(even) > .bar-container > .bar,
  5378. .line:nth-child(even) > .bar-container > .bar:hover {
  5379. background-color: rgba(130, 81, 179, 0.72);
  5380. }
  5381.  
  5382. /* Столбики активности */
  5383. .bar.vertical {
  5384. padding: 0;
  5385. border: none;
  5386. }
  5387.  
  5388. .bar.vertical .line {
  5389. border: none;
  5390. }
  5391.  
  5392. .bar.vertical .line .bar-container .value {
  5393. font-size: .75rem;
  5394. line-height: 1.25rem;
  5395. }
  5396.  
  5397. /* Горизонтальные полосы */
  5398. .bar.horizontal .line {
  5399. padding: 0;
  5400. margin: 0;
  5401. line-height: 1.25em;
  5402. }
  5403.  
  5404. .bar.horizontal .line .bar-container .bar {
  5405. height: 1.25em;
  5406. text-align: right;
  5407. }
  5408.  
  5409. .bar.horizontal .line .bar-container .value {
  5410. float: none;
  5411. display: inline-block;
  5412. vertical-align: top;
  5413. padding-right: .25em;
  5414. color: #FAFAFA;
  5415. font-size: .75em;
  5416. line-height: inherit;
  5417. }
  5418.  
  5419. .bar.horizontal .line .x_label {
  5420. font-size: .75em;
  5421. font-weight: normal;
  5422. line-height: inherit;
  5423. }
  5424.  
  5425. /* User aliases */
  5426. .p-profiles .profile-head .c-brief header h1 {
  5427. vertical-align: top;
  5428. }
  5429.  
  5430. .p-profiles .profile-head .c-brief header h1.aliases {
  5431. cursor: help;
  5432. }
  5433.  
  5434. .p-profiles .profile-head .c-brief header h1.aliases:after {
  5435. display: inline-block;
  5436. vertical-align: top;
  5437. width: 2rem;
  5438. height: 2rem;
  5439. margin: 0;
  5440. margin-left: .5rem;
  5441. color: inherit;
  5442. font-family: 'Material Icons';
  5443. font-size: 1.125rem;
  5444. line-height: 2rem;
  5445. text-align: center;
  5446. cursor: help;
  5447. opacity: .5;
  5448. text-transform: none;
  5449. letter-spacing: normal;
  5450. word-wrap: normal;
  5451. white-space: nowrap;
  5452. direction: ltr;
  5453. /* Support for all WebKit browsers. */
  5454. -webkit-font-smoothing: antialiased;
  5455. /* Support for Safari and Chrome. */
  5456. text-rendering: optimizeLegibility;
  5457. /* Support for Firefox. */
  5458. -moz-osx-font-smoothing: grayscale;
  5459. /* Support for IE. */
  5460. font-feature-settings: 'liga';
  5461. }
  5462.  
  5463. .p-profiles .profile-head .c-brief header h1.aliases:after {
  5464. content: 'label';
  5465. }
  5466.  
  5467. .p-profiles-show header.head .misc {
  5468. vertical-align: top;
  5469. padding: 0 1rem;
  5470. margin: 0;
  5471. font-size: .875rem;
  5472. line-height: 3rem;
  5473. }
  5474.  
  5475. .p-profiles .profile-head .c-brief header .notice {
  5476. font-size: .75em;
  5477. line-height: 1.25rem;
  5478. }
  5479.  
  5480. /* FIX: update 2017-03-19 */
  5481. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar::after {
  5482. clear: none;
  5483. }
  5484.  
  5485. /* Списки аниме/манги */
  5486. .b-stats_bar .stat_names .stat_name:after {
  5487. display: none;
  5488. }
  5489.  
  5490. .b-stats_bar .stat_names .stat_name {
  5491. padding: 0 1rem 0 0;
  5492. font-size: .875rem;
  5493. line-height: 2rem;
  5494. }
  5495.  
  5496. .b-stats_bar .stat_names .stat_name a {
  5497. display: block;
  5498. line-height: inherit;
  5499. }
  5500.  
  5501. /* Выпадающий список аниме/манги в профиле */
  5502. @media screen and (max-width: 599px) {
  5503. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar {
  5504. position: relative;
  5505. }
  5506. .b-stats_bar .stat_names .stat_name {
  5507. display: none;
  5508. }
  5509. .b-stats_bar .stat_names:hover .stat_name {
  5510. display: block;
  5511. }
  5512. .b-stats_bar .stat_names .stat_name,
  5513. .b-stats_bar .stat_names .stat_name a {
  5514. padding: 0 1rem 0 0;
  5515. }
  5516. .b-stats_bar .stat_names .stat_name a {
  5517. display: block;
  5518. margin: 0 -1rem;
  5519. }
  5520. .b-stats_bar .stat_names .stat_name a:hover {
  5521. background-color: rgba(0, 0, 0, 0.24);
  5522. text-decoration: none;
  5523. }
  5524. .b-stats_bar .stat_names {
  5525. position: absolute;
  5526. top: 0;
  5527. min-width: 165px;
  5528. border-radius: .125rem;
  5529. }
  5530. .b-stats_bar .stat_names:hover {
  5531. padding: 3rem 0 .5rem;
  5532. z-index: 10;
  5533. }
  5534. .b-stats_bar .stat_names:after {
  5535. content: '';
  5536. position: absolute;
  5537. top: 0;
  5538. right: 0;
  5539. bottom: 0;
  5540. left: 0;
  5541. box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.32);
  5542. z-index: -1;
  5543. }
  5544. .b-stats_bar .stat_names:before {
  5545. content: 'arrow_drop_down';
  5546. display: block;
  5547. position: absolute;
  5548. top: 0;
  5549. right: 0;
  5550. width: 2rem;
  5551. height: 2rem;
  5552. padding: .25rem;
  5553. margin: .5rem .25rem;
  5554. border-radius: 100%;
  5555. font-size: 1.5rem;
  5556. font-family: 'Material Icons';
  5557. line-height: 1;
  5558. box-sizing: border-box;
  5559. pointer-events: auto;
  5560. text-transform: none;
  5561. letter-spacing: normal;
  5562. word-wrap: normal;
  5563. white-space: nowrap;
  5564. direction: ltr;
  5565. /* Support for all WebKit browsers. */
  5566. -webkit-font-smoothing: antialiased;
  5567. /* Support for Safari and Chrome. */
  5568. text-rendering: optimizeLegibility;
  5569. /* Support for Firefox. */
  5570. -moz-osx-font-smoothing: grayscale;
  5571. /* Support for IE. */
  5572. font-feature-settings: 'liga';
  5573. }
  5574. .b-stats_bar .stat_names .stat_name,
  5575. .b-stats_bar .stat_names .stat_name a {
  5576. padding: 0 1rem;
  5577. }
  5578. }
  5579.  
  5580. /* Конец: Выпадающий список аниме/манги в профиле */
  5581. /* СТРАНИЦА РЕДАКТИРОВАНИЯ АККАУНТА */
  5582. .p-profiles-edit .account .c-column .block:not(:last-child) {
  5583. margin-bottom: 3rem;
  5584. }
  5585.  
  5586. .p-profiles-edit .account .change-password {
  5587. max-width: 375px;
  5588. margin-top: 1rem;
  5589. margin-bottom: 3rem;
  5590. }
  5591.  
  5592. .change-password::after {
  5593. content: '';
  5594. clear: both;
  5595. display: block;
  5596. }
  5597.  
  5598. .change-password a[href*='/edit/password'] {
  5599. float: right;
  5600. font-size: 0;
  5601. line-height: 0;
  5602. }
  5603.  
  5604. .change-password a[href*='/edit/password']::after {
  5605. content: 'Изменить';
  5606. display: inline-block;
  5607. padding: .375rem 1rem;
  5608. background: #8251b3;
  5609. border-radius: 2px;
  5610. color: #FAFAFA;
  5611. font-size: .875rem;
  5612. font-weight: bold;
  5613. text-decoration: none;
  5614. text-transform: uppercase;
  5615. line-height: 1.25rem;
  5616. transition: 0.16s cubic-bezier(0.4, 0, 0.6, 1);
  5617. }
  5618.  
  5619. .change-password a[href*='/edit/password']:hover::after {
  5620. background-color: #72479e;
  5621. 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);
  5622. }
  5623.  
  5624. [data-locale='en'] .change-password a[href*='/edit/password']::after {
  5625. content: 'Change';
  5626. }
  5627.  
  5628.  
  5629.  
  5630.  
  5631. .edit_user_preferences .b-options-floated.about-options {
  5632. position: absolute;
  5633. right: 0;
  5634. margin: 1rem 0;
  5635. background: transparent !important;
  5636. text-align: right;
  5637. z-index: 1;
  5638. }
  5639.  
  5640. .edit_user_preferences .about-options .b-input {
  5641. margin-bottom: 0 !important;
  5642. }
  5643.  
  5644. .edit_user_preferences .about-options .b-input label {
  5645. line-height: 1.5rem;
  5646. }
  5647.  
  5648. .b-list_switchers .switcher.list::before {
  5649. content: 'view_list';
  5650. }
  5651.  
  5652. .b-list_switchers .switcher.lines::before {
  5653. content: 'view_headline';
  5654. }
  5655.  
  5656. .b-list_switchers .switcher.posters::before {
  5657. content: 'view_module';
  5658. }
  5659.  
  5660. .b-list_switchers .switcher.selected {
  5661. color: #daa51e;
  5662. }
  5663.  
  5664. .p-user_rates-index .l-menu .avatar img {
  5665. width: 10rem;
  5666. height: 10rem;
  5667. }
  5668.  
  5669. .p-user_rates-index .l-content thead tr {
  5670. font-size: 13px;
  5671. line-height: 2rem;
  5672. }
  5673.  
  5674. .p-user_rates-index .list-lines tr td .rate-text {
  5675. font-size: .875rem;
  5676. line-height: 1.25rem;
  5677. }
  5678.  
  5679. .p-user_rates-index .list-lines tr td .new-value input {
  5680. height: 1.5rem;
  5681. font-size: 1rem;
  5682. line-height: 1.5rem;
  5683. }
  5684.  
  5685. .p-user_rates-index .list-lines tr.edit-form form {
  5686. padding: 1rem;
  5687. margin: .5rem 0;
  5688. border-style: solid;
  5689. border-width: 1px;
  5690. }
  5691.  
  5692. .p-user_rates-index .list-lines tr.edit-form .b-input {
  5693. vertical-align: top;
  5694. }
  5695.  
  5696. .p-user_rates-index .list-lines tr.edit-form .b-input.text textarea {
  5697. font-size: .875rem;
  5698. resize: vertical;
  5699. }
  5700.  
  5701. .b-user_rate .rate-edit .b-input.integer input,
  5702. .p-user_rates-index .list-lines tr.edit-form .b-input.integer input {
  5703. width: 7rem;
  5704. }
  5705.  
  5706. .p-profiles-show .b-stats_bar a.title {
  5707. padding: .5rem 1rem;
  5708. margin: .5rem -1rem;
  5709. }
  5710.  
  5711. .p-profiles-show .b-stats_bar a.title:hover {
  5712. text-decoration: none !important;
  5713. }
  5714.  
  5715. .p-user_rates-index .list-lines tr.edit-form .buttons {
  5716. margin-top: 0;
  5717. }
  5718.  
  5719. .p-user_rates-index .list-lines tr.edit-form .remove {
  5720. margin: -.25rem 0 !important;
  5721. border: 0;
  5722. font-size: 0;
  5723. }
  5724.  
  5725. .p-user_rates-index .list-lines tr.edit-form .remove::before {
  5726. content: 'delete';
  5727. }
  5728.  
  5729. /* Комментарий на постере */
  5730. .p-user_rates-index .list-posters .user_rate > .text {
  5731. bottom: 4rem;
  5732. padding: .25rem .5rem;
  5733. background: rgba(0, 0, 0, 0.6);
  5734. border-radius: 0 0 .125rem .125rem;
  5735. }
  5736.  
  5737. .p-user_rates-index .list-posters .user_rate > .text:before {
  5738. display: none;
  5739. }
  5740.  
  5741. .p-user_rates-index .list-posters .user_rate.b-ajax:after {
  5742. margin-top: -1.5rem;
  5743. }
  5744.  
  5745. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar {
  5746. overflow: visible;
  5747. }
  5748.  
  5749. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar {
  5750. margin-bottom: 0;
  5751. }
  5752.  
  5753. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar::after {
  5754. clear: none;
  5755. }
  5756.  
  5757. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar.manga {
  5758. margin-top: 8px;
  5759. }
  5760.  
  5761. .b-stats_bar .bar {
  5762. height: auto;
  5763. }
  5764.  
  5765. .b-stats_bar .bar .first,
  5766. .b-stats_bar .bar .second,
  5767. .b-stats_bar .bar .third {
  5768. font-size: .75rem;
  5769. line-height: 1.25rem;
  5770. }
  5771.  
  5772. .p-profiles .profile-head .c-brief .avatar .profile-actions {
  5773. margin-top: 1rem;
  5774. margin-right: -.75rem;
  5775. margin-left: -.75rem;
  5776. }
  5777.  
  5778. .p-profiles .profile-head .c-brief .avatar > img {
  5779. display: block;
  5780. margin: auto;
  5781. }
  5782.  
  5783. @media only screen and (min-width: 768px) {
  5784. .p-profiles .profile-head .c-brief .avatar {
  5785. margin: .5rem 2rem 3rem 1rem;
  5786. }
  5787. .p-profiles .profile-head .c-brief .avatar > img {
  5788. width: 160px;
  5789. height: 160px;
  5790. }
  5791. }
  5792.  
  5793. /* TODO: replace */
  5794. .b-catalog-entry-embedded .b-catalog_entry {
  5795. margin-bottom: 0 !important;
  5796. }
  5797.  
  5798. /* TODO: replace */
  5799. .l-page .b-anime_status_tag:before {
  5800. vertical-align: text-bottom;
  5801. padding: 0 .25rem;
  5802. border: 0;
  5803. font-size: .625rem;
  5804. line-height: 1rem;
  5805. text-transform: uppercase;
  5806. }
  5807.  
  5808. /* TODO: replace */
  5809. .b-topic {
  5810. margin-bottom: .5rem;
  5811. }
  5812.  
  5813. /* TODO: replace */
  5814. .m13 {
  5815. margin-bottom: 0 !important;
  5816. }
  5817.  
  5818. /* USER PROFILE |> HISTORY ENTRY */
  5819. .p-profiles .profile-head .c-history .entry {
  5820. position: relative;
  5821. padding: .5rem 0;
  5822. margin: 0;
  5823. border: 0;
  5824. overflow: initial;
  5825. }
  5826.  
  5827. .p-profiles .profile-head .c-history .entry,
  5828. .p-profiles .profile-head .c-history .entry:first-child {
  5829. padding-top: .5rem;
  5830. margin-top: 0;
  5831. }
  5832.  
  5833. .p-profiles .profile-head .c-history .entry:before {
  5834. content: '';
  5835. display: block;
  5836. position: absolute;
  5837. right: -.5rem;
  5838. bottom: 0;
  5839. left: 3.5rem;
  5840. height: 1px;
  5841. pointer-events: none;
  5842. }
  5843.  
  5844. .p-profiles .profile-head .c-history .entry:last-child:before {
  5845. display: none;
  5846. }
  5847.  
  5848. /* Полноразмерная ссылка .entry, работает только для .c-history & .l-menu */
  5849. .p-profiles .profile-head .c-history .entry a {
  5850. display: block;
  5851. padding: .5rem .5rem;
  5852. margin: -.5rem;
  5853. }
  5854.  
  5855. @media screen and (min-width: 960px) {
  5856. .p-profiles .profile-head .c-history .entry a {
  5857. padding: .75rem .5rem;
  5858. }
  5859. }
  5860.  
  5861. .p-profiles .profile-head .c-history .entry a:after {
  5862. content: '';
  5863. clear: both;
  5864. display: block;
  5865. }
  5866.  
  5867. .p-profiles .profile-head .c-history .entry:hover .title {
  5868. text-decoration: none;
  5869. }
  5870.  
  5871. /* END of FULLENTRY LINK */
  5872. .p-profiles .profile-head .c-history .entry img {
  5873. margin: 0 16px 0 0;
  5874. max-height: 72px;
  5875. max-width: 40px;
  5876. }
  5877.  
  5878. .p-profiles .profile-head .c-history .entry .misc {
  5879. font-size: .75em;
  5880. }
  5881.  
  5882. /* Страница истории пользователя */
  5883. .p-user_history-index .history-page .history-interval p {
  5884. line-height: 1.5rem;
  5885. margin-bottom: 0;
  5886. }
  5887.  
  5888. .b-user_rate-extended > .midheadline {
  5889. overflow: hidden;
  5890. }
  5891.  
  5892. .p-user_rates-index .l-content .filter input {
  5893. padding: .5rem 1rem;
  5894. font-size: .875rem;
  5895. }
  5896.  
  5897. /* Страница сравнения списков */
  5898. .p-userlist_comparer .notice span {
  5899. padding: 1.5px 4px !important;
  5900. border-radius: 2px;
  5901. }
  5902.  
  5903. /* Цвета списков */
  5904. .p-userlist_comparer .comparer table .abslt-difr,
  5905. .p-userlist_comparer .legend .abslt-difr,
  5906. .p-userlist_comparer .notice span:nth-child(6) {
  5907. background: rgba(244, 67, 54, 0.5) !important;
  5908. }
  5909.  
  5910. .p-userlist_comparer .comparer table .slightly-difr,
  5911. .p-userlist_comparer .legend .slightly-difr,
  5912. .p-userlist_comparer .notice span:nth-child(4) {
  5913. background: rgba(255, 138, 128, 0.5) !important;
  5914. }
  5915.  
  5916. .p-userlist_comparer .comparer table .almost-same,
  5917. .p-userlist_comparer .legend .almost-same,
  5918. .p-userlist_comparer .notice span:nth-child(3) {
  5919. background: rgba(185, 246, 202, 0.5) !important;
  5920. }
  5921.  
  5922. .p-userlist_comparer .comparer table .exact-same,
  5923. .p-userlist_comparer .legend .exact-same,
  5924. .p-userlist_comparer .notice span:nth-child(5) {
  5925. background: rgba(76, 175, 80, 0.5) !important;
  5926. }
  5927.  
  5928. .p-profiles .profile-head .c-info .c-additionals {
  5929. margin-top: 8px;
  5930. margin-bottom: 8px;
  5931. }
  5932.  
  5933. .p-profiles .profile-head .c-info .c-additionals b {
  5934. padding-right: 8px;
  5935. font-size: 0;
  5936. }
  5937.  
  5938. .p-profiles .profile-head .c-info .c-additionals b:after {
  5939. font-size: 14px;
  5940. }
  5941.  
  5942. .p-profiles[data-locale="ru"] .profile-head .c-info .c-additionals b:after {
  5943. content: 'Активность на сайте:';
  5944. }
  5945.  
  5946. .p-profiles[data-locale="en"] .profile-head .c-info .c-additionals b:after {
  5947. content: 'Activity:';
  5948. }
  5949.  
  5950. /* Время за аниме и манга */
  5951. .p-profiles .lifetime .bar, .p-profiles .lifetime .times {
  5952. line-height: 0;
  5953. }
  5954.  
  5955. .p-profiles-show .lifetime .bar {
  5956. height: 1.25rem;
  5957. }
  5958.  
  5959. .b-stats_bar.lifetime .bar .first {
  5960. background: #8251b3;
  5961. opacity: .72;
  5962. }
  5963.  
  5964. .p-profiles-show .lifetime .cuts .cut {
  5965. width: 0;
  5966. height: 0;
  5967. margin: .5rem -.25rem;
  5968. background: transparent;
  5969. border: .375rem solid transparent;
  5970. border-bottom-color: #000000;
  5971. z-index: 1;
  5972. }
  5973.  
  5974. .p-profiles-show .lifetime .times .time {
  5975. color: #9E9E9E;
  5976. font-size: .625rem;
  5977. line-height: 1.25rem;
  5978. text-transform: uppercase;
  5979. }
  5980.  
  5981. .p-profiles-show .lifetime .times .time.checked {
  5982. color: #8251b3;
  5983. }
  5984.  
  5985. .p-profiles-show .lifetime .times .time.checked:before {
  5986. display: none;
  5987. color: #8251b3;
  5988. opacity: .72;
  5989. }
  5990.  
  5991. /**
  5992. * Иконки совместимости для профиля
  5993. */
  5994. /* Исправление видимости */
  5995. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar {
  5996. position: relative;
  5997. overflow: visible;
  5998. }
  5999.  
  6000. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a {
  6001. font-size: 0;
  6002. }
  6003.  
  6004. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:hover {
  6005. text-decoration: none;
  6006. }
  6007.  
  6008. .b-stats_bar .compatibility a[href$='=similar'] {
  6009. position: relative;
  6010. font-size: 0;
  6011. line-height: 0;
  6012. margin: 4px 0 !important;
  6013. }
  6014.  
  6015. .b-stats_bar .compatibility a[href$='=similar']::before {
  6016. content: 'compare_arrows';
  6017. }
  6018.  
  6019. .b-stats_bar .compatibility a[href^='/comparer']::before {
  6020. display: none;
  6021. }
  6022.  
  6023. .b-stats_bar .compatibility .text:first-child {
  6024. position: relative;
  6025. font-size: 0;
  6026. line-height: 0;
  6027. margin: 4px 0 !important;
  6028. }
  6029.  
  6030. .b-stats_bar .compatibility .text:first-child::before {
  6031. content: 'people';
  6032. }
  6033.  
  6034. .b-stats_bar .compatibility .text:first-child.zero::before {
  6035. content: 'people_outline';
  6036. }
  6037.  
  6038. .b-stats_bar .compatibility .text:first-child.weak {
  6039. background-color: #F9FBE7;
  6040. color: #CDDC39 !important;
  6041. }
  6042.  
  6043. .b-stats_bar .compatibility .text:first-child.weak:hover {
  6044. background-color: #F0F4C3;
  6045. color: #C0CA33 !important;
  6046. }
  6047.  
  6048. .b-stats_bar .compatibility .text:first-child.moderate {
  6049. background-color: #F1F8E9;
  6050. color: #8BC34A !important;
  6051. }
  6052.  
  6053. .b-stats_bar .compatibility .text:first-child.moderate:hover {
  6054. background-color: #DCEDC8;
  6055. color: #7CB342 !important;
  6056. }
  6057.  
  6058. .b-stats_bar .compatibility .text:first-child.high {
  6059. background-color: #E8F5E9;
  6060. color: #4CAF50 !important;
  6061. }
  6062.  
  6063. .b-stats_bar .compatibility .text:first-child.high:hover {
  6064. background-color: #C8E6C9;
  6065. color: #43A047 !important;
  6066. }
  6067.  
  6068. .b-stats_bar .compatibility .text:first-child.full {
  6069. background-color: #E1F5FE;
  6070. color: #03A9F4 !important;
  6071. }
  6072.  
  6073. .b-stats_bar .compatibility .text:first-child.full:hover {
  6074. background-color: #B3E5FC;
  6075. color: #039BE5 !important;
  6076. }
  6077.  
  6078. .b-stats_bar .compatibility .link-replacement {
  6079. cursor: help;
  6080. }
  6081.  
  6082. .b-stats_bar .compatibility .link-replacement .text:first-child,
  6083. .b-stats_bar .compatibility .link-replacement:hover .text:first-child {
  6084. background-color: transparent !important;
  6085. }
  6086.  
  6087. .b-stats_bar .compatibility .text + .text {
  6088. display: none;
  6089. }
  6090.  
  6091. .b-stats_bar .compatibility .rate {
  6092. position: absolute;
  6093. top: -.125rem;
  6094. right: -.5rem;
  6095. padding: 0 .25rem;
  6096. border-radius: 2px;
  6097. color: #fff;
  6098. font-size: .75rem;
  6099. line-height: 1rem;
  6100. }
  6101.  
  6102. .b-stats_bar .compatibility .rate::before, .b-stats_bar .compatibility .rate::after {
  6103. display: none;
  6104. }
  6105.  
  6106. [data-locale="ru"] .b-stats_bar .compatibility > a[href$='=similar']::after {
  6107. content: 'Найти похожих пользователей';
  6108. }
  6109.  
  6110. [data-locale="en"] .b-stats_bar .compatibility > a[href$='=similar']::after {
  6111. content: 'Find similar users';
  6112. }
  6113.  
  6114. [data-locale="ru"] .b-stats_bar .compatibility .text.zero::after {
  6115. content: 'Нет совместимости';
  6116. }
  6117.  
  6118. [data-locale="en"] .b-stats_bar .compatibility .text.zero::after {
  6119. content: 'No compatibility';
  6120. }
  6121.  
  6122. [data-locale="ru"] .b-stats_bar .compatibility .text.weak::after {
  6123. content: 'Низкая совместимость';
  6124. }
  6125.  
  6126. [data-locale="en"] .b-stats_bar .compatibility .text.weak::after {
  6127. content: 'Low compatibility';
  6128. }
  6129.  
  6130. [data-locale="ru"] .b-stats_bar .compatibility .text.moderate::after {
  6131. content: 'Средняя совместимость';
  6132. }
  6133.  
  6134. [data-locale="en"] .b-stats_bar .compatibility .text.moderate::after {
  6135. content: 'Medium compatibility';
  6136. }
  6137.  
  6138. [data-locale="ru"] .b-stats_bar .compatibility .text.high::after {
  6139. content: 'Высокая совместимость';
  6140. }
  6141.  
  6142. [data-locale="en"] .b-stats_bar .compatibility .text.high::after {
  6143. content: 'High compatibility';
  6144. }
  6145.  
  6146. [data-locale="ru"] .b-stats_bar .compatibility .text.full::after {
  6147. content: 'Полная совместимость';
  6148. }
  6149.  
  6150. [data-locale="en"] .b-stats_bar .compatibility .text.full::after {
  6151. content: 'Full compatibility';
  6152. }
  6153.  
  6154. /* CHIP | USER PLATES */
  6155. .b-user16 {
  6156. vertical-align: middle;
  6157. max-width: 100%;
  6158. margin: 0 .5rem 0 0;
  6159. background-color: #eee;
  6160. border-radius: .5rem;
  6161. font-size: .875rem;
  6162. font-weight: 400;
  6163. text-transform: initial;
  6164. text-overflow: ellipsis;
  6165. overflow: hidden;
  6166. }
  6167.  
  6168. .b-user16,
  6169. .b-quote .quoteable a.b-user16 {
  6170. padding: 0 .5rem 0 1.25rem;
  6171. }
  6172.  
  6173. .b-user16,
  6174. .b-user16 a {
  6175. line-height: 0 !important;
  6176. }
  6177.  
  6178. .b-user16 > span,
  6179. .b-user16 > a > span {
  6180. line-height: 1rem !important;
  6181. }
  6182.  
  6183. .b-user16:hover {
  6184. color: #f2f2f2 !important;
  6185. background-color: #747474;
  6186. }
  6187.  
  6188. .b-user16:after {
  6189. display: none !important;
  6190. }
  6191.  
  6192. .b-user16:hover a {
  6193. color: #fff !important;
  6194. text-decoration: none;
  6195. }
  6196.  
  6197. .b-user16 > a > span {
  6198. padding: 0;
  6199. }
  6200.  
  6201. .b-user16:hover span {
  6202. text-decoration: none;
  6203. }
  6204.  
  6205. .b-user16 img {
  6206. vertical-align: top;
  6207. width: 16px !important;
  6208. padding: 0;
  6209. margin: 0 .375rem 0 -1.25rem !important;
  6210. margin-top: 0 !important;
  6211. border-radius: .5rem;
  6212. }
  6213.  
  6214. .b-animes-menu .friend-rate .b-user16 {
  6215. display: inline-block;
  6216. }
  6217.  
  6218. .b-comment-info a.b-user16,
  6219. .p-anime_videos-index .c-video_stats .uploader .b-user16 {
  6220. padding-left: 1.25rem;
  6221. }
  6222.  
  6223. .b-log_entry .b-user16,
  6224. .b-source .contributors .b-user16,
  6225. .b-source .mal .b-user16,
  6226. .b-source .source .b-user16 {
  6227. margin-right: .5rem;
  6228. }
  6229.  
  6230. .b-user16:last-child {
  6231. margin-right: 0 !important;
  6232. }
  6233.  
  6234. .b-quote .quoteable a,
  6235. .status-line > span:first-child {
  6236. margin-right: .5rem;
  6237. }
  6238.  
  6239. .status-line .b-user16:last-child {
  6240. margin-right: .5rem !important;
  6241. }
  6242.  
  6243. /* BUG: Лишний пробел в разметке */
  6244. .b-quote .quoteable a.bubbled-processed {
  6245. margin-right: 0.25rem !important;
  6246. }
  6247.  
  6248. /* BUG: Лишний пробел в разметке */
  6249. .b-quote .quoteable a.bubbled-processed > img {
  6250. margin-right: 0.125rem !important;
  6251. }
  6252.  
  6253. /* COLOR */
  6254. .b-user16,
  6255. .b-user16 a {
  6256. color: #212121 !important;
  6257. }
  6258.  
  6259. /* END of USER PLATES */
  6260. .b-source .contributors,
  6261. .b-source .mal,
  6262. .b-source .source {
  6263. padding: 0;
  6264. }
  6265.  
  6266. .was_updated > div:first-child > span:first-child {
  6267. margin-right: 0.5rem;
  6268. }
  6269.  
  6270. /* MODERATION LIST */
  6271. .b-log_entry {
  6272. position: relative;
  6273. padding-right: 2.5rem !important;
  6274. font-size: .875rem;
  6275. }
  6276.  
  6277. .b-log_entry,
  6278. .b-log_entry .spoiler.collapse span:before,
  6279. .b-log_entry .spoiler.collapsed:before {
  6280. padding: .375rem 0;
  6281. line-height: 1.25rem;
  6282. }
  6283.  
  6284. .b-log_entry .spoiler.collapse,
  6285. .b-log_entry .spoiler.collapsed,
  6286. .b-log_entry .spoiler.collapse span,
  6287. .b-log_entry .spoiler.collapsed span {
  6288. position: absolute;
  6289. top: 0;
  6290. right: 0;
  6291. margin: 0;
  6292. border: 0;
  6293. }
  6294.  
  6295. .b-log_entry .spoiler.collapse span:before,
  6296. .b-log_entry .spoiler.collapsed:before {
  6297. display: inline-block;
  6298. vertical-align: top;
  6299. position: relative;
  6300. width: 1.5rem;
  6301. }
  6302.  
  6303. .b-log_entry.b-ban {
  6304. padding-right: 0 !important;
  6305. }
  6306.  
  6307. .b-abuse_request .remove,
  6308. .b-log_entry span,
  6309. .b-log_entry .date {
  6310. padding-right: .5rem;
  6311. }
  6312.  
  6313. .b-log_entry .date,
  6314. .b-log_entry > .reason {
  6315. vertical-align: top;
  6316. font-size: inherit;
  6317. }
  6318.  
  6319. .b-log_entry span a {
  6320. vertical-align: top;
  6321. }
  6322.  
  6323. .b-log_entry > .reason a {
  6324. color: inherit;
  6325. }
  6326.  
  6327. .b-log_entry .spoiler.collapse,
  6328. .b-log_entry .spoiler.collapsed,
  6329. .b-log_entry .spoiler.collapse span,
  6330. .b-log_entry .spoiler.collapsed span {
  6331. font-size: 0;
  6332. line-height: 0;
  6333. }
  6334.  
  6335. .b-log_entry .spoiler.collapse span:before,
  6336. .b-log_entry .spoiler.collapsed:before {
  6337. position: absolute;
  6338. top: 0;
  6339. right: 0;
  6340. width: 2rem;
  6341. font-family: 'Material Icons';
  6342. font-size: 1.125rem;
  6343. font-weight: 400 !important;
  6344. text-align: center;
  6345. text-transform: none;
  6346. letter-spacing: normal;
  6347. word-wrap: normal;
  6348. white-space: nowrap;
  6349. direction: ltr;
  6350. /* Support for all WebKit browsers. */
  6351. -webkit-font-smoothing: antialiased;
  6352. /* Support for Safari and Chrome. */
  6353. text-rendering: optimizeLegibility;
  6354. /* Support for Firefox. */
  6355. -moz-osx-font-smoothing: grayscale;
  6356. /* Support for IE. */
  6357. font-feature-settings: 'liga';
  6358. }
  6359.  
  6360. .b-log_entry .spoiler.collapse span:before {
  6361. content: 'expand_less';
  6362. }
  6363.  
  6364. .b-log_entry .spoiler.collapsed:before {
  6365. content: 'expand_more';
  6366. }
  6367.  
  6368. @media screen and (min-width: 1025px) {
  6369. .b-log_entry,
  6370. .b-log_entry .spoiler.collapse span:before,
  6371. .b-log_entry .spoiler.collapsed:before {
  6372. padding: .125rem 0;
  6373. line-height: 1.25rem;
  6374. }
  6375. }
  6376.  
  6377. .b-ban {
  6378. padding: .125rem 0;
  6379. font-size: .875rem;
  6380. line-height: 1.25rem;
  6381. }
  6382.  
  6383. .b-ban a,
  6384. .b-ban .link {
  6385. color: #8251b3;
  6386. }
  6387.  
  6388. .b-ban a:hover,
  6389. .b-ban .link:hover {
  6390. color: #9e6eee;
  6391. }
  6392.  
  6393. .b-ban a:hover .id-label,
  6394. .b-ban .link:hover .id-label {
  6395. color: inherit;
  6396. }
  6397.  
  6398. .b-ban a:active,
  6399. .b-ban .link:active {
  6400. color: #9e6eee;
  6401. }
  6402.  
  6403. .b-ban > span {
  6404. padding-right: .5rem;
  6405. }
  6406.  
  6407. .b-ban .abuser {
  6408. vertical-align: top;
  6409. color: #8251b3;
  6410. font-size: inherit;
  6411. }
  6412.  
  6413. .b-ban .abuser::before, .b-ban .abuser::after {
  6414. color: #9E9E9E;
  6415. }
  6416.  
  6417. .b-ban .abuser:hover {
  6418. color: #9e6eee;
  6419. }
  6420.  
  6421. .b-ban .abuser:active {
  6422. color: #9e6eee;
  6423. }
  6424.  
  6425. .b-ban .comment-hash {
  6426. color: #9E9E9E;
  6427. }
  6428.  
  6429. .b-ban .comment-hash:hover {
  6430. color: #9e6eee;
  6431. }
  6432.  
  6433. .b-ban .comment-hash:active {
  6434. color: #9e6eee;
  6435. }
  6436.  
  6437. .b-ban .date {
  6438. padding-right: .5rem;
  6439. color: #BDBDBD;
  6440. font-size: inherit;
  6441. }
  6442.  
  6443. .b-ban .duration {
  6444. color: #BDBDBD;
  6445. font-size: inherit;
  6446. }
  6447.  
  6448. .b-ban .id-label {
  6449. color: #9E9E9E;
  6450. }
  6451.  
  6452. .b-ban .moderator {
  6453. float: right;
  6454. position: static;
  6455. margin: 0 0 0 .5rem;
  6456. }
  6457.  
  6458. .b-ban .moderator span {
  6459. padding-left: .5rem;
  6460. }
  6461.  
  6462. /* FIX */
  6463. .b-abuse_request .marker {
  6464. margin: -5px 8px 0 0 !important;
  6465. }
  6466.  
  6467. /* END of MODERATION LIST */
  6468. /**
  6469. * MATERIAL ICON
  6470. * Замена иконок.
  6471. *
  6472. * ПРАВИЛА:
  6473. * Следующие настройки касаются только иконок. Их цвета, родители и их положение настраивается отдельно.
  6474. * Иконки должны располагаться в псевдоэлементе :before
  6475. * Иконки используются в двух вариантах: 18px и 24px
  6476. * Следовательно родители иконок должны быть высотой 32px или 40px
  6477. *
  6478. * BUG:
  6479. * IE doesn't support Materail Icon's font format [.woff2]
  6480. */
  6481. @font-face {
  6482. font-family: 'Material Icons';
  6483. font-style: normal;
  6484. font-weight: 400;
  6485. 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");
  6486. }
  6487.  
  6488. /* Стили Material Icons */
  6489. .b-collection-topic > .inner .status-line .collection-size:before,
  6490. .b-review_votes:before,
  6491. .b-topic .footer-vote .star:before,
  6492. .b-topic .footer-vote .vote-group .vote:before,
  6493. .b-image .mobile-edit:before,
  6494. .b-image .delete:before,
  6495. .b-image.deletable .confirm:before,
  6496. .b-image.deletable .cancel:before,
  6497. .l-top_menu .menu-items > .entry > a[href*="/forum"]:before,
  6498. .p-user_rates-index .list-posters .user_rate .edit-user_rate:before,
  6499. .b-collection_search .field .clear:before,
  6500. .tooltip-inner .close,
  6501. .p-contests .match-day .match-link .voted:before,
  6502. .p-contests .match-day .match-link .winner:before,
  6503. .p-contests .match-day .match-link .loser:before,
  6504. .p-contests .match-day .match-link .created:before,
  6505. .p-contests .match-day .match-link .started:before,
  6506. .p-contests .match-day .match-link .finished:before,
  6507. .b-catalog_entry.planned .image-decor::after,
  6508. .b-catalog_entry.watching .image-decor::after,
  6509. .b-catalog_entry.completed .image-decor::after,
  6510. .b-catalog_entry.rewatching .image-decor::after,
  6511. .b-catalog_entry.on_hold .image-decor::after,
  6512. .b-catalog_entry.dropped .image-decor::after,
  6513. .l-top_menu .menu-items > .entry.calendar > a::before,
  6514. .l-top_menu .menu-items > .entry.info > a::before,
  6515. .l-top_menu .menu-items > .entry > .contest::before,
  6516. .l-top_menu .menu-items > .entry > a::before,
  6517. .l-top_menu .menu-items > a::before,
  6518. .b-status-line .section.created_at time::before,
  6519. .b-status-line .section.changed_at time::before,
  6520. .b-status-line .section.additional .collection-size::before,
  6521. .b-status-line .section.additional .comments::before,
  6522. .b-status-line .section.additional .b-review_votes::before,
  6523. .l-page .menu-toggler .toggler::before {
  6524. font-family: 'Material Icons' !important;
  6525. font-weight: normal !important;
  6526. line-height: 1;
  6527. letter-spacing: normal;
  6528. text-transform: none;
  6529. word-wrap: normal;
  6530. white-space: nowrap;
  6531. direction: ltr;
  6532. /* Support for all WebKit browsers. */
  6533. -webkit-font-smoothing: antialiased;
  6534. /* Support for Safari and Chrome. */
  6535. text-rendering: optimizeLegibility;
  6536. /* Support for Firefox. */
  6537. -moz-osx-font-smoothing: grayscale;
  6538. /* Support for IE. */
  6539. font-feature-settings: 'liga';
  6540. }
  6541.  
  6542. /* LARGE ICON */
  6543. .l-top_menu .menu-mobile .search:before,
  6544. .l-top_menu .menu-mobile .menu:before,
  6545. .l-top_menu .menu-mobile #sign_in:before,
  6546. .l-top_menu .menu-userbox .search:before,
  6547. .l-top_menu .menu-userbox .menu:before,
  6548. .l-top_menu .menu-userbox #sign_in:before,
  6549. .l-top_menu .to-mobile-forum:before,
  6550. .l-top_menu .menu-items .submenu-toggler:before,
  6551. .l-top_menu .menu-items .submenu-toggler.active:before,
  6552. .item-mobile:before,
  6553. .b-add_to_list .trigger-arrow:before,
  6554. .b-add_to_list.expanded .trigger-arrow:before,
  6555. .b-add_to_list.watching .edit:before,
  6556. .b-add_to_list.rewatching .edit:before,
  6557. .b-add_to_list.on_hold .edit:before,
  6558. .b-add_to_list.dropped .edit:before,
  6559. .b-add_to_list .plus:before,
  6560. .b-add_to_list.completed .edit:before,
  6561. .b-add_to_list.planned .edit:before,
  6562. .b-comments .comments-collapser:before {
  6563. width: 24px !important;
  6564. font-family: 'Material Icons' !important;
  6565. font-size: 24px !important;
  6566. font-weight: 400 !important;
  6567. line-height: 1 !important;
  6568. text-transform: none;
  6569. letter-spacing: normal;
  6570. word-wrap: normal;
  6571. white-space: nowrap;
  6572. direction: ltr;
  6573. /* Support for all WebKit browsers. */
  6574. -webkit-font-smoothing: antialiased;
  6575. /* Support for Safari and Chrome. */
  6576. text-rendering: optimizeLegibility;
  6577. /* Support for Firefox. */
  6578. -moz-osx-font-smoothing: grayscale;
  6579. /* Support for IE. */
  6580. font-feature-settings: 'liga';
  6581. }
  6582.  
  6583. .headline > a:before,
  6584. .midheadline > a:before,
  6585. .subheadline > a:before {
  6586. display: block;
  6587. font-family: 'Material Icons' !important;
  6588. font-size: 18px !important;
  6589. font-weight: 400 !important;
  6590. line-height: 32px !important;
  6591. text-transform: none;
  6592. letter-spacing: normal;
  6593. word-wrap: normal;
  6594. white-space: nowrap;
  6595. direction: ltr;
  6596. /* Support for all WebKit browsers. */
  6597. -webkit-font-smoothing: antialiased;
  6598. /* Support for Safari and Chrome. */
  6599. text-rendering: optimizeLegibility;
  6600. /* Support for Firefox. */
  6601. -moz-osx-font-smoothing: grayscale;
  6602. /* Support for IE. */
  6603. font-feature-settings: 'liga';
  6604. }
  6605.  
  6606. .headline > a:before,
  6607. .midheadline > a:before,
  6608. .subheadline > a:before {
  6609. content: 'chevron_right';
  6610. }
  6611.  
  6612. /* Иконки списка аниме/манги пользователя */
  6613. .b-add_to_list .plus:before {
  6614. content: "add";
  6615. }
  6616.  
  6617. .b-add_to_list.planned .edit:before {
  6618. content: "event";
  6619. }
  6620.  
  6621. .b-add_to_list.watching .edit:before {
  6622. content: "play_arrow";
  6623. }
  6624.  
  6625. .b-add_to_list.completed .edit:before {
  6626. content: "done";
  6627. }
  6628.  
  6629. .b-add_to_list.rewatching .edit:before {
  6630. content: "replay";
  6631. }
  6632.  
  6633. .b-add_to_list.on_hold .edit:before {
  6634. content: "query_builder";
  6635. }
  6636.  
  6637. .b-add_to_list.dropped .edit:before {
  6638. content: "delete";
  6639. }
  6640.  
  6641. .b-add_to_list .trigger-arrow:before {
  6642. content: "arrow_drop_down";
  6643. transition: 240ms;
  6644. }
  6645.  
  6646. .b-add_to_list.expanded .trigger-arrow:before {
  6647. content: "arrow_drop_down";
  6648. transform: rotate(180deg);
  6649. }
  6650.  
  6651. /* Иконки профиля */
  6652. .profile-actions .mail:before {
  6653. content: "mail";
  6654. }
  6655.  
  6656. .profile-actions .talk:before {
  6657. content: "message";
  6658. }
  6659.  
  6660. .profile-actions .fav-add:before {
  6661. content: "person_add";
  6662. }
  6663.  
  6664. .profile-actions .fav-remove:before {
  6665. content: "person";
  6666. }
  6667.  
  6668. .profile-actions .fav-remove:hover:before {
  6669. content: "person_outline";
  6670. color: inherit;
  6671. }
  6672.  
  6673. .profile-actions .ignore-add:before {
  6674. content: "do_not_disturb_on";
  6675. }
  6676.  
  6677. .profile-actions .ignore-remove:before {
  6678. content: "do_not_disturb_off";
  6679. }
  6680.  
  6681. .profile-actions .settings:before {
  6682. content: "settings";
  6683. }
  6684.  
  6685. .profile-actions .ban:before {
  6686. content: "gavel";
  6687. }
  6688.  
  6689. /* Иконки под постером аниме/манги/персонажа и т.д. */
  6690. .c-actions .edit:before {
  6691. content: "build";
  6692. }
  6693.  
  6694. .c-actions .fav-remove:hover:before,
  6695. .c-actions .fav-add:before {
  6696. content: "favorite_border";
  6697. }
  6698.  
  6699. .c-actions .fav-add:hover:before,
  6700. .c-actions .fav-remove:before {
  6701. content: "favorite";
  6702. }
  6703.  
  6704. .c-actions .new_review:before {
  6705. content: "rate_review";
  6706. }
  6707.  
  6708. .c-actions .new_comment:before {
  6709. content: "chat_bubble";
  6710. }
  6711.  
  6712. /* Специальная иконка открывающая меню комментария/топика и т.д. */
  6713. .item-mobile:before {
  6714. content: "more_vert";
  6715. }
  6716.  
  6717. /* Иконка "закрыть" */
  6718. .b-dialog.aside-expanded > .inner > .item-mobile:before,
  6719. .b-message.aside-expanded > .inner > .item-mobile:before,
  6720. .b-comment.aside-expanded > .inner > .item-mobile:before {
  6721. content: "clear";
  6722. }
  6723.  
  6724. .p-dialogs header.head,
  6725. .p-messages header.head,
  6726. .p-profiles-edit header.head {
  6727. padding: 16px 16px 8px;
  6728. margin: -16px -16px 0;
  6729. }
  6730.  
  6731. header.head h1,
  6732. header.head h2 {
  6733. padding: 8px 0;
  6734. line-height: 32px;
  6735. color: inherit;
  6736. }
  6737.  
  6738. header.head h1 a.back:nth-child(n),
  6739. header.head h2 a.back:nth-child(n) {
  6740. margin: -4px 24px -4px -8px !important;
  6741. }
  6742.  
  6743. @media (min-width: 1025px) {
  6744. header.head h1 a.back:nth-child(n),
  6745. header.head h2 a.back:nth-child(n) {
  6746. margin: -4px 16px -4px 0 !important;
  6747. }
  6748. }
  6749.  
  6750. header.head h1 a.back::before,
  6751. header.head h2 a.back::before {
  6752. content: 'arrow_back';
  6753. position: static;
  6754. color: inherit;
  6755. }
  6756.  
  6757. header.head h1 a.back::after,
  6758. header.head h2 a.back::after {
  6759. display: none;
  6760. }
  6761.  
  6762. .buttons {
  6763. margin-right: 0;
  6764. }
  6765.  
  6766. .delete-controls > span,
  6767. .moderation-controls > span,
  6768. .main-controls > span,
  6769. .main-controls > a,
  6770. .buttons .item-edit {
  6771. width: 220px;
  6772. padding: 11px 16px;
  6773. margin-right: auto !important;
  6774. margin-left: auto !important;
  6775. line-height: 18px !important;
  6776. }
  6777.  
  6778. @media only screen and (min-width: 1025px) {
  6779. .delete-controls > span,
  6780. .moderation-controls > span,
  6781. .main-controls > span,
  6782. .main-controls > a,
  6783. .buttons .item-edit {
  6784. width: 32px;
  6785. height: 32px;
  6786. padding: 7px;
  6787. margin-left: 8px !important;
  6788. border-radius: 2px;
  6789. line-height: 18px !important;
  6790. }
  6791. }
  6792.  
  6793. .item-mobile {
  6794. position: relative;
  6795. width: 40px;
  6796. height: 40px;
  6797. padding: 8px;
  6798. margin: 4px 0;
  6799. margin-left: 8px !important;
  6800. border-radius: 100%;
  6801. z-index: 4;
  6802. }
  6803.  
  6804. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .plus::before,
  6805. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .edit::before,
  6806. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .trigger-arrow::before,
  6807. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .plus::before,
  6808. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .edit::before,
  6809. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .trigger-arrow::before,
  6810. .buttons .item-summary:before,
  6811. .buttons .item-ignore:before,
  6812. .buttons .item-quote:before,
  6813. .buttons .item-reply:before,
  6814. .buttons .item-edit:before,
  6815. .buttons .item-delete:before,
  6816. .buttons .item-moderation:before,
  6817. .buttons .item-cancel:before,
  6818. .buttons .item-request-reject:before,
  6819. .buttons .item-apply:before,
  6820. .buttons .item-request-confirm:before,
  6821. .buttons .item-delete-confirm:before,
  6822. .buttons .item-abuse:before,
  6823. .buttons .item-spoiler:before,
  6824. .buttons .item-offtopic:before,
  6825. .buttons .item-delete-cancel:before,
  6826. .buttons .item-moderation-cancel:before {
  6827. vertical-align: top;
  6828. width: 18px !important;
  6829. font-family: 'Material Icons' !important;
  6830. font-size: 18px !important;
  6831. font-weight: 400 !important;
  6832. line-height: 1 !important;
  6833. text-transform: none;
  6834. letter-spacing: normal;
  6835. word-wrap: normal;
  6836. white-space: nowrap;
  6837. direction: ltr;
  6838. /* Support for all WebKit browsers. */
  6839. -webkit-font-smoothing: antialiased;
  6840. /* Support for Safari and Chrome. */
  6841. text-rendering: optimizeLegibility;
  6842. /* Support for Firefox. */
  6843. -moz-osx-font-smoothing: grayscale;
  6844. /* Support for IE. */
  6845. font-feature-settings: 'liga';
  6846. }
  6847.  
  6848. .buttons .item-ignore:before {
  6849. content: "do_not_disturb_on";
  6850. }
  6851.  
  6852. .buttons .item-quote:before {
  6853. content: "format_quote";
  6854. }
  6855.  
  6856. .buttons .item-reply:before {
  6857. content: "reply";
  6858. }
  6859.  
  6860. .buttons .item-edit:before {
  6861. content: "mode_edit";
  6862. }
  6863.  
  6864. .buttons .item-delete:before {
  6865. content: "delete";
  6866. }
  6867.  
  6868. .buttons .item-moderation:before {
  6869. content: "flag";
  6870. }
  6871.  
  6872. .buttons .item-cancel:before,
  6873. .buttons .item-request-reject:before,
  6874. .buttons .item-delete-cancel:before,
  6875. .buttons .item-moderation-cancel:before {
  6876. content: "clear";
  6877. }
  6878.  
  6879. .buttons .item-spoiler:before {
  6880. content: "sms_failed";
  6881. }
  6882.  
  6883. .buttons .item-abuse:before {
  6884. content: "pan_tool";
  6885. }
  6886.  
  6887. .buttons .item-offtopic:before {
  6888. content: "speaker_notes_off";
  6889. }
  6890.  
  6891. .buttons .item-summary:before {
  6892. content: "check_circle";
  6893. }
  6894.  
  6895. .buttons .item-delete-confirm:before {
  6896. content: "delete";
  6897. }
  6898.  
  6899. .buttons .item-apply:before,
  6900. .buttons .item-request-confirm:before,
  6901. .buttons .item-delete-confirm:before {
  6902. content: "done";
  6903. }
  6904.  
  6905. .l-top_menu .menu-mobile .menu:before,
  6906. .l-top_menu .menu-userbox .menu:before,
  6907. .l-top_menu .menu-mobile .search:before,
  6908. .l-top_menu .menu-userbox .search:before {
  6909. width: 24px !important;
  6910. font-family: 'Material Icons' !important;
  6911. font-size: 24px !important;
  6912. font-weight: 400 !important;
  6913. line-height: 1 !important;
  6914. text-transform: none;
  6915. letter-spacing: normal;
  6916. word-wrap: normal;
  6917. white-space: nowrap;
  6918. direction: ltr;
  6919. /* Support for all WebKit browsers. */
  6920. -webkit-font-smoothing: antialiased;
  6921. /* Support for Safari and Chrome. */
  6922. text-rendering: optimizeLegibility;
  6923. /* Support for Firefox. */
  6924. -moz-osx-font-smoothing: grayscale;
  6925. /* Support for IE. */
  6926. font-feature-settings: 'liga';
  6927. }
  6928.  
  6929. .l-top_menu .menu-mobile .menu:before,
  6930. .l-top_menu .menu-userbox .menu:before {
  6931. content: "menu";
  6932. }
  6933.  
  6934. .l-top_menu .menu-mobile .search:before,
  6935. .l-top_menu .menu-userbox .search:before {
  6936. content: "search";
  6937. }
  6938.  
  6939. .tooltip-inner {
  6940. min-height: 56px;
  6941. padding: 14px 16px;
  6942. border: 0;
  6943. overflow: hidden;
  6944. box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.24);
  6945. }
  6946.  
  6947. .tooltip-arrow {
  6948. display: none;
  6949. }
  6950.  
  6951. /**
  6952. * Simple <paper-spinner>
  6953. * MIT License
  6954. * Copyright (c) 2015 Chris Nager
  6955. * https://github.com/chrisnager/simple-paper-spinner
  6956. */
  6957. .tooltip-details {
  6958. min-height: 140px;
  6959. }
  6960.  
  6961. .tooltip-details .ajax-loading {
  6962. display: inline-block;
  6963. position: absolute;
  6964. top: 50%;
  6965. left: 50%;
  6966. width: 1.75em;
  6967. height: 1.75em;
  6968. min-height: 0;
  6969. margin: -.875rem 0 0 -.875rem;
  6970. background-image: none;
  6971. border-radius: 50%;
  6972. box-shadow: inset 0 0 0 0.1875em;
  6973. overflow: hidden;
  6974. will-change: transform;
  6975. -webkit-animation: spin 2666ms linear infinite;
  6976. animation: spin 2666ms linear infinite;
  6977. -webkit-clip-path: circle(0.875em at center);
  6978. clip-path: circle(0.875em at center);
  6979. }
  6980.  
  6981. .tooltip-details .ajax-loading:after,
  6982. .tooltip-details .ajax-loading:before {
  6983. content: "";
  6984. position: absolute;
  6985. width: 7em;
  6986. height: 1.75em;
  6987. background-color: inherit;
  6988. }
  6989.  
  6990. .tooltip-details .ajax-loading:after {
  6991. -webkit-transform: skewX(-80deg) translate(0.875em, 0.875em);
  6992. transform: skewX(-80deg) translate(0.875em, 0.875em);
  6993. -webkit-animation: shape-shift-after 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
  6994. animation: shape-shift-after 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
  6995. }
  6996.  
  6997. .tooltip-details .ajax-loading:before {
  6998. -webkit-transform: skewX(80deg) translate(0.875em, -0.875em);
  6999. transform: skewX(80deg) translate(0.875em, -0.875em);
  7000. -webkit-animation: shape-shift-before 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
  7001. animation: shape-shift-before 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
  7002. }
  7003.  
  7004. @-webkit-keyframes spin {
  7005. to {
  7006. -webkit-transform: rotate(1080deg);
  7007. transform: rotate(1080deg);
  7008. }
  7009. }
  7010.  
  7011. @keyframes spin {
  7012. to {
  7013. -webkit-transform: rotate(1080deg);
  7014. transform: rotate(1080deg);
  7015. }
  7016. }
  7017.  
  7018. @-webkit-keyframes shape-shift-before {
  7019. to {
  7020. -webkit-transform: skewX(-45deg) translate(0.875em, -0.875em);
  7021. transform: skewX(-45deg) translate(0.875em, -0.875em);
  7022. }
  7023. }
  7024.  
  7025. @keyframes shape-shift-before {
  7026. to {
  7027. -webkit-transform: skewX(-45deg) translate(0.875em, -0.875em);
  7028. transform: skewX(-45deg) translate(0.875em, -0.875em);
  7029. }
  7030. }
  7031.  
  7032. @-webkit-keyframes shape-shift-after {
  7033. to {
  7034. -webkit-transform: skewX(45deg) translate(0.875em, 0.875em);
  7035. transform: skewX(45deg) translate(0.875em, 0.875em);
  7036. }
  7037. }
  7038.  
  7039. @keyframes shape-shift-after {
  7040. to {
  7041. -webkit-transform: skewX(45deg) translate(0.875em, 0.875em);
  7042. transform: skewX(45deg) translate(0.875em, 0.875em);
  7043. }
  7044. }
  7045.  
  7046. /**
  7047. * .b-shiki_editor
  7048. */
  7049. .b-topic > .editor-container {
  7050. margin-top: 1rem;
  7051. }
  7052.  
  7053. .b-shiki_editor .body .preview {
  7054. padding: 0;
  7055. margin: 0;
  7056. background: transparent;
  7057. border: 0;
  7058. }
  7059.  
  7060. .b-shiki_editor aside.buttons {
  7061. margin: 0;
  7062. }
  7063.  
  7064. .buttons .editor-controls {
  7065. overflow-x: auto;
  7066. }
  7067.  
  7068. .buttons .editor-bold::before {
  7069. content: 'format_bold';
  7070. }
  7071.  
  7072. .buttons .editor-italic::before {
  7073. content: 'format_italic';
  7074. }
  7075.  
  7076. .buttons .editor-underline::before {
  7077. content: 'format_underlined';
  7078. }
  7079.  
  7080. .buttons .editor-strike::before {
  7081. content: 'strikethrough_s';
  7082. }
  7083.  
  7084. .buttons .editor-link::before {
  7085. content: 'insert_link';
  7086. }
  7087.  
  7088. .buttons .editor-image::before {
  7089. content: 'insert_photo';
  7090. }
  7091.  
  7092. .buttons .editor-quote::before {
  7093. content: 'format_quote';
  7094. }
  7095.  
  7096. .buttons .editor-spoiler::before {
  7097. content: 'error_outline';
  7098. }
  7099.  
  7100. .buttons .editor-file::before {
  7101. content: 'attach_file';
  7102. }
  7103.  
  7104. .buttons .editor-smiley::before {
  7105. content: 'insert_emoticon';
  7106. }
  7107.  
  7108. .buttons .editor-file {
  7109. position: relative;
  7110. }
  7111.  
  7112. .buttons .editor-file span,
  7113. .buttons .editor-file a {
  7114. top: 0;
  7115. left: 0;
  7116. width: 40px;
  7117. height: 40px;
  7118. margin: 0 !important;
  7119. }
  7120.  
  7121. .buttons .editor-file input {
  7122. left: 0;
  7123. width: 40px;
  7124. height: 40px;
  7125. border: 0;
  7126. font-size: 40px;
  7127. }
  7128.  
  7129. .b-shiki_editor aside.buttons .editor-strike {
  7130. display: inline-block;
  7131. }
  7132.  
  7133. .b-shiki_editor aside.markers {
  7134. height: auto;
  7135. padding: .75rem 0;
  7136. }
  7137.  
  7138. .b-shiki_editor .links,
  7139. .b-shiki_editor .images,
  7140. .b-shiki_editor .quotes,
  7141. .b-shiki_editor .email,
  7142. .b-shiki_editor .upload {
  7143. height: 3rem;
  7144. line-height: 2rem;
  7145. }
  7146.  
  7147. .b-shiki_editor .hidden-block p {
  7148. padding: .5rem !important;
  7149. }
  7150.  
  7151. .b-shiki_editor .links .link-value,
  7152. .b-shiki_editor .images .link-value,
  7153. .b-shiki_editor .quotes .link-value,
  7154. .b-shiki_editor .email .link-value,
  7155. .b-shiki_editor .upload .link-value {
  7156. width: 14rem;
  7157. height: 2rem;
  7158. padding: 0 1rem;
  7159. margin: 0;
  7160. border-radius: 2px;
  7161. line-height: 2rem;
  7162. }
  7163.  
  7164. .b-shiki_editor .links .button.ok,
  7165. .b-shiki_editor .images .button.ok,
  7166. .b-shiki_editor .quotes .button.ok,
  7167. .b-shiki_editor .email .button.ok,
  7168. .b-shiki_editor .upload .button.ok {
  7169. display: inline-block;
  7170. vertical-align: top;
  7171. padding: 0 1rem;
  7172. margin-right: 0;
  7173. margin-left: 1rem;
  7174. font-size: .875rem;
  7175. line-height: 2rem;
  7176. border-radius: 2px;
  7177. }
  7178.  
  7179. .b-shiki_editor .images input,
  7180. .b-shiki_editor .quotes input,
  7181. .b-shiki_editor .email input {
  7182. margin-left: 1rem !important;
  7183. width: 20rem !important;
  7184. }
  7185.  
  7186. /* Полоса загрузки. thx Dewopalaxy */
  7187. .b-upload_progress.active {
  7188. height: 1.5rem;
  7189. }
  7190.  
  7191. .b-upload_progress .bar {
  7192. min-width: 0;
  7193. height: 4px;
  7194. background-color: #8251b3;
  7195. color: #FFFFFF;
  7196. font-size: .875rem;
  7197. border-radius: 2px;
  7198. text-align: left;
  7199. text-indent: 1rem;
  7200. line-height: 2rem;
  7201. overflow: visible;
  7202. }
  7203.  
  7204. .b-upload_progress .bar::first-letter {
  7205. text-transform: uppercase;
  7206. }
  7207.  
  7208. .b-shiki_editor .body .editor textarea {
  7209. padding: .5rem 1rem;
  7210. margin: 0;
  7211. border-radius: 2px;
  7212. font-size: 1rem;
  7213. line-height: 1.25rem;
  7214. }
  7215.  
  7216. .b-shiki_editor footer input[type=submit],
  7217. .b-shiki_editor footer .unpreview,
  7218. .b-shiki_editor footer .preview {
  7219. vertical-align: top;
  7220. margin-right: 8px;
  7221. }
  7222.  
  7223. .b-shiki_editor footer .preview {
  7224. margin-right: 0;
  7225. }
  7226.  
  7227. .b-shiki_editor.previewed footer .unpreview {
  7228. border: 0;
  7229. font-size: 0;
  7230. }
  7231.  
  7232. .b-shiki_editor.previewed footer .unpreview:after {
  7233. content: 'Назад';
  7234. vertical-align: top;
  7235. font-size: 14px;
  7236. }
  7237.  
  7238. .b-shiki_editor footer .cancel {
  7239. border: 0;
  7240. }
  7241.  
  7242. .b-shiki_editor footer .cancel:hover {
  7243. color: #3F51B5;
  7244. }
  7245.  
  7246. .b-shiki_editor.previewed .body .preview .b-comment {
  7247. padding: 0 !important;
  7248. }
  7249.  
  7250. .b-shiki_editor footer {
  7251. margin-top: 1rem;
  7252. }
  7253.  
  7254. .about-bb_codes {
  7255. font-size: 0 !important;
  7256. padding: 0 1rem;
  7257. margin-top: 0 !important;
  7258. border-radius: .125rem;
  7259. line-height: 2rem !important;
  7260. }
  7261.  
  7262. .about-bb_codes:before {
  7263. content: "help";
  7264. display: inline-block;
  7265. vertical-align: top;
  7266. font-family: 'Material Icons' !important;
  7267. font-size: 24px !important;
  7268. line-height: 32px !important;
  7269. text-transform: none;
  7270. letter-spacing: normal;
  7271. word-wrap: normal;
  7272. white-space: nowrap;
  7273. direction: ltr;
  7274. /* Support for all WebKit browsers. */
  7275. -webkit-font-smoothing: antialiased;
  7276. /* Support for Safari and Chrome. */
  7277. text-rendering: optimizeLegibility;
  7278. /* Support for Firefox. */
  7279. -moz-osx-font-smoothing: grayscale;
  7280. /* Support for IE. */
  7281. font-feature-settings: 'liga';
  7282. }
  7283.  
  7284. @media only screen and (min-width: 768px) {
  7285. .about-bb_codes:before {
  7286. font-family: inherit !important;
  7287. font-size: 14px !important;
  7288. text-transform: uppercase;
  7289. }
  7290. [data-locale="ru"] .about-bb_codes:before {
  7291. content: 'Справка';
  7292. }
  7293. [data-locale="en"] .about-bb_codes:before {
  7294. content: 'Help';
  7295. }
  7296. }
  7297.  
  7298. /* END of SHIKI_EDITOR */
  7299. /* END of TEXTEDITOR */
  7300. .b-abuse_marker,
  7301. .b-broadcast_marker,
  7302. .b-new_marker,
  7303. .b-offtopic_marker,
  7304. .b-summary_marker {
  7305. width: auto !important;
  7306. margin: 0 !important;
  7307. margin-top: 1px !important;
  7308. margin-left: 8px !important;
  7309. }
  7310.  
  7311. .b-spoiler_marker {
  7312. width: auto;
  7313. }
  7314.  
  7315. .b-abuse_marker:before,
  7316. .b-broadcast_marker:before,
  7317. .b-new_marker:before,
  7318. .b-offtopic_marker:before,
  7319. .b-spoiler_marker:before,
  7320. .b-summary_marker:before {
  7321. position: static !important;
  7322. width: auto !important;
  7323. padding: 0 4px !important;
  7324. margin-top: 8px;
  7325. border: 0 !important;
  7326. border-radius: 2px;
  7327. font-size: 10px !important;
  7328. line-height: 16px !important;
  7329. text-transform: capitalize;
  7330. }
  7331.  
  7332. .b-shiki_editor .b-summary_marker,
  7333. .b-shiki_editor .b-summary_marker:before,
  7334. .b-shiki_editor .b-offtopic_marker,
  7335. .b-shiki_editor .b-offtopic_marker:before {
  7336. vertical-align: top;
  7337. padding: 0 8px !important;
  7338. margin: 0 !important;
  7339. font-size: 12px !important;
  7340. line-height: 24px !important;
  7341. }
  7342.  
  7343. .b-shiki_editor .b-summary_marker,
  7344. .b-shiki_editor .b-offtopic_marker {
  7345. padding: 0 !important;
  7346. margin-left: 8px !important;
  7347. }
  7348.  
  7349. /* END of SHIKI_EDITOR */
  7350. /* FLOATED OPTIONS */
  7351. .b-options-floated {
  7352. margin-top: 16px;
  7353. font-size: 14px;
  7354. line-height: 16px;
  7355. }
  7356.  
  7357. @media screen and (min-width: 768px) {
  7358. .b-options-floated.before-buttons-2 {
  7359. padding-right: 112px;
  7360. }
  7361. }
  7362.  
  7363. .p-profiles-edit .b-options-floated,
  7364. .p-dialogs .b-options-floated,
  7365. .p-messages .b-options-floated {
  7366. position: static;
  7367. margin: 0 -16px 8px;
  7368. padding: 0;
  7369. text-align: left;
  7370. white-space: nowrap;
  7371. overflow: hidden;
  7372. overflow-x: auto;
  7373. }
  7374.  
  7375. .p-profiles-edit .b-options-floated > a,
  7376. .p-dialogs .b-options-floated > a,
  7377. .p-messages .b-options-floated > a {
  7378. display: inline-block;
  7379. width: auto;
  7380. min-width: 88px;
  7381. height: 48px;
  7382. padding: 0 12px;
  7383. font-size: 14px;
  7384. line-height: 48px;
  7385. text-align: center;
  7386. text-transform: uppercase;
  7387. }
  7388.  
  7389. .p-profiles-edit .b-options-floated > a {
  7390. width: auto;
  7391. }
  7392.  
  7393. .p-profiles-edit .b-options-floated > a:hover,
  7394. .p-dialogs .b-options-floated > a:hover,
  7395. .p-messages .b-options-floated > a:hover {
  7396. text-decoration: none;
  7397. }
  7398.  
  7399. @media screen and (min-width: 481px) {
  7400. .p-profiles-edit .b-options-floated > a,
  7401. .p-dialogs .b-options-floated > a,
  7402. .p-messages .b-options-floated > a {
  7403. width: auto;
  7404. }
  7405. }
  7406.  
  7407. .b-options-floated a span.brackets,
  7408. .b-options-floated .link span.brackets {
  7409. display: inline-block;
  7410. vertical-align: text-top;
  7411. min-width: 20px;
  7412. height: 16px;
  7413. padding: 0 4px;
  7414. border-radius: 4px;
  7415. color: #212121;
  7416. font-size: 10px;
  7417. line-height: 16px;
  7418. text-align: center;
  7419. }
  7420.  
  7421. .b-options-floated a:after,
  7422. .b-options-floated .link:after {
  7423. padding: 0 .375rem;
  7424. color: #9E9E9E;
  7425. }
  7426.  
  7427. .p-profiles-edit .b-options-floated > a:after,
  7428. .p-dialogs .b-options-floated > a:after,
  7429. .p-messages .b-options-floated > a:after,
  7430. .b-options-floated a span.brackets:before,
  7431. .b-options-floated a span.brackets:after,
  7432. .b-options-floated .link span.brackets:before,
  7433. .b-options-floated .link span.brackets:after {
  7434. display: none;
  7435. }
  7436.  
  7437. @media screen and (min-width: 481px) {
  7438. .p-dialogs header.head,
  7439. .p-messages header.head,
  7440. .p-profiles-edit header.head {
  7441. padding: 0;
  7442. margin: 0;
  7443. background-color: transparent;
  7444. }
  7445. .p-profiles-edit .b-options-floated,
  7446. .p-dialogs .b-options-floated,
  7447. .p-messages .b-options-floated {
  7448. position: initial;
  7449. margin: 0 -16px 8px;
  7450. padding: 0;
  7451. background-color: transparent;
  7452. text-align: right;
  7453. }
  7454. }
  7455.  
  7456. /* END of FLOATED OPTIONS */
  7457. /* USER'S MAIL ICONS – READ ALL & DELETE ALL */
  7458. .p-dialogs .misc-links,
  7459. .p-messages .mass-actions {
  7460. position: absolute;
  7461. top: 56px;
  7462. right: 0;
  7463. margin: 0;
  7464. }
  7465.  
  7466. .p-messages .mass-actions .action + .action {
  7467. margin-left: 8px;
  7468. }
  7469.  
  7470. .p-dialogs .misc-links > a {
  7471. position: relative;
  7472. font-size: 0;
  7473. line-height: 0;
  7474. }
  7475.  
  7476. .p-dialogs .misc-links > a::before {
  7477. content: 'low_priority';
  7478. transform: scale(-1, 1);
  7479. }
  7480.  
  7481. .p-dialogs[data-locale='ru'] .misc-links > a::after {
  7482. content: 'Непрочитанные начиная со старых';
  7483. }
  7484.  
  7485. .p-dialogs[data-locale='en'] .misc-links > a::after {
  7486. content: 'Unread messages from oldest one';
  7487. }
  7488.  
  7489. .p-messages .mass-actions .action {
  7490. vertical-align: top;
  7491. }
  7492.  
  7493. .p-messages .mass-actions .action::after {
  7494. display: none;
  7495. }
  7496.  
  7497. .p-messages .mass-actions .action a {
  7498. position: relative;
  7499. border: 0;
  7500. font-size: 0;
  7501. line-height: 1;
  7502. }
  7503.  
  7504. .p-messages .mass-actions .action:nth-child(1) > a::before {
  7505. content: 'done_all';
  7506. }
  7507.  
  7508. .p-messages .mass-actions .action:nth-child(2) > a::before {
  7509. content: 'delete_sweep';
  7510. }
  7511.  
  7512. .p-messages[data-locale="ru"] .mass-actions > .action:nth-child(1) > a:after {
  7513. content: 'Прочитать всё';
  7514. }
  7515.  
  7516. .p-messages[data-locale="en"] .mass-actions > .action:nth-child(1) > a:after {
  7517. content: 'Mark all messages as read';
  7518. }
  7519.  
  7520. .p-messages[data-locale="ru"] .mass-actions > .action:nth-child(2) > a:after {
  7521. content: 'Удалить всё';
  7522. }
  7523.  
  7524. .p-messages[data-locale="en"] .mass-actions > .action:nth-child(2) > a:after {
  7525. content: 'Remove all messages';
  7526. }
  7527.  
  7528. /* END of USER'S MAIL ICONS */
  7529. /* DB ENTRY NOTES */
  7530. /* TODO: MERGE WITH .c-history .entry */
  7531. .b-db_entry-note {
  7532. position: relative;
  7533. padding: 8px 0 !important;
  7534. margin: 0;
  7535. border: 0;
  7536. }
  7537.  
  7538. .b-db_entry-note:before {
  7539. content: '';
  7540. position: absolute;
  7541. right: -16px;
  7542. top: 0;
  7543. left: 56px;
  7544. height: 1px;
  7545. }
  7546.  
  7547. .cc > .b-db_entry-note:first-child::before,
  7548. .block_m > .b-db_entry-note:first-child::before {
  7549. display: none;
  7550. }
  7551.  
  7552. @media only screen and (min-width: 768px) {
  7553. .c-column:first-child:last-child .cc > .b-db_entry-note:nth-child(2)::before {
  7554. display: none;
  7555. }
  7556. }
  7557.  
  7558. /* FIX */
  7559. .b-db_entry-note:before {
  7560. right: 0;
  7561. left: 64px;
  7562. }
  7563.  
  7564. .p-db_entries-related .b-db_entry-note {
  7565. padding: 16px 0;
  7566. }
  7567.  
  7568. /* END of DB ENTRY NOTES*/
  7569. /* MENU ENTRY REVIEW & CLUBS */
  7570. /* TODO: MERGE WITH .c-history .entry */
  7571. /* TODO: where [.calendar .entry]? */
  7572. .p-topics .l-menu .calendar .entry,
  7573. .p-topics .l-menu .reviews .entry,
  7574. .p-topics .l-menu .clubs .entry {
  7575. position: relative;
  7576. padding: 8px 0;
  7577. margin: 0;
  7578. border: 0;
  7579. overflow: initial;
  7580. }
  7581.  
  7582. .p-topics .l-menu .calendar .entry:first-child,
  7583. .p-topics .l-menu .reviews .entry:first-child,
  7584. .p-topics .l-menu .clubs .entry:first-child {
  7585. padding-top: 8px;
  7586. margin-top: 0;
  7587. }
  7588.  
  7589. .p-topics .l-menu .calendar .entry:before,
  7590. .p-topics .l-menu .reviews .entry:before,
  7591. .p-topics .l-menu .clubs .entry:before {
  7592. content: '';
  7593. position: absolute;
  7594. right: -8px;
  7595. bottom: 0;
  7596. left: 56px;
  7597. height: 1px;
  7598. pointer-events: none;
  7599. }
  7600.  
  7601. .p-topics .l-menu .calendar .entry:last-child:before,
  7602. .p-topics .l-menu .reviews .entry:last-child:before,
  7603. .p-topics .l-menu .clubs .entry:last-child:before {
  7604. display: none;
  7605. }
  7606.  
  7607. /* Полноразмерная ссылка .entry, работает только для .l-menu */
  7608. .p-topics .l-menu .calendar .entry a,
  7609. .p-topics .l-menu .reviews .entry a,
  7610. .p-topics .l-menu .clubs .entry a {
  7611. display: block;
  7612. padding: 8px;
  7613. margin: -8px;
  7614. }
  7615.  
  7616. .p-topics .l-menu .calendar .entry a:after,
  7617. .p-topics .l-menu .reviews .entry a:after,
  7618. .p-topics .l-menu .clubs .entry a:after {
  7619. content: '';
  7620. clear: both;
  7621. display: block;
  7622. }
  7623.  
  7624. .p-topics .l-menu .calendar .entry:hover .title,
  7625. .p-topics .l-menu .reviews .entry:hover .title,
  7626. .p-topics .l-menu .clubs .entry:hover .title {
  7627. text-decoration: none;
  7628. }
  7629.  
  7630. /* ADDITIONS */
  7631. .p-topics .l-menu .reviews .entry img {
  7632. min-width: 40px;
  7633. max-height: 64px;
  7634. margin: 2px 16px 2px 0;
  7635. border-radius: 2px;
  7636. }
  7637.  
  7638. .p-topics .l-menu .clubs .entry img {
  7639. width: 40px;
  7640. min-width: 40px;
  7641. height: 40px;
  7642. margin: 2px 16px 2px 0;
  7643. border-radius: 2px;
  7644. }
  7645.  
  7646. /* END of MENU ENTRY REVIEW & CLUBS */
  7647. /* SIDEMENU LINKS */
  7648. .p-topics .l-menu .sticky-topics .topic,
  7649. .p-topics .l-menu .contests .contest {
  7650. padding: 8px;
  7651. margin: 0 -8px;
  7652. border: 0;
  7653. }
  7654.  
  7655. .p-topics .l-menu .sticky-topics .topic:first-child,
  7656. .p-topics .l-menu .contests .contest:first-child {
  7657. padding-top: 8px;
  7658. margin-top: 0;
  7659. }
  7660.  
  7661. .p-topics .l-menu .sticky-topics .topic .title,
  7662. .p-topics .l-menu .contests .contest .title {
  7663. line-height: 20px;
  7664. }
  7665.  
  7666. .p-topics .l-menu .sticky-topics .topic:hover .title,
  7667. .p-topics .l-menu .contests .contest:hover .title {
  7668. text-decoration: none;
  7669. }
  7670.  
  7671. .p-topics .l-menu .sticky-topics .topic .title:after,
  7672. .p-topics .l-menu .contests .contest .title:after {
  7673. display: none;
  7674. }
  7675.  
  7676. .p-topics .l-menu .sticky-topics .topic .notice,
  7677. .p-topics .l-menu .contests .contest .notice {
  7678. margin-top: 2px;
  7679. line-height: 18px;
  7680. }
  7681.  
  7682. /* END of SIDEMENU LINKS */
  7683. /* Стилизованные кнопки на страницах поиска аниме и манги */
  7684. .p-user_rates .mylist-block + .block + .block + .block > .b-list,
  7685. .b-collection-filters > .block:nth-child(3) > .b-list {
  7686. margin-left: 0 !important;
  7687. }
  7688.  
  7689. .p-user_rates .mylist-block + .block + .block + .block > .b-list > li,
  7690. .b-collection-filters > .block:nth-child(3) > .b-list > li {
  7691. position: relative;
  7692. margin-bottom: .5rem;
  7693. background-color: #8251b3;
  7694. border-radius: 2px;
  7695. font-size: .875rem;
  7696. line-height: 2rem;
  7697. text-align: center;
  7698. text-transform: uppercase;
  7699. list-style: none;
  7700. }
  7701.  
  7702. .p-user_rates .mylist-block + .block + .block + .block > .b-list > li:before,
  7703. .p-user_rates .mylist-block + .block + .block + .block > .b-list > li:after,
  7704. .b-collection-filters > .block:nth-child(3) > .b-list > li::before,
  7705. .b-collection-filters > .block:nth-child(3) > .b-list > li::after {
  7706. content: '';
  7707. position: absolute;
  7708. top: 0;
  7709. right: 0;
  7710. bottom: 0;
  7711. left: 0;
  7712. border-radius: inherit;
  7713. opacity: 0;
  7714. z-index: 0;
  7715. transition: opacity .3s;
  7716. }
  7717.  
  7718. .p-user_rates .mylist-block + .block + .block + .block > .b-list > li:before,
  7719. .b-collection-filters > .block:nth-child(3) > .b-list > li:before {
  7720. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.56);
  7721. }
  7722.  
  7723. .p-user_rates .mylist-block + .block + .block + .block > .b-list > li:after,
  7724. .b-collection-filters > .block:nth-child(3) > .b-list > li::after {
  7725. background-color: rgba(0, 0, 0, 0.12);
  7726. }
  7727.  
  7728. .p-user_rates .mylist-block + .block + .block + .block > .b-list > li:hover:before,
  7729. .p-user_rates .mylist-block + .block + .block + .block > .b-list > li:hover:after,
  7730. .b-collection-filters > .block:nth-child(3) > .b-list > li:hover::before,
  7731. .b-collection-filters > .block:nth-child(3) > .b-list > li:hover::after {
  7732. opacity: 1;
  7733. }
  7734.  
  7735. .p-user_rates .mylist-block + .block + .block + .block > .b-list > li > a,
  7736. .b-collection-filters > .block:nth-child(3) > .b-list > li > a {
  7737. position: relative;
  7738. display: block;
  7739. color: #FAFAFA !important;
  7740. z-index: 1;
  7741. }
  7742.  
  7743. .p-user_rates .mylist-block + .block + .block + .block > .b-list > li > a:hover,
  7744. .b-collection-filters > .block:nth-child(3) > .b-list > li > a:hover {
  7745. color: #FAFAFA !important;
  7746. text-decoration: none;
  7747. }
  7748.  
  7749. /* END of Стилизованные кнопки на страницах поиска аниме и манги */
  7750. /**
  7751. * Фильтры на страницах поиска
  7752. */
  7753. /* Настройка пунктов */
  7754. .b-collection-filters .block-list li,
  7755. .b-collection-filters .b-block_list li {
  7756. position: relative;
  7757. padding: 0 .5rem;
  7758. margin: 0 -.5rem;
  7759. font-size: .875rem;
  7760. line-height: 2rem;
  7761. }
  7762.  
  7763. /* Отступ для подпунктов */
  7764. .b-collection-filters .block-list li.sub,
  7765. .b-collection-filters .b-block_list li.sub {
  7766. padding-left: 2.5rem;
  7767. }
  7768.  
  7769. /* Скрываем чекбокс, располагаем над псевдоэлементом */
  7770. .b-collection-filters .block-list li > input,
  7771. .b-collection-filters .b-block_list li > input {
  7772. position: absolute;
  7773. left: .3125rem;
  7774. width: 2rem;
  7775. height: 2rem;
  7776. border: 0;
  7777. opacity: 0;
  7778. -webkit-appearance: none;
  7779. -moz-appearance: none;
  7780. appearance: none;
  7781. }
  7782.  
  7783. /* Псевдоэлемент с иконкой чекбокса */
  7784. .b-collection-filters .block-list li:before,
  7785. .b-collection-filters .b-block_list li:before {
  7786. display: inline-block;
  7787. vertical-align: top;
  7788. width: 1.125rem;
  7789. margin: .4375rem .875rem .4375rem 0;
  7790. font-family: 'Material Icons';
  7791. font-size: 1.125rem;
  7792. line-height: 1;
  7793. text-transform: none;
  7794. letter-spacing: normal;
  7795. word-wrap: normal;
  7796. white-space: nowrap;
  7797. direction: ltr;
  7798. /* Support for all WebKit browsers. */
  7799. -webkit-font-smoothing: antialiased;
  7800. /* Support for Safari and Chrome. */
  7801. text-rendering: optimizeLegibility;
  7802. /* Support for Firefox. */
  7803. -moz-osx-font-smoothing: grayscale;
  7804. /* Support for IE. */
  7805. font-feature-settings: 'liga';
  7806. }
  7807.  
  7808. /* Фильтры на страницах поиска – ПОДСКАЗКИ */
  7809. /* Положение подсказки */
  7810. .b-collection-filters .block-list .b-question,
  7811. .b-collection-filters .b-block_list .b-question {
  7812. display: inline-block !important;
  7813. vertical-align: top;
  7814. position: absolute;
  7815. right: .3125rem;
  7816. }
  7817.  
  7818. /* Иконка подсказки */
  7819. .b-collection-filters .block-list .b-question:before,
  7820. .b-collection-filters .b-block_list .b-question:before {
  7821. display: block;
  7822. width: 1.125rem;
  7823. height: auto;
  7824. margin: .4375rem;
  7825. background-color: transparent;
  7826. font-family: 'Material Icons';
  7827. font-size: 1.125rem;
  7828. line-height: 1;
  7829. text-transform: none;
  7830. letter-spacing: normal;
  7831. word-wrap: normal;
  7832. white-space: nowrap;
  7833. direction: ltr;
  7834. /* Support for all WebKit browsers. */
  7835. -webkit-font-smoothing: antialiased;
  7836. /* Support for Safari and Chrome. */
  7837. text-rendering: optimizeLegibility;
  7838. /* Support for Firefox. */
  7839. -moz-osx-font-smoothing: grayscale;
  7840. /* Support for IE. */
  7841. font-feature-settings: 'liga';
  7842. }
  7843.  
  7844. /* Фильтры на страницах поиска – ПЕРЕКЛЮЧАТЕЛИ */
  7845. /* Положение переключателя */
  7846. .b-collection-filters .filter {
  7847. top: 0;
  7848. }
  7849.  
  7850. .b-collection-filters .block-list .filter,
  7851. .b-collection-filters .b-block_list .filter {
  7852. float: right;
  7853. position: relative;
  7854. right: auto;
  7855. margin: 0 0 0 .5rem;
  7856. }
  7857.  
  7858. /* Положение переключателя с иконками подсказок */
  7859. .b-collection-filters .block-list.ratings .filter,
  7860. .b-collection-filters .block-list.genres .filter,
  7861. .b-collection-filters .block-list li.sub .filter,
  7862. .b-collection-filters .b-block_list.ratings .filter,
  7863. .b-collection-filters .b-block_list.genres .filter,
  7864. .b-collection-filters .b-block_list li.sub .filter {
  7865. margin-right: 2rem;
  7866. }
  7867.  
  7868. /* Сбрасываем стандартные стили */
  7869. .b-collection-filters .block-list .filter:before,
  7870. .b-collection-filters .b-block_list .filter:before {
  7871. display: block;
  7872. width: auto;
  7873. font-family: inherit;
  7874. font-size: .75rem;
  7875. line-height: inherit;
  7876. text-transform: lowercase;
  7877. }
  7878.  
  7879. /* Добавляем понятные текстовые обозначения */
  7880. [data-locale="ru"] .b-collection-filters .b-block_list .filter.item-add:before {
  7881. content: 'Исключить';
  7882. }
  7883.  
  7884. [data-locale="en"] .b-collection-filters .b-block_list .filter.item-add:before {
  7885. content: 'Exclude';
  7886. }
  7887.  
  7888. [data-locale="ru"] .b-collection-filters .b-block_list .filter.item-minus:before {
  7889. content: 'Добавить';
  7890. }
  7891.  
  7892. [data-locale="en"] .b-collection-filters .b-block_list .filter.item-minus:before {
  7893. content: 'Include';
  7894. }
  7895.  
  7896. /* Настройка иконок */
  7897. .b-collection-filters .block-list li:before {
  7898. content: 'check_box_outline_blank';
  7899. }
  7900.  
  7901. .b-collection-filters .block-list li.selected:before {
  7902. content: 'check_box';
  7903. }
  7904.  
  7905. .b-collection-filters .block-list.orders li:before {
  7906. content: 'radio_button_unchecked';
  7907. }
  7908.  
  7909. .b-collection-filters .block-list.orders li.selected:before {
  7910. content: 'radio_button_checked';
  7911. }
  7912.  
  7913. .b-collection-filters .block-list .b-question:before {
  7914. content: 'help_outline';
  7915. }
  7916.  
  7917. .b-collection-filters .b-block_list li:before {
  7918. content: 'check_box_outline_blank';
  7919. }
  7920.  
  7921. .b-collection-filters .b-block_list li.selected:before {
  7922. content: 'check_box';
  7923. }
  7924.  
  7925. .b-collection-filters .b-block_list.orders li:before {
  7926. content: 'radio_button_unchecked';
  7927. }
  7928.  
  7929. .b-collection-filters .b-block_list.orders li.selected:before {
  7930. content: 'radio_button_checked';
  7931. }
  7932.  
  7933. .b-collection-filters .b-block_list .b-question:before {
  7934. content: 'help_outline';
  7935. }
  7936.  
  7937. /* Фильтры на страницах поиска – Размер для ПК */
  7938. @media (min-width: 1025px) {
  7939. .b-collection-filters .block-list li {
  7940. line-height: 1.5rem;
  7941. }
  7942. .b-collection-filters .block-list li:before {
  7943. margin: .1875rem .875rem .1875rem 0;
  7944. }
  7945. .b-collection-filters .block-list .b-question:before {
  7946. margin: .1875rem;
  7947. }
  7948. .b-collection-filters .block-list li > input {
  7949. width: 1.5rem;
  7950. height: 1.5rem;
  7951. }
  7952. /* new class */
  7953. .b-collection-filters .b-block_list li {
  7954. line-height: 1.5rem;
  7955. }
  7956. .b-collection-filters .b-block_list li:before {
  7957. margin: .1875rem .875rem .1875rem 0;
  7958. }
  7959. .b-collection-filters .b-block_list .b-question:before {
  7960. margin: .1875rem;
  7961. }
  7962. .b-collection-filters .b-block_list li > input {
  7963. width: 1.5rem;
  7964. height: 1.5rem;
  7965. }
  7966. }
  7967.  
  7968. /* END of Фильтры на страницах поиска */
  7969. /* "Мой список" в фильтрах поиска */
  7970. .b-collection-filters .mylist-block .subheadline {
  7971. font-size: 0;
  7972. line-height: 0;
  7973. }
  7974.  
  7975. .b-collection-filters .mylist-block .subheadline::after {
  7976. font-size: .875rem;
  7977. line-height: 1rem;
  7978. }
  7979.  
  7980. [data-locale='ru'] .b-collection-filters .mylist-block .subheadline::after {
  7981. content: 'Мой список';
  7982. }
  7983.  
  7984. [data-locale='en'] .b-collection-filters .mylist-block .subheadline::after {
  7985. content: 'My List';
  7986. }
  7987.  
  7988. .b-collection-filters .mylist-block .item-sign {
  7989. margin-right: 0 !important;
  7990. }
  7991.  
  7992. .b-collection-filters .mylist-block .item-sign::before {
  7993. content: 'playlist_add_check';
  7994. }
  7995.  
  7996. /* Страница видео */
  7997. .b-video_player .cc-player_controls .episode-num input {
  7998. margin: .75rem .25rem;
  7999. }
  8000.  
  8001. .b-video_player .cc-player_controls a.c-control:hover {
  8002. text-decoration: none;
  8003. }
  8004.  
  8005. .b-video_player .cc-player_controls .cc-navigation > .c-control > span,
  8006. .b-video_player .cc-player_controls .cc-navigation > .c-control > b {
  8007. display: inline-block;
  8008. vertical-align: top;
  8009. margin: .25rem auto;
  8010. line-height: 2.5rem;
  8011. }
  8012.  
  8013. .b-video_player .cc-player_controls .cc-navigation > .c-control > b {
  8014. margin-left: .5rem;
  8015. }
  8016.  
  8017. @media screen and (max-width: 480px) and (orientation: portrait) {
  8018. .b-video_player .cc-player_controls .cc-navigation > .c-control > span,
  8019. .b-video_player .cc-player_controls .cc-navigation > .c-control > b {
  8020. display: none;
  8021. }
  8022. }
  8023.  
  8024. .b-video_player .cc-player_controls .label,
  8025. .b-video_player .cc-player_controls .episode-title .video-link {
  8026. font-size: .75rem;
  8027. }
  8028.  
  8029. .b-video_player .cc-player_controls .episode-title .video-link a {
  8030. display: block;
  8031. line-height: inherit;
  8032. border: 0;
  8033. }
  8034.  
  8035. .b-video_player .cc-player_controls .cc-options > .c-video_stats {
  8036. margin: .25rem auto;
  8037. }
  8038.  
  8039. .p-anime_videos-index .c-videos .video-variant-switcher,
  8040. .p-anime_videos-index .c-video_stats {
  8041. font-size: .875rem;
  8042. }
  8043.  
  8044. .b-video_player .cc-player_controls .c-control:hover {
  8045. text-decoration: none;
  8046. }
  8047.  
  8048. /* Подзаголовки на странице видео */
  8049. .p-anime_videos-index .same-videos .title,
  8050. .p-anime_videos-index .c-anime_video_episodes .title,
  8051. .p-anime_videos-index .c-videos .title {
  8052. padding: 1rem 0;
  8053. margin: 0;
  8054. font-size: .875rem;
  8055. font-weight: 700;
  8056. line-height: 1rem;
  8057. text-transform: uppercase;
  8058. }
  8059.  
  8060. .p-anime_videos-index.x1000 .c-videos .title {
  8061. font-size: 0;
  8062. line-height: 0;
  8063. }
  8064.  
  8065. .p-anime_videos-index.x1000 .c-videos .title:after {
  8066. font-size: .875rem;
  8067. line-height: 1rem;
  8068. }
  8069.  
  8070. .p-anime_videos-index.x1000[data-locale="ru"] .c-videos .title:after {
  8071. content: 'Варианты';
  8072. }
  8073.  
  8074. .p-anime_videos-index.x1000[data-locale="en"] .c-videos .title:after {
  8075. content: 'Variants';
  8076. }
  8077.  
  8078. /* Переключатели в вариантах видео */
  8079. .p-anime_videos-index .c-videos .video-variant-switcher {
  8080. float: right;
  8081. margin: 0;
  8082. border: 0;
  8083. line-height: 1rem;
  8084. text-transform: capitalize;
  8085. }
  8086.  
  8087. .p-anime_videos-index .c-videos .video-variant-switcher:not(:first-child):after {
  8088. content: '/';
  8089. padding: 0 .375rem;
  8090. font-weight: normal;
  8091. }
  8092.  
  8093. .b-video_variant.active a {
  8094. border: 0;
  8095. }
  8096.  
  8097. /* Иконки */
  8098. .b-video_player .cc-player_controls .c-control .icon {
  8099. width: 2.5rem !important;
  8100. height: 2.5rem;
  8101. padding: .5rem;
  8102. margin: .25rem auto !important;
  8103. border-radius: 2px;
  8104. }
  8105.  
  8106. .b-video_player .cc-player_controls .c-control .icon:before {
  8107. width: 1.5rem;
  8108. font-family: 'Material Icons';
  8109. font-size: 1.5rem !important;
  8110. line-height: 1;
  8111. text-transform: none;
  8112. letter-spacing: normal;
  8113. word-wrap: normal;
  8114. white-space: nowrap;
  8115. direction: ltr;
  8116. /* Support for all WebKit browsers. */
  8117. -webkit-font-smoothing: antialiased;
  8118. /* Support for Safari and Chrome. */
  8119. text-rendering: optimizeLegibility;
  8120. /* Support for Firefox. */
  8121. -moz-osx-font-smoothing: grayscale;
  8122. /* Support for IE. */
  8123. font-feature-settings: 'liga';
  8124. }
  8125.  
  8126. .b-video_player .cc-player_controls .create-user_rate .icon:before {
  8127. content: 'add';
  8128. }
  8129.  
  8130. .b-video_player .cc-player_controls .increment-user_rate .icon:before {
  8131. content: 'done';
  8132. }
  8133.  
  8134. .b-video_player .cc-player_controls .next .icon:before {
  8135. content: 'skip_next';
  8136. }
  8137.  
  8138. .b-video_player .cc-player_controls .prev .icon:before {
  8139. content: 'skip_previous';
  8140. }
  8141.  
  8142. .b-video_player .cc-player_controls .report .icon:before {
  8143. content: 'flag';
  8144. }
  8145.  
  8146. .b-video_player .cc-player_controls .show-options .icon:before {
  8147. content: 'settings';
  8148. }
  8149.  
  8150. .b-video_player .cc-player_controls .upload .icon:before {
  8151. content: 'cloud_upload';
  8152. }
  8153.  
  8154. .b-video_player .cc-player_controls .edit .icon:before {
  8155. content: 'build';
  8156. }
  8157.  
  8158.  
  8159.  
  8160.  
  8161. /* SVG-графики на страницах о сайте и индустрии аниме */
  8162. .highcharts-root .highcharts-background {
  8163. fill: #000000;
  8164. }
  8165.  
  8166. .highcharts-root .highcharts-yaxis-grid .highcharts-grid-line,
  8167. .highcharts-root .highcharts-xaxis .highcharts-tick,
  8168. .highcharts-root .highcharts-xaxis .highcharts-axis-line {
  8169. stroke: #757575;
  8170. }
  8171.  
  8172. .highcharts-root .highcharts-legend-item text {
  8173. color: #FFFFFF !important;
  8174. fill: #FFFFFF !important;
  8175. }
  8176.  
  8177. .highcharts-root .highcharts-legend-item.highcharts-legend-item-hidden text {
  8178. color: #EEEEEE !important;
  8179. fill: #EEEEEE !important;
  8180. }
  8181.  
  8182. .highcharts-root .highcharts-axis-labels text {
  8183. color: #BDBDBD !important;
  8184. fill: #BDBDBD !important;
  8185. }
  8186.  
  8187. .highcharts-root .highcharts-text-outline {
  8188. display: none;
  8189. }
  8190.  
  8191. .highcharts-root .highcharts-text-outline ~ tspan {
  8192. color: #FFFFFF !important;
  8193. fill: #FFFFFF !important;
  8194. }
  8195.  
  8196. /* END of ОСНОВНОЙ ФАЙЛ */
  8197.  
  8198.  
  8199.  
  8200. .l-top_menu {
  8201. position: fixed;
  8202. top: 0;
  8203. right: 0;
  8204. left: 0;
  8205. width: 100%;
  8206. max-width: 100%;
  8207. height: auto;
  8208. margin: auto;
  8209. padding: 4px 0;
  8210. background-color: #1b0722;
  8211. background-image: none;
  8212. border: none;
  8213. box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.24);
  8214. color: #FAFAFA;
  8215. overflow: visible;
  8216. }
  8217.  
  8218. .l-top_menu .to-top-fix {
  8219. display: none;
  8220. }
  8221.  
  8222. .l-top_menu .inner {
  8223. margin: 0 .375em;
  8224. }
  8225.  
  8226. @media (min-width: 960px) {
  8227. .l-top_menu .inner {
  8228. margin: 0 .875em;
  8229. }
  8230. }
  8231.  
  8232. @media (min-width: 1025px) {
  8233. .l-top_menu .inner {
  8234. margin: 0 auto;
  8235. padding: 0 .875em;
  8236. }
  8237. }
  8238.  
  8239. .l-top_menu .inner > a:first-child {
  8240. float: left;
  8241. padding: calc((48px - 1em) / 2) 0.625rem;
  8242. margin: 0 0 0 32px;
  8243. color: inherit !important;
  8244. font-weight: bold;
  8245. line-height: 1;
  8246. }
  8247.  
  8248. [data-locale='en'] .l-top_menu .inner > a:first-child {
  8249. text-transform: uppercase;
  8250. }
  8251.  
  8252. @media (min-width: 320px) {
  8253. .l-top_menu .inner > a:first-child {
  8254. margin-left: 40px;
  8255. font-size: 1.25em;
  8256. }
  8257. }
  8258.  
  8259. @media (min-width: 360px) {
  8260. .l-top_menu .inner > a:first-child {
  8261. margin-left: 56px;
  8262. }
  8263. }
  8264.  
  8265. @media (min-width: 1025px) {
  8266. .l-top_menu .inner > a:first-child {
  8267. margin-left: 0;
  8268. font-size: 1.125em;
  8269. }
  8270. }
  8271.  
  8272. .l-top_menu .inner > a:first-child::after {
  8273. content: attr(title);
  8274. }
  8275.  
  8276. .l-top_menu .inner .logo {
  8277. display: none;
  8278. }
  8279.  
  8280. /* Цвет текста пунктов меню при наведении */
  8281. /* Цвет текста активных пунктов меню */
  8282. /* По умолчанию: цвет текста наследуется от меню */
  8283. .l-top_menu .menu-items > .entry.selected,
  8284. .l-top_menu .menu-items > .entry > a:active {
  8285. color: inherit !important;
  8286. }
  8287.  
  8288. /* Цвет текста пунктов меню при наведении */
  8289. /* По умолчанию: цвет текста наследуется от меню */
  8290. .l-top_menu .menu-items > .entry:hover {
  8291. color: inherit;
  8292. }
  8293.  
  8294. /* ВЫПАДАЮЩЕЕ МЕНЮ */
  8295. @media only screen and (min-width: 1025px) {
  8296. /* Цвет фона выпадающего меню при наведении */
  8297. .l-top_menu .submenu,
  8298. .b-main_search ul.popup {
  8299. background: #18061e;
  8300. }
  8301. /* Цвет пунктов выпадающего меню при щелчке */
  8302. /* Цвет активных пунктов выпадающего меню */
  8303. /* По умолчанию: затемненный цвет фона выпадающего меню */
  8304. .l-top_menu .submenu > .entry:active,
  8305. .l-top_menu .submenu > .entry.active {
  8306. background-color: rgba(0, 0, 0, 0.24);
  8307. }
  8308. /* Цвет пунктов выпадающего меню при наведении */
  8309. /* По умолчанию: осветленный цвет фона выпадающего меню */
  8310. .l-top_menu .submenu > .entry:hover {
  8311. background-color: rgba(255, 255, 255, 0.24);
  8312. }
  8313. /* Цвет текста выпадающих меню */
  8314. /* По умолчанию: цвет текста наследуется от меню */
  8315. .l-top_menu .menu-search > .entry,
  8316. .l-top_menu .menu-userbox > .entry,
  8317. .l-top_menu .submenu {
  8318. color: inherit;
  8319. }
  8320. /* Цвет текста выпадающих меню при щелчке */
  8321. /* Цвет текста активных пунктов выпадающего меню */
  8322. /* По умолчанию: цвет текста наследуется от выпадающего меню */
  8323. .l-top_menu .submenu > .entry:active,
  8324. .l-top_menu .submenu > .entry.active,
  8325. .b-main_search .popup li:active,
  8326. .b-main_search .popup li.active {
  8327. color: inherit;
  8328. }
  8329. /* Цвет текста выпадающих меню при наведении */
  8330. /* По умолчанию: цвет текста наследуется от выпадающего меню */
  8331. .l-top_menu .submenu > .entry:hover,
  8332. .b-main_search .popup li:hover {
  8333. color: inherit;
  8334. }
  8335. /* ЦВЕТА ПОИСКА */
  8336. /* Фон строки поиска */
  8337. .b-main_search .input {
  8338. background: rgba(250, 250, 250, 0.06);
  8339. color: inherit;
  8340. }
  8341. /* Набираемый текст в строке поиска */
  8342. .b-main_search .input input {
  8343. color: inherit;
  8344. }
  8345. /* Вспомогательный текст в строке поиска */
  8346. .b-main_search input::-webkit-input-placeholder {
  8347. color: rgba(250, 250, 250, 0.56);
  8348. }
  8349. .b-main_search input:-moz-placeholder {
  8350. color: rgba(250, 250, 250, 0.56);
  8351. }
  8352. .b-main_search input::-moz-placeholder {
  8353. color: rgba(250, 250, 250, 0.56);
  8354. }
  8355. .b-main_search input:-ms-input-placeholder {
  8356. color: rgba(250, 250, 250, 0.56);
  8357. }
  8358. }
  8359.  
  8360. /* ОБЩИЕ ЦВЕТА ПОИСКА */
  8361. .b-main_search .popup li:hover {
  8362. background-color: rgba(255, 255, 255, 0.24);
  8363. }
  8364.  
  8365. .b-main_search .popup li.active,
  8366. .b-main_search .popup li:active {
  8367. background-color: rgba(0, 0, 0, 0.24);
  8368. }
  8369.  
  8370. .l-top_menu .entry,
  8371. .b-main_search .popup li,
  8372. .b-main_search .popup li:hover,
  8373. .b-main_search .popup li:active {
  8374. color: inherit;
  8375. }
  8376.  
  8377. /* ЦВЕТ ИКОНОК в меню (для мобильной версии) */
  8378. /* По умолчанию: цвет текста наследуется от меню */
  8379. .l-top_menu .to-mobile-forum,
  8380. .l-top_menu .menu-mobile .search,
  8381. .l-top_menu .menu-mobile .menu,
  8382. .l-top_menu .menu-mobile #sign_in,
  8383. .l-top_menu .menu-userbox .search,
  8384. .l-top_menu .menu-userbox .menu,
  8385. .l-top_menu .menu-userbox #sign_in {
  8386. color: inherit;
  8387. }
  8388.  
  8389. /* END of Настройка цветов в меню */
  8390. /* NOTE: Максимальное разрешение SONY Xperia Z Ultra: 960x540px */
  8391. @media screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape) {
  8392. .l-top_menu {
  8393. padding: 0;
  8394. }
  8395. .l-page {
  8396. padding-top: 64px;
  8397. }
  8398. }
  8399.  
  8400. /* На планшетах и далее, высота меню равна 56px */
  8401. @media screen and (min-width: 961px) and (orientation: landscape) {
  8402. .l-top_menu {
  8403. padding: 4px 0;
  8404. }
  8405. }
  8406.  
  8407. .l-top_menu .to-mobile-forum {
  8408. display: inline-block;
  8409. vertical-align: top;
  8410. position: static;
  8411. left: 138px;
  8412. width: 40px;
  8413. height: 40px;
  8414. padding: 8px;
  8415. margin: 4px !important;
  8416. }
  8417.  
  8418. .l-top_menu .to-mobile-forum:before {
  8419. width: 1.5rem;
  8420. line-height: 1.5rem;
  8421. text-align: center;
  8422. font-size: 24px;
  8423. }
  8424.  
  8425. .l-top_menu .mobile-menu-toggler,
  8426. .l-top_menu .mobile-search-toggler {
  8427. position: absolute;
  8428. top: 0;
  8429. }
  8430.  
  8431. .l-top_menu .mobile-menu-toggler {
  8432. left: -.125em;
  8433. }
  8434.  
  8435. .l-top_menu .mobile-search-toggler {
  8436. right: 56px;
  8437. }
  8438.  
  8439. .l-top_menu .mobile-search-toggler.active {
  8440. background-color: transparent;
  8441. }
  8442.  
  8443. .l-top_menu .mobile-menu-toggler::after {
  8444. content: '';
  8445. position: fixed;
  8446. top: 0;
  8447. right: 0;
  8448. bottom: 0;
  8449. left: 0;
  8450. background-color: rgba(0, 0, 0, 0.48);
  8451. opacity: 0;
  8452. visibility: hidden;
  8453. transition: 0.24s cubic-bezier(0.4, 0, 0.6, 1);
  8454. z-index: 12;
  8455. }
  8456.  
  8457. .l-top_menu .mobile-menu-toggler.active::after {
  8458. opacity: 1;
  8459. visibility: visible;
  8460. }
  8461.  
  8462. @media (max-width: 1024px) {
  8463. .l-top_menu .menu-items {
  8464. display: block;
  8465. position: fixed;
  8466. top: 0;
  8467. right: 0;
  8468. bottom: 0;
  8469. left: 0;
  8470. width: calc(100% - 56px);
  8471. max-width: 320px;
  8472. padding: 8px 0;
  8473. margin: 0;
  8474. background: #333333;
  8475. box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
  8476. overflow-y: auto;
  8477. -webkit-transform: translateX(-110%);
  8478. transform: translateX(-110%);
  8479. transition: 0.24s cubic-bezier(0.4, 0, 0.6, 1);
  8480. z-index: 13;
  8481. }
  8482. .l-top_menu .menu-items.active {
  8483. -webkit-transform: translateX(0);
  8484. transform: translateX(0);
  8485. }
  8486. }
  8487.  
  8488. @media only screen and (min-width: 1025px) {
  8489. .l-top_menu .to-mobile-forum {
  8490. display: none;
  8491. }
  8492. .l-top_menu .menu-items {
  8493. margin-left: 0;
  8494. background-color: transparent;
  8495. }
  8496. .l-top_menu .menu-items > .entry:active {
  8497. background-color: inherit;
  8498. }
  8499. .l-top_menu .menu-items > .entry:active,
  8500. .l-top_menu .submenu > .entry:active,
  8501. .l-top_menu .menu-items > .entry > a {
  8502. color: inherit !important;
  8503. }
  8504. .l-top_menu .menu-items > .entry > .submenu {
  8505. margin-top: 4px;
  8506. margin-left: 0;
  8507. }
  8508. .l-top_menu .submenu.right {
  8509. right: 0px;
  8510. margin-top: 4px;
  8511. }
  8512. .b-main_search ul.popup,
  8513. .b-main_search.hovered .popup {
  8514. margin: 0;
  8515. margin-top: 12px;
  8516. }
  8517. .l-top_menu .submenu > .entry,
  8518. .b-main_search .popup li {
  8519. color: inherit;
  8520. }
  8521. .b-main_search.hovered .popup {
  8522. height: 304px;
  8523. }
  8524. .l-top_menu .menu-items > .entry.calendar > a,
  8525. .l-top_menu .menu-items > .entry.info > a {
  8526. padding: 0.9375rem;
  8527. }
  8528. .l-top_menu .menu-items > .entry.calendar > a:before,
  8529. .l-top_menu .menu-items > .entry.info > a:before {
  8530. display: block !important;
  8531. }
  8532. .l-top_menu .menu-items > .entry.calendar > a:after,
  8533. .l-top_menu .menu-items > .entry.info > a:after {
  8534. display: none;
  8535. }
  8536. }
  8537.  
  8538. .l-top_menu .menu-items > .entry {
  8539. float: none;
  8540. display: block;
  8541. padding: 0;
  8542. border: 0;
  8543. line-height: inherit;
  8544. }
  8545.  
  8546. @media (min-width: 1025px) {
  8547. .l-top_menu .menu-items > .entry {
  8548. display: inline-block;
  8549. vertical-align: top;
  8550. }
  8551. }
  8552.  
  8553. .l-top_menu .inner > a:first-child,
  8554. .l-top_menu .menu-items > .entry > a {
  8555. opacity: .87;
  8556. transition: 0.24s cubic-bezier(0.4, 0, 0.2, 1);
  8557. }
  8558.  
  8559. .l-top_menu .inner > a:first-child:hover,
  8560. .l-top_menu .menu-items > .entry > a:hover {
  8561. background-color: transparent !important;
  8562. opacity: 1;
  8563. }
  8564.  
  8565. .l-top_menu .menu-items > .entry.selected,
  8566. .l-top_menu .menu-items > .entry:hover {
  8567. background-color: transparent;
  8568. }
  8569.  
  8570. .l-top_menu .menu-items > .entry > a,
  8571. .l-top_menu .menu-items > .entry.sign_out {
  8572. padding: 1rem;
  8573. margin: 0;
  8574. font-size: inherit;
  8575. line-height: 1rem;
  8576. }
  8577.  
  8578. .l-top_menu .menu-items > .entry > .contest {
  8579. width: auto;
  8580. height: auto;
  8581. margin: auto;
  8582. background: inherit;
  8583. }
  8584.  
  8585. .l-top_menu .menu-items > .entry > .contest::before {
  8586. position: static;
  8587. margin: 0;
  8588. color: inherit;
  8589. }
  8590.  
  8591. @media screen and (min-width: 1025px) {
  8592. .l-top_menu .inner .logo,
  8593. .l-top_menu .menu-items > .entry > a,
  8594. .l-top_menu .menu-items > .entry.sign_out {
  8595. padding: calc((48px - 1rem) / 2) 0.625rem;
  8596. }
  8597. }
  8598.  
  8599. /* Текст вместо иконок в верхнем меню */
  8600. .l-top_menu .menu-items > .entry.calendar > a,
  8601. .l-top_menu .menu-items > .entry.info > a {
  8602. padding: 1em;
  8603. margin: 0;
  8604. line-height: 1;
  8605. }
  8606.  
  8607. .l-top_menu .menu-items > .entry.calendar > a::before,
  8608. .l-top_menu .menu-items > .entry.info > a::before {
  8609. display: none !important;
  8610. }
  8611.  
  8612. @media only screen and (min-width: 1025px) {
  8613. .l-top_menu .menu-items > .entry.calendar > a::before,
  8614. .l-top_menu .menu-items > .entry.info > a::before {
  8615. display: block !important;
  8616. }
  8617. }
  8618.  
  8619. @media only screen and (min-width: 1025px) {
  8620. .l-top_menu .menu-items > .entry.calendar > a::after,
  8621. .l-top_menu .menu-items > .entry.info > a::after {
  8622. display: none;
  8623. }
  8624. }
  8625.  
  8626. [data-locale="ru"] .l-top_menu .menu-items > .entry.calendar > a::after {
  8627. content: 'Календарь онгоингов';
  8628. }
  8629.  
  8630. [data-locale="en"] .l-top_menu .menu-items > .entry.calendar > a::after {
  8631. content: 'Calendar';
  8632. }
  8633.  
  8634. [data-locale="ru"] .l-top_menu .menu-items > .entry.info > a::after {
  8635. content: 'Информация';
  8636. }
  8637.  
  8638. [data-locale="en"] .l-top_menu .menu-items > .entry.info > a::after {
  8639. content: 'Info';
  8640. }
  8641.  
  8642. /* END of Текст вместо иконок в верхнем меню */
  8643. /* Уведомления о голосованиях */
  8644. .l-top_menu .menu-items > .entry > a.contest {
  8645. position: relative;
  8646. }
  8647.  
  8648. .l-top_menu .menu-items > .entry > a.contest:hover {
  8649. background-color: transparent !important;
  8650. }
  8651.  
  8652. .l-top_menu .menu-items > .entry > a.contest:after {
  8653. content: attr(data-count);
  8654. position: absolute;
  8655. top: .125rem;
  8656. right: .125rem;
  8657. width: 1.25rem;
  8658. background-color: #daa51e;
  8659. border-radius: 50%;
  8660. color: #212121;
  8661. font-size: .75rem;
  8662. line-height: 1.25rem;
  8663. text-align: center;
  8664. }
  8665.  
  8666. @media screen and (min-width: 1025px) {
  8667. .l-top_menu .menu-items > .entry > a.contest {
  8668. margin-left: -0.625rem;
  8669. }
  8670. .l-top_menu .menu-items > .entry > a.contest:after {
  8671. top: 0;
  8672. right: 0;
  8673. }
  8674. }
  8675.  
  8676. /* END of Уведомления о голосованиях */
  8677. .l-top_menu .submenu,
  8678. .b-main_search ul.popup {
  8679. min-width: 112px;
  8680. border: 0;
  8681. }
  8682.  
  8683. .b-main_search .popup li {
  8684. transition: 0s;
  8685. }
  8686.  
  8687. .l-top_menu .submenu > .entry {
  8688. height: auto;
  8689. padding: 0.5rem 0.625rem;
  8690. background-color: transparent;
  8691. border: 0;
  8692. font-family: inherit;
  8693. font-size: .875rem;
  8694. line-height: 1rem;
  8695. }
  8696.  
  8697. .l-top_menu .submenu > .entry:first-child,
  8698. .b-main_search ul.popup li:first-child {
  8699. margin-top: .5rem;
  8700. }
  8701.  
  8702. .l-top_menu .submenu > .entry:last-child,
  8703. .b-main_search ul.popup li:last-child {
  8704. margin-bottom: .5rem;
  8705. }
  8706.  
  8707. .l-top_menu .menu-items .submenu-toggler {
  8708. right: 0;
  8709. width: 48px;
  8710. height: 48px;
  8711. padding: .75rem;
  8712. margin: 0;
  8713. z-index: 10;
  8714. }
  8715.  
  8716. .l-top_menu .menu-items .submenu-toggler:before {
  8717. width: 24px;
  8718. line-height: 24px;
  8719. }
  8720.  
  8721. @media screen and (min-width: 1025px) {
  8722. .l-top_menu .menu-items .submenu-toggler,
  8723. .l-top_menu .inner .sign_out {
  8724. display: none;
  8725. }
  8726. .l-top_menu .menu-items > .entry {
  8727. color: inherit;
  8728. }
  8729. }
  8730.  
  8731. @media screen and (max-width: 1024px) {
  8732. .l-top_menu .submenu {
  8733. padding-left: 32px;
  8734. }
  8735. }
  8736.  
  8737. /* TOPMENU | SEARCH */
  8738. .l-top_menu .menu-search {
  8739. padding: 8px 0;
  8740. }
  8741.  
  8742. @media (max-width: 1024px) {
  8743. .l-top_menu .menu-search {
  8744. clear: left;
  8745. }
  8746. }
  8747.  
  8748. @media screen and (min-width: 1025px) {
  8749. .l-top_menu .menu-search {
  8750. padding: 0;
  8751. }
  8752. .l-top_menu .menu-search > .entry {
  8753. width: 224px;
  8754. padding: 8px 0 !important;
  8755. }
  8756. .b-main_search {
  8757. padding-right: 8px !important;
  8758. padding-left: 8px !important;
  8759. }
  8760. }
  8761.  
  8762. .b-main_search .input {
  8763. position: relative;
  8764. width: auto;
  8765. height: 2rem;
  8766. padding: 0;
  8767. margin: 0;
  8768. transition: background .3s;
  8769. }
  8770.  
  8771. .b-main_search.hovered .popup {
  8772. border: 0;
  8773. font-size: .875rem;
  8774. }
  8775.  
  8776. .b-main_search ul.popup li {
  8777. width: auto;
  8778. height: 2rem;
  8779. padding: 0.5rem 0.625rem;
  8780. border: 0;
  8781. font-family: inherit;
  8782. font-size: .875rem;
  8783. line-height: 1rem;
  8784. }
  8785.  
  8786. .b-main_search .input input {
  8787. width: 100%;
  8788. padding: 0 0.625rem;
  8789. font-family: inherit;
  8790. font-size: 1rem;
  8791. line-height: 2rem;
  8792. }
  8793.  
  8794. .b-main_search .input input.ac_loading {
  8795. width: 100%;
  8796. padding: 0 0.625rem;
  8797. }
  8798.  
  8799. .b-main_search ul.popup {
  8800. width: inherit;
  8801. }
  8802.  
  8803. /* END of SEARCH */
  8804. /* TOPMENU | SEARCHRESULT */
  8805. .ac_results.menu-suggest,
  8806. .completable-block.menu-suggest {
  8807. border: 0;
  8808. box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.24);
  8809. }
  8810.  
  8811. .ac_results,
  8812. .completable-block {
  8813. font-size: .75rem;
  8814. }
  8815.  
  8816. .ac_odd {
  8817. background-color: #000000;
  8818. }
  8819.  
  8820. .ac_even {
  8821. background-color: #333333;
  8822. }
  8823.  
  8824. .ac_over {
  8825. background-color: rgba(255, 255, 255, 0.24);
  8826. }
  8827.  
  8828. .ac_results li {
  8829. padding: 0 .5rem;
  8830. border: none;
  8831. line-height: 2rem;
  8832. }
  8833.  
  8834. .b-main_search ul.popup,
  8835. .b-main_search.hovered .popup {
  8836. margin: 0;
  8837. }
  8838.  
  8839. .ac_results.menu-suggest,
  8840. .completable-block.menu-suggest {
  8841. margin-top: -17px;
  8842. margin-left: 6px;
  8843. }
  8844.  
  8845. .ac_results .name {
  8846. font-size: 14px;
  8847. }
  8848.  
  8849. .ac_results .name > strong {
  8850. background-color: #ff0;
  8851. color: #111;
  8852. }
  8853.  
  8854. .ac_results .character-suggest .animes {
  8855. line-height: 1.25rem;
  8856. }
  8857.  
  8858. .ac_results .character-suggest .animes > div {
  8859. margin: 2px 0 0;
  8860. }
  8861.  
  8862. .ac_results .character-suggest .avatar {
  8863. width: 40px;
  8864. height: auto;
  8865. max-height: 64px;
  8866. margin: 8px 0 0 8px;
  8867. clip-path: circle(20px at 20px 20px);
  8868. }
  8869.  
  8870. /* END of SEARCHRESULT */
  8871. /* TOPMENU | USERBOX */
  8872. .l-top_menu .menu-userbox {
  8873. position: absolute;
  8874. top: 0;
  8875. right: 0;
  8876. }
  8877.  
  8878. .l-top_menu .menu-userbox > .entry {
  8879. position: relative;
  8880. height: 48px;
  8881. padding: 0 !important;
  8882. margin: 0 .625rem 0 1.25rem !important;
  8883. cursor: default;
  8884. }
  8885.  
  8886. .entry.userbox > .avatar {
  8887. display: inline-block;
  8888. vertical-align: top;
  8889. position: relative;
  8890. width: 40px;
  8891. height: 40px;
  8892. margin: 4px 0;
  8893. border-radius: 100%;
  8894. }
  8895.  
  8896. .entry.userbox > .avatar:after {
  8897. content: '';
  8898. display: block;
  8899. position: absolute;
  8900. top: 0;
  8901. left: 0;
  8902. width: inherit;
  8903. height: inherit;
  8904. border-radius: 100%;
  8905. }
  8906.  
  8907. .entry.userbox > .avatar > img {
  8908. height: inherit;
  8909. }
  8910.  
  8911. .userbox > a .graphics-arrow-down,
  8912. .l-top_menu .menu-userbox .arrow-container,
  8913. .l-top_menu .menu-userbox .arrow-container .arrow-down {
  8914. display: none;
  8915. }
  8916.  
  8917. @media screen and (max-width: 1024px) {
  8918. .userbox img.avatar,
  8919. .menu .unread-count {
  8920. margin-top: 0;
  8921. }
  8922. }
  8923.  
  8924. .menu .unread-count {
  8925. position: absolute;
  8926. top: 0;
  8927. right: 0;
  8928. width: 1.25rem;
  8929. height: auto;
  8930. margin: 0;
  8931. border-radius: 100%;
  8932. line-height: 1.25rem;
  8933. z-index: 1;
  8934. }
  8935.  
  8936. @media screen and (min-width: 1025px) {
  8937. .l-top_menu .menu-userbox {
  8938. position: relative;
  8939. }
  8940. }
  8941.  
  8942. /* END of USERBOX */
  8943. /* TOPMENU | ICON */
  8944. .l-top_menu .menu-mobile .search,
  8945. .l-top_menu .menu-mobile .menu {
  8946. width: 40px;
  8947. height: 40px;
  8948. padding: 8px;
  8949. margin: 4px;
  8950. margin-left: 4px !important;
  8951. }
  8952.  
  8953. .l-top_menu .menu-mobile #sign_in,
  8954. .l-top_menu .menu-userbox #sign_in {
  8955. width: 40px;
  8956. height: 40px;
  8957. padding: 8px;
  8958. margin: 4px;
  8959. margin-left: 4px !important;
  8960. }
  8961.  
  8962. @media (min-width: 1025px) {
  8963. .l-top_menu .menu-mobile #sign_in,
  8964. .l-top_menu .menu-userbox #sign_in {
  8965. width: 48px;
  8966. height: 48px;
  8967. padding: 12px;
  8968. margin: 0;
  8969. }
  8970. }
  8971.  
  8972. @media (max-width: 1024px) {
  8973. .l-top_menu .menu-items > .entry > a.contest {
  8974. padding: .75em !important;
  8975. }
  8976. }
  8977.  
  8978. @media (min-width: 1025px) {
  8979. .l-top_menu .menu-items > .entry.calendar > a,
  8980. .l-top_menu .menu-items > .entry.info > a,
  8981. .l-top_menu .menu-items > .entry > a.contest {
  8982. padding: .875em;
  8983. }
  8984. }
  8985.  
  8986. .l-top_menu .menu-items > .entry.calendar > a::before,
  8987. .l-top_menu .menu-items > .entry.info > a::before,
  8988. .l-top_menu .menu-items > .entry > a.contest::before {
  8989. display: block;
  8990. width: 1em !important;
  8991. font-size: 24px !important;
  8992. line-height: 1 !important;
  8993. }
  8994.  
  8995. @media (min-width: 1025px) {
  8996. .l-top_menu .menu-items > .entry.calendar > a::before,
  8997. .l-top_menu .menu-items > .entry.info > a::before,
  8998. .l-top_menu .menu-items > .entry > a.contest::before {
  8999. font-size: 20px !important;
  9000. }
  9001. }
  9002.  
  9003.  
  9004.  
  9005.  
  9006. /**
  9007. * Иконки в меню
  9008. */
  9009. .l-top_menu .to-mobile-forum::before {
  9010. content: 'forum';
  9011. }
  9012.  
  9013. .l-top_menu .menu-userbox #sign_in::before {
  9014. content: 'exit_to_app';
  9015. }
  9016.  
  9017. .l-top_menu .menu-items > .entry > a::before,
  9018. .l-top_menu .menu-items > a::before {
  9019. display: inline-block;
  9020. vertical-align: top;
  9021. font-size: 20px;
  9022. line-height: 1;
  9023. }
  9024.  
  9025. .l-top_menu .menu-items > .entry.calendar > a::before,
  9026. .l-top_menu .menu-items > .entry.info > a::before {
  9027. display: inline-block !important;
  9028. }
  9029.  
  9030. .l-top_menu .menu-items > .entry > a[href$='/animes']::before {
  9031. content: 'ondemand_video';
  9032. }
  9033.  
  9034. .l-top_menu .menu-items > .entry.calendar > a::before {
  9035. content: 'today';
  9036. }
  9037.  
  9038. .l-top_menu .menu-items > .entry > a[href$='/mangas']::before {
  9039. content: 'photo_album';
  9040. }
  9041.  
  9042. .l-top_menu .menu-items > .entry > a[href$='/ranobe']::before {
  9043. content: 'book';
  9044. }
  9045.  
  9046. .l-top_menu .menu-items > .entry > a[href$='/contests']::before {
  9047. content: 'equalizer';
  9048. transform: scale(-1, 1);
  9049. }
  9050.  
  9051. .l-top_menu .menu-items > .entry > .contest::before {
  9052. content: 'poll';
  9053. }
  9054.  
  9055. .l-top_menu .menu-items > .entry > a[href$='/forum']::before {
  9056. content: 'forum';
  9057. }
  9058.  
  9059. .l-top_menu .menu-items > .entry.info > a::before {
  9060. content: 'info';
  9061. }
  9062.  
  9063. .l-top_menu .menu-items > .entry > a[href$='/for_right_holders']::before {
  9064. content: 'copyright';
  9065. }
  9066.  
  9067. .l-top_menu .menu-items > .entry > a[href='https://shikimori.org/']::before {
  9068. content: 'home';
  9069. }
  9070.  
  9071. .l-top_menu .menu-items > .entry.sign_out::before {
  9072. content: 'open_in_new';
  9073. }
  9074.  
  9075. .l-top_menu .menu-items .submenu-toggler::before {
  9076. content: 'arrow_drop_down';
  9077. }
  9078.  
  9079. .l-top_menu .menu-items .submenu-toggler.active::before {
  9080. content: 'arrow_drop_down';
  9081. transform: rotate(180deg);
  9082. }
  9083.  
  9084. @media (max-width: 1024px) {
  9085. .l-top_menu .menu-items .submenu {
  9086. padding-left: 3.5em;
  9087. }
  9088. .l-top_menu .menu-items .submenu > .entry {
  9089. display: block;
  9090. padding: .5em 1em;
  9091. margin: 0;
  9092. font-size: 1em;
  9093. }
  9094. .l-top_menu .menu-items > .entry.selected > a,
  9095. .l-top_menu .menu-items .submenu > .entry.active {
  9096. background-color: rgba(0, 0, 0, 0.12);
  9097. }
  9098. .l-top_menu .menu-items > .entry > a,
  9099. .l-top_menu .menu-items > .entry.calendar > a,
  9100. .l-top_menu .menu-items > .entry.info > a,
  9101. .l-top_menu .menu-items > .entry.sign_out {
  9102. padding: .75em 1rem;
  9103. line-height: 1.5;
  9104. }
  9105. .l-top_menu .menu-items > .entry > a::before,
  9106. .l-top_menu .menu-items > a::before {
  9107. margin-right: 32px;
  9108. color: #BDBDBD;
  9109. font-size: 24px;
  9110. }
  9111. }
  9112.  
  9113. @media screen and (min-width: 1025px) {
  9114. .l-top_menu .menu-items > .entry > a::before,
  9115. .l-top_menu .menu-items > a::before {
  9116. display: none;
  9117. }
  9118. }
  9119.  
  9120.  
  9121.  
  9122.  
  9123. .b-catalog_entry-tooltip .inner a.name {
  9124. font-size: .875rem;
  9125. }
  9126.  
  9127. .b-catalog_entry-tooltip .inner .text {
  9128. margin-bottom: .5rem;
  9129. font-size: .8125rem;
  9130. line-height: 1.25rem;
  9131. }
  9132.  
  9133. .b-catalog_entry-tooltip .inner .line {
  9134. font-size: .8125rem;
  9135. line-height: 1.5rem;
  9136. }
  9137.  
  9138. .b-catalog_entry-tooltip .inner .line.name {
  9139. margin-bottom: 0;
  9140. line-height: 1.5rem;
  9141. }
  9142.  
  9143. .b-catalog_entry-tooltip .inner .line .key {
  9144. color: #EEEEEE;
  9145. }
  9146.  
  9147. .b-catalog_entry-tooltip .inner .rating {
  9148. bottom: 0;
  9149. color: #EEEEEE;
  9150. font-family: inherit;
  9151. font-size: 1.5rem;
  9152. line-height: 1;
  9153. }
  9154.  
  9155. .b-catalog_entry-tooltip .inner .rating .text {
  9156. margin: .5rem .5rem 0;
  9157. font-size: .75rem;
  9158. line-height: 1rem;
  9159. }
  9160.  
  9161. .b-catalog_entry-tooltip .inner .additional-images .link .title {
  9162. color: #EEEEEE;
  9163. }
  9164.  
  9165. .b-to-top .slide::before {
  9166. width: 56px;
  9167. background: #616161;
  9168. }
  9169.  
  9170. .b-to-top .slide::before:hover + .arrow::before {
  9171. color: #EEEEEE;
  9172. }
  9173.  
  9174. .b-to-top .arrow {
  9175. top: auto;
  9176. bottom: 4px;
  9177. width: 48px;
  9178. height: 48px;
  9179. padding: .75em;
  9180. margin: 0 4px;
  9181. border-radius: 50%;
  9182. font: inherit;
  9183. pointer-events: none;
  9184. }
  9185.  
  9186. .b-to-top .arrow::before {
  9187. content: 'arrow_upward';
  9188. color: #BDBDBD;
  9189. font-family: 'Material Icons';
  9190. font-size: 24px;
  9191. line-height: 1;
  9192. text-shadow: none;
  9193. letter-spacing: normal;
  9194. text-transform: none;
  9195. word-wrap: normal;
  9196. white-space: nowrap;
  9197. direction: ltr;
  9198. /* Support for all WebKit browsers. */
  9199. -webkit-font-smoothing: antialiased;
  9200. /* Support for Safari and Chrome. */
  9201. text-rendering: optimizeLegibility;
  9202. /* Support for Firefox. */
  9203. -moz-osx-font-smoothing: grayscale;
  9204. /* Support for IE. */
  9205. font-feature-settings: 'liga';
  9206. }
  9207.  
  9208. @media (max-width: 1024px) {
  9209. .l-menu {
  9210. position: fixed !important;
  9211. top: 0;
  9212. right: 0;
  9213. width: 25rem !important;
  9214. max-width: calc(100% - 3.5rem);
  9215. height: 100%;
  9216. background-color: #333333;
  9217. padding: 4.5rem 1rem 1.5rem;
  9218. box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.24);
  9219. overflow-y: auto;
  9220. -webkit-transform: translateX(110%);
  9221. -ms-transform: translateX(110%);
  9222. transform: translateX(110%);
  9223. transition: .25s ease;
  9224. z-index: 9;
  9225. }
  9226. .l-page.menu-expanded .l-menu {
  9227. -webkit-transform: translateX(0);
  9228. -ms-transform: translateX(0);
  9229. transform: translateX(0);
  9230. }
  9231. .menu-slide-outer .l-content {
  9232. margin-left: 0 !important;
  9233. }
  9234. }
  9235.  
  9236. .l-page .menu-toggler {
  9237. position: fixed;
  9238. top: 74px;
  9239. right: 0;
  9240. width: auto;
  9241. height: auto;
  9242. padding: 8px 0;
  9243. transform: rotate(270deg);
  9244. transform-origin: bottom right;
  9245. z-index: 10;
  9246. }
  9247.  
  9248. .l-page .menu-toggler .toggler {
  9249. border-radius: 4px;
  9250. padding: 0 .25em;
  9251. line-height: 24px;
  9252. }
  9253.  
  9254. .l-page .menu-toggler .toggler::before {
  9255. content: 'chevron_right' !important;
  9256. display: inline-block;
  9257. vertical-align: top;
  9258. width: 1em;
  9259. margin: 0;
  9260. font-size: 1.5em;
  9261. opacity: .72;
  9262. transition: 0.16s cubic-bezier(0.4, 0, 0.6, 1);
  9263. }
  9264.  
  9265. .l-page .menu-toggler .toggler::after {
  9266. margin: 0 .25em;
  9267. font: inherit;
  9268. }
  9269.  
  9270. .l-page.menu-expanded .menu-toggler .toggler::before {
  9271. transform: rotate(90deg);
  9272. }
  9273.  
  9274. [data-locale='ru'] .l-page .menu-toggler .toggler::after {
  9275. content: 'меню';
  9276. }
  9277.  
  9278. [data-locale='en'] .l-page .menu-toggler .toggler::after {
  9279. content: 'sidebar';
  9280. }
  9281.  
  9282. @media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
  9283. .l-page .menu-toggler.ipad-expanded {
  9284. display: block;
  9285. }
  9286. }
  9287.  
  9288. .b-topic-minified .b-status-line {
  9289. margin: -4px 0 8px;
  9290. }
  9291.  
  9292. .b-status-line {
  9293. margin-bottom: 12px;
  9294. font-size: .875em;
  9295. line-height: 20px;
  9296. }
  9297.  
  9298. .b-status-line .section {
  9299. vertical-align: top;
  9300. padding-left: 8px;
  9301. margin-left: 8px;
  9302. border-color: #757575;
  9303. }
  9304.  
  9305. .b-status-line .section.about .author {
  9306. padding-left: 8px;
  9307. }
  9308.  
  9309. .b-status-line .section.additional .b-review_votes {
  9310. margin-left: 16px;
  9311. }
  9312.  
  9313. .b-status-line .section.additional .collection-size {
  9314. vertical-align: top;
  9315. margin-right: 16px;
  9316. color: inherit;
  9317. }
  9318.  
  9319. .b-status-line .section.created_at time::before,
  9320. .b-status-line .section.changed_at time::before,
  9321. .b-status-line .section.additional .collection-size::before,
  9322. .b-status-line .section.additional .comments::before,
  9323. .b-status-line .section.additional .b-review_votes::before {
  9324. vertical-align: top;
  9325. width: 20px;
  9326. padding-right: 8px;
  9327. color: #9E9E9E;
  9328. font-size: 20px;
  9329. }
  9330.  
  9331. .b-status-line .section.created_at time::before {
  9332. content: 'create';
  9333. }
  9334.  
  9335. .b-status-line .section.changed_at time::before {
  9336. content: 'history';
  9337. }
  9338.  
  9339. .b-status-line .section.additional .collection-size::before {
  9340. content: 'widgets';
  9341. }
  9342.  
  9343. .b-status-line .section.additional .comments::before {
  9344. content: 'mode_comment';
  9345. }
  9346.  
  9347. .b-status-line .section.additional .b-review_votes::before {
  9348. content: 'thumbs_up_down';
  9349. }
  9350.  
  9351. /**
  9352. * Dashboard Layout
  9353. * Изменение положения блоков на главной странице
  9354. */
  9355. .p-dashboards-show .cc-second .cc-inner {
  9356. display: none;
  9357. }
  9358.  
  9359. @media screen and (max-width: 767px) and (orientation: landscape) {
  9360. .p-dashboards-show .cc-second > .c-forum {
  9361. width: 100%;
  9362. }
  9363. .p-dashboards-show .cc-second > .c-forum .b-forums,
  9364. .p-dashboards-show .cc-second > .c-forum .contests {
  9365. float: left;
  9366. width: 48%;
  9367. }
  9368. .p-dashboards-show .cc-second > .c-forum .b-forums {
  9369. margin-right: 4%;
  9370. }
  9371. }
  9372.  
  9373. @media only screen and (min-width: 768px) {
  9374. .p-dashboards-show .cc-second {
  9375. float: right;
  9376. width: 30.33333%;
  9377. margin-bottom: 0;
  9378. }
  9379. .p-dashboards-show .cc-second > .cc-inner {
  9380. display: block;
  9381. float: none;
  9382. width: 100%;
  9383. margin: 0;
  9384. }
  9385. .p-dashboards-show .cc-second > .cc-inner > .c-content,
  9386. .p-dashboards-show .cc-second > .cc-inner > .c-my_list {
  9387. float: none;
  9388. width: 100%;
  9389. padding: 0;
  9390. }
  9391. .p-dashboards-show .cc-second > .c-forum {
  9392. float: none;
  9393. width: 100%;
  9394. }
  9395. .p-dashboards-show .cc-second > .c-forum > .b-forums,
  9396. .p-dashboards-show .cc-second > .c-forum > .block:last-child {
  9397. margin-bottom: 1.5rem;
  9398. }
  9399. .p-dashboards-show .cc-second .cc-inner {
  9400. display: none;
  9401. }
  9402. }
  9403.  
  9404. /* END of Dashboard Layout */
  9405. /**
  9406. * List of User
  9407. * Список пользователей меняется на карточки пользователей
  9408. */
  9409. .p-users .b-user.detailed {
  9410. display: inline-block;
  9411. vertical-align: top;
  9412. float: none;
  9413. position: relative;
  9414. width: 48%;
  9415. height: auto;
  9416. min-height: 261px;
  9417. padding: 8px;
  9418. margin-right: 4%;
  9419. margin-bottom: 4%;
  9420. background-color: #333333;
  9421. border: 0;
  9422. border-radius: 2px;
  9423. box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  9424. backface-visibility: hidden;
  9425. }
  9426.  
  9427. .p-users .b-user.detailed:nth-child(2n+2) {
  9428. margin-right: 0;
  9429. }
  9430.  
  9431. .p-users .b-user.detailed::before {
  9432. content: '';
  9433. position: absolute;
  9434. top: 0;
  9435. right: 0;
  9436. bottom: 0;
  9437. left: 0;
  9438. box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.16);
  9439. opacity: 0;
  9440. transition: .3s all;
  9441. }
  9442.  
  9443. .p-users .b-user.detailed:hover::before {
  9444. opacity: 1;
  9445. }
  9446.  
  9447. .p-users .b-user.detailed .info,
  9448. .p-users .b-user.detailed .history {
  9449. clear: both;
  9450. float: none;
  9451. width: 100%;
  9452. margin: 0;
  9453. }
  9454.  
  9455. .p-users .b-user.detailed .info .image-name {
  9456. display: block;
  9457. padding: 16px 0;
  9458. margin: auto;
  9459. text-align: center;
  9460. }
  9461.  
  9462. .p-users .b-user.detailed .info .image-name .name {
  9463. position: absolute;
  9464. top: 0;
  9465. right: 0;
  9466. bottom: 0;
  9467. left: 0;
  9468. padding: 97px 0 0;
  9469. line-height: 32px;
  9470. text-overflow: ellipsis;
  9471. white-space: nowrap;
  9472. overflow: hidden;
  9473. }
  9474.  
  9475. .p-users .b-user.detailed .info .image-name .image {
  9476. clear: both;
  9477. float: none;
  9478. display: block;
  9479. padding: 0;
  9480. margin: auto auto 24px;
  9481. border-radius: 100%;
  9482. }
  9483.  
  9484. .p-users .b-user.detailed .info .last-online {
  9485. color: #9B9B9B;
  9486. text-align: center;
  9487. }
  9488.  
  9489. .p-users .b-user.detailed .history {
  9490. padding-top: 8px;
  9491. margin-top: 0;
  9492. font-size: 12px;
  9493. line-height: 20px;
  9494. }
  9495.  
  9496. @media (min-width: 540px) {
  9497. .p-users .b-user.detailed {
  9498. width: 32%;
  9499. margin-right: 2%;
  9500. margin-bottom: 2%;
  9501. }
  9502. .p-users .b-user.detailed:nth-child(2n+2) {
  9503. margin-right: 2%;
  9504. }
  9505. .p-users .b-user.detailed:nth-child(3n+3) {
  9506. margin-right: 0;
  9507. }
  9508. }
  9509.  
  9510. @media (min-width: 768px) {
  9511. .p-users .b-user.detailed {
  9512. width: 23.5%;
  9513. margin-right: 2%;
  9514. margin-bottom: 2%;
  9515. }
  9516. .p-users .b-user.detailed:nth-child(2n+2) {
  9517. margin-right: 2%;
  9518. }
  9519. .p-users .b-user.detailed:nth-child(3n+3) {
  9520. margin-right: 2%;
  9521. }
  9522. .p-users .b-user.detailed:nth-child(4n+4) {
  9523. margin-right: 0;
  9524. }
  9525. }
  9526.  
  9527. @media (min-width: 960px) {
  9528. .p-users .b-user.detailed {
  9529. width: 18.4%;
  9530. margin-right: 2%;
  9531. margin-bottom: 2%;
  9532. }
  9533. .p-users .b-user.detailed:nth-child(2n+2) {
  9534. margin-right: 2%;
  9535. }
  9536. .p-users .b-user.detailed:nth-child(3n+3) {
  9537. margin-right: 2%;
  9538. }
  9539. .p-users .b-user.detailed:nth-child(4n+4) {
  9540. margin-right: 2%;
  9541. }
  9542. .p-users .b-user.detailed:nth-child(5n+5) {
  9543. margin-right: 0;
  9544. }
  9545. }
  9546.  
  9547. @media (min-width: 1200px) {
  9548. .p-users.x1200 .b-user.detailed {
  9549. width: 15%;
  9550. margin-right: 2%;
  9551. margin-bottom: 2%;
  9552. }
  9553. .p-users.x1200 .b-user.detailed:nth-child(2n+2) {
  9554. margin-right: 2%;
  9555. }
  9556. .p-users.x1200 .b-user.detailed:nth-child(3n+3) {
  9557. margin-right: 2%;
  9558. }
  9559. .p-users.x1200 .b-user.detailed:nth-child(4n+4) {
  9560. margin-right: 2%;
  9561. }
  9562. .p-users.x1200 .b-user.detailed:nth-child(5n+5) {
  9563. margin-right: 2%;
  9564. }
  9565. .p-users.x1200 .b-user.detailed:nth-child(6n+6) {
  9566. margin-right: 0;
  9567. }
  9568. }
  9569.  
  9570. /* END of List of User */
  9571. /**
  9572. * PROFILE HEAD
  9573. * Adaptive profile header includes: avatar, history, information, anime/manga bars.
  9574. */
  9575. .p-profiles .profile-head {
  9576. position: relative;
  9577. min-height: 15.5rem;
  9578. padding-top: 3rem;
  9579. margin-top: -1rem;
  9580. overflow: visible;
  9581. }
  9582.  
  9583. @media (min-width: 600px) {
  9584. .p-profiles .profile-head {
  9585. background-color: inherit;
  9586. }
  9587. }
  9588.  
  9589. @media (min-width: 960px) {
  9590. .p-profiles .profile-head {
  9591. padding-top: 0;
  9592. margin-top: 0;
  9593. }
  9594. }
  9595.  
  9596. .p-profiles .profile-head .c-info {
  9597. margin-bottom: .5rem;
  9598. overflow: visible;
  9599. }
  9600.  
  9601. @media (min-width: 600px) {
  9602. .p-profiles .profile-head .c-info {
  9603. margin-left: 11.5rem;
  9604. }
  9605. }
  9606.  
  9607. @media (min-width: 768px) {
  9608. .p-profiles .profile-head .c-info {
  9609. margin-left: 12.5rem;
  9610. }
  9611. }
  9612.  
  9613. @media (min-width: 960px) {
  9614. .p-profiles .profile-head .c-info {
  9615. margin-left: 13.5rem;
  9616. margin-right: calc(23% + 3.5rem);
  9617. margin-bottom: 1.5rem;
  9618. }
  9619. }
  9620.  
  9621. .p-profiles .profile-head .c-brief {
  9622. position: relative;
  9623. margin: -3rem -1rem 1rem;
  9624. overflow: hidden;
  9625. }
  9626.  
  9627. @media (min-width: 600px) {
  9628. .p-profiles .profile-head .c-brief {
  9629. margin: -3rem -1rem 0;
  9630. overflow: visible;
  9631. }
  9632. }
  9633.  
  9634. @media (min-width: 768px) {
  9635. .p-profiles .profile-head .c-brief {
  9636. overflow: visible;
  9637. }
  9638. }
  9639.  
  9640. @media (min-width: 960px) {
  9641. .p-profiles .profile-head .c-brief {
  9642. max-height: 504px;
  9643. margin: 0;
  9644. overflow: visible;
  9645. }
  9646. }
  9647.  
  9648. .p-profiles .profile-head .c-brief::before {
  9649. content: '';
  9650. display: block;
  9651. height: 0;
  9652. padding-bottom: 0;
  9653. }
  9654.  
  9655. @media (min-width: 320px) {
  9656. .p-profiles .profile-head .c-brief::before {
  9657. padding-bottom: 48px;
  9658. }
  9659. }
  9660.  
  9661. @media (min-width: 600px) {
  9662. .p-profiles .profile-head .c-brief::before {
  9663. padding-bottom: 56px;
  9664. }
  9665. }
  9666.  
  9667. @media (min-width: 960px) {
  9668. .p-profiles .profile-head .c-brief::before {
  9669. padding-bottom: 0;
  9670. }
  9671. }
  9672.  
  9673. @media (min-width: 320px) {
  9674. .p-profiles .profile-head .c-brief .avatar {
  9675. float: none;
  9676. max-width: 100%;
  9677. margin: 1rem auto 0;
  9678. }
  9679. }
  9680.  
  9681. @media (min-width: 320px) and (max-width: 599px) {
  9682. .p-profiles .profile-head .c-brief .avatar {
  9683. position: relative;
  9684. height: 160px;
  9685. }
  9686. }
  9687.  
  9688. @media (min-width: 600px) {
  9689. .p-profiles .profile-head .c-brief .avatar {
  9690. position: absolute;
  9691. max-width: 160px;
  9692. margin: 1rem 1rem 1rem .5rem;
  9693. }
  9694. }
  9695.  
  9696. @media (min-width: 960px) {
  9697. .p-profiles .profile-head .c-brief .avatar {
  9698. margin: 1rem 2rem 1rem 0;
  9699. }
  9700. }
  9701.  
  9702. @media (min-width: 320px) {
  9703. .p-profiles .profile-head .c-brief .avatar img {
  9704. display: block;
  9705. width: 36%;
  9706. max-width: 160px;
  9707. margin: auto;
  9708. }
  9709. }
  9710.  
  9711. @media (min-width: 320px) and (max-width: 599px) {
  9712. .p-profiles .profile-head .c-brief .avatar img {
  9713. position: absolute;
  9714. top: 0;
  9715. bottom: 0;
  9716. left: 0;
  9717. right: 0;
  9718. }
  9719. }
  9720.  
  9721. @media (min-width: 600px) {
  9722. .p-profiles .profile-head .c-brief .avatar img {
  9723. width: 160px;
  9724. }
  9725. }
  9726.  
  9727. @media (min-width: 320px) {
  9728. .p-profiles .profile-head .c-brief header {
  9729. clear: both;
  9730. margin: 0;
  9731. text-align: center;
  9732. }
  9733. }
  9734.  
  9735. @media (min-width: 320px) and (max-width: 599px) {
  9736. .p-profiles .profile-head .c-brief header {
  9737. background-color: inherit !important;
  9738. }
  9739. }
  9740.  
  9741. @media (min-width: 600px) {
  9742. .p-profiles .profile-head .c-brief header {
  9743. clear: none;
  9744. padding: 1rem 0 .5rem;
  9745. margin-left: 12.5rem;
  9746. text-align: left;
  9747. }
  9748. }
  9749.  
  9750. @media (min-width: 768px) {
  9751. .p-profiles .profile-head .c-brief header {
  9752. margin-left: 13.5rem;
  9753. }
  9754. }
  9755.  
  9756. @media (min-width: 320px) and (max-width: 599px) {
  9757. .p-profiles .profile-head .c-brief header .notice {
  9758. padding: .5rem 1rem;
  9759. }
  9760. }
  9761.  
  9762. @media (min-width: 320px) {
  9763. .p-profiles .profile-head .c-mobile-actions {
  9764. display: none;
  9765. }
  9766. }
  9767.  
  9768. .p-profiles .profile-head .c-history {
  9769. margin-bottom: 3rem;
  9770. }
  9771.  
  9772. .p-profiles .profile-head .c-history.x3 {
  9773. margin-bottom: 2rem;
  9774. }
  9775.  
  9776. @media (min-width: 320px) and (max-width: 959px) {
  9777. .p-profiles .profile-head .c-history {
  9778. display: block;
  9779. position: absolute;
  9780. top: 0;
  9781. right: 0;
  9782. left: 0;
  9783. width: auto;
  9784. padding: 0 1rem;
  9785. margin: 0 -1rem;
  9786. background-color: rgba(0, 0, 0, 0.48);
  9787. white-space: nowrap;
  9788. overflow-x: auto;
  9789. z-index: 1;
  9790. }
  9791. .p-profiles .profile-head .c-history .subheadline {
  9792. display: inline-block;
  9793. vertical-align: top;
  9794. }
  9795. .p-profiles .profile-head .c-history .subheadline a {
  9796. color: #eee !important;
  9797. }
  9798. .p-profiles .profile-head .c-history .subheadline a::before {
  9799. display: none;
  9800. }
  9801. .p-profiles .profile-head .c-history .b-block_list {
  9802. display: inline-block;
  9803. vertical-align: top;
  9804. padding: .5rem;
  9805. margin-left: .5rem;
  9806. }
  9807. .p-profiles .profile-head .c-history .entry {
  9808. display: inline-block !important;
  9809. vertical-align: top;
  9810. min-width: 112px;
  9811. height: 2rem;
  9812. padding-right: .5rem;
  9813. padding-left: .5rem;
  9814. margin-left: .5rem;
  9815. border-radius: 1rem;
  9816. overflow: hidden;
  9817. }
  9818. .p-profiles .profile-head .c-history .entry .image-name {
  9819. float: left;
  9820. width: 32px;
  9821. height: 32px;
  9822. margin: -8px 8px -8px -8px;
  9823. border-radius: 50%;
  9824. font-size: 0;
  9825. line-height: 0;
  9826. overflow: hidden;
  9827. }
  9828. .p-profiles .profile-head .c-history .entry::before,
  9829. .p-profiles .profile-head .c-history .entry span.misc {
  9830. display: none;
  9831. }
  9832. }
  9833.  
  9834. @media (min-width: 600px) and (max-width: 959px) {
  9835. .p-profiles .profile-head .c-history {
  9836. padding: .25rem 1rem;
  9837. }
  9838. }
  9839.  
  9840. @media (min-width: 960px) {
  9841. .p-profiles .profile-head .c-history {
  9842. display: block;
  9843. position: relative;
  9844. top: 1rem;
  9845. margin-left: 3.5rem;
  9846. z-index: 1;
  9847. }
  9848. }
  9849.  
  9850. .p-profiles .profile-head .c-brief .avatar .profile-actions a {
  9851. margin-left: .25rem;
  9852. }
  9853.  
  9854. @media (min-width: 320px) {
  9855. .p-profiles .profile-head .c-brief .avatar .profile-actions {
  9856. display: block;
  9857. position: absolute;
  9858. top: 50%;
  9859. width: 100%;
  9860. padding: .75rem;
  9861. margin: 0 auto;
  9862. text-align: left;
  9863. }
  9864. .p-profiles .profile-head .c-brief .avatar .profile-actions a:first-child {
  9865. float: right;
  9866. margin: 0 .25rem;
  9867. }
  9868. .p-profiles .profile-head .c-brief .avatar .profile-actions .fav-add,
  9869. .p-profiles .profile-head .c-brief .avatar .profile-actions .fav-remove {
  9870. float: right;
  9871. }
  9872. }
  9873.  
  9874. @media (min-width: 600px) {
  9875. .p-profiles .profile-head .c-brief .avatar .profile-actions {
  9876. position: static;
  9877. width: auto;
  9878. padding: 0;
  9879. margin-top: 1rem;
  9880. margin-right: -12px;
  9881. margin-left: -12px;
  9882. text-align: center;
  9883. }
  9884. .p-profiles .profile-head .c-brief .avatar .profile-actions a:first-child {
  9885. float: none;
  9886. margin: 0;
  9887. }
  9888. .p-profiles .profile-head .c-brief .avatar .profile-actions .fav-add,
  9889. .p-profiles .profile-head .c-brief .avatar .profile-actions .fav-remove {
  9890. float: none;
  9891. }
  9892. }
  9893.  
  9894. /* END of PROFILE HEAD */
  9895.  
  9896.  
  9897.  
  9898. /**
  9899. * Profile Content
  9900. */
  9901. /* Lifetime */
  9902. .p-profiles .lifetime {
  9903. margin-bottom: 0;
  9904. min-height: 0;
  9905. }
  9906.  
  9907. .p-profiles .lifetime .bar, .p-profiles .lifetime .times {
  9908. display: none;
  9909. }
  9910.  
  9911. .p-profiles .lifetime .title .value {
  9912. height: 16px;
  9913. margin-top: 0;
  9914. line-height: 16px;
  9915. }
  9916.  
  9917. .p-profiles .lifetime .title > .label {
  9918. font-size: 0;
  9919. line-height: 0;
  9920. }
  9921.  
  9922. .p-profiles .lifetime .title > .label::before {
  9923. display: block;
  9924. font-size: 0.875rem;
  9925. line-height: 1rem;
  9926. }
  9927.  
  9928. .profile-content .activity .title {
  9929. display: none;
  9930. }
  9931.  
  9932. .p-profiles[data-locale="ru"] .lifetime .title > .label:before {
  9933. content: 'Активность';
  9934. }
  9935.  
  9936. .p-profiles[data-locale="en"] .lifetime .title > .label:before {
  9937. content: 'Time spent';
  9938. }
  9939.  
  9940. /* Layout */
  9941. .p-profiles .profile-content > .cc-2 .c-right .cc-2a {
  9942. margin-bottom: 16px !important;
  9943. }
  9944.  
  9945. @media (min-width: 768px) {
  9946. .p-profiles .profile-content .graph {
  9947. height: 155px;
  9948. }
  9949. .p-profiles .profile-content > .cc-2 > .c-column {
  9950. width: 100%;
  9951. margin-bottom: 1rem;
  9952. }
  9953. .p-profiles .profile-content > .cc-2 .activity {
  9954. padding-bottom: 1rem;
  9955. }
  9956. }
  9957.  
  9958. @media (min-width: 960px) {
  9959. .p-profiles .profile-content > .cc-2 {
  9960. position: relative;
  9961. }
  9962. .p-profiles .profile-content > .cc-2 .c-left {
  9963. position: relative;
  9964. width: calc(77% - 16px);
  9965. min-height: 220px;
  9966. padding-right: 40px;
  9967. margin-right: 0;
  9968. margin-bottom: 1.5rem;
  9969. z-index: 1;
  9970. }
  9971. .p-profiles .profile-content > .cc-2 .c-right .cc-2a {
  9972. width: calc(23% + 16px);
  9973. padding-left: 16px;
  9974. margin-left: -16px;
  9975. overflow: hidden;
  9976. }
  9977. .p-profiles .profile-content > .cc-2 .c-right .cc-2a > .c-column {
  9978. clear: both;
  9979. width: 100%;
  9980. margin: 0;
  9981. }
  9982. .p-profiles .profile-content .c-right:last-child {
  9983. float: none;
  9984. }
  9985. .p-profiles .profile-content .c-right > .block:last-child {
  9986. clear: both;
  9987. }
  9988. }
  9989.  
  9990. /* Achievements */
  9991. .p-profiles-show .achievements .header {
  9992. align-items: baseline;
  9993. }
  9994.  
  9995. .p-profiles-show .achievements .header .title {
  9996. color: #BDBDBD;
  9997. font-size: .875em;
  9998. }
  9999.  
  10000. .p-profiles-show .achievements .header .size {
  10001. font-size: .75em;
  10002. }
  10003.  
  10004. /* END of Profile Content */
  10005. /**
  10006. * График активности
  10007. */
  10008. .p-profiles-show .profile-content .activity .title {
  10009. margin: 0;
  10010. }
  10011.  
  10012. [data-locale='ru'] .profile-content .activity .title {
  10013. font-size: 0;
  10014. line-height: 0;
  10015. }
  10016.  
  10017. [data-locale='ru'] .profile-content .activity .title::after {
  10018. content: 'График активности';
  10019. font-size: 14px;
  10020. line-height: 16px;
  10021. }
  10022.  
  10023. @media (min-width: 960px) {
  10024. .p-profiles-show .profile-content .graph.vertical.x26 {
  10025. display: none;
  10026. }
  10027. .p-profiles-show .profile-content .graph.vertical.x34 {
  10028. display: block;
  10029. }
  10030. }
  10031.  
  10032. .graph.vertical.bar .line {
  10033. width: 6px !important;
  10034. }
  10035.  
  10036. .graph.vertical.x26 .line {
  10037. margin-right: calc(((100% - 6px) / 25) - 6px);
  10038. }
  10039.  
  10040. .graph.vertical.x34 .line {
  10041. margin-right: calc(((100% - 6px) / 33) - 6px);
  10042. }
  10043.  
  10044. .graph.vertical .line:last-child {
  10045. margin-right: 0;
  10046. }
  10047.  
  10048. .graph.vertical .line {
  10049. overflow: visible;
  10050. }
  10051.  
  10052. .graph.vertical .line .x_label {
  10053. pointer-events: none;
  10054. }
  10055.  
  10056. .graph.vertical .line:last-child .x_label {
  10057. right: 0;
  10058. }
  10059.  
  10060. .graph.vertical .line .bar-container {
  10061. position: static;
  10062. display: flex;
  10063. align-items: flex-end;
  10064. }
  10065.  
  10066. .graph.vertical .line .bar-container .bar {
  10067. position: static;
  10068. width: 6px;
  10069. border-radius: 6px 6px 0 0;
  10070. pointer-events: none;
  10071. transition: .16s;
  10072. }
  10073.  
  10074. .graph.vertical .line .bar-container:hover .bar {
  10075. background: #966dbf;
  10076. }
  10077.  
  10078. .graph.vertical .line .bar-container .bar::after {
  10079. content: attr(title);
  10080. position: absolute;
  10081. top: 0;
  10082. right: 0;
  10083. left: 0;
  10084. padding: 6px 12px;
  10085. margin: 0 8px;
  10086. background: #616161;
  10087. border-radius: 3px;
  10088. color: #eee;
  10089. font-size: 14px;
  10090. text-align: center;
  10091. opacity: 0;
  10092. transition: .16s;
  10093. letter-spacing: -.5px;
  10094. }
  10095.  
  10096. .graph.vertical .line .bar-container:hover .bar::after {
  10097. opacity: .9;
  10098. }
  10099.  
  10100. @media (min-width: 960px) {
  10101. .graph.vertical .line .bar-container .bar::after {
  10102. top: auto;
  10103. right: 0;
  10104. bottom: 100%;
  10105. left: auto;
  10106. padding: 16px 0;
  10107. margin: 0;
  10108. background: none;
  10109. color: #BDBDBD;
  10110. font-weight: bold;
  10111. line-height: 16px;
  10112. text-align: right;
  10113. }
  10114. .graph.vertical:not(:hover) .line:last-child .bar-container .bar {
  10115. background: #966dbf;
  10116. }
  10117. .graph.vertical:not(:hover) .line:last-child .bar-container .bar::after {
  10118. opacity: .9;
  10119. }
  10120. }
  10121.  
  10122. /**
  10123. * ДНИМЕТР
  10124. * Время за аниме и мангой
  10125. */
  10126. .profile-content .lifetime .bar,
  10127. .profile-content .lifetime .times,
  10128. .profile-content .activity .title {
  10129. display: block;
  10130. }
  10131.  
  10132. .profile-content .lifetime {
  10133. margin-bottom: 16px;
  10134. }
  10135.  
  10136. .profile-content .lifetime .bar {
  10137. height: 8px;
  10138. border-radius: 8px;
  10139. background-color: #757575;
  10140. }
  10141.  
  10142. .profile-content .lifetime .bar .first {
  10143. background: #8251b3;
  10144. border-radius: 0 8px 8px 0;
  10145. opacity: 1;
  10146. }
  10147.  
  10148. .profile-content .lifetime .bar .third {
  10149. display: none;
  10150. }
  10151.  
  10152. .profile-content .lifetime .cuts {
  10153. position: static;
  10154. }
  10155.  
  10156. .profile-content .lifetime .cuts .cut {
  10157. bottom: 0;
  10158. margin: 0 -4px;
  10159. border-width: 4px;
  10160. }
  10161.  
  10162. /**
  10163. * ДРУЗЬЯ И КЛУБЫ
  10164. * Настройки блоков профиля
  10165. */
  10166. @media (max-width: 959px) {
  10167. .profile-content .cc-2a > .c-column {
  10168. width: 60%;
  10169. }
  10170. .profile-content .cc-2a > .c-column:last-child {
  10171. width: 36%;
  10172. }
  10173. .p-profiles-show .cc-friends .b-user:nth-child(n) {
  10174. display: inline-block;
  10175. vertical-align: bottom;
  10176. clear: none;
  10177. float: none;
  10178. width: 22%;
  10179. margin: 0 4% 0 0;
  10180. }
  10181. .p-profiles-show .cc-friends .b-user:nth-child(4n+4) {
  10182. margin-right: 0;
  10183. }
  10184. .p-profiles-show .cc-friends .b-user:nth-child(n+5) {
  10185. margin-top: 8px;
  10186. }
  10187. .b-clubs.one-line .b-club:nth-child(n) {
  10188. display: inline-block;
  10189. vertical-align: bottom;
  10190. clear: none;
  10191. float: none;
  10192. width: 48%;
  10193. margin: 0 4% 0 0;
  10194. }
  10195. .b-clubs.one-line .b-club:nth-child(2n+2) {
  10196. margin-right: 0;
  10197. }
  10198. .b-clubs.one-line .b-club:nth-child(n+3) {
  10199. margin-top: 16px;
  10200. }
  10201. .b-clubs.one-line .b-club .logo {
  10202. display: block;
  10203. float: none;
  10204. margin: auto;
  10205. }
  10206. }
  10207.  
  10208. @media (min-width: 960px) {
  10209. .p-profiles-show .cc-friends .b-user:nth-child(n) {
  10210. width: 22%;
  10211. margin-right: 4%;
  10212. margin-bottom: 16px;
  10213. clear: none;
  10214. }
  10215. .p-profiles-show .cc-friends .b-user:nth-child(4n+4) {
  10216. margin-right: 0;
  10217. }
  10218. }
  10219.  
  10220. /**
  10221. * PROFILE COVER
  10222. */
  10223. @media (min-width: 480px) {
  10224. .p-profiles .profile-head .c-brief {
  10225. min-height: 16rem;
  10226. margin-bottom: 1rem;
  10227. }
  10228. }
  10229.  
  10230. @media (min-width: 600px) {
  10231. .p-profiles .profile-head .c-brief {
  10232. min-height: 19rem;
  10233. }
  10234. }
  10235.  
  10236. @media (min-width: 960px) {
  10237. .p-profiles .profile-head .c-brief {
  10238. min-height: 0;
  10239. }
  10240. }
  10241.  
  10242. @media (min-width: 600px) {
  10243. .p-profiles .profile-head .c-info {
  10244. margin-left: 0;
  10245. }
  10246. }
  10247.  
  10248. @media (min-width: 768px) {
  10249. .p-profiles .profile-head .c-info {
  10250. margin-left: 0;
  10251. }
  10252. }
  10253.  
  10254. @media (min-width: 960px) {
  10255. .p-profiles .profile-head .c-info {
  10256. margin-left: 13.5rem;
  10257. }
  10258. }
  10259.  
  10260. @media (min-width: 320px) {
  10261. .p-profiles .profile-head[data-user-id="391600"] .c-brief {
  10262. background-color: #333333;
  10263. box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.24);
  10264. }
  10265. }
  10266.  
  10267. @media (min-width: 600px) {
  10268. .p-profiles .profile-head[data-user-id="391600"] .c-brief {
  10269. max-height: 380px;
  10270. padding-bottom: 112px;
  10271. margin: -3rem -1rem 1rem;
  10272. background-color: inherit;
  10273. box-shadow: none;
  10274. }
  10275. }
  10276.  
  10277. @media (min-width: 960px) {
  10278. .p-profiles .profile-head[data-user-id="391600"] .c-brief {
  10279. max-height: 520px;
  10280. margin: -4.5rem -1.5rem 0;
  10281. }
  10282. }
  10283.  
  10284. @media (min-width: 320px) {
  10285. .p-profiles .profile-head[data-user-id="391600"] .c-brief::before {
  10286. content: '';
  10287. display: block;
  10288. height: 0;
  10289. padding-bottom: 56.25%;
  10290. background-repeat: no-repeat;
  10291. background-size: cover;
  10292. }
  10293. }
  10294.  
  10295. @media (min-width: 600px) {
  10296. .p-profiles .profile-head[data-user-id="391600"] .c-brief::before {
  10297. height: 268px;
  10298. max-height: inherit;
  10299. padding-bottom: 0;
  10300. }
  10301. }
  10302.  
  10303. @media (min-width: 960px) {
  10304. .p-profiles .profile-head[data-user-id="391600"] .c-brief::before {
  10305. height: 408px;
  10306. }
  10307. }
  10308.  
  10309. @media (min-width: 320px) and (max-width: 599px) {
  10310. .p-profiles .profile-head[data-user-id="391600"] .c-brief .avatar {
  10311. margin-top: -80px;
  10312. }
  10313. }
  10314.  
  10315. @media (min-width: 600px) {
  10316. .p-profiles .profile-head[data-user-id="391600"] .c-brief .avatar {
  10317. position: absolute;
  10318. top: auto;
  10319. right: auto;
  10320. bottom: 0;
  10321. left: 0;
  10322. max-width: 160px;
  10323. margin: 1.5rem 1rem;
  10324. z-index: 2;
  10325. }
  10326. }
  10327.  
  10328. @media (min-width: 960px) {
  10329. .p-profiles .profile-head[data-user-id="391600"] .c-brief .avatar {
  10330. margin: 1.5rem 2rem;
  10331. }
  10332. }
  10333.  
  10334. @media (min-width: 600px) {
  10335. .p-profiles .profile-head[data-user-id="391600"] .c-brief .avatar img {
  10336. box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.16);
  10337. }
  10338. }
  10339.  
  10340. @media (min-width: 960px) {
  10341. .p-profiles .profile-head[data-user-id="391600"] .c-brief header {
  10342. padding: 1rem calc(23% + 4.5rem) 1rem 0.5rem;
  10343. }
  10344. }
  10345.  
  10346. @media (min-width: 960px) {
  10347. .p-profiles .profile-head[data-user-id="391600"] .c-info {
  10348. width: 77%;
  10349. padding-right: 2.5rem;
  10350. padding-left: 1rem;
  10351. margin-left: -1rem;
  10352. }
  10353. }
  10354.  
  10355. @media (min-width: 960px) {
  10356. .p-profiles .profile-head[data-user-id="391600"] .c-history {
  10357. float: none;
  10358. position: absolute;
  10359. right: 0;
  10360. top: 520px;
  10361. width: 23%;
  10362. padding: .5rem 0;
  10363. margin: 0;
  10364. margin-top: -112px;
  10365. z-index: 3;
  10366. }
  10367. }
  10368.  
  10369. /* END of PROFILE COVER */
  10370. /* Полупрозрачное меню в профиле */
  10371. @media (min-width: 960px) {
  10372. #profiles_show .l-top_menu {
  10373. max-width: 1200px;
  10374. margin: auto;
  10375. background-color: transparent;
  10376. background-image: linear-gradient(#1b0722, transparent);
  10377. box-shadow: none;
  10378. z-index: 11;
  10379. }
  10380. #profiles_show .l-top_menu:hover ~ .b-to-top::before {
  10381. opacity: 1;
  10382. }
  10383. #profiles_show.x1000 .l-top_menu {
  10384. max-width: 1000px;
  10385. }
  10386. #profiles_show .b-to-top::before {
  10387. content: '';
  10388. display: block;
  10389. position: fixed;
  10390. top: 0;
  10391. right: 0;
  10392. left: 0;
  10393. height: 56px;
  10394. background: #1b0722;
  10395. box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.24);
  10396. z-index: 1;
  10397. opacity: 0;
  10398. visibility: visible;
  10399. pointer-events: none;
  10400. transition: opacity .25s ease;
  10401. }
  10402. #profiles_show .b-to-top.active::before {
  10403. opacity: 1;
  10404. }
  10405. }
  10406.  
  10407. /* END of Полупрозрачное меню в профиле */
  10408.  
  10409.  
  10410.  
  10411. .p-achievements-index .cc-achievements {
  10412. display: flex;
  10413. flex-wrap: wrap;
  10414. align-items: stretch;
  10415. align-content: stretch;
  10416. }
  10417.  
  10418. .p-achievements-index .cc-achievements .b-achievement {
  10419. display: inline-flex;
  10420. flex-direction: column-reverse;
  10421. justify-content: flex-end;
  10422. float: none;
  10423. background: #333333;
  10424. border-radius: 2px;
  10425. box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
  10426. overflow: hidden;
  10427. transition: box-shadow .16s ease;
  10428. }
  10429.  
  10430. .p-achievements-index .cc-achievements .b-achievement:hover {
  10431. box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.12);
  10432. }
  10433.  
  10434. @media (min-width: 768px) {
  10435. .p-achievements-index .cc-achievements .b-achievement:nth-child(n) {
  10436. width: calc(25% - (16px * 3 / 4));
  10437. margin-right: 16px;
  10438. margin-bottom: 16px;
  10439. }
  10440. .p-achievements-index .cc-achievements .b-achievement:nth-child(4n+4) {
  10441. margin-right: 0;
  10442. }
  10443. .p-achievements-index .cc-franchises-genres .c-genres .b-achievement:nth-child(n) {
  10444. margin-right: 16px;
  10445. margin-bottom: 16px;
  10446. }
  10447. .p-achievements-index .cc-franchises-genres .c-genres .b-achievement:nth-child(4n+4) {
  10448. margin-right: 0;
  10449. }
  10450. .p-achievements-index .cc-franchises-genres .c-genres,
  10451. .p-achievements-index .cc-franchises-genres .c-franchises {
  10452. width: 100%;
  10453. }
  10454. }
  10455.  
  10456. .b-achievement .c-image,
  10457. .b-achievement .c-about {
  10458. width: 100%;
  10459. }
  10460.  
  10461. .b-achievement .c-image {
  10462. padding-top: 50%;
  10463. }
  10464.  
  10465. .b-achievement .c-image .inner .border {
  10466. border: 0;
  10467. }
  10468.  
  10469. .b-achievement .c-about {
  10470. padding: 16px;
  10471. white-space: normal;
  10472. }
  10473.  
  10474. .b-achievement .c-about .title {
  10475. margin: 0 0 8px;
  10476. line-height: 20px;
  10477. }
  10478.  
  10479. .b-achievement .c-about .hint {
  10480. color: #BDBDBD;
  10481. }
  10482.  
  10483. .b-achievement .c-about .percent {
  10484. color: #BDBDBD;
  10485. }
  10486.  
  10487. .b-achievement .c-about .progress {
  10488. margin: 0 0 8px;
  10489. background-color: #757575;
  10490. }
  10491.  
  10492. .b-achievement .c-about .progress .bar {
  10493. background-color: #8251b3;
  10494. }
  10495.  
  10496. .b-achievement .c-about .text {
  10497. margin: 0;
  10498. font-size: 14px;
  10499. }
  10500.  
  10501. .b-achievement .c-about a.title {
  10502. color: #FFFFFF;
  10503. }
  10504.  
  10505. .b-achievement .c-about a.title:hover {
  10506. color: #9e6eee;
  10507. }
  10508.  
  10509. .b-achievement .c-about a.title:active {
  10510. color: #9e6eee;
  10511. }
  10512.  
  10513. .p-achievements-index .tipsy {
  10514. display: none !important;
  10515. }
  10516.  
  10517. .p-achievements-index .c-franchises .b-badge {
  10518. position: relative;
  10519. background: rgba(0, 0, 0, 0.4);
  10520. border-radius: 3px;
  10521. overflow: hidden;
  10522. }
  10523.  
  10524. .p-achievements-index .c-franchises .b-badge,
  10525. .p-achievements-index .c-franchises .b-badge img {
  10526. transition: .24s ease;
  10527. }
  10528.  
  10529. .b-badge .no-image,
  10530. .p-achievements-index .c-franchises .b-badge img {
  10531. border-radius: inherit;
  10532. }
  10533.  
  10534. .p-achievements-index .c-franchises .b-badge::after,
  10535. .p-achievements-index .c-franchises .b-badge::before {
  10536. display: block;
  10537. position: absolute;
  10538. top: auto;
  10539. right: 0;
  10540. bottom: 0;
  10541. left: 0;
  10542. width: auto;
  10543. height: auto;
  10544. padding: 12px 12px 6px;
  10545. border-radius: 0 0 3px 3px;
  10546. color: #fff;
  10547. font-size: 14px;
  10548. font-weight: bold;
  10549. line-height: 20px;
  10550. text-shadow: 0 0 1px black, 0 1px 5px rgba(0, 0, 0, 0.32);
  10551. backface-visibility: hidden;
  10552. transition: .24s ease;
  10553. opacity: 1;
  10554. z-index: 1;
  10555. }
  10556.  
  10557. .p-achievements-index .c-franchises .b-badge:hover::after,
  10558. .p-achievements-index .c-franchises .b-badge:hover::before {
  10559. transform: translate3d(0, 100%, 0);
  10560. }
  10561.  
  10562. .p-achievements-index .c-franchises .b-badge[original-title]::before {
  10563. content: attr(original-title);
  10564. }
  10565.  
  10566. .p-achievements-index .c-franchises .b-badge[title]::before {
  10567. content: attr(title);
  10568. }
  10569.  
  10570. .p-achievements-index .c-franchises .b-badge::before {
  10571. padding-right: 48px;
  10572. background: linear-gradient(transparent, rgba(0, 0, 0, 0.32));
  10573. text-align: left;
  10574. }
  10575.  
  10576. .p-achievements-index .c-franchises .b-badge::after {
  10577. content: attr(data-progress) "%";
  10578. background: none;
  10579. text-align: right;
  10580. }
  10581.  
  10582. .p-achievements-index .c-franchises .b-badge .no-image {
  10583. transition: .24s ease;
  10584. }
  10585.  
  10586. .p-achievements-index .c-franchises .b-badge.level-0.unavailable:not(:hover) .no-image {
  10587. opacity: 0.2;
  10588. }
  10589.  
  10590. .p-achievements-index .c-franchises .b-badge.level-0:not(:hover) .no-image,
  10591. .p-achievements-index .c-franchises .b-badge.unavailable:not(:hover) .no-image {
  10592. opacity: 0.5;
  10593. }
  10594.  
  10595. .b-list_switchers .switcher.popularity:before {
  10596. content: 'trending_up';
  10597. }
  10598.  
  10599. .b-list_switchers .switcher.alphabet:before {
  10600. content: 'sort_by_alpha';
  10601. }
  10602.  
  10603. .p-achievements-index .b-list_switchers .switcher[title]::after {
  10604. content: attr(title);
  10605. }
  10606.  
  10607. .p-achievements-index .b-list_switchers .switcher[original-title]::after {
  10608. content: attr(original-title);
  10609. }
  10610.  
  10611. @media screen and (max-width: 767px) {
  10612. .p-achievements-index .cc-franchises-genres .c-franchises {
  10613. padding: 0 16px;
  10614. margin: 0 -16px;
  10615. overflow: hidden;
  10616. }
  10617. }
  10618.  
  10619. /**
  10620. * TEST .b-input
  10621. */
  10622. .b-input input[type=email],
  10623. .b-input input[type=number],
  10624. .b-input input[type=password],
  10625. .b-input input[type=text],
  10626. .b-input input[type=url] {
  10627. height: 2.5em;
  10628. padding: 0 0;
  10629. background: transparent;
  10630. border: 0;
  10631. border-radius: 4px 4px 0 0;
  10632. caret-color: #8251b3;
  10633. cursor: pointer;
  10634. }
  10635.  
  10636. .b-input input[type=email]:focus, .b-input input[type=email]:not(:placeholder-shown),
  10637. .b-input input[type=number]:focus,
  10638. .b-input input[type=number]:not(:placeholder-shown),
  10639. .b-input input[type=password]:focus,
  10640. .b-input input[type=password]:not(:placeholder-shown),
  10641. .b-input input[type=text]:focus,
  10642. .b-input input[type=text]:not(:placeholder-shown),
  10643. .b-input input[type=url]:focus,
  10644. .b-input input[type=url]:not(:placeholder-shown) {
  10645. cursor: text;
  10646. }
  10647.  
  10648. .b-input select {
  10649. vertical-align: top;
  10650. min-width: 112px;
  10651. height: 2.5em;
  10652. padding: 0 0;
  10653. background: transparent;
  10654. border: 0;
  10655. border-radius: 4px 4px 0 0;
  10656. box-sizing: border-box;
  10657. font-size: inherit;
  10658. cursor: pointer;
  10659. }
  10660.  
  10661. .b-input select option {
  10662. color: #212121;
  10663. }
  10664.  
  10665. .b-input textarea,
  10666. .b-shiki_editor .body .editor textarea {
  10667. height: 2.5em;
  10668. min-height: calc(2.5em + 2px);
  10669. padding: .625em .75em !important;
  10670. padding: .625em 0 !important;
  10671. background: transparent !important;
  10672. border: 0;
  10673. border-radius: 4px 4px 0 0;
  10674. caret-color: #8251b3;
  10675. cursor: pointer;
  10676. }
  10677.  
  10678. .b-input textarea:focus, .b-input textarea:not(:placeholder-shown),
  10679. .b-shiki_editor .body .editor textarea:focus,
  10680. .b-shiki_editor .body .editor textarea:not(:placeholder-shown) {
  10681. cursor: text;
  10682. }
  10683.  
  10684. .b-edit_styles .edit_style .style_css textarea,
  10685. .b-edit_styles .new_style .style_css textarea {
  10686. padding: 1em !important;
  10687. }
  10688.  
  10689. .b-input input,
  10690. .b-input select,
  10691. .b-input textarea,
  10692. .b-shiki_editor .body .editor textarea {
  10693. box-shadow: 0 -1px 0 0 #757575 inset;
  10694. transition: box-shadow 0.24s cubic-bezier(0.4, 0, 0.6, 1);
  10695. }
  10696.  
  10697. .b-input input:hover,
  10698. .b-input select:hover,
  10699. .b-input textarea:hover,
  10700. .b-shiki_editor .body .editor textarea:hover {
  10701. box-shadow: 0 -2px 0 0 #757575 inset;
  10702. }
  10703.  
  10704. .b-input input:focus,
  10705. .b-input select:focus,
  10706. .b-input textarea:focus,
  10707. .b-shiki_editor .body .editor textarea:focus {
  10708. box-shadow: 0 -2px 0 0 #8251b3 inset;
  10709. }
  10710.  
  10711. .b-input input:invalid,
  10712. .b-input select:invalid,
  10713. .b-input textarea:invalid,
  10714. .b-shiki_editor .body .editor textarea:invalid {
  10715. box-shadow: 0 -1px 0 0 #f44336 inset !important;
  10716. }
  10717.  
  10718. .b-input input:disabled,
  10719. .b-input select:disabled,
  10720. .b-input textarea:disabled,
  10721. .b-shiki_editor .body .editor textarea:disabled {
  10722. opacity: .5;
  10723. box-shadow: 0 -1px 0 0 #757575 inset;
  10724. }
  10725.  
  10726. .b-input input[type=checkbox],
  10727. .b-input input[type=radio] {
  10728. box-shadow: none;
  10729. }
  10730.  
  10731.  
  10732.  
  10733.  
  10734.  
  10735.  
  10736.  
  10737.  
  10738.  
  10739.  
  10740.  
  10741. /* МОИ НАСТРОЙКИ */
  10742. /* Фон страницы */
  10743. body {
  10744. background-attachment: fixed;
  10745. background-image: url(https://steamcdn-a.akamaihd.net/steamcommunity/public/images/items/313340/b418ea38c3d62733d41cad41eda39786df10db70.jpg);
  10746. background-position: top center;
  10747. background-size: cover;
  10748. }
  10749.  
  10750. /* Моя обложка в профиле */
  10751. .p-profiles .profile-head[data-user-id="391600"] .c-brief:before {
  10752. background-image: url(https://69.media.tumblr.com/a6a18524d400795adcff96551222b6aa/tumblr_pdb8c7dNUr1xvwkewo1_500.gif);
  10753. background-position: center 50%;
  10754. }
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!