API tools faq
paste
RAX4R

SHIKIMORI profile css

RAX4R
Apr 2nd, 2018
93
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 258.87 KB | None | 0 0
raw download clone embed print report
  1. /**
  2. * Shikimori.org – CSS Theme v1.2.85 (beta)
  3. * MIT License
  4. * Copyright (c) 2016 grin3671
  5. *
  6. * Подробности:
  7. * https://github.com/grin3671/shiki-theme
  8. */
  9.  
  10.  
  11.  
  12. /* SPECIAL CODE */
  13. /* Широкое полотно стиля */
  14. .b-edit_styles > .c-column {
  15. width: 100%;
  16. }
  17.  
  18. /* Убираем лишние элементы настроек */
  19. .page_background_color {
  20. display: none;
  21. }
  22.  
  23. /* SPECIAL CODE | END */
  24.  
  25.  
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  
  32.  
  33.  
  34. /* FONT COLLECTION */
  35. body, input, select, button, textarea {
  36. font-family: 'Arial', sans-serif;
  37. }
  38.  
  39. .b-show_more,
  40. .b-show_more-more .hide-more,
  41. .l-footer:before,
  42. .b-sponsors_block_3:before,
  43. .l-top_menu .inner .logo:before,
  44. .b-user_rate .rate-show .note:before,
  45. .button,
  46. .buttons,
  47. .b-contests-menu .results,
  48. .b-link_button,
  49. input[type=submit],
  50. .p-animes_collection-index .pagination,
  51. .p-mangas_collection-index .pagination,
  52. .p-recommendations-index .pagination,
  53. .p-userlist_comparer-show .pagination,
  54. .mischeadline,
  55. .c-my_list .title,
  56. .subheadline,
  57. .midheadline,
  58. .b-stats_bar .title,
  59. .profile-content .activity .title,
  60. .lifetime .title,
  61. .midheadline > a,
  62. .subheadline > a,
  63. .b-form .cancel,
  64. .b-shiki_editor footer .unpreview,
  65. .b-shiki_editor footer .preview,
  66. .p-contests .contest-match .vs .refrain,
  67. .p-contests .contest-match .votes-percents,
  68. .p-contests .contest-match .vs > div:first-child,
  69. .p-contests .contest-match .vs .next,
  70. .b-lang_trigger,
  71. .b-topic > .inner > header .about a,
  72. .b-topic-preview > .inner .status-line .b-link,
  73. .b-hot_topics .topic.subject,
  74. div.compatibility > a > span.rate,
  75. div.compatibility > span.link-replacement > span.rate,
  76. .b-abuse_marker:before,
  77. .b-broadcast_marker:before,
  78. .b-new_marker:before,
  79. .b-offtopic_marker:before,
  80. .b-summary_marker:before,
  81. .b-options-floated,
  82. .p-profiles-edit .b-options-floated > a,
  83. .p-dialogs .b-options-floated > a,
  84. .p-messages .b-options-floated > a,
  85. .b-options-floated a span.brackets,
  86. .b-options-floated .link span.brackets,
  87. .p-user_rates .mylist-block + .block > .b-list > li,
  88. .b-collection-filters > .block:first-child > .b-list > li,
  89. .b-collection-filters > .block:first-child > .b-list > li,
  90. .b-collection-filters .block-list .filter,
  91. .b-collection-filters .b-block_list .filter,
  92. .edit-page a.cancel,
  93. .b-topic-preview > .editor-container .hide,
  94. .b-button,
  95. .p-clubs-edit .pages .b-button,
  96. .p-profiles-show .lifetime .times .time.checked,
  97. .p-anime_videos-index .c-videos .video-variant-switcher {
  98. font-weight: 700;
  99. }
  100.  
  101. .b-topic .name-date .name,
  102. .b-comment .name-date .name,
  103. .b-dialog .name-date .name,
  104. text,
  105. .highcharts-tooltip text tspan:last-child {
  106. font-weight: 700 !important;
  107. }
  108.  
  109. @media only screen and (min-width: 768px) {
  110. .about-bb_codes:before {
  111. font-weight: 700 !important;
  112. }
  113. }
  114.  
  115. @media screen and (min-width: 1025px) {
  116. .b-entry-info .line .value {
  117. font-weight: 400 !important;
  118. }
  119. }
  120.  
  121. /* END of FONT COLLECTION */
  122.  
  123.  
  124.  
  125.  
  126.  
  127.  
  128.  
  129.  
  130.  
  131.  
  132. /* НАСТРОЙКА ЦВЕТОВ */
  133. /* Цвет текста ссылки по умолчанию */
  134. a {
  135. color: #009688;
  136. }
  137.  
  138. /* Цвет ссылки при наведении */
  139. a:hover {
  140. color: #FFAB40;
  141. }
  142.  
  143. /* Цвет ссылки при нажатии */
  144. @media only screen and (min-width: 1025px) {
  145. a:active {
  146. color: #FF9100;
  147. }
  148. }
  149.  
  150. .b-abuse_request .ban-form .cancel,
  151. .b-ban .abuser,
  152. .b-bb_codes-examples .example a,
  153. .b-bb_codes-examples .result a,
  154. .b-bracket-actions > div,
  155. .b-bracket-actions > span,
  156. .b-catalog_entry-tooltip .inner a.name,
  157. .b-catalog_entry-tooltip .inner .line .value a,
  158. .b-catalog_entry-tooltip .inner .line.works .value a,
  159. .b-catalog_entry .cover .title,
  160. .b-club .name,
  161. .b-comment > .inner header .name-date a.name,
  162. .b-comments .comments-collapser,
  163. .b-cosplay-topic > .inner .cosplay-info .line .value a,
  164. .b-cosplay_gallery h3 a,
  165. .b-db_entry-note .name-container .name,
  166. .b-db_entry > .c-about .additional-links .line-container > .link,
  167. .b-db_entry > .c-about .additional-links .line-container > a,
  168. .b-dialog > .inner header .name-date a.name,
  169. .b-entry-info .line a,
  170. .b-feedback-inner .about a,
  171. .b-form .variants .variant a,
  172. .b-form .cancel,
  173. .b-forums .forum .link-with-input .link,
  174. .b-forums .reload,
  175. .b-header_filters .filter-line a,
  176. .b-height_shortener .expand,
  177. .b-js-action,
  178. .b-js-link,
  179. .b-lang_trigger span,
  180. .b-link,
  181. .b-log_entry a,
  182. .b-log_entry .link,
  183. .b-log_entry .moderation a,
  184. .b-log_entry .spoiler.collapsed,
  185. .b-log_entry .spoiler.collapse,
  186. .b-log_entry .spoiler.collapse span,
  187. .b-log_entry .spoiler.collapsed span,
  188. .b-mention,
  189. .b-message > .inner header .name-date a.name,
  190. .b-nothing_here a,
  191. .b-options-floated a,
  192. .b-options-floated .link,
  193. .b-options-floated .action,
  194. .b-options-floated.mobile-desktop a,
  195. .b-person .name,
  196. .b-shiki_editor footer .unpreview,
  197. .b-shiki_editor footer .unpreview:not(.link),
  198. .b-shiki_editor footer .cancel,
  199. .b-shiki_editor footer .hide,
  200. .b-shiki_editor footer .about-bb_codes,
  201. .b-source .contributors .val a,
  202. .b-source .mal .val a,
  203. .b-source .source .val a,
  204. .b-spoiler .content .before,
  205. .b-spoiler .content .after,
  206. .b-spoiler label,
  207. .b-stats_bar a.title,
  208. .b-table a,
  209. .b-topic > .inner header .name-date a.name,
  210. .b-topic .footer-vote .vote-group .vote,
  211. .b-user.named_avatar .name,
  212. .b-user.detailed .info .image-name,
  213. .b-user.detailed .history .line a .event,
  214. .b-user16,
  215. header.head h1 a.back,
  216. header.head h2 a.back,
  217. header.head a.misc,
  218. header.head a.edit,
  219. .headline > a,
  220. .midheadline > a,
  221. .subheadline > a,
  222. .subheadline .misc-link,
  223. .b-video_player .cc-player_controls a.c-control,
  224. .b-video_player .cc-player_controls .episode-title .video-link a,
  225. .b-video_variant a,
  226. .b-animes-menu .menu-topics-block .history-entry-tooltip a,
  227. .p-animes-files .l-content a,
  228. .p-mangas-files .l-content a,
  229. div.history .block-list li .tooltip-inner a,
  230. div.history .b-block_list li .tooltip-inner a,
  231. .p-animes_collection-index .pagination .link,
  232. .p-mangas_collection-index .pagination .link,
  233. .p-recommendations-index .pagination .link,
  234. .p-userlist_comparer-show .pagination .link,
  235. .p-contests-edit .grid,
  236. .p-contests .match-day .match-link a,
  237. .p-contests .rating .member a,
  238. .p-contests .results a,
  239. .p-contests .suggestion > a,
  240. .p-contests .variant > a,
  241. .b-contests-menu .results,
  242. .b-contests-menu .grid a,
  243. .p-contests-grid .round .match a,
  244. .p-contests-index .contest a,
  245. .p-dashboards .c-my_list .list-type > .title .link,
  246. .p-dashboards .c-my_list .history > .title .link,
  247. .p-dashboards .c-my_list .list-type > .title .switch,
  248. .p-dashboards .c-my_list .history > .title .switch,
  249. .p-dashboards .user_list .list-type > .title .link,
  250. .p-dashboards .user_list .history > .title .link,
  251. .p-dashboards .user_list .list-type > .title .switch,
  252. .p-dashboards .user_list .history > .title .switch,
  253. .p-dashboards-show .midheadline .b-link,
  254. .p-dashboards-show .c-content .options .option,
  255. .p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name,
  256. .p-profiles .profile-head .c-brief header .notice a,
  257. .p-profiles .profile-head .c-mobile-actions a,
  258. .p-profiles .profile-head .c-mobile-actions span,
  259. .p-profiles .profile-head .c-info .c-additionals div a,
  260. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a,
  261. .p-profiles-edit .account .change-password a,
  262. .p-profiles-edit .misc .profile-action a,
  263. .p-profiles-edit .misc .profile-action .link,
  264. .p-profiles-edit .misc .nickname-changes a,
  265. .p-profiles-edit .misc .nickname-changes .link,
  266. .p-profiles-edit .list .profile-action a,
  267. .p-profiles-edit .list .profile-action .link,
  268. .p-profiles-edit .list .nickname-changes a,
  269. .p-profiles-edit .list .nickname-changes .link,
  270. .p-profiles-edit .list #import_form .link,
  271. .p-profiles-show .about a,
  272. .p-studios .studio .name,
  273. .p-translations .animes a,
  274. .p-user_history-index .history-page .history-interval p a,
  275. .p-user_rates-index .list-lines tr .name a,
  276. .p-userlist_comparer .comparer table .name a,
  277. .b-log_entry .comment-block ins,
  278. .p-statistics-index .forum-nav .sections a.selected,
  279. .p-anime_videos-index .c-videos .video-variant-switcher,
  280. .p-user_rates-index .stat-categories .category,
  281. .b-video_player .cc-player_controls .episode-num .video-link a,
  282. .b-video_player .cc-player_controls .c-control,
  283. .b-animes-menu .menu-topics-block a.entry .name,
  284. .b-animes-menu .menu-topics-block .history-entry-tooltip .tooltip-details a {
  285. color: #009688;
  286. border-bottom-color: rgba(0, 150, 136, 0.3);
  287. }
  288.  
  289. @media screen and (max-width: 480px) and (orientation: portrait) {
  290. .b-options-floated.mobile-phone_portrait a {
  291. color: #009688;
  292. }
  293. }
  294.  
  295. @media screen and (max-width: 767px) {
  296. .b-options-floated.mobile-phone a {
  297. color: #009688;
  298. }
  299. }
  300.  
  301. @media screen and (max-width: 1024px) {
  302. .b-options-floated.mobile-tablet a {
  303. color: #009688;
  304. }
  305. }
  306.  
  307. .b-abuse_request .ban-form .cancel:hover,
  308. .b-ban .abuser:hover,
  309. .b-bb_codes-examples .example a:hover,
  310. .b-bb_codes-examples .result a:hover,
  311. .b-bracket-actions > div:hover,
  312. .b-bracket-actions > span:hover,
  313. .b-catalog_entry-tooltip .inner a.name:hover,
  314. .b-catalog_entry-tooltip .inner .line .value a:hover,
  315. .b-catalog_entry-tooltip .inner .line.works .value a:hover,
  316. .b-catalog_entry .cover .title:hover,
  317. .b-club .name:hover,
  318. .b-comment > .inner header .name-date a.name:hover,
  319. .b-comments .comments-collapser:hover,
  320. .b-cosplay-topic > .inner .cosplay-info .line .value a:hover,
  321. .b-cosplay_gallery h3 a:hover,
  322. .b-db_entry-note .name-container .name:hover,
  323. .b-db_entry > .c-about .additional-links .line-container > .link:hover,
  324. .b-db_entry > .c-about .additional-links .line-container > a:hover,
  325. .b-dialog > .inner header .name-date a.name:hover,
  326. .b-entry-info .line a:hover,
  327. .b-feedback-inner .about a:hover,
  328. .b-form .variants .variant a:hover,
  329. .b-form .cancel:hover,
  330. .b-forums .forum .link-with-input .link:hover,
  331. .b-forums .reload:hover,
  332. .b-header_filters .filter-line a:hover,
  333. .b-height_shortener .expand:hover,
  334. .b-js-action:hover,
  335. .b-js-link:hover,
  336. .b-lang_trigger span:hover,
  337. .b-link:hover,
  338. .b-log_entry a:hover,
  339. .b-log_entry .link:hover,
  340. .b-log_entry .moderation a:hover,
  341. .b-log_entry .spoiler.collapsed:hover,
  342. .b-log_entry .spoiler.collapse:hover,
  343. .b-log_entry .spoiler.collapse span:hover,
  344. .b-log_entry .spoiler.collapsed span:hover,
  345. .b-mention:hover,
  346. .b-message > .inner header .name-date a.name:hover,
  347. .b-nothing_here a:hover,
  348. .b-options-floated a:hover,
  349. .b-options-floated .link:hover,
  350. .b-options-floated .action:hover,
  351. .b-options-floated.mobile-desktop a:hover,
  352. .b-person .name:hover,
  353. .b-shiki_editor footer .unpreview:hover,
  354. .b-shiki_editor footer .unpreview:not(.link):hover,
  355. .b-shiki_editor footer .cancel:hover,
  356. .b-shiki_editor footer .hide:hover,
  357. .b-shiki_editor footer .about-bb_codes:hover,
  358. .b-source .contributors .val a:hover,
  359. .b-source .mal .val a:hover,
  360. .b-source .source .val a:hover,
  361. .b-spoiler label:hover,
  362. .b-spoiler .content:hover .before,
  363. .b-spoiler .content:hover .after,
  364. .b-stats_bar a.title:hover,
  365. .b-table a:hover,
  366. .b-topic > .inner header .name-date a.name:hover,
  367. .b-topic .footer-vote .vote-group .vote:hover,
  368. .b-user.named_avatar .name:hover,
  369. .b-user.detailed .info .image-name:hover,
  370. .b-user.detailed .history .line a .event:hover,
  371. .b-user16:hover,
  372. header.head h1 a.back:hover,
  373. header.head h2 a.back:hover,
  374. header.head a.misc:hover,
  375. header.head a.edit:hover,
  376. .headline > a:hover,
  377. .midheadline > a:hover,
  378. .subheadline > a:hover,
  379. .subheadline .misc-link:hover,
  380. .b-video_player .cc-player_controls a.c-control:hover,
  381. .b-video_player .cc-player_controls .episode-title .video-link a:hover,
  382. .b-video_variant a:hover,
  383. .b-animes-menu .menu-topics-block .history-entry-tooltip a:hover,
  384. .p-animes-files .l-content a:hover,
  385. .p-mangas-files .l-content a:hover,
  386. div.history .block-list li .tooltip-inner a:hover,
  387. div.history .b-block_list li .tooltip-inner a:hover,
  388. .p-animes_collection-index .pagination .link:hover,
  389. .p-mangas_collection-index .pagination .link:hover,
  390. .p-recommendations-index .pagination .link:hover,
  391. .p-userlist_comparer-show .pagination .link:hover,
  392. .p-contests-edit .grid:hover,
  393. .p-contests .match-day .match-link a:hover,
  394. .p-contests .rating .member a:hover,
  395. .p-contests .results a:hover,
  396. .p-contests .suggestion > a:hover,
  397. .p-contests .variant > a:hover,
  398. .b-contests-menu .results:hover,
  399. .b-contests-menu .grid a:hover,
  400. .p-contests-grid .round .match a:hover,
  401. .p-contests-index .contest a:hover,
  402. .p-dashboards .c-my_list .list-type > .title .link:hover,
  403. .p-dashboards .c-my_list .history > .title .link:hover,
  404. .p-dashboards .c-my_list .list-type > .title .switch:hover,
  405. .p-dashboards .c-my_list .history > .title .switch:hover,
  406. .p-dashboards .user_list .list-type > .title .link:hover,
  407. .p-dashboards .user_list .history > .title .link:hover,
  408. .p-dashboards .user_list .list-type > .title .switch:hover,
  409. .p-dashboards .user_list .history > .title .switch:hover,
  410. .p-dashboards-show .midheadline .b-link:hover,
  411. .p-dashboards-show .c-content .options .option:hover,
  412. .p-dashboards-show .c-content .options .option.selected,
  413. .p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name:hover,
  414. .p-profiles .profile-head .c-brief header .notice a:hover,
  415. .p-profiles .profile-head .c-mobile-actions a:hover,
  416. .p-profiles .profile-head .c-mobile-actions span:hover,
  417. .p-profiles .profile-head .c-info .c-additionals div a:hover,
  418. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:hover,
  419. .p-profiles-edit .account .change-password a:hover,
  420. .p-profiles-edit .misc .profile-action a:hover,
  421. .p-profiles-edit .misc .profile-action .link:hover,
  422. .p-profiles-edit .misc .nickname-changes a:hover,
  423. .p-profiles-edit .misc .nickname-changes .link:hover,
  424. .p-profiles-edit .list .profile-action a:hover,
  425. .p-profiles-edit .list .profile-action .link:hover,
  426. .p-profiles-edit .list .nickname-changes a:hover,
  427. .p-profiles-edit .list .nickname-changes .link:hover,
  428. .p-profiles-edit .list #import_form .link:hover,
  429. .p-profiles-show .about a:hover,
  430. .p-studios .studio .name:hover,
  431. .p-translations .animes a:hover,
  432. .p-user_history-index .history-page .history-interval p a:hover,
  433. .p-user_rates-index .list-lines tr .name a:hover,
  434. .p-userlist_comparer .comparer table .name a:hover,
  435. .p-statistics-index .forum-nav .sections a:hover,
  436. .block-list-alt a:hover,
  437. .b-block_list-alt a:hover,
  438. .b-catalog_entry .cover:hover,
  439. .b-catalog_entry .cover:hover .title,
  440. .b-comment > .inner .was_updated:hover,
  441. .b-comment header .hash:hover,
  442. .b-dialog > .inner .was_updated:hover,
  443. .b-message > .inner .was_updated:hover,
  444. .b-options-floated .selected,
  445. .b-options-floated .selected.always-active:hover,
  446. .b-show_more:hover,
  447. .b-show_more-more .hide-more:hover,
  448. .b-stats_bar .stat_names .stat_name a:hover,
  449. .b-topic > .inner .was_updated:hover,
  450. .headline > a:hover:before,
  451. .midheadline > a:hover:before,
  452. .subheadline > a:hover:before,
  453. .headline.linkheadline > a:hover,
  454. .linkheadline.midheadline > a:hover,
  455. .linkheadline.subheadline > a:hover,
  456. .headline.linkheadline > a:hover:before,
  457. .linkheadline.midheadline > a:hover:before,
  458. .linkheadline.subheadline > a:hover:before,
  459. .tooltip-inner .close:hover,
  460. .p-animes-franchise .sticky-tooltip .close:hover,
  461. .p-mangas-franchise .sticky-tooltip .close:hover,
  462. .p-contests .b-contest_match .prev-match:hover,
  463. .p-contests .b-contest_match .next-match:hover,
  464. .p-contests .match-day .match-link.voted-none > .c-column a:hover,
  465. .p-contests .match-day .match-link.voted-left > .c-column:last-child a:hover,
  466. .p-contests .match-day .match-link.voted-right > .c-column:first-child a:hover,
  467. .p-contests .match-day .match-link .c-column.loser a:hover,
  468. .p-contests .match-day .match-link .c-column.created a:hover,
  469. .p-contests-grid .round .match .date a:hover,
  470. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.zero:hover,
  471. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.weak:hover,
  472. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.moderate:hover,
  473. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.high:hover,
  474. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.full:hover,
  475. .p-topics .l-menu .sticky-topics .topic:hover .title,
  476. .p-topics .l-menu .sticky-topics .topic:hover .title:after,
  477. .p-topics .l-menu .sticky-topics .topic .title:hover,
  478. .p-topics .l-menu .sticky-topics .topic .title:hover:after,
  479. .p-topics .l-menu .contests .contest:hover .title,
  480. .p-topics .l-menu .contests .contest:hover .title:after,
  481. .p-topics .l-menu .contests .contest .title:hover,
  482. .p-topics .l-menu .contests .contest .title:hover:after,
  483. .p-topics header h1 a.reload:hover,
  484. .p-user_rates-index .l-content .order-control:hover,
  485. .p-user_rates-index .list-lines tr td .anime-status:hover,
  486. .p-user_rates-index .list-lines tr td .anime-remove:hover,
  487. .p-user_rates-index .list-lines tr td .anime-remove.selected,
  488. .p-anime_videos-index .c-videos .video-variant-switcher:hover,
  489. .p-user_rates-index .stat-categories .category:hover,
  490. .b-options-floated.mobile-desktop a.selected,
  491. .p-user_rates-index .stat-categories .category.active,
  492. .p-anime_videos-index .c-videos .video-variant-switcher.active,
  493. .b-video_player .cc-player_controls .episode-num .video-link a:hover,
  494. .b-video_player .cc-player_controls .c-control:hover,
  495. .b-video_variant.active a,
  496. .b-video_player .cc-player_controls .c-control.selected,
  497. .b-animes-menu .menu-topics-block a.entry:hover .name,
  498. .b-animes-menu .menu-topics-block a.entry .name:hover,
  499. .b-animes-menu .menu-topics-block .history-entry-tooltip .tooltip-details a:hover {
  500. color: #FFAB40;
  501. border-bottom-color: rgba(255, 171, 64, 0.3);
  502. }
  503.  
  504. @media screen and (max-width: 480px) and (orientation: portrait) {
  505. .b-options-floated.mobile-phone_portrait a:hover {
  506. color: #FFAB40;
  507. }
  508. }
  509.  
  510. @media screen and (max-width: 767px) {
  511. .b-options-floated.mobile-phone a:hover {
  512. color: #FFAB40;
  513. }
  514. }
  515.  
  516. @media screen and (max-width: 1024px) {
  517. .b-options-floated.mobile-tablet a:hover {
  518. color: #FFAB40;
  519. }
  520. }
  521.  
  522. .b-header_filters .filter-line a:active,
  523. .b-person .name:active,
  524. .b-source .contributors .val a:active,
  525. .b-source .mal .val a:active,
  526. .b-source .source .val a:active,
  527. .b-animes-menu .menu-topics-block .history-entry-tooltip a:active,
  528. .p-animes-files .l-content a:active,
  529. .p-mangas-files .l-content a:active,
  530. div.history .block-list li .tooltip-inner a:active,
  531. div.history .b-block_list li .tooltip-inner a:active,
  532. .p-dashboards-show .midheadline .b-link:active,
  533. .p-dashboards-show .c-content .options .option:active,
  534. .p-profiles .profile-head .c-brief header .notice a:active,
  535. .p-profiles .profile-head .c-mobile-actions a:active,
  536. .p-profiles .profile-head .c-mobile-actions span:active,
  537. .p-profiles .profile-head .c-info .c-additionals div a:active,
  538. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:active,
  539. .block-list-alt a:active,
  540. .b-block_list-alt a:active,
  541. .b-options-floated .selected:hover,
  542. .b-show_more:active,
  543. .b-show_more-more .hide-more:active,
  544. .headline > a:active:before,
  545. .midheadline > a:active:before,
  546. .subheadline > a:active:before,
  547. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.zero:active,
  548. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.weak:active,
  549. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.moderate:active,
  550. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.high:active,
  551. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .text.full:active,
  552. .p-topics .l-menu .sticky-topics .topic:active .title,
  553. .p-topics .l-menu .sticky-topics .topic:active .title:after,
  554. .p-topics .l-menu .sticky-topics .topic .title:active,
  555. .p-topics .l-menu .sticky-topics .topic .title:active:after,
  556. .p-topics .l-menu .contests .contest:active .title,
  557. .p-topics .l-menu .contests .contest:active .title:after,
  558. .p-topics .l-menu .contests .contest .title:active,
  559. .p-topics .l-menu .contests .contest .title:active:after,
  560. .p-user_rates-index .stat-categories .category:active,
  561. .b-options-floated.mobile-desktop a.selected:hover,
  562. .p-user_rates-index .stat-categories .category.active:hover,
  563. .p-anime_videos-index .c-videos .video-variant-switcher.active:hover,
  564. .b-video_player .cc-player_controls .c-control.selected:hover {
  565. color: #FF9100;
  566. }
  567.  
  568. @media only screen and (min-width: 1025px) {
  569. .b-abuse_request .ban-form .cancel:active,
  570. .b-ban .abuser:active,
  571. .b-bb_codes-examples .example a:active,
  572. .b-bb_codes-examples .result a:active,
  573. .b-bracket-actions > div:active,
  574. .b-bracket-actions > span:active,
  575. .b-catalog_entry-tooltip .inner a.name:active,
  576. .b-catalog_entry-tooltip .inner .line .value a:active,
  577. .b-catalog_entry-tooltip .inner .line.works .value a:active,
  578. .b-catalog_entry .cover .title:active,
  579. .b-club .name:active,
  580. .b-comment > .inner header .name-date a.name:active,
  581. .b-comments .comments-collapser:active,
  582. .b-cosplay-topic > .inner .cosplay-info .line .value a:active,
  583. .b-cosplay_gallery h3 a:active,
  584. .b-db_entry-note .name-container .name:active,
  585. .b-db_entry > .c-about .additional-links .line-container > .link:active,
  586. .b-db_entry > .c-about .additional-links .line-container > a:active,
  587. .b-dialog > .inner header .name-date a.name:active,
  588. .b-entry-info .line a:active,
  589. .b-feedback-inner .about a:active,
  590. .b-form .variants .variant a:active,
  591. .b-form .cancel:active,
  592. .b-forums .forum .link-with-input .link:active,
  593. .b-forums .reload:active,
  594. .b-header_filters .filter-line a:active,
  595. .b-height_shortener .expand:active,
  596. .b-js-action:active,
  597. .b-js-link:active,
  598. .b-lang_trigger span:active,
  599. .b-link:active,
  600. .b-log_entry a:active,
  601. .b-log_entry .link:active,
  602. .b-log_entry .moderation a:active,
  603. .b-log_entry .spoiler.collapsed:active,
  604. .b-log_entry .spoiler.collapse:active,
  605. .b-log_entry .spoiler.collapse span:active,
  606. .b-log_entry .spoiler.collapsed span:active,
  607. .b-mention:active,
  608. .b-message > .inner header .name-date a.name:active,
  609. .b-nothing_here a:active,
  610. .b-options-floated a:active,
  611. .b-options-floated .link:active,
  612. .b-options-floated .action:active,
  613. .b-options-floated.mobile-desktop a:active,
  614. .b-shiki_editor footer .unpreview:active,
  615. .b-shiki_editor footer .unpreview:not(.link):active,
  616. .b-shiki_editor footer .cancel:active,
  617. .b-shiki_editor footer .hide:active,
  618. .b-shiki_editor footer .about-bb_codes:active,
  619. .b-spoiler label:active,
  620. .b-stats_bar a.title:active,
  621. .b-table a:active,
  622. .b-topic > .inner header .name-date a.name:active,
  623. .b-topic .footer-vote .vote-group .vote:active,
  624. .b-user.named_avatar .name:active,
  625. .b-user.detailed .info .image-name:active,
  626. .b-user.detailed .history .line a .event:active,
  627. .b-user16:active,
  628. header.head h1 a.back:active,
  629. header.head h2 a.back:active,
  630. header.head a.misc:active,
  631. header.head a.edit:active,
  632. .headline > a:active,
  633. .midheadline > a:active,
  634. .subheadline > a:active,
  635. .subheadline .misc-link:active,
  636. .b-video_player .cc-player_controls a.c-control:active,
  637. .b-video_player .cc-player_controls .episode-title .video-link a:active,
  638. .b-video_variant a:active,
  639. .p-animes_collection-index .pagination .link:active,
  640. .p-mangas_collection-index .pagination .link:active,
  641. .p-recommendations-index .pagination .link:active,
  642. .p-userlist_comparer-show .pagination .link:active,
  643. .p-contests-edit .grid:active,
  644. .p-contests .match-day .match-link a:active,
  645. .p-contests .rating .member a:active,
  646. .p-contests .results a:active,
  647. .p-contests .suggestion > a:active,
  648. .p-contests .variant > a:active,
  649. .b-contests-menu .results:active,
  650. .b-contests-menu .grid a:active,
  651. .p-contests-grid .round .match a:active,
  652. .p-contests-index .contest a:active,
  653. .p-dashboards .c-my_list .list-type > .title .link:active,
  654. .p-dashboards .c-my_list .history > .title .link:active,
  655. .p-dashboards .c-my_list .list-type > .title .switch:active,
  656. .p-dashboards .c-my_list .history > .title .switch:active,
  657. .p-dashboards .user_list .list-type > .title .link:active,
  658. .p-dashboards .user_list .history > .title .link:active,
  659. .p-dashboards .user_list .list-type > .title .switch:active,
  660. .p-dashboards .user_list .history > .title .switch:active,
  661. .p-dashboards-show .midheadline .b-link:active,
  662. .p-dashboards-show .c-content .options .option:active,
  663. .p-db_entries-edit_field .cc-genres > .c-all_genres .genre:not(.included) .name:active,
  664. .p-profiles .profile-head .c-brief header .notice a:active,
  665. .p-profiles .profile-head .c-mobile-actions a:active,
  666. .p-profiles .profile-head .c-mobile-actions span:active,
  667. .p-profiles .profile-head .c-info .c-additionals div a:active,
  668. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:active,
  669. .p-profiles-edit .account .change-password a:active,
  670. .p-profiles-edit .misc .profile-action a:active,
  671. .p-profiles-edit .misc .profile-action .link:active,
  672. .p-profiles-edit .misc .nickname-changes a:active,
  673. .p-profiles-edit .misc .nickname-changes .link:active,
  674. .p-profiles-edit .list .profile-action a:active,
  675. .p-profiles-edit .list .profile-action .link:active,
  676. .p-profiles-edit .list .nickname-changes a:active,
  677. .p-profiles-edit .list .nickname-changes .link:active,
  678. .p-profiles-edit .list #import_form .link:active,
  679. .p-profiles-show .about a:active,
  680. .p-studios .studio .name:active,
  681. .p-translations .animes a:active,
  682. .p-user_history-index .history-page .history-interval p a:active,
  683. .p-user_rates-index .list-lines tr .name a:active,
  684. .p-userlist_comparer .comparer table .name a:active,
  685. .p-statistics-index .forum-nav .sections a:active,
  686. .b-catalog_entry .cover:active,
  687. .b-comment > .inner .was_updated:active,
  688. .b-comment header .hash:active,
  689. .b-dialog > .inner .was_updated:active,
  690. .b-message > .inner .was_updated:active,
  691. .b-options-floated .selected.always-active:active,
  692. .b-stats_bar .stat_names .stat_name a:active,
  693. .b-topic > .inner .was_updated:active,
  694. .headline.linkheadline > a:active,
  695. .linkheadline.midheadline > a:active,
  696. .linkheadline.subheadline > a:active,
  697. .headline.linkheadline > a:active:before,
  698. .linkheadline.midheadline > a:active:before,
  699. .linkheadline.subheadline > a:active:before,
  700. .tooltip-inner .close:active,
  701. .p-animes-franchise .sticky-tooltip .close:active,
  702. .p-mangas-franchise .sticky-tooltip .close:active,
  703. .p-contests .b-contest_match .prev-match:active,
  704. .p-contests .b-contest_match .next-match:active,
  705. .p-contests .match-day .match-link.voted-none > .c-column a:active,
  706. .p-contests .match-day .match-link.voted-left > .c-column:last-child a:active,
  707. .p-contests .match-day .match-link.voted-right > .c-column:first-child a:active,
  708. .p-contests .match-day .match-link .c-column.loser a:active,
  709. .p-contests .match-day .match-link .c-column.created a:active,
  710. .p-contests-grid .round .match .date a:active,
  711. .p-topics header h1 a.reload:active,
  712. .p-user_rates-index .l-content .order-control:active,
  713. .p-user_rates-index .list-lines tr td .anime-status:active,
  714. .p-user_rates-index .list-lines tr td .anime-remove:active,
  715. .b-bracket-details:active,
  716. .b-form a.remove:active,
  717. .p-anime_videos-index .c-videos .video-variant-switcher:active,
  718. .p-anime_videos-index .c-videos .video-variant-switcher.active,
  719. .b-video_player .cc-player_controls .episode-num .video-link a:active,
  720. .b-video_player .cc-player_controls .c-control:active,
  721. .b-animes-menu .menu-topics-block a.entry .name:active,
  722. .b-animes-menu .menu-topics-block .history-entry-tooltip .tooltip-details a:active {
  723. color: #FF9100;
  724. border-bottom-color: rgba(255, 145, 0, 0.3);
  725. }
  726. }
  727.  
  728. @media only screen and (max-width: 480px) and (orientation: portrait) and (min-width: 1025px) {
  729. .b-options-floated.mobile-phone_portrait a:active {
  730. color: #FF9100;
  731. }
  732. }
  733.  
  734. @media only screen and (max-width: 767px) and (min-width: 1025px) {
  735. .b-options-floated.mobile-phone a:active {
  736. color: #FF9100;
  737. }
  738. }
  739.  
  740. @media only screen and (max-width: 1024px) and (min-width: 1025px) {
  741. .b-options-floated.mobile-tablet a:active {
  742. color: #FF9100;
  743. }
  744. }
  745.  
  746. body {
  747. background-color: #303030;
  748. }
  749.  
  750. .l-page,
  751. .p-contests .b-contest_match .vs .label,
  752. .p-contests .match-day > .date,
  753. .p-animes_collection-index .l-content.ajax_request::before,
  754. .p-mangas_collection-index .l-content.ajax_request::before,
  755. .p-recommendations-index .l-content.ajax_request::before,
  756. .p-userlist_comparer-show .l-content.ajax_request::before,
  757. .b-ajax:before {
  758. background: #303030;
  759. }
  760.  
  761. .l-page:before {
  762. outline-color: #303030;
  763. }
  764.  
  765. @media screen and (max-width: 960px) {
  766. .p-profiles .profile-head .c-brief header {
  767. background-color: #303030;
  768. }
  769. }
  770.  
  771. @media screen and (max-width: 1024px) {
  772. body {
  773. background-color: #303030 !important;
  774. }
  775. }
  776.  
  777. .b-height_shortener .shade {
  778. background-image: linear-gradient(to bottom, transparent, #303030);
  779. }
  780.  
  781. .b-topic.aside-expanded > .inner aside.buttons,
  782. .b-dialog.aside-expanded > .inner aside.buttons,
  783. .b-message.aside-expanded > .inner aside.buttons,
  784. .b-comment.aside-expanded > .inner aside.buttons {
  785. background-color: rgba(48, 48, 48, 0.9);
  786. }
  787.  
  788. /* BLACK GREY WHITE */
  789. body,
  790. header.head h1,
  791. header.head h2,
  792. .ac_results,
  793. .tooltip-inner,
  794. .b-input input,
  795. .b-input textarea,
  796. .b-shiki_editor .body .editor textarea,
  797. .b-shiki_editor .links .link-value,
  798. .b-shiki_editor .images .link-value,
  799. .b-shiki_editor .quotes .link-value,
  800. .b-shiki_editor .email .link-value,
  801. .b-shiki_editor .upload .link-value,
  802. .p-user_rates-index .list-lines tr td .new-value input,
  803. .p-user_rates-index .l-content .filter input,
  804. .subheadline-input,
  805. .b-catalog_entry-tooltip .inner a.name,
  806. .b-catalog_entry .cover .title,
  807. .b-catalog_entry-tooltip .inner .line .value a,
  808. .b-clubs-menu .block-list li:hover,
  809. .b-clubs-menu .block-list li:hover a,
  810. .b-clubs-menu .block-list li a:hover,
  811. .b-clubs-menu .b-block_list li:hover,
  812. .b-clubs-menu .b-block_list li:hover a,
  813. .b-clubs-menu .b-block_list li a:hover,
  814. .b-db_entry > .c-image .c-actions > a:after,
  815. .b-db_entry-note .name-container .name,
  816. .b-dialog > .inner header .name-date a.name,
  817. .b-entry-info .line .b-tag,
  818. .b-forums .forum .link-with-input .link,
  819. .b-height_shortener .expand,
  820. .b-hot_topics .topic.subject,
  821. .b-hot_topics .topic a:hover,
  822. .b-message > .inner header .name-date a.name,
  823. .b-modal .subheadline,
  824. .b-link_button,
  825. .b-link_button:hover,
  826. .b-link_button:active,
  827. .block-list li:hover,
  828. .block-list-alt li:hover,
  829. .b-block_list li:hover,
  830. .b-block_list-alt li:hover,
  831. .b-pages .b-link,
  832. .b-show_more:hover,
  833. .b-show_more-more .hide-more:hover,
  834. .b-stats_bar .stat_names .stat_name a,
  835. .b-video_player .cc-player_controls .episode-title,
  836. .b-video_variant .episode-num,
  837. .b-video_variant .video-author,
  838. .b-video_variant .video-id,
  839. .headline,
  840. .b-catalog_entry-tooltip .inner .line .value .tag:hover,
  841. .b-entry-info .line .b-tag:hover,
  842. .b-tag:hover,
  843. .p-contests .match-day .match-link.voted-none > .c-column a,
  844. .p-contests .match-day .match-link.voted-left > .c-column:last-child a,
  845. .p-contests .match-day .match-link.voted-right > .c-column:first-child a,
  846. .p-contests .match-day .match-link .c-column.loser a,
  847. .p-contests .match-day .match-link .c-column.created a,
  848. .p-dashboards-show .contests .contest a,
  849. .p-dialogs .b-options-floated > a.selected,
  850. .p-moderations-missing_videos .missing-video > .info span,
  851. .p-messages .b-options-floated > a.selected,
  852. .p-profiles-edit .b-options-floated > a.selected,
  853. .p-profiles .profile-head .c-history .entry .title,
  854. .p-topics .l-menu .calendar .entry a,
  855. .p-topics .l-menu .clubs .entry a,
  856. .p-topics .l-menu .contests .contest .title,
  857. .p-topics .l-menu .reviews .entry a,
  858. .p-topics .l-menu .sticky-topics .topic .title,
  859. .p-user_rates-index .l-content .order-control,
  860. .p-user_rates-index .l-content .order-control:hover,
  861. .b-external_link .linkeable,
  862. .b-external_link a {
  863. color: #FFFFFF !important;
  864. }
  865.  
  866. /* Цвет основного текста в области при наведении */
  867. .b-clubs-menu .b-link:hover,
  868. .b-clubs-menu .actions li:hover,
  869. .b-clubs-menu .actions .upload label:hover,
  870. .b-clubs-menu .actions .invite span:hover,
  871. .b-clubs-menu .actions .join a:hover,
  872. .b-clubs-menu .actions .leave a:hover,
  873. .b-hot_topics .topic a,
  874. .b-forums .forum:hover .link-with-input .link,
  875. .b-image .marker,
  876. .b-video .marker,
  877. .b-video .name,
  878. .p-profiles .profile-head .c-history .entry:hover .title,
  879. .p-topics .l-menu .calendar .entry:hover a,
  880. .p-topics .l-menu .clubs .entry:hover a,
  881. .p-topics .l-menu .contests .contest:hover .title,
  882. .p-topics .l-menu .reviews .entry:hover a,
  883. .p-topics .l-menu .sticky-topics .topic:hover .title {
  884. color: #FFFFFF !important;
  885. }
  886.  
  887. @media (max-width: 1024px) {
  888. .l-top_menu .menu-items > .entry > a,
  889. .l-top_menu .menu-items > .entry > .submenu > a,
  890. .l-top_menu .inner .sign_out {
  891. color: #FFFFFF !important;
  892. }
  893. }
  894.  
  895. h3,
  896. header.head .notice,
  897. .bar.horizontal .line .x_label,
  898. .bar.vertical .line .x_label,
  899. .b-entry-info .line .b-tag,
  900. .b-catalog_entry-tooltip .inner .line .key,
  901. .b-catalog_entry-tooltip .inner .line .value .tag,
  902. .b-catalog_entry-tooltip .inner .rating,
  903. .b-collection-filters .block > .filter.item-sign:hover,
  904. .b-contest_match .vs .hint,
  905. .b-contest_match .vs .invitation,
  906. .b-contest_match .vs .label,
  907. .b-contest_match .vs .thanks,
  908. .b-contest_match .vs .vote-abstained,
  909. .b-contest_match .vs .vote-voted,
  910. .b-height_shortener:hover .expand,
  911. .b-lang_trigger:hover span,
  912. .b-lang_trigger span:hover,
  913. .b-show_more,
  914. .b-show_more-more .hide-more,
  915. .b-stats_bar .stat_names:hover:before,
  916. .b-tag,
  917. .block-list li,
  918. .block-list-alt li,
  919. .block-list li a,
  920. .block-list-alt li a,
  921. .b-block_list li,
  922. .b-block_list li a,
  923. div.compatibility > a:hover:before,
  924. div.compatibility > a:hover > span:first-child:before,
  925. .item-add:hover,
  926. .l-footer .copyright,
  927. .p-characters .item-edit:hover,
  928. .p-characters .item-edit:active,
  929. .p-contests .match-day > .date .from,
  930. .p-contests .match-day > .date .to,
  931. .p-profiles-edit .b-options-floated > a,
  932. .p-dialogs .b-options-floated > a,
  933. .p-messages .b-options-floated > a,
  934. .p-user_rates-index .list-lines tr td .episodes_total,
  935. .p-user_rates-index .list-lines tr td .rate-text,
  936. .b-collection_search .field .clear:hover {
  937. color: #EEEEEE;
  938. }
  939.  
  940. header.head h1 > a.back:hover,
  941. header.head h2 > a.back:hover,
  942. header.head h1 > a.back:active,
  943. header.head h2 > a.back:active,
  944. .b-video_player .cc-player_controls .c-control:hover .icon,
  945. .p-animes_collection-index .pagination .link:hover,
  946. .p-mangas_collection-index .pagination .link:hover,
  947. .p-recommendations-index .pagination .link:hover,
  948. .p-userlist_comparer-show .pagination .link:hover,
  949. .b-clubs-menu .block-list li,
  950. .b-clubs-menu .block-list li a,
  951. .b-clubs-menu .b-block_list li,
  952. .b-clubs-menu .b-block_list li a,
  953. .b-list_switchers > .switcher:hover,
  954. .c-actions > *:hover,
  955. .editor-controls > span:hover,
  956. .profile-actions > a:hover,
  957. .p-animes .item-edit:hover,
  958. .p-contests .b-contest_match .prev-match:hover,
  959. .p-contests .b-contest_match .next-match:hover,
  960. .p-mangas .item-edit:hover,
  961. .p-profiles-show .about .item-edit:hover,
  962. .p-messages .mass-actions .action > a:hover,
  963. .p-topics header h1 a.reload,
  964. .delete-controls > span,
  965. .delete-controls > span:hover,
  966. .main-controls > span,
  967. .main-controls > span:hover,
  968. .main-controls > a,
  969. .main-controls > a:hover,
  970. .buttons .item-edit,
  971. .buttons .item-edit:hover,
  972. .moderation-controls > span,
  973. .moderation-controls > span:hover,
  974. .b-video_player .cc-player_controls .episode-num {
  975. color: #EEEEEE !important;
  976. }
  977.  
  978. .midheadline,
  979. .subheadline,
  980. .b-animes-menu .menu-topics-block .date,
  981. .b-breadcrumbs,
  982. .b-breadcrumbs a.b-link,
  983. .b-catalog_entry .cover .misc span,
  984. .b-catalog_entry-tooltip .inner .rating .text,
  985. .b-club .info .number,
  986. .b-comment-info,
  987. .b-comment .inner .name-date a.name .normal,
  988. .b-comment > .inner header .name-date .time,
  989. .b-collection-filters .block > .filter.item-sign,
  990. .b-db_entry-note .name-container .note,
  991. .b-entry-info .line .key,
  992. .b-forums .forum .link-with-input input + .link,
  993. .b-forums .forum .topics,
  994. .b-lang_trigger span,
  995. .b-log_entry .id-label,
  996. .b-log_entry .state.auto_accepted,
  997. .b-options-floated.count,
  998. .b-pages .title,
  999. .b-quote .quoteable:before,
  1000. .b-replies,
  1001. .b-replies:before,
  1002. .b-stats_bar .title,
  1003. .b-stats_bar .stat_names:before,
  1004. .b-source .contributors .key,
  1005. .b-source .mal .key,
  1006. .b-source .source .key,
  1007. .b-topic > .inner header .name-date .time,
  1008. .b-topic-preview > .inner .status-line .about,
  1009. .b-topic-preview > .inner .status-line .from,
  1010. .b-collection-filters .block-list li:before,
  1011. .b-collection-filters .block-list .b-question:before,
  1012. .b-collection-filters .b-block_list li:before,
  1013. .b-collection-filters .b-block_list .b-question:before,
  1014. div.compatibility > a:before,
  1015. div.compatibility > span.link-replacement > span:first-child:before,
  1016. div.compatibility > a > span:first-child:before,
  1017. .item-add,
  1018. .item-mobile,
  1019. .item-mobile:hover,
  1020. .item-mobile:active,
  1021. .l-footer:before,
  1022. .l-footer .links a,
  1023. .l-top_menu .menu-items .submenu-toggler,
  1024. .p-animes_collection-index .pagination .link,
  1025. .p-mangas_collection-index .pagination .link,
  1026. .p-recommendations-index .pagination .link,
  1027. .p-userlist_comparer-show .pagination .link,
  1028. .p-characters .item-edit,
  1029. .p-contests .b-contest_match .vs,
  1030. .p-contests .match-day .matches-num,
  1031. .p-contests .rating .member .position,
  1032. .p-db_entries-edit .b-list .field,
  1033. .p-profiles .profile-head .c-info .c-additionals b,
  1034. .p-topics .l-menu .sticky-topics .topic .notice,
  1035. .b-user.detailed .info .last-online,
  1036. .b-video_variant .episode-hostings,
  1037. .b-video_variant .video-hosting,
  1038. .b-video_variant .video-language,
  1039. .p-anime_videos-index .c-video_stats .views_count,
  1040. .p-anime_videos-index .same-videos .title,
  1041. .p-anime_videos-index .c-anime_video_episodes .title,
  1042. .p-anime_videos-index .c-videos .title,
  1043. .b-collection_search .field .clear {
  1044. color: #BDBDBD;
  1045. }
  1046.  
  1047. header.head h1 a.back,
  1048. header.head h2 a.back,
  1049. .about-bb_codes:before,
  1050. .b-db_entry > .c-about .additional-links .key,
  1051. .b-list_switchers > .switcher,
  1052. .b-user_rate .rate-show .note,
  1053. .c-actions > *,
  1054. .editor-controls > span,
  1055. .profile-actions > a,
  1056. .p-animes .item-edit,
  1057. .p-animes_collection-index .pagination .link,
  1058. .p-clubs-index header.head a.misc,
  1059. .p-contests .b-contest_match .prev-match,
  1060. .p-contests .b-contest_match .next-match,
  1061. .p-mangas .item-edit,
  1062. .p-mangas_collection-index .pagination .link,
  1063. .p-messages .mass-actions > .action > a,
  1064. .p-profiles .profile-head .c-history .entry .misc,
  1065. .p-profiles-show .about .item-edit,
  1066. .p-profiles-show .lifetime .title > .label:before,
  1067. .p-profiles-show .profile-content .activity .title,
  1068. .p-recommendations-index .pagination .link,
  1069. .p-topics .l-menu .calendar .entry .misc,
  1070. .p-topics .l-menu .reviews .entry .misc,
  1071. .p-topics .l-menu .clubs .entry .misc,
  1072. .p-userlist_comparer-show .pagination .link,
  1073. .p-user_rates-index .list-lines tr.edit-form .remove,
  1074. .p-user_rates-index .list-lines tr.edit-form .remove:hover,
  1075. .p-user_history-index .history-page .history-interval p .date {
  1076. color: #BDBDBD !important;
  1077. }
  1078.  
  1079. @media only screen and (min-width: 1025px) {
  1080. .delete-controls > span,
  1081. .moderation-controls > span,
  1082. .main-controls > span,
  1083. .main-controls > a,
  1084. .buttons .item-edit {
  1085. color: #BDBDBD !important;
  1086. }
  1087. }
  1088.  
  1089. header.head a.edit,
  1090. header.head .misc,
  1091. .b-ban .comment-hash,
  1092. .b-ban .duration,
  1093. .b-breadcrumbs > span:after,
  1094. .b-club .info .value,
  1095. .b-comment header a.hash,
  1096. .b-comment > .inner header .name-date .time > time,
  1097. .b-comment > .inner .was_updated,
  1098. .b-db_entry > .c-about .additional-links .line-container > a:after,
  1099. .b-db_entry > .c-about .additional-links .line-container > .link:after,
  1100. .b-db_entry-note .name-container .note span:after,
  1101. .b-db_entry-note .name-container .note .relation + .additional:after,
  1102. .b-db_entry-note .name-container .note .relation + .additional:before,
  1103. .b-input .hint,
  1104. .b-log_entry .date,
  1105. .b-message > .inner header .name-date .time > time,
  1106. .b-nothing_here,
  1107. .b-options-floated a:after,
  1108. .b-options-floated .link:after,
  1109. .b-review_votes span,
  1110. .b-separator,
  1111. .b-stats_bar .stat_names .stat_name .size:after,
  1112. .b-stats_bar .stat_names .stat_name .size:before,
  1113. .b-topic > .inner header .name-date .time,
  1114. .b-topic > .inner header .name-date .time > time,
  1115. .b-topic-preview > .inner .status-line .additional .comments:before,
  1116. .b-topic-preview > .inner .status-line .additional .likes:before,
  1117. .b-topic-preview > .inner .status-line .time,
  1118. .b-user.detailed .history .line .date,
  1119. .b-video_variant .episode-hostings:after,
  1120. .b-video_variant .episode-hostings:before,
  1121. .b-video_variant .video-hosting:after,
  1122. .b-video_variant .video-hosting:before,
  1123. .b-video_variant .video-kind.english:before,
  1124. .b-video_variant .video-language:after,
  1125. .b-video_variant .video-language:before,
  1126. .p-anime_videos-index .c-videos .video-variant-switcher:not(:first-child):after,
  1127. .p-contests-index .contest .date,
  1128. .p-moderations-missing_videos .missing-video > .info,
  1129. .p-moderations-show .b-list .size:after,
  1130. .p-moderations-show .b-list .size:before,
  1131. .p-profiles .profile-head .c-brief header .notice span:after,
  1132. .p-profiles .profile-head .c-info .c-additionals div:after,
  1133. .p-statistics-index .forum-nav .sections a:after,
  1134. .p-topics .l-menu .contests .contest .notice,
  1135. .p-user_rates-index .l-content .b-options-floated span:after,
  1136. .p-user_rates-index .l-content .b-options-floated span:before,
  1137. .p-user_rates-index .list-groups .summary .stat-value:after {
  1138. color: #9E9E9E;
  1139. }
  1140.  
  1141. .b-video_player .cc-player_controls .c-control .icon,
  1142. .p-animes_collection-index .pagination .link.disabled,
  1143. .p-mangas_collection-index .pagination .link.disabled,
  1144. .p-recommendations-index .pagination .link.disabled,
  1145. .p-userlist_comparer-show .pagination .link.disabled,
  1146. .p-animes_collection-index .pagination .link.disabled:hover,
  1147. .p-mangas_collection-index .pagination .link.disabled:hover,
  1148. .p-recommendations-index .pagination .link.disabled:hover,
  1149. .p-userlist_comparer-show .pagination .link.disabled:hover,
  1150. .p-profiles .profile-head .c-history .entry .misc.date,
  1151. .p-topics .l-menu .calendar .entry .misc.date,
  1152. .p-topics .l-menu .reviews .entry .misc.date,
  1153. .p-topics .l-menu .clubs .entry .misc.date {
  1154. color: #9E9E9E !important;
  1155. }
  1156.  
  1157. /* PRIMARY COLOR */
  1158. input[type=submit],
  1159. .button,
  1160. .b-button,
  1161. .b-contests-menu .results,
  1162. .b-form input[type=submit],
  1163. .b-link_button.dark,
  1164. .btn-primary,
  1165. .b-shiki_editor .links .button.ok,
  1166. .b-shiki_editor .images .button.ok,
  1167. .b-shiki_editor .quotes .button.ok,
  1168. .b-shiki_editor .email .button.ok,
  1169. .b-shiki_editor .upload .button.ok,
  1170. .p-contests .b-contest_match .votes-percents .right-part,
  1171. .p-contests .b-contest_match .votes-percents .left-part:hover .right-part,
  1172. .p-user_rates .mylist-block + .block > .b-list > li,
  1173. .b-collection-filters > .block:first-child > .b-list > li,
  1174. .b-collection-filters > .block:first-child > .b-list > li,
  1175. .b-stats_bar.anime .bar .first,
  1176. .line:nth-child(odd) > .bar-container > .bar,
  1177. .line:nth-child(odd) > .bar-container > .bar:hover,
  1178. .b-image .cancel,
  1179. .b-image .cancel:hover,
  1180. .b-image .cancel:active,
  1181. .b-image .confirm,
  1182. .b-image .confirm:hover,
  1183. .b-image .confirm:active,
  1184. .b-image .delete,
  1185. .b-image .delete:hover,
  1186. .b-image .delete:active,
  1187. .b-image .mobile-edit,
  1188. .b-image .mobile-edit:hover,
  1189. .b-image .mobile-edit:active,
  1190. .b-image.deletable .confirm:hover,
  1191. .b-image.deletable .cancel:hover,
  1192. .p-user_rates-index .list-posters .user_rate .edit-user_rate,
  1193. .p-user_rates-index .list-posters .user_rate .edit-user_rate:hover {
  1194. background-color: #2c666e;
  1195. }
  1196.  
  1197. @media screen and (max-width: 1024px) {
  1198. .p-user_rates-index .list-posters .user_rate .edit-user_rate {
  1199. background: #2c666e;
  1200. }
  1201. }
  1202.  
  1203. .p-contests .b-contest_match .votes-percents .right-part,
  1204. .p-contests .b-contest_match .votes-percents .left-part:hover .right-part,
  1205. .b-main_search .input:after {
  1206. border-color: #2c666e;
  1207. }
  1208.  
  1209. .subheadline > a:hover,
  1210. .midheadline > a:hover,
  1211. .edit-page a.cancel:hover,
  1212. .b-form .cancel:hover,
  1213. .b-shiki_editor footer .unpreview:hover,
  1214. .b-shiki_editor footer .preview:hover,
  1215. .b-topic-preview > .editor-container .hide:hover,
  1216. .p-dashboards-show .b-forums > .b-link_button.maxi:hover:after,
  1217. .p-profiles-show .b-stats_bar a.title:hover {
  1218. background-color: rgba(44, 102, 110, 0.12);
  1219. }
  1220.  
  1221. input[type=submit]:hover,
  1222. .button:hover,
  1223. .b-button:hover,
  1224. .b-contests-menu .results:hover,
  1225. .b-form input[type=submit]:hover,
  1226. .b-link_button.dark:hover {
  1227. background-color: #275a61;
  1228. }
  1229.  
  1230. .b-contests-menu .results,
  1231. .b-link_button.dark,
  1232. .btn-submit {
  1233. color: #FAFAFA !important;
  1234. }
  1235.  
  1236. .b-rate .stars.score,
  1237. .b-forums .forum input:checked + .link:before,
  1238. .b-collection-filters .block-list .filter,
  1239. .b-collection-filters .block-list li.selected:before,
  1240. .b-collection-filters .b-block_list .filter,
  1241. .b-collection-filters .b-block_list li.selected:before,
  1242. .tooltip-details .ajax-loading {
  1243. color: #2c666e;
  1244. }
  1245.  
  1246. .headline > a,
  1247. .headline > a:hover,
  1248. .headline.linkheadline > a,
  1249. .midheadline > a,
  1250. .midheadline > a:hover,
  1251. .midheadline.linkheadline > a,
  1252. .subheadline > a,
  1253. .subheadline > a:hover,
  1254. .subheadline.linkheadline > a,
  1255. .edit-page a.cancel,
  1256. .p-dashboards-show .b-forums > .b-link_button.maxi:after,
  1257. .b-form .cancel,
  1258. .b-shiki_editor footer .unpreview,
  1259. .b-shiki_editor footer .unpreview:not(.link):hover,
  1260. .b-shiki_editor footer .preview,
  1261. .b-stats_bar a.title,
  1262. .b-topic-preview > .editor-container .hide {
  1263. color: #2c666e !important;
  1264. }
  1265.  
  1266. /* END of PRIMARY COLOR */
  1267. /* ACCENT COLOR */
  1268. .menu .unread-count,
  1269. .menu:hover .unread-count,
  1270. .menu .contest,
  1271. .menu:hover .contest,
  1272. .p-contests .b-contest_match .votes-percents .left-part,
  1273. .p-contests .b-contest_match .votes-percents .left-part:hover,
  1274. .b-options-floated a span.brackets,
  1275. .b-options-floated .link span.brackets,
  1276. .b-stats_bar.manga .bar .first,
  1277. div.compatibility > a > span.rate,
  1278. div.compatibility > span.link-replacement > span.rate {
  1279. background-color: #4b4e6d;
  1280. }
  1281.  
  1282. .menu .unread-count:hover,
  1283. .menu .contest:hover {
  1284. background-color: #4b4e6d !important;
  1285. }
  1286.  
  1287. .p-profiles-show .b-stats_bar.manga a.title:hover {
  1288. background-color: rgba(75, 78, 109, 0.12);
  1289. }
  1290.  
  1291. html.turbolinks-progress-bar:before,
  1292. .turbolinks.turbolinks-progress-bar::before {
  1293. background: #4b4e6d !important;
  1294. box-shadow: 0 0 10px rgba(75, 78, 109, 0.7) !important;
  1295. }
  1296.  
  1297. .p-profiles-edit .b-options-floated > a.selected,
  1298. .p-dialogs .b-options-floated > a.selected,
  1299. .p-messages .b-options-floated > a.selected {
  1300. border-bottom: 2px solid #4b4e6d;
  1301. }
  1302.  
  1303. .menu .unread-count,
  1304. .menu:hover .unread-count,
  1305. .menu .contest,
  1306. .menu:hover .contest {
  1307. color: #FAFAFA !important;
  1308. }
  1309.  
  1310. .b-rate .stars.hover,
  1311. .c-actions .fav-add:hover:before,
  1312. .c-actions .fav-remove:before,
  1313. .profile-actions .fav-remove:before {
  1314. color: #4b4e6d;
  1315. }
  1316.  
  1317. .b-list_switchers > .switcher.selected,
  1318. .editor-controls > span.selected,
  1319. .p-profiles-show .b-stats_bar.manga a.title {
  1320. color: #4b4e6d !important;
  1321. }
  1322.  
  1323. /* END of ACCENT COLOR */
  1324. /* BACKGROUND COLOR */
  1325. .ac_results,
  1326. .b-image .marker,
  1327. .b-modal > .inner,
  1328. .b-video .marker,
  1329. .b-video .name,
  1330. .l-top_menu .menu-items,
  1331. .tooltip-inner,
  1332. .tooltip-details .ajax-loading {
  1333. background: #424242;
  1334. }
  1335.  
  1336. @media screen and (max-width: 599px) {
  1337. .b-stats_bar .stat_names:hover {
  1338. background-color: #424242;
  1339. }
  1340. }
  1341.  
  1342. .b-link_button,
  1343. .b-comments .comments-loader,
  1344. .b-comments .comments-hider,
  1345. .b-comments .comments-expander,
  1346. .b-comments .messages-postloader,
  1347. .b-comments .faye-loader,
  1348. .b-forum .faye-loader,
  1349. .p-animes-show .other-names.click-loader,
  1350. .p-mangas-show .other-names.click-loader,
  1351. .collapsed {
  1352. background-color: #616161;
  1353. border-color: #424242;
  1354. }
  1355.  
  1356. .b-link_button:hover,
  1357. .b-comments .comments-loader:hover,
  1358. .b-comments .comments-hider:hover,
  1359. .b-comments .comments-expander:hover,
  1360. .b-comments .messages-postloader:hover,
  1361. .b-comments .faye-loader:hover,
  1362. .b-forum .faye-loader:hover,
  1363. .p-animes-show .other-names.click-loader:hover,
  1364. .p-mangas-show .other-names.click-loader:hover,
  1365. .collapsed:hover {
  1366. background-color: #424242;
  1367. border-color: #212121;
  1368. }
  1369.  
  1370. .b-link_button:active,
  1371. .b-comments .comments-loader:active,
  1372. .b-comments .comments-hider:active,
  1373. .b-comments .comments-expander:active,
  1374. .b-comments .messages-postloader:active,
  1375. .b-comments .faye-loader:active,
  1376. .b-forum .faye-loader:active,
  1377. .p-animes-show .other-names.click-loader:active,
  1378. .p-mangas-show .other-names.click-loader:active,
  1379. .collapsed:active {
  1380. background-color: #212121;
  1381. border-color: #757575;
  1382. }
  1383.  
  1384. .b-quote, .b-quote .b-quote .b-quote {
  1385. background: #424242;
  1386. }
  1387.  
  1388. .b-quote .b-quote, .b-quote .b-quote .b-quote .b-quote {
  1389. background: #616161;
  1390. }
  1391.  
  1392. .b-user_rate .rate-show .note,
  1393. .p-topics-new .topic_video,
  1394. .p-topics-edit .topic_video,
  1395. .p-topics-create .topic_video,
  1396. .p-topics-update .topic_video,
  1397. .p-user_rates-index .list-lines tr.edit-form form {
  1398. background: #616161;
  1399. }
  1400.  
  1401. input,
  1402. select,
  1403. .b-editable_grid tbody tr:nth-child(odd) td,
  1404. .b-input input,
  1405. .b-input textarea,
  1406. .b-pages,
  1407. .b-shiki_editor .body .editor textarea,
  1408. .b-shiki_editor .links .link-value,
  1409. .b-shiki_editor .images .link-value,
  1410. .b-shiki_editor .quotes .link-value,
  1411. .b-shiki_editor .email .link-value,
  1412. .b-shiki_editor .upload .link-value,
  1413. div.compatibility > a:before,
  1414. div.compatibility > span.link-replacement > span:first-child:before,
  1415. div.compatibility > a > span:first-child:before,
  1416. .l-page .menu-toggler .toggler,
  1417. .p-contests .match-day .match-link:hover,
  1418. .p-contests .match-day .match-link.active,
  1419. .p-user_rates-index .list-groups .summary.posters,
  1420. .p-user_rates-index .list-lines tr td .new-value input,
  1421. .p-user_rates-index .l-content .filter input,
  1422. .subheadline-input {
  1423. background: #424242;
  1424. }
  1425.  
  1426. .editor textarea.b-comment,
  1427. .editor textarea.b-message {
  1428. background: #424242 !important;
  1429. }
  1430.  
  1431. /* Области наведения */
  1432. .b-collection-filters .block > .filter.item-sign,
  1433. .b-lang_trigger,
  1434. .b-tag,
  1435. .block-list li:hover,
  1436. .block-list-alt li:hover,
  1437. .block-list li.selected,
  1438. .block-list-alt li.selected,
  1439. .b-block_list li:hover,
  1440. .b-block_list li.selected,
  1441. .b-entry-info .line .b-tag,
  1442. .b-catalog_entry-tooltip .inner .line .value .tag,
  1443. .b-hot_topics .topic a,
  1444. .b-forums .forum:hover,
  1445. .b-show_more:hover,
  1446. .b-show_more-more .hide-more:hover,
  1447. .b-stats_bar .stat_names:hover:before,
  1448. .history-interval p:hover,
  1449. .p-profiles .profile-head .c-history .entry:hover a,
  1450. .p-topics .l-menu .sticky-topics .topic:hover,
  1451. .p-dashboards-show .contests .contest:hover,
  1452. .p-topics .l-menu .calendar .entry:hover a,
  1453. .p-topics .l-menu .clubs .entry:hover a,
  1454. .p-topics .l-menu .contests .contest:hover,
  1455. .p-topics .l-menu .reviews .entry:hover a,
  1456. .p-user_rates-index .list-lines .selectable:hover,
  1457. .p-user_rates-index .l-content .order-control:hover,
  1458. .p-animes_collection-index .pagination .link:hover,
  1459. .p-mangas_collection-index .pagination .link:hover,
  1460. .p-recommendations-index .pagination .link:hover,
  1461. .p-userlist_comparer-show .pagination .link:hover {
  1462. background-color: #616161;
  1463. }
  1464.  
  1465. .block-list li:active,
  1466. .block-list-alt li:active,
  1467. .b-block_list li:active,
  1468. .p-contests .match-day .match-link:active {
  1469. background-color: #616161 !important;
  1470. }
  1471.  
  1472. .p-dialogs header.head,
  1473. .p-messages header.head,
  1474. .p-profiles-edit header.head,
  1475. .p-profiles-edit .b-options-floated,
  1476. .p-dialogs .b-options-floated,
  1477. .p-messages .b-options-floated,
  1478. .b-hot_topics .topic a:hover {
  1479. background-color: #424242;
  1480. }
  1481.  
  1482. .p-userlist_comparer .comparer table .selectable:hover {
  1483. background-color: #424242 !important;
  1484. }
  1485.  
  1486. /* Кнопки при наведении */
  1487. div.compatibility > a:hover:before,
  1488. div.compatibility > a:hover > span:first-child:before,
  1489. .b-video_player .cc-player_controls .c-control:hover .icon,
  1490. .p-animes_collection-index .pagination .link:hover,
  1491. .p-mangas_collection-index .pagination .link:hover,
  1492. .p-recommendations-index .pagination .link:hover,
  1493. .p-userlist_comparer-show .pagination .link:hover,
  1494. .b-collection-filters .block > .filter.item-sign:hover,
  1495. .b-lang_trigger:hover,
  1496. .b-list_switchers > .switcher:hover,
  1497. .b-tag:hover,
  1498. .b-entry-info .line .b-tag:hover,
  1499. .b-catalog_entry-tooltip .inner .line .value .tag:hover,
  1500. .b-user_rate .rate-show .rate-number .item-add:hover,
  1501. .p-animes .item-edit:hover,
  1502. .p-characters .item-edit:hover,
  1503. .p-contests .b-contest_match .prev-match:hover,
  1504. .p-contests .b-contest_match .next-match:hover,
  1505. .p-mangas .item-edit:hover,
  1506. .p-profiles-show .about .item-edit:hover,
  1507. .p-messages .mass-actions .action > a:hover,
  1508. .p-user_rates-index .list-lines tr.edit-form .remove:hover,
  1509. .delete-controls > span:hover,
  1510. .moderation-controls > span:hover,
  1511. .main-controls > span:hover,
  1512. .main-controls > a:hover,
  1513. .buttons .item-edit:hover,
  1514. .editor-controls > span:hover,
  1515. .c-actions > *:hover,
  1516. .about-bb_codes:hover,
  1517. .profile-actions > *:hover,
  1518. .item-mobile:hover,
  1519. .item-mobile:active,
  1520. header.head h1 > a.back:hover,
  1521. header.head h2 > a.back:hover {
  1522. background-color: #424242;
  1523. }
  1524.  
  1525. /* ЦВЕТ ГРАНИЦ ЭЛЕМЕНТОВ */
  1526. hr,
  1527. .b-db_entry-note:before,
  1528. .b-dialog:before,
  1529. .b-message:before,
  1530. .b-comment:before,
  1531. .b-comments .comments-loaded:before,
  1532. .p-contests .match-day:before,
  1533. .p-profiles .profile-head .c-history .entry:before,
  1534. .p-topics .l-menu .calendar .entry:before,
  1535. .p-topics .l-menu .reviews .entry:before,
  1536. .p-topics .l-menu .clubs .entry:before {
  1537. background-color: #757575;
  1538. }
  1539.  
  1540. input,
  1541. h3,
  1542. select,
  1543. .b-input input,
  1544. .b-input textarea,
  1545. .b-pages,
  1546. .b-quote,
  1547. .b-shiki_editor .body .editor textarea,
  1548. .b-shiki_editor .links .link-value,
  1549. .b-shiki_editor .images .link-value,
  1550. .b-shiki_editor .quotes .link-value,
  1551. .b-shiki_editor .email .link-value,
  1552. .b-shiki_editor .upload .link-value,
  1553. .b-tooltipped:not(a),
  1554. .b-topic,
  1555. .b-topic-preview > .inner .status-line .additional,
  1556. .l-page .menu-toggler .toggler,
  1557. .p-dashboards-show .cc-news .c-generated_news .b-topic,
  1558. .p-topics header h1 a.reload,
  1559. .p-topics-new .topic_video,
  1560. .p-topics-edit .topic_video,
  1561. .p-topics-create .topic_video,
  1562. .p-topics-update .topic_video,
  1563. .p-user_rates-index .list-groups .summary.posters,
  1564. .p-user_rates-index .list-lines tr.edit-form form,
  1565. .p-user_rates-index .list-lines tr td .new-value input,
  1566. .p-user_rates-index .l-content .filter input,
  1567. .subheadline-input {
  1568. border-color: #757575;
  1569. }
  1570.  
  1571. /* ОСОБЫЕ ЦВЕТА */
  1572. .b-entry-info .line .b-tag:active,
  1573. .b-catalog_entry-tooltip .inner .line .value .tag:active {
  1574. background-color: #757575;
  1575. }
  1576.  
  1577. .b-rate .stars.background {
  1578. color: #757575;
  1579. }
  1580.  
  1581. .b-stats_bar .bar .third {
  1582. background: #757575;
  1583. }
  1584.  
  1585. /* END of НАСТРОЙКА ЦВЕТОВ */
  1586.  
  1587.  
  1588.  
  1589.  
  1590.  
  1591.  
  1592.  
  1593.  
  1594.  
  1595.  
  1596. /* BUGFIX */
  1597. /* В превью комментария не отображается заголовок на страницах клубов */
  1598. .p-club_pages .new_comment .preview .b-comment .inner header,
  1599. .p-club_pages .edit_comment .preview .b-comment .inner header {
  1600. display: block;
  1601. }
  1602.  
  1603. /* Ссылки в превью новостей не переносятся на новую строку */
  1604. .b-animes-menu .menu-topics-block .history-entry-tooltip .tooltip-details a {
  1605. display: block;
  1606. }
  1607.  
  1608. /* Максимальная ширина элементов */
  1609. img,
  1610. select {
  1611. max-width: 100%;
  1612. }
  1613.  
  1614. /* Убираем лишнее пространство под textarea */
  1615. textarea {
  1616. vertical-align: top;
  1617. }
  1618.  
  1619. /* Убираем запятые в тегах */
  1620. .b-entry-info .line .b-tag span:after {
  1621. display: none;
  1622. }
  1623.  
  1624.  
  1625.  
  1626.  
  1627. /* ОСНОВНОЙ ФАЙЛ */
  1628. header.head h1,
  1629. header.head h2,
  1630. input {
  1631. font-family: inherit;
  1632. }
  1633.  
  1634. .buttons,
  1635. .ac_results .name,
  1636. .b-animes-menu .total-rates,
  1637. .b-club .name-logo:hover .name,
  1638. .b-comment > .inner header .name-date a.name,
  1639. .b-comments .comments-expander,
  1640. .b-comments .comments-expander:hover,
  1641. .b-comments .comments-hider,
  1642. .b-comments .comments-hider:hover,
  1643. .b-comments .comments-loader,
  1644. .b-comments .comments-loader:hover,
  1645. .b-comments .faye-loader,
  1646. .b-comments .faye-loader:hover,
  1647. .b-comments .messages-postloader,
  1648. .b-comments .messages-postloader:hover,
  1649. .b-entry-info .line .value,
  1650. .b-forum .faye-loader,
  1651. .b-forum .faye-loader:hover,
  1652. .b-header_filters .filter-line .title,
  1653. .b-header_filters .filter-line a.current,
  1654. .b-mention s,
  1655. .b-options-floated .selected.always-active,
  1656. .b-quote,
  1657. .b-rate .score-notice,
  1658. .b-rate .text-score,
  1659. .b-table th,
  1660. .b-topic > .inner header .name-date a.name,
  1661. .b-user.detailed .history .line .event,
  1662. .collapsed,
  1663. .completable-block .name,
  1664. .l-page .menu-toggler .toggler:after,
  1665. .p-anime_videos-index .c-anime_video_episodes .title,
  1666. .p-anime_videos-index .c-videos .title,
  1667. .p-anime_videos-index .same-videos .title,
  1668. .p-statistics-index .forum-nav .sections a,
  1669. .p-user_rates-index .list-groups .summary.lines,
  1670. .p-userlist_comparer .comparer table .name a,
  1671. .tooltip-details .b-nothing_here.centered {
  1672. color: inherit;
  1673. }
  1674.  
  1675. .b-comments .comments-expander:active,
  1676. .b-comments .comments-hider:active,
  1677. .b-comments .comments-loader:active,
  1678. .b-forum .faye-loader:active,
  1679. .block-list li.selected,
  1680. .block-list-alt li.selected,
  1681. .b-block_list li.selected,
  1682. .p-animes-show .other-names.click-loader,
  1683. .p-mangas-show .other-names.click-loader {
  1684. color: inherit !important;
  1685. }
  1686.  
  1687. @media screen and (max-width: 767px) {
  1688. .b-options-floated.mobile-phone a.selected {
  1689. color: inherit;
  1690. }
  1691. }
  1692.  
  1693. /* MAIN BLOCKS */
  1694. body {
  1695. position: relative;
  1696. min-height: 100%;
  1697. font-size: 16px;
  1698. font-weight: 400;
  1699. line-height: 1.25;
  1700. overflow-x: hidden;
  1701. }
  1702.  
  1703. .l-page {
  1704. min-height: 100%;
  1705. padding-top: 4.5rem;
  1706. padding-right: 1rem;
  1707. padding-bottom: 4.5rem;
  1708. padding-left: 1rem;
  1709. background-color: inherit;
  1710. }
  1711.  
  1712. .l-footer {
  1713. position: absolute;
  1714. right: 0;
  1715. bottom: 0;
  1716. left: 0;
  1717. width: 100%;
  1718. max-width: inherit;
  1719. padding: 0 1rem;
  1720. margin: auto;
  1721. text-align: center;
  1722. }
  1723.  
  1724. .l-footer:before {
  1725. content: 'Theme by grin3671';
  1726. display: block;
  1727. float: left;
  1728. position: static;
  1729. left: auto;
  1730. bottom: auto;
  1731. width: auto;
  1732. height: auto;
  1733. background: none;
  1734. font-size: .6875rem;
  1735. }
  1736.  
  1737. /* DO NOT DELETE */
  1738. /* Информация для устранения неполадок */
  1739. body[data-user*=":2727,"] .l-footer:before {
  1740. content: "Theme by grin3671 v1.2.85 (beta)";
  1741. }
  1742.  
  1743. .l-footer:before,
  1744. .l-footer .copyright {
  1745. padding: .5rem 0 0;
  1746. font-family: inherit;
  1747. line-height: 1rem;
  1748. }
  1749.  
  1750. .l-footer:after {
  1751. display: none;
  1752. }
  1753.  
  1754. .l-footer .links {
  1755. clear: both;
  1756. display: inline-block;
  1757. padding: .5rem 0;
  1758. font: inherit;
  1759. font-size: .75rem;
  1760. line-height: 1rem;
  1761. text-align: center;
  1762. }
  1763.  
  1764. .l-footer .links a:last-child {
  1765. margin: 0;
  1766. }
  1767.  
  1768. @media (min-width: 960px) {
  1769. .l-page,
  1770. .l-footer {
  1771. padding-right: 1.5rem;
  1772. padding-left: 1.5rem;
  1773. }
  1774. }
  1775.  
  1776. /* END of MAIN BLOCKS */
  1777. /* ВЫСОТА СТРОКИ */
  1778. .cc-2a > .c-column,
  1779. .block,
  1780. .b-db_entry,
  1781. .p-animes .b-db_entry > *:last-child {
  1782. line-height: inherit;
  1783. }
  1784.  
  1785. @media only screen and (min-width: 768px) {
  1786. .cc-2 > .c-column,
  1787. .p-animes-show .cc-related-authors > .c-column,
  1788. .p-mangas-show .cc-related-authors > .c-column {
  1789. line-height: inherit;
  1790. }
  1791. }
  1792.  
  1793. .cc-3-flex > .c-column {
  1794. line-height: inherit;
  1795. }
  1796.  
  1797. /* ЗАКРУГЛЕНИЕ */
  1798. .b-comments .comments-loader,
  1799. .b-comments .comments-hider,
  1800. .b-comments .comments-expander,
  1801. .b-comments .messages-postloader,
  1802. .b-forum .faye-loader,
  1803. .collapsed,
  1804. .tipsy-inner,
  1805. .button,
  1806. .b-button,
  1807. .b-contests-menu .results,
  1808. .b-link_button,
  1809. input[type=submit],
  1810. .btn,
  1811. .b-comments-notifier,
  1812. .p-animes_collection-index .pagination .link,
  1813. .p-mangas_collection-index .pagination .link,
  1814. .p-recommendations-index .pagination .link,
  1815. .p-userlist_comparer-show .pagination .link,
  1816. .subheadline-buttons .item-edit,
  1817. .p-characters .item-edit,
  1818. .b-catalog_entry .image-cutter,
  1819. .b-main_search .input,
  1820. .b-lang_trigger,
  1821. .b-user_rate .rate-show .note,
  1822. .c-poster img,
  1823. .c-actions > *,
  1824. .b-user_rate .rate-show .rate-number .item-add,
  1825. .p-animes-show .watch-online,
  1826. .p-animes-show .upload-video,
  1827. .p-mangas-show .watch-online,
  1828. .p-mangas-show .upload-video,
  1829. .b-tag,
  1830. .b-entry-info .line .b-tag,
  1831. .b-catalog_entry-tooltip .inner .line .value .tag,
  1832. .b-topic > .inner header img,
  1833. .b-quote,
  1834. .p-clubs-index header.head a.misc,
  1835. .b-list_switchers > .switcher,
  1836. .p-user_rates-index .l-content .filter input,
  1837. .p-user_rates-index .list-lines tr td .new-value input,
  1838. .p-user_rates-index .list-lines tr.edit-form form,
  1839. .p-user_rates-index .list-lines tr.edit-form .remove,
  1840. .p-profiles-show .b-stats_bar a.title,
  1841. .b-stats_bar .bar,
  1842. .profile-actions > a,
  1843. .l-page .b-anime_status_tag:before,
  1844. .p-profiles .profile-head .c-history .entry img,
  1845. .p-profiles-show .about .item-edit,
  1846. header.head h1 a.back,
  1847. header.head h2 a.back,
  1848. .edit-page a.cancel,
  1849. .editor-controls > span,
  1850. .tooltip-inner,
  1851. .b-topic-preview > .editor-container .hide,
  1852. .b-input,
  1853. .b-input input {
  1854. border-radius: .125rem;
  1855. }
  1856.  
  1857. /* LAYOUT */
  1858. @media screen and (max-width: 480px) and (orientation: portrait) {
  1859. .l-page .menu-slide-outer .menu-slide-inner {
  1860. width: 100%;
  1861. }
  1862. .menu-slide-outer.x199 .l-content,
  1863. .menu-slide-outer.x240 .l-content {
  1864. float: none;
  1865. width: 100%;
  1866. margin: 0;
  1867. }
  1868. }
  1869.  
  1870. @media screen and (min-width: 481px) and (max-width: 767px), screen and (max-width: 767px) and (orientation: landscape) {
  1871. .l-page .menu-slide-outer .menu-slide-inner {
  1872. width: 100%;
  1873. }
  1874. .menu-slide-outer.x199 .l-content,
  1875. .menu-slide-outer.x240 .l-content {
  1876. float: none;
  1877. width: 100%;
  1878. margin-right: 0;
  1879. }
  1880. }
  1881.  
  1882. @media screen and (min-width: 768px) and (max-width: 1024px) {
  1883. .l-page.menu-expanded .x240 .l-content {
  1884. margin-left: 0;
  1885. }
  1886. .l-page .menu-slide-outer.x240.ipad-expanded .menu-slide-inner,
  1887. .l-page .menu-slide-outer:not(.ipad-expanded) .menu-slide-inner {
  1888. width: 100%;
  1889. }
  1890. .menu-slide-outer.x199 .l-content,
  1891. .menu-slide-outer.x240 .l-content {
  1892. float: none;
  1893. width: 100%;
  1894. margin-right: 0;
  1895. }
  1896. }
  1897.  
  1898. @media screen and (max-width: 1024px) {
  1899. .l-page .menu-slide-outer {
  1900. overflow: hidden;
  1901. }
  1902. }
  1903.  
  1904. /* ОБЩИЕ КЛАССЫ */
  1905. .p0,
  1906. .m0,
  1907. .m1,
  1908. .m2,
  1909. .m3,
  1910. .m4,
  1911. .m5,
  1912. .m6,
  1913. .m7,
  1914. .m8,
  1915. .m10,
  1916. .m12,
  1917. .m13,
  1918. .m15,
  1919. .m20,
  1920. .m25,
  1921. .m30,
  1922. .m40,
  1923. .m50 {
  1924. margin-bottom: .5rem !important;
  1925. }
  1926.  
  1927. h3 {
  1928. font-size: 1.125rem;
  1929. line-height: 1.5;
  1930. margin-bottom: .5rem;
  1931. text-overflow: ellipsis;
  1932. white-space: nowrap;
  1933. overflow: hidden;
  1934. }
  1935.  
  1936. hr {
  1937. margin: .5rem 0;
  1938. background-image: none;
  1939. }
  1940.  
  1941. .ajax-loading.vk-like {
  1942. min-height: 1.5rem;
  1943. }
  1944.  
  1945. .b-ajax:before {
  1946. opacity: .75;
  1947. }
  1948.  
  1949. .b-ajax:after {
  1950. width: 1.5rem;
  1951. height: 1.5rem;
  1952. margin-top: -.75rem;
  1953. margin-left: -.75rem;
  1954. background: transparent;
  1955. border: .1875rem solid;
  1956. border-right-color: transparent;
  1957. border-radius: 50%;
  1958. color: #2c666e;
  1959. -webkit-animation: spin 2s linear infinite;
  1960. animation: spin 2s linear infinite;
  1961. box-sizing: border-box;
  1962. pointer-events: all;
  1963. }
  1964.  
  1965. /* Списки */
  1966. .b-list {
  1967. margin: .5rem 0 1rem 2rem;
  1968. }
  1969.  
  1970. .b-list li {
  1971. margin: 0;
  1972. line-height: 1.5;
  1973. list-style-type: disc;
  1974. list-style-image: none;
  1975. }
  1976.  
  1977. .b-list li + li {
  1978. margin: .5rem 0 0 0;
  1979. }
  1980.  
  1981. .b-list .b-list li + li {
  1982. margin: 0;
  1983. }
  1984.  
  1985. .b-height_shortener {
  1986. position: relative;
  1987. padding-left: 0;
  1988. cursor: s-resize;
  1989. }
  1990.  
  1991. .b-comment .b-height_shortener,
  1992. .b-dialog .b-height_shortener,
  1993. .p-clubs .b-height_shortener {
  1994. padding-left: 3.5rem;
  1995. }
  1996.  
  1997. .buttons .cancel {
  1998. vertical-align: top;
  1999. margin-right: .5rem;
  2000. border: 0;
  2001. }
  2002.  
  2003. .b-form .cancel {
  2004. margin-left: 0;
  2005. }
  2006.  
  2007. .b-form .cancel:hover {
  2008. text-decoration: none;
  2009. }
  2010.  
  2011. .b-errors {
  2012. margin-bottom: .5rem;
  2013. line-height: inherit;
  2014. }
  2015.  
  2016. .red,
  2017. .b-errors .subheadline {
  2018. margin-bottom: 0;
  2019. border: 0;
  2020. }
  2021.  
  2022. .b-review-topic .b-height_shortener {
  2023. padding-left: 0;
  2024. cursor: default;
  2025. }
  2026.  
  2027. .b-height_shortener .shade {
  2028. right: 0;
  2029. left: 0;
  2030. width: auto;
  2031. height: 2.5rem;
  2032. margin-top: -2.5rem;
  2033. }
  2034.  
  2035. .b-height_shortener .expand {
  2036. font-size: .875rem;
  2037. }
  2038.  
  2039. .b-comment.b-comment-info {
  2040. font-size: .875rem;
  2041. text-align: left;
  2042. line-height: 1.5rem;
  2043. }
  2044.  
  2045. .b-comment.b-comment-info > span {
  2046. margin-right: .5rem;
  2047. }
  2048.  
  2049. .b-comments .comments-loader,
  2050. .b-comments .comments-hider,
  2051. .b-comments .comments-expander,
  2052. .b-comments .messages-postloader,
  2053. .b-forum .faye-loader,
  2054. .collapsed {
  2055. padding: .4375rem 2.5rem;
  2056. margin: 0;
  2057. margin-bottom: .5rem;
  2058. line-height: 1.5rem;
  2059. }
  2060.  
  2061. .b-dropzone {
  2062. padding: .5rem 1rem 3rem;
  2063. background-color: #616161;
  2064. border: 1px dashed #757575;
  2065. border-radius: .125rem;
  2066. }
  2067.  
  2068. .b-dropzone:hover {
  2069. border-color: #2c666e;
  2070. }
  2071.  
  2072. .b-dropzone:before {
  2073. margin: .5rem 0;
  2074. font-size: 14px;
  2075. }
  2076.  
  2077. .b-dropzone .thank-you {
  2078. margin-bottom: .5rem;
  2079. }
  2080.  
  2081. .b-dropzone input[type=file] {
  2082. bottom: 1rem;
  2083. }
  2084.  
  2085. .b-dropzone:before,
  2086. .b-dropzone input[type=file] {
  2087. color: #9E9E9E;
  2088. }
  2089.  
  2090. .b-dropzone:hover:before,
  2091. .b-dropzone:hover input[type=file] {
  2092. color: #EEEEEE;
  2093. }
  2094.  
  2095. .b-forum .faye-loader {
  2096. padding: .4375rem .5rem;
  2097. }
  2098.  
  2099. .b-comments .comments-collapser {
  2100. width: 2.5rem;
  2101. padding: .5rem;
  2102. margin: 0;
  2103. border: 0;
  2104. font-size: 0;
  2105. line-height: 0;
  2106. }
  2107.  
  2108. .b-comments .comments-collapser:before {
  2109. content: 'expand_less';
  2110. display: block;
  2111. }
  2112.  
  2113. .b-image {
  2114. display: inline-block;
  2115. vertical-align: top;
  2116. margin-bottom: .25rem;
  2117. }
  2118.  
  2119. /* Кнопки управления изображениями */
  2120. .b-image img {
  2121. vertical-align: top;
  2122. border-radius: .125rem;
  2123. }
  2124.  
  2125. .b-gallery .b-image {
  2126. padding: .125rem;
  2127. }
  2128.  
  2129. .b-gallery .b-image .controls {
  2130. margin: .125rem;
  2131. text-align: right;
  2132. }
  2133.  
  2134. /* Кнопки */
  2135. .b-image .mobile-edit,
  2136. .b-image .delete,
  2137. .b-image.deletable .confirm,
  2138. .b-image.deletable .cancel,
  2139. .p-user_rates-index .list-posters .user_rate .edit-user_rate {
  2140. width: auto;
  2141. height: auto;
  2142. padding: .5rem;
  2143. margin-top: .25rem !important;
  2144. margin-right: .25rem !important;
  2145. border-radius: .125rem;
  2146. }
  2147.  
  2148. @media screen and (min-width: 1024px) {
  2149. .b-image .mobile-edit,
  2150. .b-image .delete,
  2151. .b-image.deletable .confirm,
  2152. .b-image.deletable .cancel,
  2153. .p-user_rates-index .list-posters .user_rate .edit-user_rate {
  2154. background-color: transparent;
  2155. }
  2156. }
  2157.  
  2158. .b-image .delete,
  2159. .b-image .confirm,
  2160. .b-image .cancel,
  2161. .b-image .move-left,
  2162. .b-image .move-right,
  2163. .b-image .mobile-edit {
  2164. z-index: 8;
  2165. }
  2166.  
  2167. .b-image .mobile-edit,
  2168. .b-gallery .grid_sizer .controls {
  2169. margin-top: .375rem !important;
  2170. margin-right: .375rem !important;
  2171. }
  2172.  
  2173. @media screen and (min-width: 767px) {
  2174. .p-user_rates-index .list-posters .user_rate .edit-user_rate {
  2175. background-color: transparent;
  2176. }
  2177. }
  2178.  
  2179. /* Настройки иконок */
  2180. .b-image .mobile-edit:before,
  2181. .b-image .delete:before,
  2182. .b-image.deletable .confirm:before,
  2183. .b-image.deletable .cancel:before,
  2184. .p-user_rates-index .list-posters .user_rate .edit-user_rate:before {
  2185. width: 1.5rem;
  2186. font-size: 1.5rem;
  2187. }
  2188.  
  2189. .p-user_rates-index .list-posters .user_rate .edit-user_rate:before {
  2190. position: static;
  2191. height: auto;
  2192. background: transparent;
  2193. }
  2194.  
  2195. /* Затемнение */
  2196. .b-gallery .b-image .controls,
  2197. .user_rate .b-catalog_entry:after {
  2198. position: absolute;
  2199. top: 0;
  2200. right: 0;
  2201. bottom: 0;
  2202. left: 0;
  2203. background-image: linear-gradient(rgba(0, 0, 0, 0.6) 0%, transparent 40%);
  2204. border-radius: .125rem;
  2205. }
  2206.  
  2207. .user_rate .b-catalog_entry:after {
  2208. content: '';
  2209. opacity: 0;
  2210. pointer-events: none;
  2211. }
  2212.  
  2213. .b-image:hover,
  2214. .b-image.deletable img,
  2215. .b-image.deletable:after,
  2216. .b-image.mobile-editing:after,
  2217. .p-user_rates-index .list-posters .user_rate:hover .b-catalog_entry:after {
  2218. opacity: 1;
  2219. }
  2220.  
  2221. /* Вид иконки */
  2222. .b-image .mobile-edit:before,
  2223. .p-user_rates-index .list-posters .user_rate .edit-user_rate:before {
  2224. content: 'edit';
  2225. }
  2226.  
  2227. .b-image .delete:before {
  2228. content: 'delete';
  2229. }
  2230.  
  2231. .b-image .confirm:before {
  2232. content: 'check';
  2233. }
  2234.  
  2235. .b-image .cancel:before {
  2236. content: 'close';
  2237. }
  2238.  
  2239. /* END of Кнопки управления изображениями */
  2240. .b-modal > .inner {
  2241. padding: 1rem 1.5rem;
  2242. border-radius: .125rem;
  2243. box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.24);
  2244. }
  2245.  
  2246. .b-modal .subheadline {
  2247. font-size: 20px;
  2248. font-weight: 400;
  2249. text-transform: none;
  2250. }
  2251.  
  2252. .b-prgrph,
  2253. .b-spoiler_prgrph {
  2254. margin-bottom: .5rem !important;
  2255. }
  2256.  
  2257. .b-show_more,
  2258. .b-show_more-more .hide-more {
  2259. display: inline-block;
  2260. padding: 0 .5rem;
  2261. margin: .25rem 0;
  2262. border-radius: .625rem;
  2263. font-size: .875rem;
  2264. }
  2265.  
  2266. .b-source {
  2267. margin-top: .5rem;
  2268. margin-bottom: 1rem;
  2269. }
  2270.  
  2271. .b-spoiler label {
  2272. font-size: inherit;
  2273. letter-spacing: initial;
  2274. }
  2275.  
  2276. .b-spoiler .content .before,
  2277. .b-spoiler .content .after {
  2278. font-size: inherit;
  2279. letter-spacing: initial;
  2280. }
  2281.  
  2282. .b-nothing_here {
  2283. margin-left: 0;
  2284. font-size: .875rem;
  2285. line-height: 2.5rem;
  2286. }
  2287.  
  2288. header.head h1,
  2289. header.head h2 {
  2290. font-family: inherit;
  2291. }
  2292.  
  2293. header.head .notice {
  2294. margin: .5rem 0;
  2295. font-size: .875rem;
  2296. line-height: 1.25rem;
  2297. }
  2298.  
  2299. header.head h1 ~ .notice,
  2300. header.head h2 ~ .notice {
  2301. margin-top: -.5rem;
  2302. }
  2303.  
  2304. .b-breadcrumbs {
  2305. margin: 0;
  2306. line-height: 1rem;
  2307. }
  2308.  
  2309. .b-breadcrumbs > span:after {
  2310. content: '»';
  2311. }
  2312.  
  2313. /* Всплывающая подсказка */
  2314. .tipsy {
  2315. padding: .875rem;
  2316. font-size: .875rem;
  2317. opacity: .9 !important;
  2318. pointer-events: none;
  2319. }
  2320.  
  2321. .tipsy-arrow {
  2322. display: none;
  2323. }
  2324.  
  2325. .tipsy-inner {
  2326. padding: .375rem 1rem;
  2327. background-color: #616161;
  2328. color: #eee;
  2329. text-align: left;
  2330. box-shadow: none;
  2331. }
  2332.  
  2333. input {
  2334. font-family: inherit;
  2335. font-size: inherit;
  2336. }
  2337.  
  2338. /* Кнопки */
  2339. .button,
  2340. .b-button,
  2341. .b-form input[type=submit],
  2342. .b-topic-preview > .editor-container .hide,
  2343. .edit-page a.cancel {
  2344. display: inline-block;
  2345. }
  2346.  
  2347. input[type=submit],
  2348. .button,
  2349. .b-button,
  2350. .b-form input[type=submit],
  2351. .b-contests-menu .results,
  2352. .b-link_button,
  2353. .b-shiki_editor .links .b-button.ok,
  2354. .b-shiki_editor .images .b-button.ok,
  2355. .b-shiki_editor .quotes .b-button.ok,
  2356. .b-shiki_editor .email .b-button.ok,
  2357. .b-shiki_editor .upload .b-button.ok,
  2358. .edit-page a.cancel {
  2359. min-width: 5.5rem;
  2360. padding: 0 1rem;
  2361. margin-right: .5rem;
  2362. font-size: .875rem;
  2363. line-height: 2rem !important;
  2364. text-align: center;
  2365. text-decoration: none !important;
  2366. text-transform: uppercase;
  2367. transition: 0.16s cubic-bezier(0.4, 0, 0.6, 1);
  2368. }
  2369.  
  2370. input[type=submit]:last-child,
  2371. .b-button:last-child,
  2372. .b-form input[type=submit]:last-child {
  2373. margin-right: 0;
  2374. }
  2375.  
  2376. input[type=submit]:hover {
  2377. box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  2378. }
  2379.  
  2380. /* TODO: new variable $btn_disabled_color (L: #9E9E9E; D: #757575) */
  2381. .b-button[disabled],
  2382. .b-button.disabled,
  2383. .b-button[disabled]:hover,
  2384. .b-button.disabled:hover,
  2385. .b-form input[type=submit][disabled],
  2386. .b-form input[type=submit].disabled,
  2387. .b-form input[type=submit][disabled]:hover,
  2388. .b-form input[type=submit].disabled:hover {
  2389. background-color: #424242;
  2390. box-shadow: none;
  2391. color: #9E9E9E !important;
  2392. }
  2393.  
  2394. .b-shiki_editor .links .b-button.ok,
  2395. .b-shiki_editor .images .b-button.ok,
  2396. .b-shiki_editor .quotes .b-button.ok,
  2397. .b-shiki_editor .email .b-button.ok,
  2398. .b-shiki_editor .upload .b-button.ok {
  2399. min-width: auto;
  2400. margin-left: 1rem;
  2401. }
  2402.  
  2403. .b-shiki_editor .links input,
  2404. .b-shiki_editor .images input,
  2405. .b-shiki_editor .quotes input,
  2406. .b-shiki_editor .email input,
  2407. .b-shiki_editor .upload input {
  2408. vertical-align: middle;
  2409. margin-top: 0px;
  2410. }
  2411.  
  2412. .edit-page a.cancel,
  2413. .b-topic-preview > .editor-container .hide {
  2414. background-color: transparent;
  2415. }
  2416.  
  2417. .b-topic-preview > .editor-container .hide {
  2418. vertical-align: top;
  2419. border: 0;
  2420. }
  2421.  
  2422. .b-topic {
  2423. overflow: visible;
  2424. }
  2425.  
  2426. .b-topic > .inner {
  2427. overflow: visible;
  2428. }
  2429.  
  2430. .b-topic-preview > .inner > footer {
  2431. overflow: hidden;
  2432. }
  2433.  
  2434. /* Чекбоксы */
  2435. /* TODO: L: border-color normal #757575 disabled #BDBDBD */
  2436. /* D: border-color normal #FFFFFF disabled rgba(255,255,255,.3) */
  2437. input[type=checkbox],
  2438. .b-input input[type=checkbox] {
  2439. display: inline-block;
  2440. vertical-align: top;
  2441. width: 1.125rem !important;
  2442. height: 1.125rem;
  2443. padding: 0;
  2444. margin: .1875rem 1rem .1875rem 0;
  2445. background-color: transparent;
  2446. background-repeat: no-repeat;
  2447. background-size: 1.125rem;
  2448. background-position: -.125rem -.125rem;
  2449. border: 0.125rem solid #BDBDBD;
  2450. border-radius: .125rem;
  2451. box-sizing: border-box;
  2452. transition: 0.24s cubic-bezier(0.4, 0, 0.2, 1);
  2453. -webkit-appearance: none;
  2454. -moz-appearance: none;
  2455. appearance: none;
  2456. }
  2457.  
  2458. input[type=checkbox]:checked,
  2459. .b-input input[type=checkbox]:checked {
  2460. background-color: #2c666e;
  2461. background-image: url("data\:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNOSAxNi4xN0w0LjgzIDEybC0xLjQyIDEuNDFMOSAxOSAyMSA3bC0xLjQxLTEuNDF6Ii8+PC9zdmc+");
  2462. border-color: transparent;
  2463. }
  2464.  
  2465. input[type=checkbox]:disabled,
  2466. .b-input input[type=checkbox]:disabled {
  2467. border-color: #9E9E9E;
  2468. }
  2469.  
  2470. input[type=checkbox]:checked:disabled,
  2471. .b-input input[type=checkbox]:checked:disabled {
  2472. background-color: #9E9E9E;
  2473. border-color: transparent;
  2474. }
  2475.  
  2476. /* Формы */
  2477. .b-form {
  2478. overflow: visible;
  2479. }
  2480.  
  2481. .b-form:after {
  2482. content: '';
  2483. display: block;
  2484. clear: both;
  2485. }
  2486.  
  2487. .b-input input,
  2488. .b-input textarea {
  2489. padding: .3125rem 1rem;
  2490. line-height: 1.25rem;
  2491. }
  2492.  
  2493. .b-input textarea {
  2494. padding: .4375rem 1rem;
  2495. }
  2496.  
  2497. .b-input input[disabled] {
  2498. background: transparent;
  2499. border-width: 0;
  2500. border-bottom-width: .125rem;
  2501. padding: .375rem 0 .25rem;
  2502. color: #9E9E9E !important;
  2503. }
  2504.  
  2505. /* TODO: check moz & ms browsers */
  2506. .b-input input::-webkit-input-placeholder,
  2507. .b-input textarea::-webkit-input-placeholder,
  2508. .b-shiki_editor .body .editor textarea::-webkit-input-placeholder {
  2509. padding: 0;
  2510. line-height: inherit;
  2511. }
  2512.  
  2513. .b-input input:-moz-placeholder,
  2514. .b-input textarea:-moz-placeholder,
  2515. .b-shiki_editor .body .editor textarea:-moz-placeholder {
  2516. padding: 0;
  2517. line-height: inherit;
  2518. }
  2519.  
  2520. .b-input input::-moz-placeholder,
  2521. .b-input textarea::-moz-placeholder,
  2522. .b-shiki_editor .body .editor textarea::-moz-placeholder {
  2523. padding: 0;
  2524. line-height: inherit;
  2525. }
  2526.  
  2527. .b-input input:-ms-input-placeholder,
  2528. .b-input textarea:-ms-input-placeholder,
  2529. .b-shiki_editor .body .editor textarea:-ms-input-placeholder {
  2530. padding: 0;
  2531. line-height: inherit;
  2532. }
  2533.  
  2534. select {
  2535. max-width: 100%;
  2536. height: 2rem;
  2537. padding: 2px .5rem;
  2538. font-size: .875rem;
  2539. line-height: 2rem;
  2540. }
  2541.  
  2542. .b-input .hint {
  2543. font-size: .75rem;
  2544. line-height: 1.25rem;
  2545. }
  2546.  
  2547. .b-input label {
  2548. line-height: 1.5;
  2549. }
  2550.  
  2551. .buttons {
  2552. font-family: inherit;
  2553. font-size: inherit;
  2554. }
  2555.  
  2556. .b-form .buttons {
  2557. margin-top: .5rem;
  2558. }
  2559.  
  2560. .btn {
  2561. line-height: 2rem;
  2562. }
  2563.  
  2564. .b-contests-menu .results {
  2565. float: none;
  2566. display: block;
  2567. margin: .5rem 0;
  2568. }
  2569.  
  2570. .b-link_button {
  2571. margin-bottom: .5rem;
  2572. }
  2573.  
  2574. .b-link_button.maxi {
  2575. padding: 0;
  2576. font-size: 1rem;
  2577. line-height: 2.5rem;
  2578. }
  2579.  
  2580. .b-contests-menu .results,
  2581. .b-forums > .b-link_button.maxi,
  2582. .b-link_button.create-topic {
  2583. margin-right: 0;
  2584. }
  2585.  
  2586. .l-page .menu-toggler {
  2587. top: 64px;
  2588. z-index: 9;
  2589. }
  2590.  
  2591. .l-page.menu-expanded .menu-toggler {
  2592. z-index: 10;
  2593. }
  2594.  
  2595. @media (max-width: 1024px) {
  2596. .l-menu {
  2597. z-index: 9;
  2598. }
  2599. }
  2600.  
  2601. .p-user_rates-index .l-page .menu-toggler {
  2602. top: -96px;
  2603. }
  2604.  
  2605. [data-locale="ru"] .l-page .menu-toggler .toggler:before {
  2606. content: 'меню';
  2607. }
  2608.  
  2609. [data-locale="en"] .l-page .menu-toggler .toggler:before {
  2610. content: 'sidebar';
  2611. }
  2612.  
  2613. .history-interval,
  2614. .mischeadline,
  2615. .b-input,
  2616. .prgrph,
  2617. .spoiler-prgrph,
  2618. .review-votes_count {
  2619. margin-bottom: .5rem !important;
  2620. }
  2621.  
  2622. .text {
  2623. margin-left: 0 !important;
  2624. }
  2625.  
  2626. .tooltip-inner .close {
  2627. top: 0;
  2628. right: 0;
  2629. width: 2rem;
  2630. padding: .4375rem;
  2631. background: transparent;
  2632. border-radius: 50%;
  2633. color: inherit;
  2634. font-size: 1.125rem;
  2635. }
  2636.  
  2637. .tooltip-inner .close:after {
  2638. content: 'close';
  2639. }
  2640.  
  2641. .block-list li,
  2642. .block-list-alt li {
  2643. line-height: 1.5rem;
  2644. margin: 2px -.5rem;
  2645. padding: 0 .5rem;
  2646. }
  2647.  
  2648. .b-block_list li {
  2649. padding: 0 .5rem;
  2650. margin: 0 -.5rem;
  2651. font-family: inherit;
  2652. line-height: 1.5rem;
  2653. }
  2654.  
  2655. .b-comments-notifier {
  2656. top: 0 !important;
  2657. width: 2rem;
  2658. height: 2rem;
  2659. margin-top: 4rem;
  2660. line-height: 2rem;
  2661. }
  2662.  
  2663. .block,
  2664. .b-topic .body {
  2665. line-height: 1.25;
  2666. }
  2667.  
  2668. .b-pages-container,
  2669. .b-topic > .inner > .body,
  2670. .b-db_entry > div:last-child .text {
  2671. line-height: 1.5;
  2672. }
  2673.  
  2674. .b-user.named_avatar .name {
  2675. margin: auto;
  2676. }
  2677.  
  2678. /* FIX: BACKFACE VISIBILITY */
  2679. .b-collection-filters > .block:first-child > .b-list > li:after,
  2680. .b-collection-filters > .block:first-child > .b-list > li:before,
  2681. .b-collection-filters > .block:first-child > .b-list > li:after,
  2682. .b-collection-filters > .block:first-child > .b-list > li:before,
  2683. .l-top_menu .inner > a:first-child,
  2684. .l-top_menu .menu-items > .entry > a,
  2685. .p-user_rates .mylist-block + .block > .b-list > li:after,
  2686. .p-user_rates .mylist-block + .block > .b-list > li:before {
  2687. -webkit-backface-visibility: hidden;
  2688. -moz-backface-visibility: hidden;
  2689. backface-visibility: hidden;
  2690. }
  2691.  
  2692. /**
  2693. * TOPMENU
  2694. * Изменение верхнего меню сайта.
  2695. * Меню закреплено и увеличено.
  2696. */
  2697. /* НАСТРОЙКА ЦВЕТОВ МЕНЮ */
  2698. /* ОСНОВНОЕ МЕНЮ */
  2699. /* Фон меню */
  2700. .l-top_menu:before {
  2701. background-color: #212121;
  2702. }
  2703.  
  2704. /* Цвет текста в меню */
  2705. .l-top_menu {
  2706. color: #FAFAFA;
  2707. }
  2708.  
  2709. /* Цвет текста пунктов меню при наведении */
  2710. /* Цвет текста активных пунктов меню */
  2711. /* По умолчанию: цвет текста наследуется от меню */
  2712. .l-top_menu .menu-items > .entry.selected,
  2713. .l-top_menu .menu-items > .entry > a:active {
  2714. color: inherit !important;
  2715. }
  2716.  
  2717. /* Цвет текста пунктов меню при наведении */
  2718. /* По умолчанию: цвет текста наследуется от меню */
  2719. .l-top_menu .menu-items > .entry:hover {
  2720. color: inherit;
  2721. }
  2722.  
  2723. /* ВЫПАДАЮЩЕЕ МЕНЮ */
  2724. @media only screen and (min-width: 1025px) {
  2725. /* Цвет фона выпадающего меню при наведении */
  2726. .l-top_menu .submenu,
  2727. .b-main_search ul.popup {
  2728. background: #424242;
  2729. }
  2730. /* Цвет пунктов выпадающего меню при щелчке */
  2731. /* Цвет активных пунктов выпадающего меню */
  2732. /* По умолчанию: затемненный цвет фона выпадающего меню */
  2733. .l-top_menu .submenu > .entry:active,
  2734. .l-top_menu .submenu > .entry.active {
  2735. background-color: rgba(0, 0, 0, 0.24);
  2736. }
  2737. /* Цвет пунктов выпадающего меню при наведении */
  2738. /* По умолчанию: осветленный цвет фона выпадающего меню */
  2739. .l-top_menu .submenu > .entry:hover {
  2740. background-color: rgba(255, 255, 255, 0.24);
  2741. }
  2742. /* Цвет текста выпадающих меню */
  2743. /* По умолчанию: цвет текста наследуется от меню */
  2744. .l-top_menu .menu-search > .entry,
  2745. .l-top_menu .menu-userbox > .entry,
  2746. .l-top_menu .submenu {
  2747. color: inherit;
  2748. }
  2749. /* Цвет текста выпадающих меню при щелчке */
  2750. /* Цвет текста активных пунктов выпадающего меню */
  2751. /* По умолчанию: цвет текста наследуется от выпадающего меню */
  2752. .l-top_menu .submenu > .entry:active,
  2753. .l-top_menu .submenu > .entry.active,
  2754. .b-main_search .popup li:active,
  2755. .b-main_search .popup li.active {
  2756. color: inherit;
  2757. }
  2758. /* Цвет текста выпадающих меню при наведении */
  2759. /* По умолчанию: цвет текста наследуется от выпадающего меню */
  2760. .l-top_menu .submenu > .entry:hover,
  2761. .b-main_search .popup li:hover {
  2762. color: inherit;
  2763. }
  2764. /* ЦВЕТА ПОИСКА */
  2765. /* Фон строки поиска */
  2766. .b-main_search .input {
  2767. background: rgba(242, 242, 242, 0.32);
  2768. }
  2769. /* Набираемый текст в строке поиска */
  2770. .b-main_search .input input {
  2771. color: #fff;
  2772. }
  2773. /* Вспомогательный текст в строке поиска */
  2774. .b-main_search input::-webkit-input-placeholder {
  2775. color: #ddd;
  2776. }
  2777. .b-main_search input:-moz-placeholder {
  2778. color: #ddd;
  2779. }
  2780. .b-main_search input::-moz-placeholder {
  2781. color: #ddd;
  2782. }
  2783. .b-main_search input:-ms-input-placeholder {
  2784. color: #ddd;
  2785. }
  2786. }
  2787.  
  2788. /* ОБЩИЕ ЦВЕТА ПОИСКА */
  2789. .b-main_search .popup li:hover {
  2790. background-color: rgba(255, 255, 255, 0.24);
  2791. }
  2792.  
  2793. .b-main_search .popup li.active,
  2794. .b-main_search .popup li:active {
  2795. background-color: rgba(0, 0, 0, 0.24);
  2796. }
  2797.  
  2798. .l-top_menu .entry,
  2799. .b-main_search .popup li,
  2800. .b-main_search .popup li:hover,
  2801. .b-main_search .popup li:active {
  2802. color: inherit;
  2803. }
  2804.  
  2805. /* ЦВЕТ ИКОНОК в меню (для мобильной версии) */
  2806. /* По умолчанию: цвет текста наследуется от меню */
  2807. .l-top_menu .to-mobile-forum,
  2808. .l-top_menu .menu-mobile .search,
  2809. .l-top_menu .menu-mobile .menu,
  2810. .l-top_menu .menu-mobile #sign_in,
  2811. .l-top_menu .menu-userbox .search,
  2812. .l-top_menu .menu-userbox .menu,
  2813. .l-top_menu .menu-userbox #sign_in {
  2814. color: inherit;
  2815. }
  2816.  
  2817. /* END of Настройка цветов в меню */
  2818. /* NOTE: Что это за элемент? */
  2819. .to-top-fix {
  2820. height: 0;
  2821. background: none;
  2822. border: 0;
  2823. }
  2824.  
  2825. .l-top_menu:before {
  2826. content: '';
  2827. position: absolute;
  2828. top: 0;
  2829. right: 0;
  2830. bottom: 0;
  2831. left: 0;
  2832. opacity: 1;
  2833. transition: .3s;
  2834. }
  2835.  
  2836. .l-top_menu {
  2837. top: 0;
  2838. right: 0;
  2839. left: 0;
  2840. width: 100%;
  2841. max-width: 100%;
  2842. height: auto;
  2843. margin: auto;
  2844. background-color: transparent;
  2845. background-image: none;
  2846. border: none;
  2847. box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.24);
  2848. overflow: visible;
  2849. }
  2850.  
  2851. /* Высота меню на мобильном телефоне в портретном режиме */
  2852. /* Если вы меняете высоту меню, необходимо изменить верхний отступ страницы: */
  2853. /* .l-page padding-top: 64px цифра равна высоте меню + 16px */
  2854. /* Скопируйте правило и вставьте его в блоке МОИ НАСТРОЙКИ в конце файла. */
  2855. .l-top_menu {
  2856. padding: 4px 0;
  2857. }
  2858.  
  2859. /* NOTE: Максимальное разрешение SONY Xperia Z Ultra: 960x540px */
  2860. @media screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape) {
  2861. .l-top_menu {
  2862. padding: 0;
  2863. }
  2864. .l-page {
  2865. padding-top: 64px;
  2866. }
  2867. }
  2868.  
  2869. /* На планшетах и далее, высота меню равна 56px */
  2870. @media screen and (min-width: 961px) and (orientation: landscape) {
  2871. .l-top_menu {
  2872. padding: 4px 0;
  2873. }
  2874. }
  2875.  
  2876. @media (min-width: 960px) {
  2877. .l-top_menu .inner {
  2878. padding: 0 .5rem;
  2879. }
  2880. }
  2881.  
  2882. /* MENUTOP > LOGO */
  2883. .l-top_menu .inner > a:first-child {
  2884. display: inline-block;
  2885. vertical-align: top;
  2886. margin: 0 0 0 32px;
  2887. color: inherit !important;
  2888. }
  2889.  
  2890. .l-top_menu .inner .logo {
  2891. float: none;
  2892. position: static;
  2893. width: auto;
  2894. height: auto;
  2895. padding: .8125rem 1rem;
  2896. margin: 0;
  2897. background: none;
  2898. }
  2899.  
  2900. .l-top_menu .inner .logo:before {
  2901. content: 'Главная';
  2902. display: block;
  2903. color: inherit;
  2904. font-size: 16px;
  2905. line-height: 22px;
  2906. }
  2907.  
  2908. @media only screen and (min-width: 320px) {
  2909. .l-top_menu .inner .logo:before {
  2910. content: 'Shikimori';
  2911. font-size: 20px;
  2912. text-transform: uppercase;
  2913. }
  2914. }
  2915.  
  2916. @media only screen and (min-width: 480px) {
  2917. .l-top_menu .inner .logo:before {
  2918. content: 'Shikimori';
  2919. font-size: 20px;
  2920. text-transform: uppercase;
  2921. }
  2922. }
  2923.  
  2924. .l-top_menu .to-mobile-forum {
  2925. display: inline-block;
  2926. vertical-align: top;
  2927. position: static;
  2928. left: 138px;
  2929. width: 40px;
  2930. height: 40px;
  2931. padding: 8px;
  2932. margin: 4px !important;
  2933. }
  2934.  
  2935. .l-top_menu .to-mobile-forum:before {
  2936. width: 1.5rem;
  2937. line-height: 1.5rem;
  2938. text-align: center;
  2939. font-size: 24px;
  2940. }
  2941.  
  2942. .l-top_menu .mobile-menu-toggler,
  2943. .l-top_menu .mobile-search-toggler {
  2944. position: absolute;
  2945. top: 0;
  2946. z-index: 10;
  2947. }
  2948.  
  2949. .l-top_menu .mobile-menu-toggler {
  2950. left: 0;
  2951. }
  2952.  
  2953. .l-top_menu .mobile-search-toggler {
  2954. right: 56px;
  2955. }
  2956.  
  2957. .l-top_menu .mobile-search-toggler.active {
  2958. background-color: transparent;
  2959. }
  2960.  
  2961. /* Перерисовываем меню сайта под Material */
  2962. .l-top_menu .mobile-menu-toggler.active {
  2963. position: fixed;
  2964. top: 0;
  2965. left: 0;
  2966. width: 100% !important;
  2967. height: 100% !important;
  2968. margin: 0 !important;
  2969. background-color: #000;
  2970. z-index: 12;
  2971. opacity: .48;
  2972. }
  2973.  
  2974. .l-top_menu .menu-items {
  2975. position: absolute;
  2976. top: 0;
  2977. left: 0;
  2978. width: calc(100% - 56px);
  2979. max-width: 320px;
  2980. height: calc(100vh + 16px);
  2981. padding: 8px 0;
  2982. margin: -8px 0;
  2983. overflow-y: auto;
  2984. z-index: 13;
  2985. }
  2986.  
  2987. /* EXPERIMENTAL > ANIMATED MOBILE MENU */
  2988. .l-top_menu .menu-items {
  2989. display: block;
  2990. -webkit-transform: translate(-110%, 0);
  2991. -ms-transform: translate(-110%, 0);
  2992. transform: translate(-110%, 0);
  2993. transition: 240ms ease-out;
  2994. }
  2995.  
  2996. .l-top_menu .menu-items.active {
  2997. -webkit-transform: translate(0, 0);
  2998. -ms-transform: translate(0, 0);
  2999. transform: translate(0, 0);
  3000. }
  3001.  
  3002. /* END of EXPERIMENTAL */
  3003. @media only screen and (min-width: 320px) {
  3004. .l-top_menu .inner > a:first-child {
  3005. margin: 0 0 0 40px;
  3006. }
  3007. }
  3008.  
  3009. @media only screen and (min-width: 360px) {
  3010. .l-top_menu .inner > a:first-child {
  3011. margin: 0 0 0 48px;
  3012. }
  3013. }
  3014.  
  3015. @media only screen and (min-width: 1025px) {
  3016. .l-top_menu .inner > a:first-child {
  3017. margin: 0;
  3018. }
  3019. }
  3020.  
  3021. @media only screen and (min-width: 1025px) {
  3022. .l-top_menu .to-mobile-forum {
  3023. display: none;
  3024. }
  3025. .l-top_menu .menu-items {
  3026. display: inline-block;
  3027. vertical-align: top;
  3028. position: static;
  3029. width: auto;
  3030. max-width: 100%;
  3031. height: auto;
  3032. padding: 0;
  3033. margin: 0;
  3034. margin-left: 0;
  3035. background-color: transparent;
  3036. color: inherit;
  3037. overflow: initial;
  3038. overflow-y: visible;
  3039. transform: translate(0, 0);
  3040. }
  3041. .l-top_menu .menu-items > .entry:active {
  3042. background-color: inherit;
  3043. }
  3044. .l-top_menu .menu-items > .entry:active,
  3045. .l-top_menu .submenu > .entry:active,
  3046. .l-top_menu .menu-items > .entry > a {
  3047. color: inherit !important;
  3048. }
  3049. .l-top_menu .menu-items > .entry > .submenu {
  3050. margin-top: 4px;
  3051. margin-left: 0;
  3052. }
  3053. .l-top_menu .submenu.right {
  3054. right: 0px;
  3055. margin-top: 4px;
  3056. }
  3057. .b-main_search ul.popup,
  3058. .b-main_search.hovered .popup {
  3059. margin: 0;
  3060. margin-top: 12px;
  3061. }
  3062. .l-top_menu .submenu > .entry,
  3063. .b-main_search .popup li {
  3064. color: inherit;
  3065. }
  3066. .b-main_search.hovered .popup {
  3067. height: 304px;
  3068. }
  3069. .l-top_menu .menu-items > .entry.calendar > a,
  3070. .l-top_menu .menu-items > .entry.info > a {
  3071. padding: 0.9375rem;
  3072. }
  3073. .l-top_menu .menu-items > .entry.calendar > a:before,
  3074. .l-top_menu .menu-items > .entry.info > a:before {
  3075. display: block !important;
  3076. }
  3077. .l-top_menu .menu-items > .entry.calendar > a:after,
  3078. .l-top_menu .menu-items > .entry.info > a:after {
  3079. display: none;
  3080. }
  3081. }
  3082.  
  3083. .l-top_menu .menu-items > .entry {
  3084. float: none;
  3085. display: block;
  3086. padding: 0;
  3087. border: 0;
  3088. line-height: inherit;
  3089. }
  3090.  
  3091. @media (min-width: 1025px) {
  3092. .l-top_menu .menu-items > .entry {
  3093. display: inline-block;
  3094. vertical-align: top;
  3095. }
  3096. }
  3097.  
  3098. .l-top_menu .inner > a:first-child,
  3099. .l-top_menu .menu-items > .entry > a {
  3100. opacity: .87;
  3101. transition: 0.24s cubic-bezier(0.4, 0, 0.2, 1);
  3102. }
  3103.  
  3104. .l-top_menu .inner > a:first-child:hover,
  3105. .l-top_menu .menu-items > .entry > a:hover {
  3106. background-color: transparent !important;
  3107. opacity: 1;
  3108. }
  3109.  
  3110. .l-top_menu .menu-items > .entry.selected,
  3111. .l-top_menu .menu-items > .entry:hover {
  3112. background-color: transparent;
  3113. }
  3114.  
  3115. .l-top_menu .menu-items > .entry > a,
  3116. .l-top_menu .menu-items > .entry.sign_out {
  3117. padding: 1rem;
  3118. margin: 0;
  3119. font-size: inherit;
  3120. line-height: 1rem;
  3121. }
  3122.  
  3123. .l-top_menu .menu-items > .entry > a.contest {
  3124. width: 3rem;
  3125. height: 3rem;
  3126. padding: .75rem !important;
  3127. background: inherit;
  3128. }
  3129.  
  3130. .l-top_menu .menu-items > .entry > a.contest:before {
  3131. width: 1.5rem !important;
  3132. font-size: 1.5rem !important;
  3133. color: #EEEEEE;
  3134. }
  3135.  
  3136. @media only screen and (min-width: 1025px) {
  3137. .l-top_menu .menu-items > .entry > a.contest {
  3138. width: 3rem;
  3139. height: 3rem;
  3140. padding: .9375rem !important;
  3141. margin: 0;
  3142. background: transparent;
  3143. border-radius: .125rem;
  3144. }
  3145. .l-top_menu .menu-items > .entry > a.contest:before {
  3146. position: static;
  3147. width: 18px !important;
  3148. margin: 0;
  3149. color: inherit;
  3150. font-size: 18px !important;
  3151. }
  3152. }
  3153.  
  3154. /* Текст вместо иконок в верхнем меню */
  3155. .l-top_menu .menu-items > .entry.calendar > a,
  3156. .l-top_menu .menu-items > .entry.info > a {
  3157. padding: 1rem;
  3158. margin: 0;
  3159. line-height: 1rem;
  3160. }
  3161.  
  3162. .l-top_menu .menu-items > .entry.calendar > a:before,
  3163. .l-top_menu .menu-items > .entry.info > a:before {
  3164. display: none !important;
  3165. }
  3166.  
  3167. [data-locale="ru"] .l-top_menu .menu-items > .entry.calendar > a:after {
  3168. content: 'Календарь онгоингов';
  3169. }
  3170.  
  3171. [data-locale="en"] .l-top_menu .menu-items > .entry.calendar > a:after {
  3172. content: 'Calendar';
  3173. }
  3174.  
  3175. [data-locale="ru"] .l-top_menu .menu-items > .entry.info > a:after {
  3176. content: 'Информация';
  3177. }
  3178.  
  3179. [data-locale="en"] .l-top_menu .menu-items > .entry.info > a:after {
  3180. content: 'Info';
  3181. }
  3182.  
  3183. @media only screen and (min-width: 1025px) {
  3184. .l-top_menu .menu-items > .entry.calendar > a:before,
  3185. .l-top_menu .menu-items > .entry.info > a:before {
  3186. display: block !important;
  3187. }
  3188. .l-top_menu .menu-items > .entry.calendar > a:after,
  3189. .l-top_menu .menu-items > .entry.info > a:after {
  3190. display: none;
  3191. }
  3192. }
  3193.  
  3194. /* END of Текст вместо иконок в верхнем меню */
  3195. /* Уведомления о голосованиях */
  3196. .l-top_menu .menu-items > .entry > a.contest {
  3197. position: relative;
  3198. }
  3199.  
  3200. .l-top_menu .menu-items > .entry > a.contest:hover {
  3201. background-color: transparent !important;
  3202. }
  3203.  
  3204. .l-top_menu .menu-items > .entry > a.contest:after {
  3205. content: attr(data-count);
  3206. position: absolute;
  3207. top: .125rem;
  3208. right: .125rem;
  3209. width: 1.25rem;
  3210. background-color: #4b4e6d;
  3211. border-radius: 50%;
  3212. color: #FAFAFA;
  3213. font-size: .75rem;
  3214. line-height: 1.25rem;
  3215. text-align: center;
  3216. }
  3217.  
  3218. @media screen and (min-width: 1025px) {
  3219. .l-top_menu .menu-items > .entry > a.contest:after {
  3220. top: 0;
  3221. right: 0;
  3222. }
  3223. }
  3224.  
  3225. /* END of Уведомления о голосованиях */
  3226. /* Уменьшение ширины пунктов меню */
  3227. /* Уменьшение ширины "Сообщество" */
  3228. @media screen and (min-width: 1025px) {
  3229. .l-top_menu .menu-items > .entry > a[href*="/forum"] {
  3230. font-size: 0;
  3231. line-height: 0;
  3232. }
  3233. .l-top_menu .menu-items > .entry > a[href*="/forum"]:before {
  3234. content: 'people';
  3235. font-size: 1.125rem;
  3236. }
  3237. }
  3238.  
  3239. /* Уменьшение ширины всех пунктов меню */
  3240. .x1000 .l-top_menu .menu-items > .entry > a,
  3241. .x1000 .l-top_menu .menu-items > .entry.sign_out {
  3242. padding: 1rem 0.75rem;
  3243. }
  3244.  
  3245. @media screen and (min-width: 1025px) {
  3246. .l-top_menu .menu-items > .entry.calendar > a,
  3247. .l-top_menu .menu-items > .entry.info > a,
  3248. .l-top_menu .menu-items > .entry > a[href*="/forum"] {
  3249. padding: 0.9375rem;
  3250. }
  3251. }
  3252.  
  3253. .l-top_menu .submenu,
  3254. .b-main_search ul.popup {
  3255. min-width: 112px;
  3256. border: 0;
  3257. }
  3258.  
  3259. .b-main_search .popup li {
  3260. transition: 0s;
  3261. }
  3262.  
  3263. .l-top_menu .submenu > .entry {
  3264. height: 2rem;
  3265. padding: .5rem 1rem;
  3266. background-color: transparent;
  3267. border: 0;
  3268. font-family: inherit;
  3269. font-size: .875rem;
  3270. line-height: 1rem;
  3271. }
  3272.  
  3273. .l-top_menu .submenu > .entry:first-child,
  3274. .b-main_search ul.popup li:first-child {
  3275. margin-top: .5rem;
  3276. }
  3277.  
  3278. .l-top_menu .submenu > .entry:last-child,
  3279. .b-main_search ul.popup li:last-child {
  3280. margin-bottom: .5rem;
  3281. }
  3282.  
  3283. .l-top_menu .menu-items .submenu-toggler {
  3284. right: 0;
  3285. width: 48px;
  3286. height: 48px;
  3287. padding: .75rem;
  3288. margin: 0;
  3289. z-index: 10;
  3290. }
  3291.  
  3292. .l-top_menu .menu-items .submenu-toggler:before {
  3293. width: 24px;
  3294. line-height: 24px;
  3295. }
  3296.  
  3297. @media screen and (min-width: 1025px) {
  3298. .l-top_menu .menu-items .submenu-toggler,
  3299. .l-top_menu .inner .sign_out {
  3300. display: none;
  3301. }
  3302. .l-top_menu .menu-items > .entry {
  3303. color: inherit;
  3304. }
  3305. }
  3306.  
  3307. @media screen and (max-width: 1024px) {
  3308. .l-top_menu .submenu {
  3309. padding-left: 32px;
  3310. }
  3311. }
  3312.  
  3313. /* TOPMENU | SEARCH */
  3314. .l-top_menu .menu-search {
  3315. padding: 8px 0;
  3316. }
  3317.  
  3318. @media screen and (min-width: 1025px) {
  3319. .l-top_menu .menu-search {
  3320. padding: 0;
  3321. }
  3322. .l-top_menu .menu-search > .entry {
  3323. width: 234px;
  3324. padding: 8px 0 !important;
  3325. }
  3326. }
  3327.  
  3328. .b-main_search {
  3329. padding-right: 8px !important;
  3330. padding-left: 8px !important;
  3331. }
  3332.  
  3333. .b-main_search .input {
  3334. position: relative;
  3335. width: auto;
  3336. height: 2rem;
  3337. padding: 0;
  3338. margin: 0;
  3339. transition: background .3s;
  3340. }
  3341.  
  3342. .b-main_search.hovered .popup {
  3343. border: 0;
  3344. font-size: .875rem;
  3345. }
  3346.  
  3347. .b-main_search ul.popup li {
  3348. width: auto;
  3349. height: 2rem;
  3350. padding: .5rem 1rem;
  3351. border: 0;
  3352. font-family: inherit;
  3353. font-size: .875rem;
  3354. line-height: 1rem;
  3355. }
  3356.  
  3357. .b-main_search .input input {
  3358. width: 100%;
  3359. padding: 0 1rem;
  3360. font-family: inherit;
  3361. font-size: 1rem;
  3362. line-height: 2rem;
  3363. }
  3364.  
  3365. .b-main_search .input input.ac_loading {
  3366. width: 100%;
  3367. padding: 0 1rem;
  3368. }
  3369.  
  3370. .b-main_search ul.popup {
  3371. width: inherit;
  3372. }
  3373.  
  3374. /* END of SEARCH */
  3375. /* TOPMENU | SEARCHRESULT */
  3376. .ac_results.menu-suggest,
  3377. .completable-block.menu-suggest {
  3378. border: 0;
  3379. box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.24);
  3380. }
  3381.  
  3382. .ac_results,
  3383. .completable-block {
  3384. font-size: .75rem;
  3385. }
  3386.  
  3387. .ac_odd {
  3388. background-color: #303030;
  3389. }
  3390.  
  3391. .ac_even {
  3392. background-color: #424242;
  3393. }
  3394.  
  3395. .ac_over {
  3396. background-color: rgba(255, 255, 255, 0.24);
  3397. }
  3398.  
  3399. .ac_results li {
  3400. padding: 0 .5rem;
  3401. border: none;
  3402. line-height: 2rem;
  3403. }
  3404.  
  3405. .b-main_search ul.popup,
  3406. .b-main_search.hovered .popup {
  3407. margin: 0;
  3408. }
  3409.  
  3410. .ac_results.menu-suggest,
  3411. .completable-block.menu-suggest {
  3412. margin-top: -17px;
  3413. margin-left: 6px;
  3414. }
  3415.  
  3416. .ac_results .name {
  3417. font-size: 14px;
  3418. }
  3419.  
  3420. .ac_results .name > strong {
  3421. background-color: #ff0;
  3422. color: #111;
  3423. }
  3424.  
  3425. .ac_results .character-suggest .animes {
  3426. line-height: 1.25rem;
  3427. }
  3428.  
  3429. .ac_results .character-suggest .animes > div {
  3430. margin: 2px 0 0;
  3431. }
  3432.  
  3433. .ac_results .character-suggest .avatar {
  3434. width: 40px;
  3435. height: auto;
  3436. max-height: 64px;
  3437. margin: 8px 0 0 8px;
  3438. clip-path: circle(20px at 20px 20px);
  3439. }
  3440.  
  3441. /* END of SEARCHRESULT */
  3442. /* TOPMENU | USERBOX */
  3443. .l-top_menu .menu-userbox {
  3444. position: absolute;
  3445. top: 0;
  3446. right: 0;
  3447. }
  3448.  
  3449. .l-top_menu .menu-userbox > .entry {
  3450. position: relative;
  3451. height: 48px;
  3452. padding: 0 !important;
  3453. margin: 0 .5rem 0 1rem !important;
  3454. cursor: default;
  3455. }
  3456.  
  3457. .entry.userbox > .avatar {
  3458. display: inline-block;
  3459. vertical-align: top;
  3460. position: relative;
  3461. width: 32px;
  3462. height: 32px;
  3463. margin: 8px;
  3464. border-radius: 100%;
  3465. }
  3466.  
  3467. .entry.userbox > .avatar:after {
  3468. content: '';
  3469. display: block;
  3470. position: absolute;
  3471. top: 0;
  3472. left: 0;
  3473. width: inherit;
  3474. height: inherit;
  3475. border-radius: 100%;
  3476. }
  3477.  
  3478. .entry.userbox > .avatar > img {
  3479. height: inherit;
  3480. }
  3481.  
  3482. .userbox > a .graphics-arrow-down,
  3483. .l-top_menu .menu-search .arrow-container,
  3484. .l-top_menu .menu-userbox .arrow-container,
  3485. .l-top_menu .menu-search .arrow-container .arrow-down,
  3486. .l-top_menu .menu-userbox .arrow-container .arrow-down {
  3487. display: none;
  3488. }
  3489.  
  3490. @media screen and (max-width: 1024px) {
  3491. .userbox img.avatar,
  3492. .menu .unread-count {
  3493. margin-top: 0;
  3494. }
  3495. }
  3496.  
  3497. .menu .unread-count {
  3498. position: absolute;
  3499. top: 0;
  3500. right: 0;
  3501. width: 1.25rem;
  3502. height: auto;
  3503. margin: 0;
  3504. border-radius: 100%;
  3505. line-height: 1.25rem;
  3506. z-index: 1;
  3507. }
  3508.  
  3509. @media screen and (min-width: 1025px) {
  3510. .l-top_menu .menu-userbox {
  3511. position: relative;
  3512. }
  3513. }
  3514.  
  3515. /* END of USERBOX */
  3516. /* TOPMENU | ICON */
  3517. .l-top_menu .menu-mobile .search,
  3518. .l-top_menu .menu-mobile .menu,
  3519. .l-top_menu .menu-userbox .search,
  3520. .l-top_menu .menu-userbox .menu {
  3521. width: 40px;
  3522. height: 40px;
  3523. padding: 8px;
  3524. margin: 4px;
  3525. margin-left: 4px !important;
  3526. }
  3527.  
  3528. .l-top_menu .menu-mobile #sign_in,
  3529. .l-top_menu .menu-userbox #sign_in {
  3530. width: 40px;
  3531. height: 40px;
  3532. padding: 8px;
  3533. margin: 4px;
  3534. margin-left: 4px !important;
  3535. }
  3536.  
  3537. @media (min-width: 1025px) {
  3538. .l-top_menu .menu-mobile #sign_in,
  3539. .l-top_menu .menu-userbox #sign_in {
  3540. width: 48px;
  3541. height: 48px;
  3542. padding: 12px;
  3543. margin: 0;
  3544. }
  3545. }
  3546.  
  3547. /* END of ICON */
  3548. /* ************** */
  3549. /* END of TOPMENU */
  3550. /* ************** */
  3551. /**
  3552. * PAGINATION
  3553. *
  3554. */
  3555. /* Делаем пагинацию более удобной */
  3556. .p-animes_collection-index .pagination,
  3557. .p-mangas_collection-index .pagination,
  3558. .p-recommendations-index .pagination,
  3559. .p-userlist_comparer-show .pagination {
  3560. margin: 8px 0;
  3561. color: inherit;
  3562. font-size: 14px;
  3563. line-height: 32px;
  3564. }
  3565.  
  3566. /* Добавляем разной ерунды */
  3567. .p-animes_collection-index .pagination > *,
  3568. .p-mangas_collection-index .pagination > *,
  3569. .p-recommendations-index .pagination > *,
  3570. .p-userlist_comparer-show .pagination > * {
  3571. vertical-align: top;
  3572. }
  3573.  
  3574. .p-animes_collection-index .pagination .link,
  3575. .p-mangas_collection-index .pagination .link,
  3576. .p-recommendations-index .pagination .link,
  3577. .p-userlist_comparer-show .pagination .link {
  3578. width: 40px;
  3579. height: 40px;
  3580. padding: 8px;
  3581. margin: -4px 8px;
  3582. font-size: 0;
  3583. }
  3584.  
  3585. .p-animes_collection-index .pagination .link:first-child,
  3586. .p-mangas_collection-index .pagination .link:first-child,
  3587. .p-recommendations-index .pagination .link:first-child,
  3588. .p-userlist_comparer-show .pagination .link:first-child {
  3589. margin-left: 0;
  3590. }
  3591.  
  3592. .p-animes_collection-index .pagination .link:last-child,
  3593. .p-mangas_collection-index .pagination .link:last-child,
  3594. .p-recommendations-index .pagination .link:last-child,
  3595. .p-userlist_comparer-show .pagination .link:last-child {
  3596. margin-right: 0;
  3597. }
  3598.  
  3599. .p-animes_collection-index .pagination .link:hover,
  3600. .p-mangas_collection-index .pagination .link:hover,
  3601. .p-recommendations-index .pagination .link:hover,
  3602. .p-userlist_comparer-show .pagination .link:hover {
  3603. text-decoration: none;
  3604. }
  3605.  
  3606. .p-animes_collection-index .pagination .link.disabled:hover,
  3607. .p-mangas_collection-index .pagination .link.disabled:hover,
  3608. .p-recommendations-index .pagination .link.disabled:hover,
  3609. .p-userlist_comparer-show .pagination .link.disabled:hover {
  3610. background-color: transparent;
  3611. }
  3612.  
  3613. .p-animes_collection-index .pagination .link:before,
  3614. .p-mangas_collection-index .pagination .link:before,
  3615. .p-recommendations-index .pagination .link:before,
  3616. .p-userlist_comparer-show .pagination .link:before {
  3617. display: block;
  3618. width: 24px !important;
  3619. font-family: 'Material Icons' !important;
  3620. font-size: 24px !important;
  3621. font-weight: 400 !important;
  3622. line-height: 1 !important;
  3623. text-transform: none;
  3624. letter-spacing: normal;
  3625. word-wrap: normal;
  3626. white-space: nowrap;
  3627. direction: ltr;
  3628. /* Support for all WebKit browsers. */
  3629. -webkit-font-smoothing: antialiased;
  3630. /* Support for Safari and Chrome. */
  3631. text-rendering: optimizeLegibility;
  3632. /* Support for Firefox. */
  3633. -moz-osx-font-smoothing: grayscale;
  3634. /* Support for IE. */
  3635. font-feature-settings: 'liga';
  3636. }
  3637.  
  3638. .p-animes_collection-index .pagination .link.link-prev:before,
  3639. .p-mangas_collection-index .pagination .link.link-prev:before,
  3640. .p-recommendations-index .pagination .link.link-prev:before,
  3641. .p-userlist_comparer-show .pagination .link.link-prev:before {
  3642. content: 'chevron_left';
  3643. }
  3644.  
  3645. .p-animes_collection-index .pagination .link.link-next:before,
  3646. .p-mangas_collection-index .pagination .link.link-next:before,
  3647. .p-recommendations-index .pagination .link.link-next:before,
  3648. .p-userlist_comparer-show .pagination .link.link-next:before {
  3649. content: 'chevron_right';
  3650. }
  3651.  
  3652. /* ***************** */
  3653. /* END of PAGINATION */
  3654. /* ***************** */
  3655. /**
  3656. * SUBHEADER
  3657. * Изменение подзаголовков разделов и ссылок в них.
  3658. */
  3659. .headline {
  3660. padding: 8px 0;
  3661. margin: 8px 0;
  3662. background: none;
  3663. border: 0;
  3664. font-size: 24px;
  3665. font-weight: 400;
  3666. line-height: 32px;
  3667. text-transform: capitalize;
  3668. }
  3669.  
  3670. .mischeadline,
  3671. .c-my_list .title,
  3672. .subheadline,
  3673. .midheadline,
  3674. .b-stats_bar .title,
  3675. .profile-content .activity .title,
  3676. .lifetime .title {
  3677. padding: 16px 0;
  3678. margin-bottom: 0;
  3679. background-color: transparent;
  3680. border: 0;
  3681. font-size: .875rem;
  3682. line-height: 1rem;
  3683. text-transform: uppercase;
  3684. overflow: initial;
  3685. }
  3686.  
  3687. .p-db_entries-edit_field .subheadline {
  3688. overflow: hidden;
  3689. }
  3690.  
  3691. .midheadline > a,
  3692. .subheadline > a {
  3693. vertical-align: top;
  3694. margin: -.5rem -1rem;
  3695. }
  3696.  
  3697. .midheadline > a,
  3698. .subheadline > a,
  3699. .b-form .cancel,
  3700. .b-shiki_editor footer .unpreview,
  3701. .b-shiki_editor footer .preview,
  3702. .b-topic-preview > .editor-container .hide {
  3703. display: inline-block;
  3704. padding: 0 1rem;
  3705. background-color: transparent;
  3706. border-radius: .125rem;
  3707. font-size: .875rem;
  3708. line-height: 2rem !important;
  3709. text-transform: uppercase;
  3710. }
  3711.  
  3712. .headline > a:before,
  3713. .midheadline > a:before,
  3714. .subheadline > a:before {
  3715. right: 0;
  3716. left: 0;
  3717. text-align: right;
  3718. opacity: 0;
  3719. pointer-events: auto;
  3720. }
  3721.  
  3722. .headline.linkheadline > a,
  3723. .linkheadline.midheadline > a,
  3724. .linkheadline.subheadline > a {
  3725. text-decoration: none;
  3726. }
  3727.  
  3728. .subheadline .misc-link {
  3729. float: right;
  3730. }
  3731.  
  3732. .subheadline-input {
  3733. padding: 5px 8px;
  3734. margin-top: 8px !important;
  3735. border-radius: 2px !important;
  3736. font-size: 14px;
  3737. line-height: inherit !important;
  3738. }
  3739.  
  3740. @media screen and (max-width: 767px) {
  3741. .subheadline-input {
  3742. padding-bottom: 5px !important;
  3743. padding-top: 5px !important;
  3744. }
  3745. }
  3746.  
  3747. .subheadline-buttons {
  3748. right: 0;
  3749. margin: 0;
  3750. }
  3751.  
  3752. .subheadline-buttons + .subheadline {
  3753. padding-right: 3rem;
  3754. }
  3755.  
  3756. /* HOVER */
  3757. .headline > a:hover,
  3758. .midheadline > a:hover,
  3759. .subheadline > a:hover {
  3760. text-decoration: none;
  3761. }
  3762.  
  3763. .subheadline-buttons .item-edit,
  3764. .p-characters .item-edit {
  3765. display: inline-block;
  3766. width: 40px;
  3767. height: 40px;
  3768. padding: 8px;
  3769. margin: 4px 0;
  3770. }
  3771.  
  3772. @media only screen and (min-width: 768px) {
  3773. .b-options-floated.r-edit {
  3774. margin-right: 48px;
  3775. }
  3776. }
  3777.  
  3778. /* END of SUBHEADER */
  3779. /**
  3780. * ТУРНИРЫ
  3781. */
  3782. .p-contests .match-container.b-ajax:after {
  3783. z-index: 10;
  3784. }
  3785.  
  3786. .p-contests .b-contest_match {
  3787. padding: 16px 0;
  3788. margin-bottom: 0;
  3789. }
  3790.  
  3791. .p-contests .b-contest_match .current-match .match-members:last-child {
  3792. margin-bottom: 0 !important;
  3793. }
  3794.  
  3795. .p-contests .match-day {
  3796. position: relative;
  3797. margin-bottom: 16px;
  3798. text-align: center;
  3799. }
  3800.  
  3801. .p-contests .match-day:before {
  3802. content: '';
  3803. display: block;
  3804. position: absolute;
  3805. top: 10px;
  3806. right: 0;
  3807. left: 0;
  3808. height: 1px;
  3809. }
  3810.  
  3811. .p-contests .match-day > .date {
  3812. position: relative;
  3813. display: inline-block;
  3814. padding: 0 16px;
  3815. margin-bottom: 4px;
  3816. text-align: center;
  3817. text-transform: uppercase;
  3818. }
  3819.  
  3820. .p-contests .match-day > .date .from,
  3821. .p-contests .match-day > .date .to {
  3822. margin-right: 8px;
  3823. }
  3824.  
  3825. .p-contests .match-day > .date .to {
  3826. margin-left: 8px;
  3827. }
  3828.  
  3829. .p-contests .match-day .match-link {
  3830. padding-left: 0;
  3831. text-align: left;
  3832. }
  3833.  
  3834. .p-contests .match-day .match-link .c-column {
  3835. line-height: 32px;
  3836. }
  3837.  
  3838. .p-contests .match-day .match-link .voted:before,
  3839. .p-contests .match-day .match-link .winner:before,
  3840. .p-contests .match-day .match-link .loser:before,
  3841. .p-contests .match-day .match-link .created:before,
  3842. .p-contests .match-day .match-link .started:before,
  3843. .p-contests .match-day .match-link .finished:before {
  3844. display: inline-block;
  3845. vertical-align: top;
  3846. width: 18px;
  3847. padding-right: 0;
  3848. padding-left: 0;
  3849. margin: 7px 0;
  3850. margin-right: 14px;
  3851. font-size: 18px;
  3852. font-weight: normal !important;
  3853. }
  3854.  
  3855. .p-contests .match-day .match-link .created:before {
  3856. color: #9B9B9B;
  3857. content: "lock";
  3858. padding-right: 0;
  3859. }
  3860.  
  3861. .p-contests .match-day .match-link .started:before,
  3862. .p-contests .match-day .match-link.voted-abstain .started:before {
  3863. content: "check_box_outline_blank";
  3864. color: #757575;
  3865. }
  3866.  
  3867. .p-contests .match-day .match-link.voted-abstain .started:before {
  3868. color: #9B9B9B;
  3869. }
  3870.  
  3871. .p-contests .match-day .match-link.voted-left .started:first-child:before,
  3872. .p-contests .match-day .match-link.voted-right .started:last-child:before {
  3873. content: "check_box";
  3874. }
  3875.  
  3876. .p-contests .match-day .match-link.voted-left .started:last-child:before,
  3877. .p-contests .match-day .match-link.voted-right .started:first-child:before {
  3878. content: 'indeterminate_check_box';
  3879. }
  3880.  
  3881. .p-contests .match-day .match-link .winner:before {
  3882. content: "thumb_up";
  3883. }
  3884.  
  3885. .p-contests .match-day .match-link .loser:before {
  3886. content: "thumb_down";
  3887. padding-right: 0;
  3888. }
  3889.  
  3890. .p-contests .match-day .match-link.voted-left .started:first-child:before,
  3891. .p-contests .match-day .match-link.voted-right .started:last-child:before,
  3892. .p-contests .match-day .match-link .winner:before {
  3893. color: #66BB6A;
  3894. }
  3895.  
  3896. .p-contests .match-day .match-link.voted-left .started:last-child:before,
  3897. .p-contests .match-day .match-link.voted-right .started:first-child:before,
  3898. .p-contests .match-day .match-link .loser:before {
  3899. color: #EF5350;
  3900. }
  3901.  
  3902. .p-contests .match-day .matches-num {
  3903. display: inline-block;
  3904. width: 56px;
  3905. padding-right: 0;
  3906. font-size: 16px;
  3907. }
  3908.  
  3909. .p-contests-show .cc-round_stats > .c-column:first-child:last-child > .block:last-child {
  3910. padding: 4px 0;
  3911. }
  3912.  
  3913. .p-contests-show .warning {
  3914. margin-top: 0;
  3915. margin-bottom: 16px;
  3916. }
  3917.  
  3918. .p-contests .rating .member {
  3919. height: auto;
  3920. }
  3921.  
  3922. .p-contests-users .subheadline a:hover {
  3923. background: none;
  3924. }
  3925.  
  3926. .p-contests .b-contest_match .votes-percents {
  3927. border-radius: 4px;
  3928. font-size: 14px;
  3929. line-height: 24px;
  3930. }
  3931.  
  3932. .p-contests .b-contest_match .votes-percents span {
  3933. float: left;
  3934. position: relative;
  3935. white-space: nowrap;
  3936. z-index: 1;
  3937. }
  3938.  
  3939. .p-contests .b-contest_match .votes-percents .left-part {
  3940. position: relative;
  3941. border-radius: inherit;
  3942. padding-left: 8px;
  3943. }
  3944.  
  3945. .p-contests .b-contest_match .votes-percents .left-part > span {
  3946. color: #FAFAFA;
  3947. }
  3948.  
  3949. .p-contests .b-contest_match .votes-percents .right-part {
  3950. position: absolute;
  3951. top: 0;
  3952. right: 0;
  3953. padding-right: 8px;
  3954. }
  3955.  
  3956. .p-contests .b-contest_match .votes-percents .right-part span {
  3957. float: right;
  3958. }
  3959.  
  3960. .p-contests .b-contest_match .votes-percents .left-part,
  3961. .p-contests .b-contest_match .votes-percents .right-part {
  3962. height: auto;
  3963. }
  3964.  
  3965. .p-contests .b-contest_match .votes-percents .right-part:before {
  3966. left: -24px;
  3967. border-right-width: 24px;
  3968. border-top-width: 48px;
  3969. }
  3970.  
  3971. .p-contests .b-contest_match .votes-percents .left-part:hover .right-part:before {
  3972. border-right-width: 24px;
  3973. }
  3974.  
  3975. .p-contests .b-contest_match .votes-percents .right-part:before,
  3976. .p-contests .b-contest_match .votes-percents .left-part:hover .right-part:before {
  3977. border-right-color: inherit;
  3978. }
  3979.  
  3980. .p-contests .results .cc-result .c-rounds .match-day:before {
  3981. display: none;
  3982. }
  3983.  
  3984. .p-contests .results .cc-result .c-rounds .match-day .match {
  3985. padding-bottom: 0;
  3986. line-height: 32px;
  3987. text-align: left;
  3988. }
  3989.  
  3990. .p-contests .results .cc-result .c-rounds .match-link {
  3991. display: inline-block;
  3992. }
  3993.  
  3994. /* Кнопки турнира */
  3995. .b-contest_match .vs .action {
  3996. display: inline-block;
  3997. vertical-align: top;
  3998. min-width: 112px;
  3999. padding: 0;
  4000. margin: .25rem 0;
  4001. background-color: transparent;
  4002. border-radius: 2px;
  4003. font-size: .875rem;
  4004. font-weight: 700;
  4005. text-align: center;
  4006. text-transform: uppercase;
  4007. transition: 0.16s cubic-bezier(0.4, 0, 0.6, 1);
  4008. user-select: none;
  4009. }
  4010.  
  4011. .b-contest_match .vs .action:hover {
  4012. background-color: rgba(44, 102, 110, 0.12);
  4013. }
  4014.  
  4015. .b-contest_match .vs .action:active {
  4016. background-color: rgba(44, 102, 110, 0.24);
  4017. }
  4018.  
  4019. /* Текст внутри кнопки */
  4020. .b-contest_match .vs .actions .action span {
  4021. padding: 0 1rem;
  4022. line-height: 2rem;
  4023. }
  4024.  
  4025. .b-contest_match .vs .actions .action span,
  4026. .b-contest_match .vs .actions .action span:hover,
  4027. .b-contest_match .vs .actions .action span:active {
  4028. color: #2c666e;
  4029. border: 0;
  4030. -webkit-tap-highlight-color: transparent;
  4031. }
  4032.  
  4033. /* Убираем желтое свечение постеров */
  4034. .b-contest_match .current-match .match-members .match-member > .b-catalog_entry.yellow-fade {
  4035. background: transparent;
  4036. outline-color: transparent;
  4037. }
  4038.  
  4039. @media (min-width: 481px) {
  4040. .p-contests .b-contest_match .prev-match:hover,
  4041. .p-contests .b-contest_match .next-match:hover {
  4042. background-color: transparent;
  4043. }
  4044. }
  4045.  
  4046. /* BUG: font-size нужно укзать внутри соответствующего элемента */
  4047. @media only screen and (min-width: 768px) {
  4048. .b-contest_match .vs {
  4049. font-size: inherit;
  4050. }
  4051. .b-contest_match .vs .label {
  4052. font-family: inherit;
  4053. font-size: 64px;
  4054. }
  4055. }
  4056.  
  4057. /* Мобильная версия */
  4058. @media (max-width: 480px) {
  4059. .p-contests .b-contest_match .prev-match,
  4060. .p-contests .b-contest_match .next-match {
  4061. position: absolute;
  4062. left: 0;
  4063. width: auto;
  4064. padding: 8px;
  4065. border-radius: 2px;
  4066. line-height: 32px;
  4067. z-index: 2;
  4068. }
  4069. .p-contests .b-contest_match .next-match {
  4070. right: 0;
  4071. left: auto;
  4072. }
  4073. .p-contests .b-contest_match .next-match:before {
  4074. margin: 0;
  4075. }
  4076. .p-contests .b-contest_match .prev-match:before,
  4077. .p-contests .b-contest_match .next-match:before {
  4078. display: block;
  4079. font-family: 'Material Icons';
  4080. font-size: 24px;
  4081. line-height: 1;
  4082. text-transform: none;
  4083. letter-spacing: normal;
  4084. word-wrap: normal;
  4085. white-space: nowrap;
  4086. direction: ltr;
  4087. /* Support for all WebKit browsers. */
  4088. -webkit-font-smoothing: antialiased;
  4089. /* Support for Safari and Chrome. */
  4090. text-rendering: optimizeLegibility;
  4091. /* Support for Firefox. */
  4092. -moz-osx-font-smoothing: grayscale;
  4093. /* Support for IE. */
  4094. font-feature-settings: 'liga';
  4095. }
  4096. .p-contests .b-contest_match .prev-match:before {
  4097. content: 'chevron_left';
  4098. }
  4099. .p-contests .b-contest_match .next-match:before {
  4100. content: 'chevron_right';
  4101. }
  4102. .p-contests .b-contest_match .current-match {
  4103. clear: both;
  4104. padding: 0;
  4105. }
  4106. .p-contests .b-contest_match .current-match .match-members {
  4107. padding-top: 96px;
  4108. margin-bottom: 4px;
  4109. }
  4110. .p-contests .b-contest_match .current-match .match-member {
  4111. position: relative;
  4112. width: 48%;
  4113. z-index: 2;
  4114. }
  4115. .p-contests .b-contest_match .current-match .match-member:first-child {
  4116. float: left;
  4117. }
  4118. .p-contests .b-contest_match .current-match .match-member:last-child {
  4119. float: right;
  4120. }
  4121. .p-contests .b-contest_match .match-losers {
  4122. display: block;
  4123. padding: 0;
  4124. }
  4125. /* Контейнер подсказок и кнопок турнира */
  4126. .p-contests .b-contest_match .vs {
  4127. position: absolute;
  4128. top: 0;
  4129. width: 100%;
  4130. padding: 3rem 0 0;
  4131. margin: 0;
  4132. font-size: inherit;
  4133. }
  4134. /* Блок кнопок турнира */
  4135. .b-contest_match .vs .actions {
  4136. position: absolute;
  4137. top: 0;
  4138. left: 0;
  4139. right: 0;
  4140. font-size: inherit;
  4141. }
  4142. /* Кнопка "К следующей паре" */
  4143. .b-contest_match .vs .action:nth-child(2) {
  4144. display: none;
  4145. }
  4146. /* Подсказка: "Кликните по одному из двух вариантов" */
  4147. /* Подсказка: "Ваш голос учтён!" */
  4148. /* Подсказка: "Вы воздержались в этом голосовании" */
  4149. /* Подсказка: "На сегодня всё! Спасибо за участие!" */
  4150. /* Подсказка: "Голосование ещё не началось" */
  4151. .b-contest_match .vs .invitation,
  4152. .b-contest_match .vs .vote-voted,
  4153. .b-contest_match .vs .vote-abstained,
  4154. .b-contest_match .vs .thanks,
  4155. .b-contest_match .vs .hint {
  4156. font-size: 1rem;
  4157. line-height: 40px;
  4158. margin: 0;
  4159. }
  4160. /* Подсказка: "На сегодня всё! Спасибо за участие!" */
  4161. .b-contest_match .vs .thanks {
  4162. position: absolute;
  4163. top: 0;
  4164. right: 0;
  4165. left: 0;
  4166. }
  4167. .b-contest_match .vs .vote-abstained[style="display: none;"] ~ .thanks {
  4168. display: none !important;
  4169. }
  4170. /* Иконка VS */
  4171. .b-contest_match .vs .label {
  4172. display: inline-block;
  4173. position: absolute;
  4174. top: 192px;
  4175. right: 0;
  4176. left: 0;
  4177. width: 72px;
  4178. height: 72px;
  4179. margin: auto;
  4180. border-radius: 100%;
  4181. font-size: 24px;
  4182. line-height: 72px;
  4183. text-transform: uppercase;
  4184. z-index: 6;
  4185. }
  4186. }
  4187.  
  4188. @media (max-width: 1024px) {
  4189. .p-contests .match-day .match-link .c-column {
  4190. text-overflow: ellipsis;
  4191. white-space: nowrap;
  4192. overflow: hidden;
  4193. }
  4194. .p-contests .match-day .match-link .winner:before,
  4195. .p-contests .match-day .match-link .loser:before {
  4196. display: none;
  4197. }
  4198. .p-contests .match-day .matches-num {
  4199. width: auto;
  4200. padding: 0 4px;
  4201. margin-right: 8px;
  4202. border-radius: 2px;
  4203. color: #FFF;
  4204. font-size: 12px;
  4205. line-height: 20px;
  4206. }
  4207. .p-contests .match-day .winner .matches-num {
  4208. background-color: #66bb6a;
  4209. }
  4210. .p-contests .match-day .loser .matches-num {
  4211. background-color: #ef5350;
  4212. }
  4213. }
  4214.  
  4215. /* END of Мобильная версия */
  4216. /* END of ТУРНИРЫ */
  4217. /**
  4218. * Опросы
  4219. */
  4220. /* Контейнер */
  4221. .b-poll {
  4222. margin: .5rem 0;
  4223. line-height: inherit;
  4224. }
  4225.  
  4226. /* Текстовый блок */
  4227. .b-poll .poll {
  4228. margin-bottom: .0;
  4229. }
  4230.  
  4231. /* Название опроса */
  4232. /* Текст опроса */
  4233. /* Контейнер для вариантов в опросе */
  4234. .b-poll .poll-variants {
  4235. padding: .5em 0;
  4236. margin: 0;
  4237. }
  4238.  
  4239. /* Вариант в опросе */
  4240. .b-poll .poll-variants .poll-variant {
  4241. line-height: 1.5em;
  4242. margin-bottom: .5em;
  4243. }
  4244.  
  4245. /* Вариант в опросе (завершенный) */
  4246. .b-poll .poll-variants .poll-variant.result {
  4247. margin-bottom: .75em;
  4248. }
  4249.  
  4250. /* Отступ от текста варианта */
  4251. .b-poll .poll-variants .poll-variant label {
  4252. margin-bottom: .25em;
  4253. }
  4254.  
  4255. /* Псевдо переключатель */
  4256. .b-radio input[type="radio"] + .radio-label:before {
  4257. content: '';
  4258. display: inline-block;
  4259. vertical-align: top;
  4260. position: relative;
  4261. width: 18px;
  4262. height: 18px;
  4263. margin: 3px 18px 0 0;
  4264. border-radius: 100%;
  4265. border: 1.5px solid #2c666e;
  4266. box-sizing: border-box;
  4267. box-shadow: 0 0 0 2.75px #303030 inset;
  4268. text-align: center;
  4269. cursor: pointer;
  4270. }
  4271.  
  4272. .b-radio input[type="radio"]:checked + .radio-label:before {
  4273. width: 18px;
  4274. height: 18px;
  4275. background-color: #2c666e;
  4276. border: 1.5px solid #2c666e;
  4277. }
  4278.  
  4279. /* Кнопки голосования */
  4280. .b-poll .poll-actions .vote,
  4281. .b-poll .poll-actions .abstain {
  4282. display: inline-block;
  4283. vertical-align: top;
  4284. min-width: 112px;
  4285. padding: 0 1rem;
  4286. margin: .375rem 0;
  4287. background-color: #2c666e;
  4288. border-radius: 2px;
  4289. box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.24);
  4290. font-size: .875rem;
  4291. font-weight: 700;
  4292. line-height: 2.25rem;
  4293. text-align: center;
  4294. text-transform: uppercase;
  4295. transition: 0.16s cubic-bezier(0.4, 0, 0.6, 1);
  4296. }
  4297.  
  4298. .b-poll .poll-actions .vote:not(:last-child),
  4299. .b-poll .poll-actions .abstain:not(:last-child) {
  4300. margin-right: .5rem;
  4301. }
  4302.  
  4303. .b-poll .poll-actions .vote:hover,
  4304. .b-poll .poll-actions .abstain:hover {
  4305. background-color: #275a61;
  4306. box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.24), 0 3px 12px 2px rgba(0, 0, 0, 0.16);
  4307. }
  4308.  
  4309. @media (min-width: 960px) {
  4310. .b-poll .poll-actions .vote,
  4311. .b-poll .poll-actions .abstain {
  4312. margin-top: .5rem;
  4313. margin-bottom: .5rem;
  4314. box-shadow: none;
  4315. font-size: .8125rem;
  4316. line-height: 2rem;
  4317. }
  4318. .b-poll .poll-actions .vote:hover,
  4319. .b-poll .poll-actions .abstain:hover {
  4320. box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.24);
  4321. }
  4322. }
  4323.  
  4324. /* Вспомогательная информация: процент и сумма голосов */
  4325. .b-poll .poll-variants .poll-variant.result .votes-percent,
  4326. .b-poll .poll-variants .poll-variant.result .votes-total {
  4327. line-height: inherit;
  4328. font-size: .75em;
  4329. }
  4330.  
  4331. .b-poll .poll-variants .poll-variant.result .votes-percent {
  4332. color: #9E9E9E;
  4333. margin-right: 1em;
  4334. }
  4335.  
  4336. .b-poll .poll-variants .poll-variant.result .votes-total {
  4337. color: #BDBDBD;
  4338. margin-left: 1em;
  4339. }
  4340.  
  4341. /* Отметка своего выарианта */
  4342. .b-poll .poll-variants .poll-variant.result label .voted-for {
  4343. padding-left: 0;
  4344. margin-left: 1em;
  4345. color: #66BB6A;
  4346. }
  4347.  
  4348. .b-poll .poll-variants .poll-variant.result label .voted-for:after,
  4349. .b-poll .poll-variants .poll-variant.result label .voted-for:before {
  4350. display: none;
  4351. }
  4352.  
  4353. /* Полосы */
  4354. .b-poll .poll-variants .poll-variant.result .bar .line,
  4355. .b-poll .poll-variants .poll-variant.result .bar .bar {
  4356. height: 4px;
  4357. line-height: 4px;
  4358. margin-bottom: 0;
  4359. border-radius: 2px;
  4360. }
  4361.  
  4362. /* Цвет полос */
  4363. .b-poll .poll-variants .poll-variant.result .bar .line {
  4364. background-color: #757575;
  4365. }
  4366.  
  4367. .b-poll .poll-variants .poll-variant.result .bar .bar.s0,
  4368. .b-poll .poll-variants .poll-variant.result .bar .bar.s1,
  4369. .b-poll .poll-variants .poll-variant.result .bar .bar.s2,
  4370. .b-poll .poll-variants .poll-variant.result .bar .bar.s3 {
  4371. background-color: #730d1b;
  4372. }
  4373.  
  4374. /* END of ОПРОСЫ */
  4375. /* ROUNDED IMAGES */
  4376. .b-dialog > .inner header img,
  4377. .b-message > .inner header img,
  4378. .p-user_rates-index .l-menu .avatar img,
  4379. .avatar > img {
  4380. border-radius: 100%;
  4381. }
  4382.  
  4383. /* END of ROUNDED IMAGES */
  4384. /* TODO: replace */
  4385. .b-catalog_entry.dropped .image-cutter {
  4386. filter: grayscale(100%);
  4387. }
  4388.  
  4389. /**
  4390. * ANIME PAGE
  4391. */
  4392. .b-db_entry {
  4393. margin-bottom: 8px;
  4394. }
  4395.  
  4396. .b-db_entry-note .name-container {
  4397. padding: .25rem 0;
  4398. }
  4399.  
  4400. .b-db_entry-note .name-container .name {
  4401. font-size: 1rem;
  4402. }
  4403.  
  4404. .b-db_entry-note .name-container .note {
  4405. margin-top: 4px;
  4406. font-size: .875rem;
  4407. line-height: 1rem;
  4408. }
  4409.  
  4410. .b-db_entry-note .name-container .note > span {
  4411. display: inline-block;
  4412. vertical-align: top;
  4413. }
  4414.  
  4415. .b-db_entry-note .name-container .b-user_rate {
  4416. margin-top: .375rem;
  4417. }
  4418.  
  4419. .b-db_entry > .c-about .c-info-left,
  4420. .b-db_entry > .c-about .c-info-right,
  4421. .b-db_entry > .c-about .c-info-left:last-child,
  4422. .b-db_entry > .c-about .c-info-right:last-child {
  4423. margin-bottom: 8px !important;
  4424. }
  4425.  
  4426. .b-db_entry > .c-about .contest_winners {
  4427. margin-top: 0;
  4428. margin-bottom: 15px;
  4429. }
  4430.  
  4431. .p-animes .b-db_entry > *:last-child {
  4432. clear: left;
  4433. padding-top: 0;
  4434. margin-left: 0 !important;
  4435. }
  4436.  
  4437. .p-people .subheadline.m10 {
  4438. width: 100%;
  4439. }
  4440.  
  4441. .p-people .m0 {
  4442. clear: both;
  4443. padding: 0;
  4444. margin: 0 !important;
  4445. }
  4446.  
  4447. .p-characters .subheadline.m5 {
  4448. width: 100%;
  4449. overflow: hidden;
  4450. }
  4451.  
  4452. .p-characters .subheadline.m5 > a {
  4453. display: block;
  4454. }
  4455.  
  4456. .p-characters .subheadline.m10 {
  4457. width: auto;
  4458. }
  4459.  
  4460. .p-characters .subheadline.m10 > a {
  4461. display: inline-block;
  4462. }
  4463.  
  4464. @media screen and (max-width: 480px) and (orientation: portrait) {
  4465. .b-db_entry > .c-image .c-actions > a {
  4466. width: auto !important;
  4467. }
  4468. }
  4469.  
  4470. @media only screen and (min-width: 768px) {
  4471. .p-people-show .b-db_entry > .c-about {
  4472. float: none;
  4473. margin-left: 30%;
  4474. overflow: hidden;
  4475. }
  4476. }
  4477.  
  4478. .b-lang_trigger {
  4479. position: absolute;
  4480. top: -53px;
  4481. right: 0;
  4482. width: 40px;
  4483. height: 40px;
  4484. padding: 10px 0;
  4485. margin: 4px;
  4486. font-size: 12px;
  4487. line-height: 20px;
  4488. text-align: center;
  4489. text-transform: uppercase;
  4490. cursor: pointer;
  4491. }
  4492.  
  4493. .b-lang_trigger:before,
  4494. .b-lang_trigger:after {
  4495. display: none;
  4496. }
  4497.  
  4498. .b-lang_trigger span {
  4499. border: 0;
  4500. }
  4501.  
  4502. .midheadline,
  4503. .m10 {
  4504. margin-bottom: 0 !important;
  4505. }
  4506.  
  4507. .b-user_rate .rate-show .note {
  4508. padding: .5rem 1rem;
  4509. font-size: .875rem;
  4510. line-height: 1.25rem;
  4511. max-height: 10rem;
  4512. overflow-x: hidden;
  4513. overflow-y: auto;
  4514. }
  4515.  
  4516. .b-user_rate .rate-show .note:before {
  4517. content: 'Заметка';
  4518. display: block;
  4519. font-size: 10px;
  4520. }
  4521.  
  4522. .b-forums .forum .topics {
  4523. margin-left: 8px;
  4524. margin-top: 0;
  4525. }
  4526.  
  4527. /* ADD TO LIST BUTTON */
  4528. .b-add_to_list {
  4529. min-width: 0;
  4530. }
  4531.  
  4532. .b-add_to_list .trigger,
  4533. .b-add_to_list .option {
  4534. border: 0;
  4535. }
  4536.  
  4537. .b-add_to_list .trigger,
  4538. .b-add_to_list .option {
  4539. padding: .5rem 1rem .5rem 3rem;
  4540. border: 0;
  4541. line-height: 1.5rem;
  4542. }
  4543.  
  4544. /* thx @bot.AkiKawasaki */
  4545. .b-add_to_list .trigger {
  4546. border-radius: .125rem;
  4547. }
  4548.  
  4549. .b-add_to_list .option:last-child {
  4550. border-radius: 0 0 .125rem .125rem;
  4551. }
  4552.  
  4553. .b-add_to_list .trigger + .expanded-options {
  4554. margin-top: -.125rem;
  4555. }
  4556.  
  4557. .b-add_to_list .plus,
  4558. .b-add_to_list .edit,
  4559. .b-add_to_list .trigger-arrow {
  4560. width: 2.5rem;
  4561. height: 2.5rem;
  4562. padding: .5rem;
  4563. margin: -.5rem -1rem -.5rem 0;
  4564. color: inherit !important;
  4565. }
  4566.  
  4567. .b-add_to_list .plus,
  4568. .b-add_to_list .edit {
  4569. position: absolute;
  4570. left: 0;
  4571. margin-left: 0 !important;
  4572. margin-right: .5rem !important;
  4573. }
  4574.  
  4575. .b-add_to_list .trigger-arrow {
  4576. position: relative;
  4577. }
  4578.  
  4579. .b-add_to_list .expanded-options .option .text {
  4580. padding-left: 0;
  4581. }
  4582.  
  4583. .b-add_to_list.completed ~ .rate-show > .rate-number,
  4584. .b-add_to_list.completed ~ .rate-show > .episodes {
  4585. height: 1rem;
  4586. margin-bottom: 0;
  4587. font-size: 0;
  4588. }
  4589.  
  4590. /* DENSE ATL_BUTTON */
  4591. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger,
  4592. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option {
  4593. padding: 0 1rem 0 2.25rem;
  4594. line-height: 2rem;
  4595. }
  4596.  
  4597. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .plus,
  4598. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .edit,
  4599. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger-arrow {
  4600. width: 2rem;
  4601. height: 2rem;
  4602. padding: .4375rem;
  4603. margin: 0 -1rem 0 .25rem;
  4604. }
  4605.  
  4606. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .plus,
  4607. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .edit {
  4608. margin-right: .25rem !important;
  4609. }
  4610.  
  4611. /* END of DENSE ATL_BUTTON */
  4612. /* ATL_BUTTON in NEWS */
  4613. .b-catalog_entry-tooltip .b-add_to_list {
  4614. width: auto;
  4615. max-width: 224px;
  4616. }
  4617.  
  4618. .b-catalog_entry-tooltip .b-add_to_list .trigger {
  4619. font-size: .875rem;
  4620. line-height: 1.5rem;
  4621. }
  4622.  
  4623. .b-catalog_entry-tooltip .b-add_to_list .option {
  4624. font-size: .875rem;
  4625. }
  4626.  
  4627. .b-catalog_entry-tooltip .b-add_to_list .trigger,
  4628. .b-catalog_entry-tooltip .b-add_to_list .add-trigger,
  4629. .b-catalog_entry-tooltip .b-add_to_list .remove-trigger {
  4630. max-width: 224px;
  4631. }
  4632.  
  4633. /* END of ATL_BUTTON in NEWS */
  4634. /* FIX ORIGINAL STYLE */
  4635. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .plus::before,
  4636. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .edit::before,
  4637. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:hover .trigger-arrow::before,
  4638. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .plus::before,
  4639. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .edit::before,
  4640. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:hover .trigger-arrow::before,
  4641. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .plus::before,
  4642. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .edit::before,
  4643. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger:active .trigger-arrow::before,
  4644. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .plus::before,
  4645. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .edit::before,
  4646. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option:active .trigger-arrow::before {
  4647. color: inherit;
  4648. }
  4649.  
  4650. /* FIX: ADD_TO_LIST LAYOUT IN NOTES (issue #7) */
  4651. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option,
  4652. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger {
  4653. padding: 0 1rem 0 2rem;
  4654. }
  4655.  
  4656. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger + .expanded-options {
  4657. margin-top: 0;
  4658. }
  4659.  
  4660. /* END of ADD TO LIST BUTTON */
  4661. .b-catalog_entry.planned .image-decor::before,
  4662. .b-catalog_entry.watching .image-decor::before,
  4663. .b-catalog_entry.completed .image-decor::before,
  4664. .b-catalog_entry.rewatching .image-decor::before,
  4665. .b-catalog_entry.on_hold .image-decor::before,
  4666. .b-catalog_entry.dropped .image-decor::before {
  4667. display: none;
  4668. }
  4669.  
  4670. .b-catalog_entry.planned .image-decor::after,
  4671. .b-catalog_entry.watching .image-decor::after,
  4672. .b-catalog_entry.completed .image-decor::after,
  4673. .b-catalog_entry.rewatching .image-decor::after,
  4674. .b-catalog_entry.on_hold .image-decor::after,
  4675. .b-catalog_entry.dropped .image-decor::after {
  4676. top: auto;
  4677. right: 8px;
  4678. bottom: 8px;
  4679. width: 36px;
  4680. height: auto;
  4681. border: none;
  4682. border-radius: 100%;
  4683. box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.24);
  4684. color: #FFF;
  4685. font-size: 22px;
  4686. line-height: 36px !important;
  4687. }
  4688.  
  4689. .p-animes_collection-index.x1000 .b-catalog_entry .image-decor::after,
  4690. .p-mangas_collection-index.x1000 .b-catalog_entry .image-decor::after,
  4691. .p-recommendations-index.x1000 .b-catalog_entry .image-decor::after,
  4692. .p-userlist_comparer-show.x1000 .b-catalog_entry .image-decor::after {
  4693. width: 32px;
  4694. height: auto;
  4695. border-radius: 100%;
  4696. line-height: 32px;
  4697. }
  4698.  
  4699. .b-catalog_entry.planned .image-decor::after {
  4700. content: "event";
  4701. background: #FAFAFA;
  4702. color: #1976D2;
  4703. }
  4704.  
  4705. .b-catalog_entry.watching .image-decor::after {
  4706. content: "play_arrow";
  4707. background: #1E88E5;
  4708. }
  4709.  
  4710. .b-catalog_entry.rewatching .image-decor::after {
  4711. content: "replay";
  4712. background: #1E88E5;
  4713. }
  4714.  
  4715. .b-catalog_entry.completed .image-decor::after {
  4716. content: "done";
  4717. background: #43A047;
  4718. }
  4719.  
  4720. .b-catalog_entry.on_hold .image-decor::after {
  4721. content: "schedule";
  4722. background: #757575;
  4723. }
  4724.  
  4725. .b-catalog_entry.dropped .image-decor::after {
  4726. content: "delete";
  4727. background: #E53935;
  4728. }
  4729.  
  4730. .b-db_entry-note .name-container {
  4731. margin-left: 64px;
  4732. line-height: inherit;
  4733. }
  4734.  
  4735. header.head,
  4736. .block,
  4737. .b-add_to_list,
  4738. .b-user_rate .rate-show {
  4739. margin-bottom: .5rem;
  4740. }
  4741.  
  4742. .l-page > div > header.head {
  4743. margin-bottom: 1.5rem;
  4744. }
  4745.  
  4746. .p-profiles-edit .l-page > div > header.head,
  4747. .p-dialogs .l-page > div > header.head,
  4748. .p-messages .l-page > div > header.head {
  4749. margin-bottom: 0;
  4750. }
  4751.  
  4752. /* Кнопки управления над постером */
  4753. @media (min-width: 481px) {
  4754. .c-actions {
  4755. padding: 4px 0;
  4756. }
  4757. }
  4758.  
  4759. .c-actions > * {
  4760. width: 40px !important;
  4761. height: 40px !important;
  4762. padding: .5rem;
  4763. }
  4764.  
  4765. .c-actions > *:not(:last-child) {
  4766. margin-right: 8px !important;
  4767. }
  4768.  
  4769. .c-actions > *:before {
  4770. font-size: 24px !important;
  4771. line-height: 1 !important;
  4772. }
  4773.  
  4774. .c-actions .fav-remove:hover:before {
  4775. color: inherit;
  4776. }
  4777.  
  4778. @media screen and (min-width: 1200px) {
  4779. .p-animes-show .c-image .b-user_rate,
  4780. .p-mangas-show .c-image .b-user_rate {
  4781. margin: 0;
  4782. }
  4783. }
  4784.  
  4785. .b-rate {
  4786. padding: 6px 0;
  4787. }
  4788.  
  4789. .b-rate:last-child {
  4790. margin-bottom: 15px;
  4791. }
  4792.  
  4793. .b-rate .text-score {
  4794. vertical-align: top;
  4795. }
  4796.  
  4797. .b-rate .score-value {
  4798. line-height: 36px;
  4799. }
  4800.  
  4801. .b-rate .score-notice {
  4802. font-size: 10px;
  4803. margin-top: -46px;
  4804. text-transform: uppercase;
  4805. }
  4806.  
  4807. .b-review-topic .b-rate .score-notice {
  4808. margin-top: -58px;
  4809. }
  4810.  
  4811. .b-user_rate .rate-show .episodes {
  4812. margin-bottom: 8px;
  4813. font-size: 14px;
  4814. line-height: 32px;
  4815. }
  4816.  
  4817. .b-user_rate .rate-show .rate-number {
  4818. margin-right: 0;
  4819. }
  4820.  
  4821. .b-user_rate .rate-show .rate-number .current-episodes,
  4822. .b-user_rate .rate-show .rate-number .sep,
  4823. .b-user_rate .rate-show .rate-number .total-episodes {
  4824. display: inline-block;
  4825. vertical-align: top;
  4826. line-height: 32px;
  4827. }
  4828.  
  4829. .b-user_rate .rate-show .rate-number .item-add {
  4830. display: inline-block;
  4831. vertical-align: top;
  4832. width: 40px;
  4833. height: 40px;
  4834. padding: 8px;
  4835. margin: -4px 0 0 8px;
  4836. }
  4837.  
  4838. .b-user_rate .rate-show .rate-number .item-add:before {
  4839. width: 24px !important;
  4840. font-family: 'Material Icons' !important;
  4841. font-size: 24px !important;
  4842. font-weight: 400 !important;
  4843. line-height: 1 !important;
  4844. text-transform: none;
  4845. letter-spacing: normal;
  4846. word-wrap: normal;
  4847. white-space: nowrap;
  4848. direction: ltr;
  4849. /* Support for all WebKit browsers. */
  4850. -webkit-font-smoothing: antialiased;
  4851. /* Support for Safari and Chrome. */
  4852. text-rendering: optimizeLegibility;
  4853. /* Support for Firefox. */
  4854. -moz-osx-font-smoothing: grayscale;
  4855. /* Support for IE. */
  4856. font-feature-settings: 'liga';
  4857. }
  4858.  
  4859. .b-user_rate .rate-show .rate-number .item-add:before {
  4860. content: 'add';
  4861. }
  4862.  
  4863. .b-rate .stars:after {
  4864. font-size: 36px !important;
  4865. font-family: 'Material Icons' !important;
  4866. line-height: 1 !important;
  4867. font-weight: 400 !important;
  4868. text-transform: none;
  4869. letter-spacing: -6px;
  4870. word-wrap: normal;
  4871. white-space: nowrap;
  4872. direction: ltr;
  4873. /* Support for all WebKit browsers. */
  4874. -webkit-font-smoothing: antialiased;
  4875. /* Support for Safari and Chrome. */
  4876. text-rendering: optimizeLegibility;
  4877. /* Support for Firefox. */
  4878. -moz-osx-font-smoothing: grayscale;
  4879. /* Support for IE. */
  4880. font-feature-settings: 'liga';
  4881. }
  4882.  
  4883. .b-rate .stars.background:after {
  4884. content: 'star_border star_border star_border star_border star_border';
  4885. }
  4886.  
  4887. .b-rate .stars.score-1:after {
  4888. content: 'star_half';
  4889. }
  4890.  
  4891. .b-rate .stars.score-2:after {
  4892. content: 'star';
  4893. }
  4894.  
  4895. .b-rate .stars.score-3:after {
  4896. content: 'star star_half';
  4897. }
  4898.  
  4899. .b-rate .stars.score-4:after {
  4900. content: 'star star';
  4901. }
  4902.  
  4903. .b-rate .stars.score-5:after {
  4904. content: 'star star star_half';
  4905. }
  4906.  
  4907. .b-rate .stars.score-6:after {
  4908. content: 'star star star';
  4909. }
  4910.  
  4911. .b-rate .stars.score-7:after {
  4912. content: 'star star star star_half';
  4913. }
  4914.  
  4915. .b-rate .stars.score-8:after {
  4916. content: 'star star star star';
  4917. }
  4918.  
  4919. .b-rate .stars.score-9:after {
  4920. content: 'star star star star star_half';
  4921. }
  4922.  
  4923. .b-rate .stars.score-10:after {
  4924. content: 'star star star star star';
  4925. }
  4926.  
  4927. .watch-online-placeholer {
  4928. margin: 2rem auto .5rem;
  4929. }
  4930.  
  4931. .b-link_button.watch-online:before,
  4932. .b-link_button.upload-video:before,
  4933. .b-link_button.create-topic:before {
  4934. display: none;
  4935. }
  4936.  
  4937. .b-entry-info {
  4938. margin: 0;
  4939. font-size: .875rem;
  4940. }
  4941.  
  4942. .b-entry-info .line {
  4943. line-height: 1.5rem;
  4944. }
  4945.  
  4946. .b-tag,
  4947. .b-entry-info .line .b-tag,
  4948. .b-catalog_entry-tooltip .inner .line .value .tag {
  4949. padding: 0 8px;
  4950. margin: 0 4px 0 0;
  4951. border: 0;
  4952. font-size: .625rem;
  4953. line-height: 20px;
  4954. text-transform: uppercase;
  4955. }
  4956.  
  4957. .b-tag:hover,
  4958. .b-entry-info .line .b-tag:hover,
  4959. .b-catalog_entry-tooltip .inner .line .value .tag:hover {
  4960. padding: 0 8px;
  4961. margin: 0 4px 0 0;
  4962. }
  4963.  
  4964. .b-tag {
  4965. font-size: .875rem;
  4966. line-height: 24px;
  4967. }
  4968.  
  4969. .b-catalog_entry-tooltip .inner .line .value .tag,
  4970. .b-catalog_entry-tooltip .inner .line .value .tag:hover {
  4971. padding: 0 6px;
  4972. line-height: 18px;
  4973. }
  4974.  
  4975. @media screen and (min-width: 1200px) {
  4976. .p-animes_collection-index.x1200 .cc-entries > .c-column {
  4977. width: 18.4%;
  4978. margin-right: 2%;
  4979. border-radius: 2px;
  4980. }
  4981. }
  4982.  
  4983. /* Anime/Manga Sidebar */
  4984. .b-animes-menu .friend-rate {
  4985. line-height: 1.5rem;
  4986. white-space: nowrap;
  4987. }
  4988.  
  4989. .b-animes-menu .site-icon {
  4990. margin-top: .25rem;
  4991. margin-right: .75rem;
  4992. }
  4993.  
  4994. .b-external_link {
  4995. font-size: .875rem;
  4996. line-height: 1.5rem;
  4997. }
  4998.  
  4999. .b-external_link .linkeable,
  5000. .b-external_link a {
  5001. display: block;
  5002. margin-left: 2rem;
  5003. }
  5004.  
  5005. .b-animes-menu .b-external_link .linkeable:before,
  5006. .b-animes-menu .b-external_link a:before {
  5007. width: 1.125rem;
  5008. height: 1.125rem;
  5009. margin-top: .1875rem;
  5010. margin-left: -2rem;
  5011. background-size: 1rem;
  5012. background-position: center;
  5013. background-repeat: no-repeat;
  5014. }
  5015.  
  5016. .b-external_link .linkeable:hover,
  5017. .b-external_link a:hover {
  5018. text-decoration: underline;
  5019. }
  5020.  
  5021. /**
  5022. * COMMENT
  5023. * Изменение всех комментариев, новостей, диалогов, топиков.
  5024. */
  5025. .b-comment,
  5026. .b-dialog,
  5027. .b-message {
  5028. position: relative;
  5029. padding-top: .75rem !important;
  5030. padding-bottom: .75rem;
  5031. margin-bottom: 0;
  5032. border: 0;
  5033. }
  5034.  
  5035. .b-comments {
  5036. line-height: inherit;
  5037. }
  5038.  
  5039. .b-dialog {
  5040. position: relative;
  5041. }
  5042.  
  5043. .b-topic {
  5044. padding-top: .5rem;
  5045. }
  5046.  
  5047. .b-comment > .inner .was_updated {
  5048. margin: 0;
  5049. color: #9E9E9E;
  5050. }
  5051.  
  5052. /* Исправление для предпросмотра комментария во всплывающем окне */
  5053. .tooltip-inner .b-message {
  5054. padding-top: 0 !important;
  5055. padding-bottom: 0;
  5056. }
  5057.  
  5058. /* inset dividers */
  5059. .b-dialog:before,
  5060. .b-message:before,
  5061. .b-comment:before,
  5062. .b-comments .comments-loaded:before {
  5063. content: '';
  5064. position: absolute;
  5065. bottom: 0;
  5066. right: 0;
  5067. left: 3.5rem;
  5068. height: 1px;
  5069. }
  5070.  
  5071. .b-generated_news:before {
  5072. left: 0;
  5073. }
  5074.  
  5075. .b-comments .comments-loaded .b-comment:last-child {
  5076. margin: 0;
  5077. }
  5078.  
  5079. .b-dialog:last-child:before,
  5080. .b-message:last-child:before,
  5081. .b-comment:last-child:before,
  5082. .tooltip-inner .b-message:before {
  5083. display: none;
  5084. }
  5085.  
  5086. .b-comment .body,
  5087. .b-dialog .body,
  5088. .b-message .body,
  5089. .b-topic .body {
  5090. padding: 4px 0;
  5091. padding-left: 0;
  5092. line-height: inherit;
  5093. word-break: break-word;
  5094. }
  5095.  
  5096. /* Левый отступ комментариев от края экрана */
  5097. .b-comment > .inner > .body,
  5098. .b-dialog > .inner > .body,
  5099. .b-message > .inner > .body,
  5100. .b-topic > .inner > .body,
  5101. .b-topic > .inner > footer,
  5102. .b-topic-preview > .b-comments,
  5103. .b-topic-preview > .inner > .body,
  5104. .b-topic-preview > .inner > footer {
  5105. padding-left: 3.5rem;
  5106. }
  5107.  
  5108. /* Фикс отступа в новостях и новостных топиках */
  5109. .b-dialog .b-message > .inner > .body,
  5110. .b-topic-preview.mini > .inner > header,
  5111. .b-topic-minified > .inner > header,
  5112. .b-generated_news-topic > .inner > header,
  5113. .b-generated_news > .inner > header,
  5114. .b-generated_news > .inner > .body,
  5115. .p-clubs-show .b-topic-preview.mini > .inner > .body {
  5116. padding-left: 0;
  5117. }
  5118.  
  5119. /* Предпросмотр описания и страниц клуба */
  5120. .edit_club .b-shiki_editor .b-comment .inner .body,
  5121. .edit_club_page .b-shiki_editor .b-comment .inner .body,
  5122. .new_club_page .b-shiki_editor .b-comment .inner .body {
  5123. padding-left: 0;
  5124. }
  5125.  
  5126. @media screen and (max-width: 767px) {
  5127. .b-topic-preview > .b-comments {
  5128. padding-left: 0;
  5129. }
  5130. .b-topic-preview > .inner > .body,
  5131. .b-topic-preview > .inner > footer {
  5132. padding-left: 3.5rem;
  5133. }
  5134. }
  5135.  
  5136. @media screen and (min-width: 767px) {
  5137. .b-news-topic > .b-comments {
  5138. padding-left: 3.5rem;
  5139. }
  5140. }
  5141.  
  5142. /* END of Левый отступ комментариев от края экрана */
  5143. .b-comment > .inner header,
  5144. .b-dialog > .inner header,
  5145. .b-message > .inner header,
  5146. .b-topic > .inner header {
  5147. margin-bottom: 0;
  5148. }
  5149.  
  5150. .b-dialog > .inner header,
  5151. .b-message > .inner header {
  5152. padding-top: .25rem;
  5153. padding-bottom: .25rem;
  5154. }
  5155.  
  5156. .b-topic > .inner header img {
  5157. width: 2.5rem;
  5158. margin: .25rem 1rem 0 0;
  5159. }
  5160.  
  5161. .b-comment > .inner header img,
  5162. .b-message > .inner header img,
  5163. .b-dialog > .inner header img {
  5164. width: 2.5rem;
  5165. margin: .25rem 1rem 0 0;
  5166. border-radius: 100%;
  5167. }
  5168.  
  5169. .b-topic > .inner header .name-date,
  5170. .b-comment > .inner header .name-date {
  5171. padding: .25rem 0;
  5172. line-height: 2rem;
  5173. }
  5174.  
  5175. .b-topic > .inner header .name-date {
  5176. line-height: 20px;
  5177. }
  5178.  
  5179. .b-message > .inner header .name-date,
  5180. .b-dialog > .inner header .name-date {
  5181. line-height: 2rem;
  5182. }
  5183.  
  5184. .b-topic .name-date .name,
  5185. .b-comment .name-date .name,
  5186. .b-dialog .name-date .name {
  5187. font-size: 1rem;
  5188. }
  5189.  
  5190. .b-message > .inner header .name-date a.name,
  5191. .b-topic > .inner header .name-date a.name,
  5192. .b-comment > .inner header .name-date a.name,
  5193. .b-dialog > .inner header .name-date a.name {
  5194. display: block;
  5195. margin-right: .5rem;
  5196. line-height: 1.25rem;
  5197. }
  5198.  
  5199. .b-topic > .inner header .name-date a.name,
  5200. .b-topic > .inner header .name-date .about,
  5201. .b-topic > .inner > header .about a,
  5202. .b-topic > .inner > header .about > span,
  5203. .b-message header .broadcast-by {
  5204. display: inline-block;
  5205. vertical-align: top;
  5206. line-height: inherit;
  5207. }
  5208.  
  5209. .b-topic > .inner header .name-date .about,
  5210. .b-message header .broadcast-by {
  5211. margin-right: .5rem;
  5212. }
  5213.  
  5214. .b-message header .broadcast-by {
  5215. padding: 0;
  5216. font-size: .875rem;
  5217. }
  5218.  
  5219. .b-topic > .inner > header .name-date a {
  5220. font-size: 1rem;
  5221. }
  5222.  
  5223. .b-topic > .inner > header .about > span {
  5224. color: #9E9E9E;
  5225. padding: 0 .5rem 0 0;
  5226. font-size: .875rem;
  5227. }
  5228.  
  5229. .b-topic > .inner > header .about a {
  5230. font-size: 1rem;
  5231. }
  5232.  
  5233. .b-comment > .inner header .name-date a.name:hover {
  5234. text-decoration: none;
  5235. }
  5236.  
  5237. .b-message > .inner header .name-date .time,
  5238. .b-topic > .inner header .name-date .time,
  5239. .b-comment > .inner header .name-date .time,
  5240. .b-dialog > .inner header .name-date .time {
  5241. position: relative;
  5242. padding-top: 0;
  5243. padding-left: 0;
  5244. margin-right: .5rem;
  5245. line-height: 1.25rem;
  5246. }
  5247.  
  5248. .b-message > .inner header .name-date .time > time,
  5249. .b-comment > .inner header .name-date .time > time,
  5250. .b-topic > .inner header .name-date .time > time {
  5251. display: block;
  5252. font-size: .875rem;
  5253. line-height: inherit;
  5254. }
  5255.  
  5256. .b-topic > .inner header .name-date .time {
  5257. font-size: .875rem;
  5258. line-height: inherit;
  5259. }
  5260.  
  5261. .b-comment > .inner header .name-date .time:hover {
  5262. text-decoration: underline;
  5263. }
  5264.  
  5265. .b-comment header .hash {
  5266. position: absolute;
  5267. top: 0;
  5268. right: 0;
  5269. bottom: 0;
  5270. left: 0;
  5271. margin: 0;
  5272. opacity: 0;
  5273. z-index: 1;
  5274. }
  5275.  
  5276. .b-comment .inner .name-date a.name .normal {
  5277. vertical-align: top;
  5278. }
  5279.  
  5280. @media only screen and (min-width: 1025px) {
  5281. .b-topic > .inner header .name-date,
  5282. .b-comment > .inner header .name-date {
  5283. padding: .25rem 0;
  5284. line-height: 1.5rem;
  5285. }
  5286. .b-comment > .inner header .name-date a.name,
  5287. .b-comment > .inner header .name-date .time,
  5288. .b-dialog > .inner header .name-date a.name,
  5289. .b-dialog > .inner header .name-date .time {
  5290. display: inline-block;
  5291. vertical-align: top;
  5292. line-height: inherit;
  5293. }
  5294. .b-message > .inner header .name-date .time > time,
  5295. .b-comment > .inner header .name-date .time > time {
  5296. display: block;
  5297. font-size: 13px;
  5298. line-height: inherit;
  5299. }
  5300. .p-dialogs .b-message > .inner header {
  5301. padding-top: 0;
  5302. padding-bottom: 0;
  5303. }
  5304. .p-dialogs .b-message > .inner header .name-date {
  5305. line-height: 32px;
  5306. }
  5307. .p-dialogs .b-message > .inner header .name-date a.name,
  5308. .p-dialogs .b-message > .inner header .name-date .time {
  5309. display: inline-block;
  5310. vertical-align: top;
  5311. line-height: inherit;
  5312. }
  5313. .b-comment > .inner header img,
  5314. .b-message > .inner header img,
  5315. .b-dialog > .inner header img {
  5316. margin: 6px 16px 0 0;
  5317. }
  5318. .b-topic > .inner header .name-date .time {
  5319. display: inline-block;
  5320. vertical-align: top;
  5321. line-height: inherit;
  5322. }
  5323. }
  5324.  
  5325. .p-messages .b-message > .inner header .name-date a.name,
  5326. .p-messages .b-message > .inner header .name-date .time {
  5327. display: inline-block !important;
  5328. vertical-align: top;
  5329. padding-top: 0;
  5330. line-height: inherit !important;
  5331. }
  5332.  
  5333. @media screen and (max-width: 1024px) {
  5334. .b-dialog .time {
  5335. display: block !important;
  5336. padding-left: 0 !important;
  5337. font-size: 14px !important;
  5338. line-height: 20px !important;
  5339. }
  5340. .b-dialog > .inner header .name-date time {
  5341. display: block;
  5342. line-height: inherit;
  5343. }
  5344. .b-dialog .b-message > .inner header .name-date .time {
  5345. display: inline-block !important;
  5346. vertical-align: top;
  5347. padding-left: 0 !important;
  5348. line-height: inherit !important;
  5349. }
  5350. .b-dialog .b-message .inner header .name-date .name {
  5351. display: inline-block !important;
  5352. vertical-align: top;
  5353. }
  5354. }
  5355.  
  5356. .b-dialog > .inner header .name-date .time,
  5357. .b-message > .inner header .name-date .time {
  5358. color: #9E9E9E;
  5359. }
  5360.  
  5361. .b-dialog .b-message {
  5362. position: static;
  5363. margin: 0;
  5364. padding: 0 !important;
  5365. overflow: visible;
  5366. }
  5367.  
  5368. .b-dialog .b-message .inner header {
  5369. padding: 4px 0;
  5370. }
  5371.  
  5372. .b-dialog .b-message .inner header img {
  5373. width: 20px;
  5374. margin: 0 8px 0 0;
  5375. }
  5376.  
  5377. .b-dialog .b-message .inner header .name-date {
  5378. line-height: 20px;
  5379. }
  5380.  
  5381. .yellow-fade {
  5382. background: rgba(249, 247, 19, 0.16);
  5383. outline-color: rgba(249, 247, 19, 0.16);
  5384. }
  5385.  
  5386. .b-replies {
  5387. padding: 8px 0 0;
  5388. }
  5389.  
  5390. .b-quote {
  5391. margin: .5rem 0;
  5392. padding: .5rem 1rem;
  5393. }
  5394.  
  5395. .b-quote .quoteable {
  5396. margin: 0 0 .5rem;
  5397. line-height: 20px;
  5398. }
  5399.  
  5400. .b-quote .quoteable:before {
  5401. float: left;
  5402. margin-right: 8px;
  5403. }
  5404.  
  5405. .b-quote .b-quote {
  5406. margin-left: 0 !important;
  5407. }
  5408.  
  5409. .b-topic > .inner header:after {
  5410. content: "";
  5411. clear: both;
  5412. display: none;
  5413. }
  5414.  
  5415. .b-topic .body {
  5416. line-height: 1.25;
  5417. }
  5418.  
  5419. .b-topic-preview > .inner header {
  5420. margin-bottom: 0;
  5421. }
  5422.  
  5423. .b-topic-preview > .inner .status-line {
  5424. margin-top: -4px;
  5425. margin-bottom: 8px;
  5426. font-size: 14px;
  5427. line-height: 20px;
  5428. }
  5429.  
  5430. .b-topic-preview > .inner .status-line .author {
  5431. padding: 0;
  5432. }
  5433.  
  5434. .b-topic-preview > .inner .status-line .b-link {
  5435. padding: 0 8px;
  5436. }
  5437.  
  5438. .b-topic-preview > .inner .status-line .additional {
  5439. padding-left: .5rem;
  5440. margin-left: .5rem;
  5441. }
  5442.  
  5443. .b-topic-preview > .inner .status-line .additional .comments,
  5444. .b-topic-preview > .inner .status-line .additional .likes {
  5445. color: inherit;
  5446. }
  5447.  
  5448. .b-topic-preview > .inner .status-line .additional .comments:before,
  5449. .b-topic-preview > .inner .status-line .additional .likes:before {
  5450. vertical-align: top;
  5451. padding-right: 8px;
  5452. color: #BDBDBD;
  5453. }
  5454.  
  5455. .b-topic-preview > .inner .status-line .additional .comments:before,
  5456. .b-topic-preview > .inner .status-line .additional .likes:before {
  5457. padding-right: 8px;
  5458. font-family: 'Material Icons';
  5459. font-size: 18px;
  5460. text-transform: none;
  5461. letter-spacing: normal;
  5462. word-wrap: normal;
  5463. white-space: nowrap;
  5464. direction: ltr;
  5465. /* Support for all WebKit browsers. */
  5466. -webkit-font-smoothing: antialiased;
  5467. /* Support for Safari and Chrome. */
  5468. text-rendering: optimizeLegibility;
  5469. /* Support for Firefox. */
  5470. -moz-osx-font-smoothing: grayscale;
  5471. /* Support for IE. */
  5472. font-feature-settings: 'liga';
  5473. }
  5474.  
  5475. .b-topic-preview > .inner .status-line .additional .comments:before {
  5476. content: "mode_comment";
  5477. }
  5478.  
  5479. .b-topic-preview > .inner .status-line .additional .likes:before {
  5480. content: "thumb_up";
  5481. }
  5482.  
  5483. .b-topic-preview > .inner .status-line .additional .b-review_votes {
  5484. margin-left: 1rem;
  5485. }
  5486.  
  5487. .b-collection-topic .b-review_votes {
  5488. display: inline-block;
  5489. font-size: inherit;
  5490. line-height: inherit;
  5491. }
  5492.  
  5493. .b-review-topic .review-votes_count {
  5494. font-size: .875rem;
  5495. }
  5496.  
  5497. /* Просмотр комментариев во всплывающей подсказке */
  5498. .tooltip .b-comment {
  5499. padding-top: 0 !important;
  5500. padding-bottom: 0;
  5501. }
  5502.  
  5503. .tooltip .b-comment:before {
  5504. display: none;
  5505. }
  5506.  
  5507. /* Иконки коллекций */
  5508. .b-collection-topic > .inner .status-line .collection-size {
  5509. color: inherit;
  5510. }
  5511.  
  5512. .b-collection-topic > .inner .status-line .collection-size:before,
  5513. .b-review_votes:before {
  5514. vertical-align: top;
  5515. width: 1.125rem;
  5516. padding-right: .5rem;
  5517. color: #BDBDBD;
  5518. font-size: 1.125rem;
  5519. }
  5520.  
  5521. .b-collection-topic > .inner .status-line .collection-size:before {
  5522. content: 'collections_bookmark';
  5523. }
  5524.  
  5525. .b-review_votes:before {
  5526. content: 'thumbs_up_down';
  5527. }
  5528.  
  5529. .b-review_votes .votes-for {
  5530. color: #66BB6A;
  5531. }
  5532.  
  5533. .b-review_votes .votes-against {
  5534. color: #EF5350;
  5535. }
  5536.  
  5537. /* Кнопки голосования в рецензиях и коллекциях */
  5538. .b-topic .footer-vote {
  5539. padding: 0;
  5540. margin-top: 1rem;
  5541. margin-bottom: 1rem;
  5542. background: transparent;
  5543. border: 0;
  5544. color: inherit;
  5545. font-size: .875rem;
  5546. line-height: inherit;
  5547. }
  5548.  
  5549. .b-topic .footer-vote:after {
  5550. content: '';
  5551. display: block;
  5552. clear: both;
  5553. }
  5554.  
  5555. .b-topic .footer-vote .star {
  5556. vertical-align: top;
  5557. padding: .5rem;
  5558. line-height: 0;
  5559. }
  5560.  
  5561. .b-topic .footer-vote .star:before {
  5562. content: 'thumbs_up_down';
  5563. width: 1.5rem;
  5564. padding: 0;
  5565. font-size: 1.5rem;
  5566. }
  5567.  
  5568. .b-topic .footer-vote .notice {
  5569. margin: 0 1.5rem 0 1rem;
  5570. line-height: 2.5rem;
  5571. }
  5572.  
  5573. .b-topic .footer-vote .vote-group {
  5574. float: right;
  5575. }
  5576.  
  5577. .b-topic .footer-vote .vote-group .vote {
  5578. min-width: 5.5rem;
  5579. padding: 0 1rem;
  5580. margin: .25rem 0;
  5581. background-color: #212121;
  5582. border: 0;
  5583. border-radius: .125rem;
  5584. color: inherit;
  5585. font-size: .875rem;
  5586. font-weight: 700;
  5587. line-height: 2rem;
  5588. text-transform: uppercase;
  5589. opacity: 1;
  5590. transition: background-color .24s ease, color .24s ease;
  5591. }
  5592.  
  5593. .b-topic .footer-vote .vote-group .vote:not(:last-child) {
  5594. margin-right: .5rem;
  5595. }
  5596.  
  5597. .b-topic .footer-vote .vote-group .vote.yes.selected,
  5598. .b-topic .footer-vote .vote-group .vote.yes:hover {
  5599. background-color: #4CAF50;
  5600. background-color: #66BB6A;
  5601. color: #FFFFFF;
  5602. }
  5603.  
  5604. .b-topic .footer-vote .vote-group .vote.no.selected,
  5605. .b-topic .footer-vote .vote-group .vote.no:hover {
  5606. background-color: #F44336;
  5607. background-color: #EF5350;
  5608. color: #FFFFFF;
  5609. }
  5610.  
  5611. .b-topic .footer-vote .vote-group .vote.yes:before,
  5612. .b-topic .footer-vote .vote-group .vote.no:before {
  5613. vertical-align: middle;
  5614. width: 1.125rem;
  5615. padding: 0;
  5616. margin-right: .875rem;
  5617. font-size: 1.125rem;
  5618. }
  5619.  
  5620. .b-topic .footer-vote .vote-group .vote.yes:before {
  5621. content: 'thumb_up';
  5622. }
  5623.  
  5624. .b-topic .footer-vote .vote-group .vote.no:before {
  5625. content: 'thumb_down';
  5626. }
  5627.  
  5628. .b-topic .footer-vote .vote-group .separator {
  5629. display: none;
  5630. }
  5631.  
  5632. /* END of Кнопки голосования в рецензиях и коллекциях */
  5633. /**
  5634. * COMMENT DOESN'T SLIDE
  5635. * Большие комментарии, топики не должны сдвигаться margin'ами.
  5636. * Либо translate3d либо никак.
  5637. */
  5638. .b-topic.aside-expanded > .inner,
  5639. .b-dialog.aside-expanded > .inner,
  5640. .b-message.aside-expanded > .inner,
  5641. .b-comment.aside-expanded > .inner,
  5642. .b-topic.aside-expanded > .b-comments {
  5643. margin-left: 0;
  5644. }
  5645.  
  5646. .b-topic.aside-expanded > .inner aside.buttons,
  5647. .b-dialog.aside-expanded > .inner aside.buttons,
  5648. .b-message.aside-expanded > .inner aside.buttons,
  5649. .b-comment.aside-expanded > .inner aside.buttons {
  5650. position: absolute;
  5651. top: 0;
  5652. right: 0;
  5653. left: 0;
  5654. width: auto;
  5655. height: 100%;
  5656. margin: 0 -16px;
  5657. padding: 8px 16px;
  5658. border: 0;
  5659. overflow-y: auto;
  5660. z-index: 3;
  5661. }
  5662.  
  5663. .b-dialog > .inner > aside.buttons > .main-controls > a:after,
  5664. .b-dialog > .inner > aside.buttons > .main-controls > span:after,
  5665. .b-dialog > .inner > aside.buttons > .delete-controls > span:after,
  5666. .b-dialog > .inner > aside.buttons > .moderation-controls > span:after,
  5667. .b-message > .inner > aside.buttons > .main-controls > a:after,
  5668. .b-message > .inner > aside.buttons > .main-controls > span:after,
  5669. .b-message > .inner > aside.buttons > .delete-controls > span:after,
  5670. .b-message > .inner > aside.buttons > .moderation-controls > span:after,
  5671. .b-comment > .inner > aside.buttons > .main-controls > a:after,
  5672. .b-comment > .inner > aside.buttons > .main-controls > span:after,
  5673. .b-comment > .inner > aside.buttons > .delete-controls > span:after,
  5674. .b-comment > .inner > aside.buttons > .moderation-controls > span:after {
  5675. vertical-align: top;
  5676. padding-left: 12px !important;
  5677. font-size: 16px !important;
  5678. line-height: 18px;
  5679. }
  5680.  
  5681. /* OPEN DIALOG BY CLICK */
  5682. .b-dialog .to_dialog {
  5683. position: absolute;
  5684. top: 0;
  5685. right: 0;
  5686. bottom: 0;
  5687. left: 0;
  5688. margin: 0 -16px;
  5689. font-size: 0;
  5690. }
  5691.  
  5692. .b-dialog:hover .to_dialog {
  5693. background-color: rgba(0, 0, 0, 0.05);
  5694. z-index: 0;
  5695. }
  5696.  
  5697. .b-dialog img,
  5698. .b-dialog a,
  5699. .b-dialog .buttons,
  5700. .b-dialog .b-new_marker {
  5701. position: relative;
  5702. z-index: 2;
  5703. }
  5704.  
  5705. /* END of OPEN DIALOG BY CLICK */
  5706. /**
  5707. * BBCode: CODE
  5708. * Новый тег отвечающий за оформление программных кодов.
  5709. */
  5710. code {
  5711. vertical-align: middle;
  5712. padding: .5px 4px;
  5713. background-color: rgba(32, 32, 32, 0.05);
  5714. border-radius: 2px;
  5715. font-size: .875rem;
  5716. }
  5717.  
  5718. pre {
  5719. position: relative;
  5720. }
  5721.  
  5722. .b-code {
  5723. padding: 1rem;
  5724. margin: .5rem 0;
  5725. background: #303030;
  5726. border-radius: 2px;
  5727. font-size: .875rem;
  5728. font-style: normal;
  5729. font-weight: normal;
  5730. text-align: left;
  5731. }
  5732.  
  5733. @media (min-width: 960px) {
  5734. .b-code:before {
  5735. content: attr(data-language);
  5736. position: absolute;
  5737. top: 1rem;
  5738. right: .5rem;
  5739. padding: 0 .5rem;
  5740. background-color: #747474;
  5741. border-radius: 2px;
  5742. }
  5743. .tooltip-details .b-code:before {
  5744. display: none;
  5745. }
  5746. }
  5747.  
  5748. /* END of CODE */
  5749. /* CODE: SUBLIME 3 MATERIAL THEME'S COLOR */
  5750. .b-code {
  5751. background: #263238;
  5752. }
  5753.  
  5754. .hljs-selector-tag {
  5755. color: #FF5370;
  5756. }
  5757.  
  5758. .hljs-selector-id {
  5759. color: #FAD430;
  5760. }
  5761.  
  5762. .hljs-selector-class {
  5763. color: #FFCB6B;
  5764. }
  5765.  
  5766. .hljs-selector-pseudo,
  5767. .hljs-meta {
  5768. color: #C792EA;
  5769. }
  5770.  
  5771. .hljs-attribute {
  5772. color: #80CBC4;
  5773. }
  5774.  
  5775. .hljs-built_in {
  5776. color: #89DDFF;
  5777. }
  5778.  
  5779. .hljs-number {
  5780. color: #F77669;
  5781. }
  5782.  
  5783. .hljs-string {
  5784. color: #C3E88D;
  5785. }
  5786.  
  5787. .hljs-comment {
  5788. color: #5C7E8C;
  5789. }
  5790.  
  5791. /* END of CODE' THEME */
  5792. /* -------------- */
  5793. /* END of COMMENT */
  5794. /* -------------- */
  5795. /* TOAST */
  5796. #toast-container {
  5797. line-height: 1.5rem;
  5798. }
  5799.  
  5800. .toast-top-right {
  5801. top: auto;
  5802. bottom: 0;
  5803. right: 0;
  5804. left: 0;
  5805. }
  5806.  
  5807. #toast-container > div {
  5808. width: 100%;
  5809. max-width: 25rem;
  5810. padding: .875rem 1.5rem;
  5811. margin: auto;
  5812. }
  5813.  
  5814. .toast-message {
  5815. display: inline-block;
  5816. vertical-align: top;
  5817. line-height: 1.5rem;
  5818. }
  5819.  
  5820. #toast-container > .toast-success {
  5821. background-color: #323232;
  5822. background-image: none !important;
  5823. }
  5824.  
  5825. #toast-container > .toast-error {
  5826. background-color: #323232;
  5827. background-image: none !important;
  5828. }
  5829.  
  5830. #toast-container > .toast-error:before {
  5831. content: 'error_outline';
  5832. float: left;
  5833. display: inline-block;
  5834. vertical-align: top;
  5835. margin: -4px 1.5rem -4px 0;
  5836. font-size: 2rem;
  5837. font-family: 'Material Icons';
  5838. line-height: 1;
  5839. box-sizing: border-box;
  5840. text-transform: none;
  5841. letter-spacing: normal;
  5842. word-wrap: normal;
  5843. white-space: nowrap;
  5844. direction: ltr;
  5845. /* Support for all WebKit browsers. */
  5846. -webkit-font-smoothing: antialiased;
  5847. /* Support for Safari and Chrome. */
  5848. text-rendering: optimizeLegibility;
  5849. /* Support for Firefox. */
  5850. -moz-osx-font-smoothing: grayscale;
  5851. /* Support for IE. */
  5852. font-feature-settings: 'liga';
  5853. }
  5854.  
  5855. /* END of TOAST */
  5856. /* CLUB */
  5857. .b-clubs-menu .b-block_list li {
  5858. font-size: .875rem;
  5859. }
  5860.  
  5861. .p-clubs-show .b-topic-preview.mini {
  5862. margin-bottom: .5rem;
  5863. }
  5864.  
  5865. /* Действия в клубах */
  5866. .b-clubs-menu .club-actions {
  5867. margin: 0 0 .5rem 0;
  5868. }
  5869.  
  5870. .club-actions .edit-club,
  5871. .club-actions .broadcast,
  5872. .club-actions .upload,
  5873. .club-actions .join,
  5874. .club-actions .invite,
  5875. .club-actions .leave {
  5876. width: auto;
  5877. height: auto;
  5878. padding: .5rem;
  5879. margin: 0 .5rem 0 0;
  5880. border-radius: .125rem;
  5881. color: #BDBDBD !important;
  5882. line-height: 0;
  5883. }
  5884.  
  5885. .club-actions .edit-club:hover,
  5886. .club-actions .broadcast:hover,
  5887. .club-actions .upload:hover,
  5888. .club-actions .join:hover,
  5889. .club-actions .invite:hover,
  5890. .club-actions .leave:hover {
  5891. background-color: #424242;
  5892. color: #EEEEEE !important;
  5893. }
  5894.  
  5895. .club-actions .edit-club:before,
  5896. .club-actions .broadcast:before,
  5897. .club-actions .upload:before,
  5898. .club-actions .join:before,
  5899. .club-actions .invite:before,
  5900. .club-actions .leave:before {
  5901. width: 1.5rem;
  5902. font-size: 1.5rem;
  5903. }
  5904.  
  5905. .club-actions .edit-club:before {
  5906. content: 'build';
  5907. }
  5908.  
  5909. .club-actions .broadcast:before {
  5910. content: 'speaker_notes';
  5911. }
  5912.  
  5913. .club-actions .upload:before {
  5914. content: 'attach_file';
  5915. }
  5916.  
  5917. .club-actions .join:before,
  5918. .club-actions .invite:before {
  5919. content: 'person_add';
  5920. }
  5921.  
  5922. .club-actions .leave:before {
  5923. content: 'directions_run';
  5924. }
  5925.  
  5926. @media screen and (max-width: 480px) and (orientation: portrait) {
  5927. .club-actions .edit-club,
  5928. .club-actions .broadcast,
  5929. .club-actions .upload,
  5930. .club-actions .join,
  5931. .club-actions .invite,
  5932. .club-actions .leave {
  5933. display: block;
  5934. margin: 0;
  5935. }
  5936. .club-actions .edit-club:after,
  5937. .club-actions .broadcast:after,
  5938. .club-actions .upload:after,
  5939. .club-actions .join:after,
  5940. .club-actions .invite:after,
  5941. .club-actions .leave:after {
  5942. color: #FFFFFF;
  5943. padding-left: 1.5rem;
  5944. font-size: inherit;
  5945. line-height: 1.5;
  5946. }
  5947. }
  5948.  
  5949. /* Навигация в клубах: "контент" */
  5950. .b-pages {
  5951. max-width: 15rem;
  5952. padding: 0 1rem;
  5953. margin: 0 0 1.5rem 2rem;
  5954. border-radius: 2px;
  5955. }
  5956.  
  5957. .b-pages .title {
  5958. font-size: .875rem;
  5959. line-height: 3rem;
  5960. text-transform: uppercase;
  5961. }
  5962.  
  5963. .b-pages .section {
  5964. margin: 0 0 .5rem;
  5965. }
  5966.  
  5967. /* Названия страниц клубов */
  5968. .p-club_pages .l-content .subheadline,
  5969. .p-club_pages .l-content .subheadline > a {
  5970. max-width: 100%;
  5971. white-space: normal;
  5972. }
  5973.  
  5974. /* CLUB PAGE EDITOR */
  5975. @media screen and (max-width: 767px) {
  5976. .edit_club_page .cc-2a > .c-column {
  5977. width: 100%;
  5978. }
  5979. .edit_club_page .cc-2a > .c-column:nth-child(1n+1) {
  5980. clear: left;
  5981. }
  5982. }
  5983.  
  5984. /* FIX: CLUB'S BUTTONS */
  5985. .p-clubs-edit .pages .button {
  5986. margin-right: .5rem;
  5987. }
  5988.  
  5989. .p-clubs-edit .pages .club_page-layout,
  5990. .p-clubs-edit .pages .club_page-actions {
  5991. font-size: .875rem;
  5992. padding-left: 1rem;
  5993. }
  5994.  
  5995. .p-clubs-edit .pages .club_page-actions .b-js-link {
  5996. margin-right: .5rem;
  5997. }
  5998.  
  5999. .p-club_pages-show .item-edit:before {
  6000. content: 'edit';
  6001. }
  6002.  
  6003. /* END of CLUB'S BUTTONS */
  6004. /* Поиск клубов и коллекций */
  6005. .b-collection_search .field {
  6006. margin-bottom: 1.5rem;
  6007. }
  6008.  
  6009. .b-collection_search .field input {
  6010. border-radius: 2px;
  6011. padding: .75rem 1rem;
  6012. font-size: 1rem;
  6013. }
  6014.  
  6015. .b-collection_search .field .clear {
  6016. position: absolute;
  6017. top: 0;
  6018. right: 0;
  6019. padding: .625rem;
  6020. font-size: 0;
  6021. line-height: 0;
  6022. }
  6023.  
  6024. .b-collection_search .field .clear:hover {
  6025. text-decoration: none;
  6026. }
  6027.  
  6028. .b-collection_search .field .clear:before {
  6029. content: 'clear';
  6030. position: static;
  6031. font-size: 1.5rem;
  6032. }
  6033.  
  6034. /* END of Поиск клубов */
  6035. /* ICON | CREATE CLUB */
  6036. .p-clubs-index header.head a.misc {
  6037. float: right;
  6038. width: 40px;
  6039. height: 40px;
  6040. padding: 8px;
  6041. margin: 4px;
  6042. font-size: 0;
  6043. }
  6044.  
  6045. .p-clubs-index header.head a.misc:hover {
  6046. background-color: #ddd;
  6047. text-decoration: none;
  6048. }
  6049.  
  6050. .p-clubs-index header.head a.misc:before {
  6051. content: 'group_add';
  6052. }
  6053.  
  6054. /* END of CREATE CLUB */
  6055. /* TODO: merge with Material icons */
  6056. .p-club_pages-show .item-edit:before,
  6057. .p-clubs-index header.head a.misc:before {
  6058. width: 1.5rem !important;
  6059. font-family: 'Material Icons' !important;
  6060. font-size: 1.5rem !important;
  6061. font-weight: 400 !important;
  6062. line-height: 1 !important;
  6063. text-transform: none;
  6064. letter-spacing: normal;
  6065. word-wrap: normal;
  6066. white-space: nowrap;
  6067. direction: ltr;
  6068. /* Support for all WebKit browsers. */
  6069. -webkit-font-smoothing: antialiased;
  6070. /* Support for Safari and Chrome. */
  6071. text-rendering: optimizeLegibility;
  6072. /* Support for Firefox. */
  6073. -moz-osx-font-smoothing: grayscale;
  6074. /* Support for IE. */
  6075. font-feature-settings: 'liga';
  6076. }
  6077.  
  6078. .p-club_pages-show .item-edit {
  6079. color: #BDBDBD;
  6080. }
  6081.  
  6082. .p-club_pages-show .item-edit:hover {
  6083. background-color: #424242;
  6084. color: #EEEEEE;
  6085. }
  6086.  
  6087. @media only screen and (min-width: 1025px) {
  6088. .p-club_pages-show .item-edit:active {
  6089. background-color: #424242;
  6090. color: #EEEEEE;
  6091. }
  6092. }
  6093.  
  6094. /* END of CLUB */
  6095. /* TODO: replace */
  6096. .p-contests .results .cc-result .c-rounds .label {
  6097. font-size: .875rem;
  6098. }
  6099.  
  6100. /**
  6101. * INDEX
  6102. * Изменения главной страницы.
  6103. *
  6104. */
  6105. .p-dashboards-show .c-my_list {
  6106. padding: 0;
  6107. background: initial;
  6108. border: none;
  6109. }
  6110.  
  6111. .p-dashboards-show .c-my_list .title .switch,
  6112. .p-dashboards-show .c-my_list .title .link {
  6113. float: right;
  6114. }
  6115.  
  6116. .p-dashboards-show .cc-news .c-generated_news .b-topic .name-date a {
  6117. font-size: 16px !important;
  6118. }
  6119.  
  6120. .b-forums {
  6121. margin-bottom: .5rem;
  6122. line-height: inherit;
  6123. }
  6124.  
  6125. @media screen and (max-width: 767px) {
  6126. .p-dashboards-show .cc-second {
  6127. margin-bottom: .5rem;
  6128. }
  6129. }
  6130.  
  6131. /* Изменение новостей на главной */
  6132. .p-dashboards-show .cc-news .c-news_topics .b-topic {
  6133. padding: 1rem 0 1.5rem;
  6134. border-top-width: 1px;
  6135. }
  6136.  
  6137. @media screen and (max-width: 767px) {
  6138. .p-dashboards-show .cc-news .c-news_topics .b-topic {
  6139. margin-bottom: 0;
  6140. }
  6141. }
  6142.  
  6143. @media only screen and (min-width: 768px) {
  6144. .p-dashboards-show .cc-news .c-news_topics .b-topic {
  6145. margin-bottom: 0;
  6146. }
  6147. }
  6148.  
  6149. .p-dashboards-show .cc-news .c-news_topics .b-topic .name-date a {
  6150. padding: 0 0 .25rem;
  6151. font-size: 22px !important;
  6152. font-weight: 400 !important;
  6153. line-height: 1.65;
  6154. white-space: normal;
  6155. }
  6156.  
  6157. .p-dashboards-show .cc-news .c-news_topics .b-topic .b-anime_status_tag {
  6158. display: none;
  6159. }
  6160.  
  6161. /* КОНЕЦ – Изменение новостей на главной */
  6162. /* Change Forum Button */
  6163. /* NOTE: Цвета настраиваются в общем блоке ЦВЕТА */
  6164. .p-dashboards-show .b-forums > .b-link_button.maxi {
  6165. position: relative;
  6166. margin-bottom: 0;
  6167. background-color: transparent;
  6168. font-size: 0;
  6169. line-height: 0;
  6170. text-align: left;
  6171. overflow: visible;
  6172. }
  6173.  
  6174. .p-dashboards-show .b-forums > .b-link_button.maxi:after {
  6175. display: inline-block;
  6176. vertical-align: top;
  6177. padding: 0 1rem;
  6178. margin: .5rem -1rem;
  6179. border-radius: .125rem;
  6180. font-size: .875rem;
  6181. line-height: 2rem;
  6182. }
  6183.  
  6184. .p-dashboards-show[data-locale="ru"] .b-forums > .b-link_button.maxi:after {
  6185. content: 'Форум';
  6186. }
  6187.  
  6188. .p-dashboards-show[data-locale="en"] .b-forums > .b-link_button.maxi:after {
  6189. content: 'Forum';
  6190. }
  6191.  
  6192. /* END of Change Forum Button */
  6193. /* Ссылки на текущие турниры */
  6194. .p-dashboards-show .contests .contest {
  6195. margin: 0 -.5rem;
  6196. }
  6197.  
  6198. .p-dashboards-show .contests .contest a {
  6199. display: block;
  6200. padding: 0 .5rem;
  6201. font-size: .875rem;
  6202. line-height: 2rem;
  6203. text-overflow: ellipsis;
  6204. white-space: nowrap;
  6205. overflow: hidden;
  6206. }
  6207.  
  6208. .p-dashboards-show .contests .contest a:hover {
  6209. text-decoration: none;
  6210. }
  6211.  
  6212. /* END of Ссылки на текущие турниры */
  6213. /* ТЕМЫ ДНЯ */
  6214. .b-hot_topics {
  6215. padding: .5rem 1rem;
  6216. margin: -.5rem -1rem 0 -1rem;
  6217. background-color: initial;
  6218. border: 0;
  6219. }
  6220.  
  6221. .b-hot_topics .topic {
  6222. font-size: .875rem;
  6223. line-height: 2rem;
  6224. text-align: left;
  6225. }
  6226.  
  6227. .b-hot_topics .topic.subject {
  6228. font-size: .875rem;
  6229. line-height: 2rem;
  6230. text-align: left;
  6231. text-transform: uppercase;
  6232. white-space: nowrap;
  6233. }
  6234.  
  6235. .b-hot_topics .topic a {
  6236. padding: 0 .75rem 0 2.5rem;
  6237. border-radius: 1rem;
  6238. }
  6239.  
  6240. .b-hot_topics .topic a:hover {
  6241. text-decoration: none;
  6242. }
  6243.  
  6244. .b-hot_topics .topic a .poster {
  6245. width: 2rem;
  6246. height: 2rem;
  6247. margin: 0 0 0 -2.5rem;
  6248. border-radius: 100%;
  6249. }
  6250.  
  6251. @media screen and (max-width: 767px) {
  6252. .b-hot_topics {
  6253. overflow: hidden;
  6254. overflow-x: auto;
  6255. white-space: nowrap;
  6256. }
  6257. .b-hot_topics:before,
  6258. .b-hot_topics:after {
  6259. content: '';
  6260. position: absolute;
  6261. left: 0;
  6262. width: 1rem;
  6263. height: 2rem;
  6264. background-image: linear-gradient(-90deg, transparent, #303030);
  6265. z-index: 1;
  6266. }
  6267. .b-hot_topics:after {
  6268. left: auto;
  6269. right: 0;
  6270. margin-top: -2rem;
  6271. background-image: linear-gradient(90deg, transparent, #303030);
  6272. }
  6273. .b-hot_topics .topic {
  6274. float: none;
  6275. display: inline-block;
  6276. vertical-align: top;
  6277. width: auto;
  6278. max-width: 100%;
  6279. }
  6280. .b-hot_topics .topic,
  6281. .b-hot_topics .topic:nth-child(4n),
  6282. .b-hot_topics .topic:nth-child(6n) {
  6283. margin-right: 1rem;
  6284. }
  6285. .b-hot_topics .topic:nth-child(5),
  6286. .b-hot_topics .topic:nth-child(6),
  6287. .b-hot_topics .topic:nth-child(7),
  6288. .b-hot_topics .topic:nth-child(8),
  6289. .b-hot_topics .topic:nth-child(9) {
  6290. display: inline-block;
  6291. }
  6292. }
  6293.  
  6294. @media screen and (max-width: 1024px) {
  6295. .b-hot_topics {
  6296. padding: 14px 16px;
  6297. margin: -16px -16px 0 -16px;
  6298. border: 0;
  6299. }
  6300. }
  6301.  
  6302. @media only screen and (min-width: 1025px) {
  6303. .b-hot_topics .topic {
  6304. margin-right: .5%;
  6305. width: 10.6666%;
  6306. }
  6307. }
  6308.  
  6309. /**
  6310. * FORUM
  6311. * СТРАНИЦЫ ФОРУМА
  6312. */
  6313. .p-topics .l-menu .b-forums,
  6314. .block2,
  6315. .contests.block {
  6316. margin-bottom: 1.5rem;
  6317. line-height: 1.5rem;
  6318. }
  6319.  
  6320. .b-forums .forum {
  6321. clear: both;
  6322. position: relative;
  6323. min-height: 1.5rem;
  6324. line-height: 1.5rem;
  6325. padding: 0 .5rem;
  6326. margin: 0 -.5rem;
  6327. }
  6328.  
  6329. .b-forums .forum .link-with-input .link {
  6330. display: inline-block;
  6331. vertical-align: top;
  6332. position: absolute;
  6333. right: 0;
  6334. left: 0;
  6335. padding-left: .5rem;
  6336. }
  6337.  
  6338. .b-forums .forum input {
  6339. position: absolute;
  6340. left: 0;
  6341. width: 2rem;
  6342. height: 1.5rem;
  6343. margin-right: .25rem;
  6344. border: 0;
  6345. opacity: 0;
  6346. z-index: 1;
  6347. -webkit-appearance: none;
  6348. -moz-appearance: none;
  6349. appearance: none;
  6350. }
  6351.  
  6352. .b-forums .forum .link-with-input input + .link {
  6353. padding-left: 2.25rem;
  6354. }
  6355.  
  6356. .b-forums .forum input + .link:before {
  6357. content: 'check_box_outline_blank';
  6358. display: block;
  6359. position: absolute;
  6360. top: 0;
  6361. left: 0.375rem;
  6362. width: 1.125rem;
  6363. margin: 0.1875rem 0;
  6364. font-family: 'Material Icons' !important;
  6365. font-size: 1.125rem !important;
  6366. font-weight: 400 !important;
  6367. line-height: 1 !important;
  6368. text-transform: none;
  6369. letter-spacing: normal;
  6370. word-wrap: normal;
  6371. white-space: nowrap;
  6372. direction: ltr;
  6373. /* Support for all WebKit browsers. */
  6374. -webkit-font-smoothing: antialiased;
  6375. /* Support for Safari and Chrome. */
  6376. text-rendering: optimizeLegibility;
  6377. /* Support for Firefox. */
  6378. -moz-osx-font-smoothing: grayscale;
  6379. /* Support for IE. */
  6380. font-feature-settings: 'liga';
  6381. }
  6382.  
  6383. .b-forums .forum input:hover + .link:before {
  6384. opacity: .9;
  6385. }
  6386.  
  6387. .b-forums .forum input:checked + .link:before {
  6388. content: 'check_box';
  6389. }
  6390.  
  6391. .b-forums .forum input:disabled + .link:before {
  6392. color: #BDBDBD;
  6393. }
  6394.  
  6395. .b-forums .forum .topics {
  6396. font-size: .75rem;
  6397. }
  6398.  
  6399. /* FIX: TOPIC UPDATE ICON (issue #5) */
  6400. .p-topics header h1 a.reload:hover:after {
  6401. position: static;
  6402. }
  6403.  
  6404. /* END of FORUM */
  6405. /**
  6406. * PROFILE
  6407. * ПРОФИЛЬ ПОЛЬЗОВАТЕЛЯ
  6408. */
  6409. /* Убираем лишние overflow */
  6410. .p-profiles-show .profile-content {
  6411. overflow: visible;
  6412. }
  6413.  
  6414. /* Настраиваем равномерные отступы */
  6415. .p-profiles .profile-content .cc-2,
  6416. .p-profiles .profile-content .about,
  6417. .p-profiles .profile-content .cc-2 .c-right .cc-2a {
  6418. margin-bottom: 1rem !important;
  6419. }
  6420.  
  6421. @media screen and (max-width: 767px) {
  6422. .cc-2 > .c-column {
  6423. margin-bottom: 1rem;
  6424. }
  6425. .p-profiles-show .profile-content .activity:last-child {
  6426. margin-bottom: 1.25rem !important;
  6427. }
  6428. }
  6429.  
  6430. /* Полосы аниме/манги */
  6431. .b-stats_bar .bar .first,
  6432. .b-stats_bar .bar .second {
  6433. color: inherit;
  6434. }
  6435.  
  6436. .b-stats_bar.anime .bar {
  6437. color: #FAFAFA;
  6438. }
  6439.  
  6440. .b-stats_bar.manga .bar {
  6441. color: #FAFAFA;
  6442. }
  6443.  
  6444. .b-stats_bar .bar .third {
  6445. color: #FFFFFF;
  6446. }
  6447.  
  6448. .b-stats_bar.anime .bar .second {
  6449. background-color: rgba(44, 102, 110, 0.72);
  6450. }
  6451.  
  6452. .b-stats_bar.manga .bar .second {
  6453. background-color: rgba(75, 78, 109, 0.72);
  6454. }
  6455.  
  6456. .line:nth-child(even) > .bar-container > .bar,
  6457. .line:nth-child(even) > .bar-container > .bar:hover {
  6458. background-color: rgba(44, 102, 110, 0.72);
  6459. }
  6460.  
  6461. /* Столбики активности */
  6462. .bar.vertical {
  6463. padding: 0;
  6464. border: none;
  6465. }
  6466.  
  6467. .bar.vertical .line {
  6468. border: none;
  6469. }
  6470.  
  6471. .bar.vertical .line .bar-container .value {
  6472. font-size: .75rem;
  6473. line-height: 1.25rem;
  6474. }
  6475.  
  6476. /* User aliases */
  6477. .p-profiles .profile-head .c-brief header h1 {
  6478. vertical-align: top;
  6479. }
  6480.  
  6481. .p-profiles .profile-head .c-brief header h1.aliases {
  6482. cursor: help;
  6483. }
  6484.  
  6485. .p-profiles .profile-head .c-brief header h1.aliases:after {
  6486. display: inline-block;
  6487. vertical-align: top;
  6488. width: 2rem;
  6489. height: 2rem;
  6490. margin: 0;
  6491. margin-left: .5rem;
  6492. color: inherit;
  6493. font-family: 'Material Icons';
  6494. font-size: 1.125rem;
  6495. line-height: 2rem;
  6496. text-align: center;
  6497. cursor: help;
  6498. opacity: .5;
  6499. text-transform: none;
  6500. letter-spacing: normal;
  6501. word-wrap: normal;
  6502. white-space: nowrap;
  6503. direction: ltr;
  6504. /* Support for all WebKit browsers. */
  6505. -webkit-font-smoothing: antialiased;
  6506. /* Support for Safari and Chrome. */
  6507. text-rendering: optimizeLegibility;
  6508. /* Support for Firefox. */
  6509. -moz-osx-font-smoothing: grayscale;
  6510. /* Support for IE. */
  6511. font-feature-settings: 'liga';
  6512. }
  6513.  
  6514. .p-profiles .profile-head .c-brief header h1.aliases:after {
  6515. content: 'label';
  6516. }
  6517.  
  6518. .p-profiles header.head .misc {
  6519. vertical-align: top;
  6520. padding: 0 1rem;
  6521. margin: 0;
  6522. font-size: .875rem;
  6523. line-height: 3rem;
  6524. }
  6525.  
  6526. .p-profiles .profile-head .c-brief header .notice {
  6527. line-height: 1.25rem;
  6528. }
  6529.  
  6530. /* FIX: update 2017-03-19 */
  6531. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar::after {
  6532. clear: none;
  6533. }
  6534.  
  6535. /* Списки аниме/манги */
  6536. .b-stats_bar .stat_names .stat_name:after {
  6537. display: none;
  6538. }
  6539.  
  6540. .b-stats_bar .stat_names .stat_name {
  6541. padding: 0 1rem 0 0;
  6542. font-size: .875rem;
  6543. line-height: 2rem;
  6544. }
  6545.  
  6546. .b-stats_bar .stat_names .stat_name a {
  6547. display: block;
  6548. line-height: inherit;
  6549. }
  6550.  
  6551. /* Выпадающий список аниме/манги в профиле */
  6552. @media screen and (max-width: 599px) {
  6553. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar {
  6554. position: relative;
  6555. }
  6556. .b-stats_bar .stat_names .stat_name {
  6557. display: none;
  6558. }
  6559. .b-stats_bar .stat_names:hover .stat_name {
  6560. display: block;
  6561. }
  6562. .b-stats_bar .stat_names .stat_name,
  6563. .b-stats_bar .stat_names .stat_name a {
  6564. padding: 0 1rem 0 0;
  6565. }
  6566. .b-stats_bar .stat_names .stat_name a {
  6567. display: block;
  6568. margin: 0 -1rem;
  6569. }
  6570. .b-stats_bar .stat_names .stat_name a:hover {
  6571. background-color: rgba(0, 0, 0, 0.24);
  6572. text-decoration: none;
  6573. }
  6574. .b-stats_bar .stat_names {
  6575. position: absolute;
  6576. top: 0;
  6577. min-width: 165px;
  6578. border-radius: .125rem;
  6579. }
  6580. .b-stats_bar .stat_names:hover {
  6581. padding: 3rem 0 .5rem;
  6582. z-index: 10;
  6583. }
  6584. .b-stats_bar .stat_names:after {
  6585. content: '';
  6586. position: absolute;
  6587. top: 0;
  6588. right: 0;
  6589. bottom: 0;
  6590. left: 0;
  6591. box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.32);
  6592. z-index: -1;
  6593. }
  6594. .b-stats_bar .stat_names:before {
  6595. content: 'arrow_drop_down';
  6596. display: block;
  6597. position: absolute;
  6598. top: 0;
  6599. right: 0;
  6600. width: 2rem;
  6601. height: 2rem;
  6602. padding: .25rem;
  6603. margin: .5rem .25rem;
  6604. border-radius: 100%;
  6605. font-size: 1.5rem;
  6606. font-family: 'Material Icons';
  6607. line-height: 1;
  6608. box-sizing: border-box;
  6609. pointer-events: auto;
  6610. text-transform: none;
  6611. letter-spacing: normal;
  6612. word-wrap: normal;
  6613. white-space: nowrap;
  6614. direction: ltr;
  6615. /* Support for all WebKit browsers. */
  6616. -webkit-font-smoothing: antialiased;
  6617. /* Support for Safari and Chrome. */
  6618. text-rendering: optimizeLegibility;
  6619. /* Support for Firefox. */
  6620. -moz-osx-font-smoothing: grayscale;
  6621. /* Support for IE. */
  6622. font-feature-settings: 'liga';
  6623. }
  6624. .b-stats_bar .stat_names .stat_name,
  6625. .b-stats_bar .stat_names .stat_name a {
  6626. padding: 0 1rem;
  6627. }
  6628. }
  6629.  
  6630. /* Конец: Выпадающий список аниме/манги в профиле */
  6631. /* СТРАНИЦА РЕДАКТИРОВАНИЯ АККАУНТА */
  6632. .p-profiles-edit .account .c-column .block:not(:last-child) {
  6633. margin-bottom: 3rem;
  6634. }
  6635.  
  6636. .p-profiles-edit .account .change-password {
  6637. max-width: 375px;
  6638. margin-top: 1rem;
  6639. margin-bottom: 3rem;
  6640. }
  6641.  
  6642. .change-password:after {
  6643. content: '';
  6644. clear: both;
  6645. display: table;
  6646. }
  6647.  
  6648. .change-password a[href$='/edit/password'] {
  6649. float: right;
  6650. font-size: 0;
  6651. line-height: 0;
  6652. }
  6653.  
  6654. .change-password a[href$='/edit/password']:after {
  6655. content: 'Изменить';
  6656. display: inline-block;
  6657. padding: .375rem 1rem;
  6658. background: #2c666e;
  6659. border-radius: 2px;
  6660. color: #FFFFFF;
  6661. font-size: .875rem;
  6662. font-weight: bold;
  6663. text-decoration: none;
  6664. text-transform: uppercase;
  6665. line-height: 1.25rem;
  6666. transition: 0.16s cubic-bezier(0.4, 0, 0.6, 1);
  6667. }
  6668.  
  6669. .change-password a[href$='/edit/password']:hover:after {
  6670. background-color: #275a61;
  6671. 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);
  6672. }
  6673.  
  6674.  
  6675.  
  6676.  
  6677. .edit_user_preferences .b-options-floated.about-options {
  6678. position: absolute;
  6679. right: 0;
  6680. margin: 1rem 0;
  6681. background: transparent !important;
  6682. text-align: right;
  6683. z-index: 1;
  6684. }
  6685.  
  6686. .edit_user_preferences .about-options .b-input {
  6687. margin-bottom: 0 !important;
  6688. }
  6689.  
  6690. .edit_user_preferences .about-options .b-input label {
  6691. line-height: 1.5rem;
  6692. }
  6693.  
  6694. .b-list_switchers > .switcher {
  6695. width: 2.5rem;
  6696. height: 2.5rem;
  6697. padding: .5rem;
  6698. margin: .25rem;
  6699. }
  6700.  
  6701. .b-list_switchers .switcher.posters {
  6702. margin-left: .25rem !important;
  6703. }
  6704.  
  6705. .b-list_switchers .switcher.list {
  6706. margin-left: .25rem !important;
  6707. }
  6708.  
  6709. .p-user_rates-index .l-menu .avatar img {
  6710. width: 10rem;
  6711. height: 10rem;
  6712. }
  6713.  
  6714. .p-user_rates-index .l-content thead tr {
  6715. font-size: 13px;
  6716. line-height: 2rem;
  6717. }
  6718.  
  6719. .p-user_rates-index .list-lines tr td .rate-text {
  6720. font-size: .875rem;
  6721. line-height: 1.25rem;
  6722. }
  6723.  
  6724. .p-user_rates-index .list-lines tr td .new-value input {
  6725. height: 1.5rem;
  6726. font-size: 1rem;
  6727. line-height: 1.5rem;
  6728. }
  6729.  
  6730. .p-user_rates-index .list-lines tr.edit-form form {
  6731. padding: .25rem 1rem;
  6732. margin: .5rem 0;
  6733. border-style: solid;
  6734. border-width: 1px;
  6735. }
  6736.  
  6737. .p-user_rates-index .list-lines tr.edit-form .b-input.text textarea {
  6738. font-size: .875rem;
  6739. }
  6740.  
  6741. .b-user_rate .rate-edit .b-input.integer input,
  6742. .p-user_rates-index .list-lines tr.edit-form .b-input.integer input {
  6743. width: 7rem;
  6744. }
  6745.  
  6746. .p-profiles-show .b-stats_bar a.title {
  6747. padding: .5rem 1rem;
  6748. margin: .5rem -1rem;
  6749. }
  6750.  
  6751. .p-profiles-show .b-stats_bar a.title:hover {
  6752. text-decoration: none !important;
  6753. }
  6754.  
  6755. .p-user_rates-index .list-lines tr.edit-form .remove {
  6756. width: 2.5rem;
  6757. height: 2.5rem;
  6758. padding: .5rem;
  6759. margin: .25rem;
  6760. }
  6761.  
  6762. .p-user_rates-index .list-lines tr.edit-form .remove {
  6763. margin: -.25rem 0 0;
  6764. border: 0;
  6765. font-size: 0;
  6766. }
  6767.  
  6768. .p-user_rates-index .list-lines tr.edit-form .remove:before {
  6769. width: 1.5rem !important;
  6770. font-family: 'Material Icons' !important;
  6771. font-size: 1.5rem !important;
  6772. font-weight: 400 !important;
  6773. line-height: 1 !important;
  6774. text-transform: none;
  6775. letter-spacing: normal;
  6776. word-wrap: normal;
  6777. white-space: nowrap;
  6778. direction: ltr;
  6779. /* Support for all WebKit browsers. */
  6780. -webkit-font-smoothing: antialiased;
  6781. /* Support for Safari and Chrome. */
  6782. text-rendering: optimizeLegibility;
  6783. /* Support for Firefox. */
  6784. -moz-osx-font-smoothing: grayscale;
  6785. /* Support for IE. */
  6786. font-feature-settings: 'liga';
  6787. }
  6788.  
  6789. .p-user_rates-index .list-lines tr.edit-form .remove:before {
  6790. content: 'delete';
  6791. }
  6792.  
  6793. /* Комментарий на постере */
  6794. .p-user_rates-index .list-posters .user_rate > .text {
  6795. bottom: 4rem;
  6796. padding: .25rem .5rem;
  6797. background: rgba(0, 0, 0, 0.6);
  6798. border-radius: 0 0 .125rem .125rem;
  6799. }
  6800.  
  6801. .p-user_rates-index .list-posters .user_rate > .text:before {
  6802. display: none;
  6803. }
  6804.  
  6805. .p-user_rates-index .list-posters .user_rate.b-ajax:after {
  6806. margin-top: -1.5rem;
  6807. }
  6808.  
  6809. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar {
  6810. overflow: visible;
  6811. }
  6812.  
  6813. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar {
  6814. margin-bottom: 0;
  6815. }
  6816.  
  6817. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar::after {
  6818. clear: none;
  6819. }
  6820.  
  6821. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar.manga {
  6822. margin-top: 8px;
  6823. }
  6824.  
  6825. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a {
  6826. font-size: .875rem;
  6827. margin-top: 1rem;
  6828. }
  6829.  
  6830. .b-stats_bar .bar {
  6831. height: auto;
  6832. }
  6833.  
  6834. .b-stats_bar .bar .first,
  6835. .b-stats_bar .bar .second,
  6836. .b-stats_bar .bar .third {
  6837. font-size: .75rem;
  6838. line-height: 1.25rem;
  6839. }
  6840.  
  6841. .p-profiles .profile-head .c-brief .avatar .profile-actions {
  6842. margin-top: 1rem;
  6843. margin-right: -.75rem;
  6844. margin-left: -.75rem;
  6845. }
  6846.  
  6847. .profile-actions > a {
  6848. display: inline-block;
  6849. padding: .5rem;
  6850. }
  6851.  
  6852. .profile-actions > *:before {
  6853. vertical-align: top;
  6854. width: 1.5rem !important;
  6855. line-height: 1 !important;
  6856. font-size: 1.5rem !important;
  6857. }
  6858.  
  6859. .p-profiles .profile-head .c-brief .avatar > img {
  6860. display: block;
  6861. margin: auto;
  6862. }
  6863.  
  6864. @media only screen and (min-width: 768px) {
  6865. .p-profiles .profile-head .c-brief .avatar {
  6866. margin: .5rem 2rem 3rem 1rem;
  6867. }
  6868. .p-profiles .profile-head .c-brief .avatar > img {
  6869. width: 160px;
  6870. height: 160px;
  6871. }
  6872. }
  6873.  
  6874. @media screen and (max-width: 1024px) {
  6875. .profile-actions .settings,
  6876. .profile-actions .fav-add,
  6877. .profile-actions .fav-remove,
  6878. .profile-actions .ignore-add,
  6879. .profile-actions .ignore-remove,
  6880. .profile-actions .ban {
  6881. margin-left: .5rem;
  6882. }
  6883. }
  6884.  
  6885. @media only screen and (min-width: 1025px) {
  6886. .profile-actions .settings,
  6887. .profile-actions .fav-add,
  6888. .profile-actions .fav-remove,
  6889. .profile-actions .ignore-add,
  6890. .profile-actions .ignore-remove,
  6891. .profile-actions .ban {
  6892. margin-left: .5rem;
  6893. }
  6894. }
  6895.  
  6896. /* TODO: replace */
  6897. .b-catalog-entry-embedded .b-catalog_entry {
  6898. margin-bottom: 0 !important;
  6899. }
  6900.  
  6901. /* TODO: replace */
  6902. .l-page .b-anime_status_tag:before {
  6903. vertical-align: text-bottom;
  6904. padding: 0 .25rem;
  6905. border: 0;
  6906. font-size: .625rem;
  6907. line-height: 1rem;
  6908. text-transform: uppercase;
  6909. }
  6910.  
  6911. /* TODO: replace */
  6912. .b-topic {
  6913. margin-bottom: .5rem;
  6914. }
  6915.  
  6916. /* TODO: replace */
  6917. .m13 {
  6918. margin-bottom: 0 !important;
  6919. }
  6920.  
  6921. /* USER PROFILE |> HISTORY ENTRY */
  6922. .p-profiles .profile-head .c-history .entry {
  6923. position: relative;
  6924. padding: .5rem 0;
  6925. margin: 0;
  6926. border: 0;
  6927. overflow: initial;
  6928. }
  6929.  
  6930. .p-profiles .profile-head .c-history .entry,
  6931. .p-profiles .profile-head .c-history .entry:first-child {
  6932. padding-top: .5rem;
  6933. margin-top: 0;
  6934. }
  6935.  
  6936. .p-profiles .profile-head .c-history .entry:before {
  6937. content: '';
  6938. display: block;
  6939. position: absolute;
  6940. right: -.5rem;
  6941. bottom: 0;
  6942. left: 3.5rem;
  6943. height: 1px;
  6944. pointer-events: none;
  6945. }
  6946.  
  6947. .p-profiles .profile-head .c-history .entry:last-child:before {
  6948. display: none;
  6949. }
  6950.  
  6951. /* Полноразмерная ссылка .entry, работает только для .c-history & .l-menu */
  6952. .p-profiles .profile-head .c-history .entry a {
  6953. display: block;
  6954. padding: .5rem .5rem;
  6955. margin: -.5rem;
  6956. }
  6957.  
  6958. @media screen and (min-width: 960px) {
  6959. .p-profiles .profile-head .c-history .entry a {
  6960. padding: .75rem .5rem;
  6961. }
  6962. }
  6963.  
  6964. .p-profiles .profile-head .c-history .entry a:after {
  6965. content: '';
  6966. clear: both;
  6967. display: block;
  6968. }
  6969.  
  6970. .p-profiles .profile-head .c-history .entry:hover .title {
  6971. text-decoration: none;
  6972. }
  6973.  
  6974. /* END of FULLENTRY LINK */
  6975. .p-profiles .profile-head .c-history .entry img {
  6976. margin: 0 16px 0 0;
  6977. max-height: 72px;
  6978. max-width: 40px;
  6979. }
  6980.  
  6981. /* Страница истории пользователя */
  6982. .p-user_history-index .history-page .history-interval p {
  6983. line-height: 1.5rem;
  6984. margin-bottom: 0;
  6985. }
  6986.  
  6987. .b-user_rate-extended > .midheadline {
  6988. overflow: hidden;
  6989. }
  6990.  
  6991. .p-user_rates-index .l-content .filter input {
  6992. padding: .5rem 1rem;
  6993. font-size: .875rem;
  6994. }
  6995.  
  6996. /* Страница сравнения списков */
  6997. .p-userlist_comparer .notice span {
  6998. padding: 1.5px 4px !important;
  6999. border-radius: 2px;
  7000. }
  7001.  
  7002. /* Цвета списков */
  7003. .p-userlist_comparer .comparer table .abslt-difr,
  7004. .p-userlist_comparer .legend .abslt-difr,
  7005. .p-userlist_comparer .notice span:nth-child(6) {
  7006. background: rgba(244, 67, 54, 0.5) !important;
  7007. }
  7008.  
  7009. .p-userlist_comparer .comparer table .slightly-difr,
  7010. .p-userlist_comparer .legend .slightly-difr,
  7011. .p-userlist_comparer .notice span:nth-child(4) {
  7012. background: rgba(255, 138, 128, 0.5) !important;
  7013. }
  7014.  
  7015. .p-userlist_comparer .comparer table .almost-same,
  7016. .p-userlist_comparer .legend .almost-same,
  7017. .p-userlist_comparer .notice span:nth-child(3) {
  7018. background: rgba(185, 246, 202, 0.5) !important;
  7019. }
  7020.  
  7021. .p-userlist_comparer .comparer table .exact-same,
  7022. .p-userlist_comparer .legend .exact-same,
  7023. .p-userlist_comparer .notice span:nth-child(5) {
  7024. background: rgba(76, 175, 80, 0.5) !important;
  7025. }
  7026.  
  7027. .p-profiles .profile-head .c-info .c-additionals {
  7028. margin-top: 8px;
  7029. margin-bottom: 8px;
  7030. }
  7031.  
  7032. .p-profiles .profile-head .c-info .c-additionals b {
  7033. padding-right: 8px;
  7034. font-size: 0;
  7035. }
  7036.  
  7037. .p-profiles .profile-head .c-info .c-additionals b:after {
  7038. font-size: 14px;
  7039. }
  7040.  
  7041. .p-profiles[data-locale="ru"] .profile-head .c-info .c-additionals b:after {
  7042. content: 'Активность на сайте:';
  7043. }
  7044.  
  7045. .p-profiles[data-locale="en"] .profile-head .c-info .c-additionals b:after {
  7046. content: 'Activity:';
  7047. }
  7048.  
  7049. /* Время за аниме и манга */
  7050. .p-profiles .lifetime .bar, .p-profiles .lifetime .times {
  7051. line-height: 0;
  7052. }
  7053.  
  7054. .p-profiles-show .lifetime .bar {
  7055. height: 1.25rem;
  7056. }
  7057.  
  7058. .b-stats_bar.lifetime .bar .first {
  7059. background: #2c666e;
  7060. opacity: .72;
  7061. }
  7062.  
  7063. .p-profiles-show .lifetime .cuts .cut {
  7064. width: 0;
  7065. height: 0;
  7066. margin: .5rem -.25rem;
  7067. background: transparent;
  7068. border: .375rem solid transparent;
  7069. border-bottom-color: #303030;
  7070. z-index: 1;
  7071. }
  7072.  
  7073. .p-profiles-show .lifetime .times .time {
  7074. color: #9E9E9E;
  7075. font-size: .625rem;
  7076. line-height: 1.25rem;
  7077. text-transform: uppercase;
  7078. }
  7079.  
  7080. .p-profiles-show .lifetime .times .time.checked {
  7081. color: #2c666e;
  7082. }
  7083.  
  7084. .p-profiles-show .lifetime .times .time.checked:before {
  7085. display: none;
  7086. color: #2c666e;
  7087. opacity: .72;
  7088. }
  7089.  
  7090. /**
  7091. * PROFILE HEAD
  7092. * Adaptive profile header includes: avatar, history, information, anime/manga bars.
  7093. */
  7094. .p-profiles .profile-head {
  7095. position: relative;
  7096. overflow: visible;
  7097. }
  7098.  
  7099. .p-profiles .profile-head {
  7100. min-height: 15.5rem;
  7101. padding-top: 3rem;
  7102. margin-top: -1rem;
  7103. }
  7104.  
  7105. .p-profiles .profile-head .c-info {
  7106. margin-bottom: .5rem;
  7107. }
  7108.  
  7109. .p-profiles .profile-head .c-info {
  7110. overflow: visible;
  7111. }
  7112.  
  7113. .p-profiles .profile-head .c-history {
  7114. margin-bottom: 3rem;
  7115. }
  7116.  
  7117. .p-profiles .profile-head .c-history.x3 {
  7118. margin-bottom: 2rem;
  7119. }
  7120.  
  7121. .p-profiles .profile-head .c-brief {
  7122. position: relative;
  7123. margin: -3rem -1rem 1rem;
  7124. overflow: hidden;
  7125. }
  7126.  
  7127. .p-profiles .profile-head .c-brief:before {
  7128. content: '';
  7129. display: block;
  7130. height: 0;
  7131. padding-bottom: 0;
  7132. }
  7133.  
  7134. .p-profiles .profile-head .c-brief .avatar > img,
  7135. .p-profiles .profile-head .c-history {
  7136. display: none;
  7137. }
  7138.  
  7139. @media screen and (min-width: 320px) {
  7140. .p-profiles .profile-head .c-mobile-actions {
  7141. display: none;
  7142. }
  7143. .p-profiles .profile-head .c-brief:before {
  7144. content: '';
  7145. display: block;
  7146. height: 0;
  7147. padding-bottom: 34%;
  7148. }
  7149. .p-profiles .profile-head .c-brief .avatar {
  7150. float: none;
  7151. max-width: 100%;
  7152. margin: 0 auto;
  7153. margin-top: -17%;
  7154. }
  7155. .p-profiles .profile-head .c-brief .avatar > img {
  7156. display: block;
  7157. width: 36%;
  7158. max-width: 10rem;
  7159. min-width: 5rem;
  7160. margin: auto;
  7161. }
  7162. .p-profiles .profile-head .c-brief .avatar .profile-actions {
  7163. display: block;
  7164. position: absolute;
  7165. width: 100%;
  7166. padding: 0 .5rem;
  7167. margin: 0 auto;
  7168. margin-top: -15%;
  7169. text-align: left;
  7170. }
  7171. .p-profiles .profile-head .c-brief .avatar .profile-actions > a:first-child {
  7172. float: right;
  7173. margin: 0 .25rem;
  7174. }
  7175. .profile-actions .fav-add,
  7176. .profile-actions .fav-remove {
  7177. float: right;
  7178. }
  7179. .p-profiles .profile-head .c-brief header {
  7180. clear: both;
  7181. margin: 0;
  7182. text-align: center;
  7183. }
  7184. }
  7185.  
  7186. @media screen and (min-width: 320px) and (max-width: 479px) {
  7187. .p-profiles .profile-head .c-brief header .notice {
  7188. padding: .5rem 1rem;
  7189. }
  7190. }
  7191.  
  7192. @media screen and (min-width: 320px) and (max-width: 599px) {
  7193. .p-profiles .profile-head .c-brief header {
  7194. background-color: inherit !important;
  7195. }
  7196. }
  7197.  
  7198. @media screen and (min-width: 320px) and (max-width: 959px) {
  7199. .p-profiles .profile-head .c-history {
  7200. display: block;
  7201. position: absolute;
  7202. top: 0;
  7203. right: 0;
  7204. left: 0;
  7205. width: auto;
  7206. padding: 0 1rem;
  7207. margin: 0 -1rem;
  7208. background-color: rgba(0, 0, 0, 0.48);
  7209. white-space: nowrap;
  7210. overflow-x: auto;
  7211. z-index: 1;
  7212. }
  7213. .p-profiles .profile-head .c-history > .subheadline {
  7214. display: inline-block;
  7215. vertical-align: top;
  7216. }
  7217. .p-profiles .profile-head .c-history > .subheadline > a {
  7218. color: #eee !important;
  7219. }
  7220. .p-profiles .profile-head .c-history > .subheadline > a:before {
  7221. display: none;
  7222. }
  7223. .p-profiles .profile-head .c-history > .b-block_list {
  7224. display: inline-block;
  7225. vertical-align: top;
  7226. padding: .5rem;
  7227. margin-left: .5rem;
  7228. }
  7229. .p-profiles .profile-head .c-history .entry {
  7230. display: inline-block;
  7231. vertical-align: top;
  7232. min-width: 112px;
  7233. height: 2rem;
  7234. padding-right: .5rem;
  7235. padding-left: .5rem;
  7236. margin-left: .5rem;
  7237. border-radius: 1rem;
  7238. overflow: hidden;
  7239. }
  7240. .p-profiles .profile-head .c-history .entry:before {
  7241. display: none;
  7242. }
  7243. .p-profiles .profile-head .c-history .entry .image-name {
  7244. float: left;
  7245. width: 32px;
  7246. height: 32px;
  7247. margin: -8px 8px -8px -8px;
  7248. border-radius: 50%;
  7249. font-size: 0;
  7250. line-height: 0;
  7251. overflow: hidden;
  7252. }
  7253. .p-profiles .profile-head .c-history .entry span.misc {
  7254. display: none;
  7255. }
  7256. }
  7257.  
  7258. @media screen and (min-width: 320px) and (max-width: 959px) and (min-width: 600px) {
  7259. .p-profiles .profile-head .c-history {
  7260. padding: .25rem 1rem;
  7261. }
  7262. }
  7263.  
  7264. @media screen and (max-width: 767px) and (min-width: 481px), screen and (max-width: 767px) and (orientation: landscape) {
  7265. .p-profiles .profile-head .c-history .entry:first-child {
  7266. display: inline-block;
  7267. }
  7268. }
  7269.  
  7270. @media screen and (min-width: 360px) {
  7271. .profile-actions .settings,
  7272. .profile-actions .fav-add,
  7273. .profile-actions .fav-remove,
  7274. .profile-actions .ignore-add,
  7275. .profile-actions .ignore-remove,
  7276. .profile-actions .ban {
  7277. margin-left: .25rem;
  7278. }
  7279. }
  7280.  
  7281. @media screen and (min-width: 360px) and (max-width: 599px) {
  7282. .p-profiles .profile-head .c-mobile-actions {
  7283. display: none;
  7284. }
  7285. .p-profiles .profile-head .c-brief .avatar .profile-actions {
  7286. display: block;
  7287. }
  7288. }
  7289.  
  7290. @media screen and (min-width: 480px) {
  7291. .p-profiles .profile-head .c-brief {
  7292. margin-bottom: 0;
  7293. overflow: visible;
  7294. }
  7295. .p-profiles .profile-head .c-brief .avatar {
  7296. position: absolute;
  7297. }
  7298. /* Отступ от аватарки */
  7299. .p-profiles .profile-head .c-brief header {
  7300. margin-left: 10rem;
  7301. }
  7302. /* Отступ от аватарки */
  7303. .p-profiles .profile-head .c-info {
  7304. margin-left: 9rem;
  7305. }
  7306. .p-profiles .profile-head .c-brief .avatar .profile-actions {
  7307. position: static;
  7308. width: auto;
  7309. padding: 0;
  7310. margin-top: 1rem;
  7311. margin-right: -12px;
  7312. margin-left: -12px;
  7313. text-align: center;
  7314. }
  7315. .p-profiles .profile-head .c-brief .avatar .profile-actions > a:first-child {
  7316. float: none;
  7317. margin: 0;
  7318. }
  7319. .profile-actions .fav-add,
  7320. .profile-actions .fav-remove {
  7321. float: none;
  7322. }
  7323. .p-profiles .profile-head .c-brief:before {
  7324. padding-bottom: 48px;
  7325. }
  7326. .p-profiles .profile-head .c-brief .avatar {
  7327. max-width: 160px;
  7328. margin: 1rem 1rem 1rem .5rem;
  7329. }
  7330. .p-profiles .profile-head .c-brief .avatar img {
  7331. width: 120px;
  7332. }
  7333. .p-profiles .profile-head .c-brief header {
  7334. clear: none;
  7335. padding: 1rem 0 .5rem;
  7336. text-align: left;
  7337. }
  7338. }
  7339.  
  7340. @media screen and (min-width: 600px) {
  7341. .p-profiles .profile-head {
  7342. background-color: inherit;
  7343. }
  7344. .p-profiles .profile-head .c-brief {
  7345. margin: -3rem -1rem 0;
  7346. }
  7347. /* Отступ от аватарки */
  7348. .p-profiles .profile-head .c-brief header {
  7349. margin-left: 12.5rem;
  7350. }
  7351. /* Отступ от аватарки */
  7352. .p-profiles .profile-head .c-info {
  7353. margin-left: 11.5rem;
  7354. }
  7355. .p-profiles .profile-head .c-brief:before {
  7356. padding-bottom: 56px;
  7357. }
  7358. .p-profiles .profile-head .c-brief .avatar img {
  7359. width: 160px;
  7360. }
  7361. .p-profiles .profile-head .c-brief .avatar .profile-actions {
  7362. display: block;
  7363. }
  7364. }
  7365.  
  7366. @media screen and (min-width: 768px) {
  7367. .p-profiles .profile-head .c-brief {
  7368. overflow: visible;
  7369. }
  7370. /* Отступ от аватарки */
  7371. .p-profiles .profile-head .c-brief header {
  7372. margin-left: 13.5rem;
  7373. }
  7374. /* Отступ от аватарки */
  7375. .p-profiles .profile-head .c-info {
  7376. margin-left: 12.5rem;
  7377. }
  7378. }
  7379.  
  7380. @media screen and (min-width: 960px) {
  7381. .p-profiles .profile-head {
  7382. padding-top: 0;
  7383. margin-top: 0;
  7384. }
  7385. .p-profiles .profile-head .c-brief {
  7386. max-height: 504px;
  7387. margin: 0;
  7388. overflow: visible;
  7389. }
  7390. .p-profiles .profile-head .c-brief:before {
  7391. padding-bottom: 0;
  7392. }
  7393. .p-profiles .profile-head .c-brief .avatar {
  7394. margin: 1rem 2rem 1rem 0;
  7395. }
  7396. .p-profiles .profile-head .c-info {
  7397. margin-bottom: 1.5rem;
  7398. }
  7399. /* Отступ от аватарки */
  7400. .p-profiles .profile-head .c-info {
  7401. margin-left: 13.5rem;
  7402. }
  7403. /* Отступ от истории */
  7404. .p-profiles .profile-head .c-info {
  7405. margin-right: calc(23% + 3.5rem);
  7406. }
  7407. .p-profiles .profile-head .c-history {
  7408. display: block;
  7409. position: relative;
  7410. top: 1rem;
  7411. margin-left: 3.5rem;
  7412. z-index: 1;
  7413. }
  7414. }
  7415.  
  7416. /* END of PROFILE HEAD */
  7417. /**
  7418. * Иконки совместимости для профиля
  7419. * MIT License
  7420. * Copyright (c) 2016 grin3671
  7421. */
  7422. /* ВАЖНО! */
  7423. /* .p-profiles .profile-head .c-info overflow: visible /* Настройка для варианта №1 */
  7424. /* Исправление видимости */
  7425. /* Спасибо Kana Kuroki и Dewopalaxy */
  7426. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar {
  7427. position: relative;
  7428. overflow: visible;
  7429. }
  7430.  
  7431. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a,
  7432. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility span.link-replacement {
  7433. position: relative;
  7434. font-size: 0;
  7435. line-height: 0;
  7436. margin-top: 0;
  7437. }
  7438.  
  7439. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a:hover {
  7440. text-decoration: none;
  7441. }
  7442.  
  7443. div.compatibility > a,
  7444. div.compatibility > span.link-replacement {
  7445. margin: 0 -.25rem;
  7446. }
  7447.  
  7448. div.compatibility > span.link-replacement {
  7449. cursor: help;
  7450. }
  7451.  
  7452. div.compatibility > a:before,
  7453. div.compatibility > span.link-replacement > span:first-child:before,
  7454. div.compatibility > a > span:first-child:before {
  7455. display: block;
  7456. width: 2.5rem;
  7457. height: 2.5rem;
  7458. padding: .5rem;
  7459. margin: .25rem;
  7460. border-radius: .125rem;
  7461. font-size: 1.5rem;
  7462. font-family: 'Material Icons';
  7463. line-height: 1;
  7464. box-sizing: border-box;
  7465. text-transform: none;
  7466. letter-spacing: normal;
  7467. word-wrap: normal;
  7468. white-space: nowrap;
  7469. direction: ltr;
  7470. /* Support for all WebKit browsers. */
  7471. -webkit-font-smoothing: antialiased;
  7472. /* Support for Safari and Chrome. */
  7473. text-rendering: optimizeLegibility;
  7474. /* Support for Firefox. */
  7475. -moz-osx-font-smoothing: grayscale;
  7476. /* Support for IE. */
  7477. font-feature-settings: 'liga';
  7478. }
  7479.  
  7480. /* Убираем стрелки совместимости в чужих профилях */
  7481. .b-stats_bar .compatibility a[href^='/comparer']:before {
  7482. display: none;
  7483. }
  7484.  
  7485. div.compatibility > a:hover:before,
  7486. div.compatibility > a:hover > span:first-child:before {
  7487. text-decoration: none;
  7488. }
  7489.  
  7490. /* Настройка иконок совместимости */
  7491. div.compatibility > a:before {
  7492. content: 'compare_arrows';
  7493. }
  7494.  
  7495. div.compatibility > span.link-replacement > span:first-child:before,
  7496. div.compatibility > a > span:first-child:before {
  7497. content: 'people';
  7498. }
  7499.  
  7500. div.compatibility > a > .text.zero:before,
  7501. div.compatibility > span.link-replacement > .text.zero:before {
  7502. content: 'people_outline';
  7503. }
  7504.  
  7505. /* КОНЕЦ: Настройка иконок совместимости */
  7506. /* Цветные иконки совместимости */
  7507. /* Низкая совместимость */
  7508. div.compatibility > a > .text.weak:before {
  7509. background-color: #F9FBE7;
  7510. color: #CDDC39;
  7511. }
  7512.  
  7513. div.compatibility > a:hover > .text.weak:before,
  7514. div.compatibility > span.link-replacement > .text.weak:before {
  7515. background-color: #F0F4C3;
  7516. color: #C0CA33;
  7517. }
  7518.  
  7519. /* Средняя совместимость */
  7520. div.compatibility > a > .text.moderate:before {
  7521. background-color: #F1F8E9;
  7522. color: #8BC34A;
  7523. }
  7524.  
  7525. div.compatibility > a:hover > .text.moderate:before,
  7526. div.compatibility > span.link-replacement > .text.moderate:before {
  7527. background-color: #DCEDC8;
  7528. color: #7CB342;
  7529. }
  7530.  
  7531. /* Высокая совместимость */
  7532. div.compatibility > a > .text.high:before {
  7533. background-color: #E8F5E9;
  7534. color: #4CAF50;
  7535. }
  7536.  
  7537. div.compatibility > a:hover > .text.high:before,
  7538. div.compatibility > span.link-replacement > .text.high:before {
  7539. background-color: #C8E6C9;
  7540. color: #43A047;
  7541. }
  7542.  
  7543. /* Полная совместимость */
  7544. div.compatibility > a > .text.full:before {
  7545. background-color: #E1F5FE;
  7546. color: #03A9F4;
  7547. }
  7548.  
  7549. div.compatibility > a:hover > .text.full:before,
  7550. div.compatibility > span.link-replacement > .text.full:before {
  7551. background-color: #B3E5FC;
  7552. color: #039BE5;
  7553. }
  7554.  
  7555. /* КОНЕЦ: Цветные иконки совместимости */
  7556. /* Недоступные для просмотра данные без фона */
  7557. div.compatibility > span.link-replacement > span:first-child:before,
  7558. div.compatibility > span.link-replacement:hover > span:first-child:before {
  7559. background-color: transparent !important;
  7560. }
  7561.  
  7562. /* Подсказки для совместимости */
  7563. /* + Подсказки для действий с почтой – thx Kaur */
  7564. /* По умолчанию: располагаются слева от иконки */
  7565. div.compatibility > a:after,
  7566. div.compatibility > a > span:first-child:after,
  7567. div.compatibility > span.link-replacement > span:first-child:after,
  7568. .p-messages .mass-actions > .action > a:after {
  7569. display: block;
  7570. position: absolute;
  7571. right: 100%;
  7572. bottom: 0;
  7573. padding: 0 .75rem;
  7574. margin: 0 .75rem .5rem;
  7575. background-color: #616161;
  7576. border-radius: .125rem;
  7577. color: #eee;
  7578. font-size: .875rem;
  7579. line-height: 2rem;
  7580. white-space: nowrap;
  7581. transform: translateX(0.75rem);
  7582. z-index: 100;
  7583. pointer-events: none;
  7584. opacity: 0;
  7585. transition: .3s;
  7586. }
  7587.  
  7588. div.compatibility > a > span:first-child:after,
  7589. div.compatibility > span.link-replacement > span:first-child:after {
  7590. z-index: 101;
  7591. }
  7592.  
  7593. .p-messages .mass-actions > .action > a:after {
  7594. margin: 0 .75rem .25rem;
  7595. }
  7596.  
  7597. div.compatibility > a:hover:after,
  7598. div.compatibility > a:hover > span:first-child:after,
  7599. div.compatibility > span.link-replacement:hover > span:first-child:after,
  7600. .p-messages .mass-actions > .action > a:hover:after {
  7601. opacity: .9;
  7602. transform: translateX(0);
  7603. }
  7604.  
  7605. /* Текст подсказок для совместимости */
  7606. [data-locale="ru"] div.compatibility > a[href*="similar"]:after {
  7607. content: 'Найти похожих пользователей';
  7608. }
  7609.  
  7610. [data-locale="en"] div.compatibility > a[href*="similar"]:after {
  7611. content: 'Find similar users';
  7612. }
  7613.  
  7614. [data-locale="ru"] div.compatibility > a > .text.zero:after,
  7615. [data-locale="ru"] div.compatibility > span.link-replacement > .text.zero:after {
  7616. content: 'Нет совместимости';
  7617. }
  7618.  
  7619. [data-locale="en"] div.compatibility > a > .text.zero:after,
  7620. [data-locale="en"] div.compatibility > span.link-replacement > .text.zero:after {
  7621. content: 'No compatibility';
  7622. }
  7623.  
  7624. [data-locale="ru"] div.compatibility > a > .text.weak:after,
  7625. [data-locale="ru"] div.compatibility > span.link-replacement > .text.weak:after {
  7626. content: 'Низкая совместимость';
  7627. }
  7628.  
  7629. [data-locale="en"] div.compatibility > a > .text.weak:after,
  7630. [data-locale="en"] div.compatibility > span.link-replacement > .text.weak:after {
  7631. content: 'Low compatibility';
  7632. }
  7633.  
  7634. [data-locale="ru"] div.compatibility > a > .text.moderate:after,
  7635. [data-locale="ru"] div.compatibility > span.link-replacement > .text.moderate:after {
  7636. content: 'Средняя совместимость';
  7637. }
  7638.  
  7639. [data-locale="en"] div.compatibility > a > .text.moderate:after,
  7640. [data-locale="en"] div.compatibility > span.link-replacement > .text.moderate:after {
  7641. content: 'Medium compatibility';
  7642. }
  7643.  
  7644. [data-locale="ru"] div.compatibility > a > .text.high:after,
  7645. [data-locale="ru"] div.compatibility > span.link-replacement > .text.high:after {
  7646. content: 'Высокая совместимость';
  7647. }
  7648.  
  7649. [data-locale="en"] div.compatibility > a > .text.high:after,
  7650. [data-locale="en"] div.compatibility > span.link-replacement > .text.high:after {
  7651. content: 'High compatibility';
  7652. }
  7653.  
  7654. [data-locale="ru"] div.compatibility > a > .text.full:after,
  7655. [data-locale="ru"] div.compatibility > span.link-replacement > .text.full:after {
  7656. content: 'Полная совместимость';
  7657. }
  7658.  
  7659. [data-locale="en"] div.compatibility > a > .text.high:after,
  7660. [data-locale="en"] div.compatibility > span.link-replacement > .text.high:after {
  7661. content: 'Full compatibility';
  7662. }
  7663.  
  7664. /* Текст для действий с почтой */
  7665. .p-messages[data-locale="ru"] .mass-actions > .action:nth-child(1) > a:after {
  7666. content: 'Прочитать всё';
  7667. }
  7668.  
  7669. .p-messages[data-locale="en"] .mass-actions > .action:nth-child(1) > a:after {
  7670. content: 'Mark all messages as read';
  7671. }
  7672.  
  7673. .p-messages[data-locale="ru"] .mass-actions > .action:nth-child(2) > a:after {
  7674. content: 'Удалить всё';
  7675. }
  7676.  
  7677. .p-messages[data-locale="en"] .mass-actions > .action:nth-child(2) > a:after {
  7678. content: 'Remove all messages';
  7679. }
  7680.  
  7681. /* Числовое обозначение совместимости */
  7682. div.compatibility > a > span.rate,
  7683. div.compatibility > span.link-replacement > span.rate {
  7684. position: absolute;
  7685. top: -.125rem;
  7686. right: -.5rem;
  7687. padding: 0 .25rem;
  7688. border-radius: .125rem;
  7689. color: #fff;
  7690. font-size: .75rem;
  7691. line-height: 1rem;
  7692. }
  7693.  
  7694. div.compatibility > span.link-replacement > span.rate:before,
  7695. div.compatibility > a > span.rate:before {
  7696. display: none;
  7697. }
  7698.  
  7699. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .rate:after {
  7700. content: '%';
  7701. color: inherit;
  7702. }
  7703.  
  7704. div.compatibility > span.link-replacement > span.rate:after,
  7705. div.compatibility > a > span.rate:after {
  7706. display: none;
  7707. }
  7708.  
  7709. div.compatibility > a:before {
  7710. background-color: transparent;
  7711. }
  7712.  
  7713. /* END of Иконки совместимости для профиля */
  7714. /* ICON | EDIT ABOUT ME PROFILE'S BLOCK */
  7715. .p-profiles-show .about .item-edit {
  7716. display: inline-block;
  7717. width: 2.5rem;
  7718. height: 2.5rem;
  7719. padding: .5rem;
  7720. margin: .25rem 0;
  7721. }
  7722.  
  7723. .p-animes .item-edit:before,
  7724. .p-mangas .item-edit:before,
  7725. .p-profiles-show .about .item-edit:before {
  7726. width: 1.5rem !important;
  7727. font-family: 'Material Icons' !important;
  7728. font-size: 1.5rem !important;
  7729. font-weight: 400 !important;
  7730. line-height: 1 !important;
  7731. text-transform: none;
  7732. letter-spacing: normal;
  7733. word-wrap: normal;
  7734. white-space: nowrap;
  7735. direction: ltr;
  7736. /* Support for all WebKit browsers. */
  7737. -webkit-font-smoothing: antialiased;
  7738. /* Support for Safari and Chrome. */
  7739. text-rendering: optimizeLegibility;
  7740. /* Support for Firefox. */
  7741. -moz-osx-font-smoothing: grayscale;
  7742. /* Support for IE. */
  7743. font-feature-settings: 'liga';
  7744. }
  7745.  
  7746. .p-animes .item-edit:before,
  7747. .p-mangas .item-edit:before,
  7748. .p-profiles-show .about .item-edit:before {
  7749. content: 'edit';
  7750. }
  7751.  
  7752. /* END of ICON */
  7753. /* CHIP | USER PLATES */
  7754. .b-user16 {
  7755. vertical-align: middle;
  7756. max-width: 100%;
  7757. margin: 0 .5rem 0 0;
  7758. background-color: #eee;
  7759. border-radius: .5rem;
  7760. font-size: .875rem;
  7761. font-weight: 400;
  7762. text-transform: initial;
  7763. text-overflow: ellipsis;
  7764. overflow: hidden;
  7765. }
  7766.  
  7767. .b-user16,
  7768. .b-quote .quoteable a.b-user16 {
  7769. padding: 0 .5rem 0 1.25rem;
  7770. }
  7771.  
  7772. .b-user16,
  7773. .b-user16 a {
  7774. line-height: 0 !important;
  7775. }
  7776.  
  7777. .b-user16 > span,
  7778. .b-user16 > a > span {
  7779. line-height: 1rem !important;
  7780. }
  7781.  
  7782. .b-user16:hover {
  7783. color: #f2f2f2 !important;
  7784. background-color: #747474;
  7785. }
  7786.  
  7787. .b-user16:after {
  7788. display: none !important;
  7789. }
  7790.  
  7791. .b-user16:hover a {
  7792. color: #fff !important;
  7793. text-decoration: none;
  7794. }
  7795.  
  7796. .b-user16 > a > span {
  7797. padding: 0;
  7798. }
  7799.  
  7800. .b-user16:hover span {
  7801. text-decoration: none;
  7802. }
  7803.  
  7804. .b-user16 img {
  7805. vertical-align: top;
  7806. width: 16px !important;
  7807. padding: 0;
  7808. margin: 0 .375rem 0 -1.25rem !important;
  7809. margin-top: 0 !important;
  7810. border-radius: .5rem;
  7811. }
  7812.  
  7813. .b-animes-menu .friend-rate .b-user16 {
  7814. display: inline-block;
  7815. }
  7816.  
  7817. .p-anime_videos-index .c-video_stats .uploader .b-user16 {
  7818. padding-left: 0.5rem;
  7819. }
  7820.  
  7821. .b-log_entry .b-user16,
  7822. .b-source .contributors .b-user16,
  7823. .b-source .mal .b-user16,
  7824. .b-source .source .b-user16 {
  7825. margin-right: .5rem;
  7826. }
  7827.  
  7828. .b-user16:last-child {
  7829. margin-right: 0 !important;
  7830. }
  7831.  
  7832. .b-quote .quoteable a,
  7833. .status-line > span:first-child {
  7834. margin-right: .5rem;
  7835. }
  7836.  
  7837. .status-line .b-user16:last-child {
  7838. margin-right: .5rem !important;
  7839. }
  7840.  
  7841. /* BUG: Лишний пробел в разметке */
  7842. .b-quote .quoteable a.bubbled-processed {
  7843. margin-right: 0.25rem !important;
  7844. }
  7845.  
  7846. /* BUG: Лишний пробел в разметке */
  7847. .b-quote .quoteable a.bubbled-processed > img {
  7848. margin-right: 0.125rem !important;
  7849. }
  7850.  
  7851. /* COLOR */
  7852. .b-user16,
  7853. .b-user16 a {
  7854. color: #212121 !important;
  7855. }
  7856.  
  7857. /* END of USER PLATES */
  7858. .b-source .contributors,
  7859. .b-source .mal,
  7860. .b-source .source {
  7861. padding: 0;
  7862. }
  7863.  
  7864. .was_updated > div:first-child > span:first-child {
  7865. margin-right: 0.5rem;
  7866. }
  7867.  
  7868. /* MODERATION LIST */
  7869. .b-log_entry {
  7870. position: relative;
  7871. padding-right: 2.5rem !important;
  7872. font-size: .875rem;
  7873. }
  7874.  
  7875. .b-log_entry,
  7876. .b-log_entry .spoiler.collapse span:before,
  7877. .b-log_entry .spoiler.collapsed:before {
  7878. padding: .375rem 0;
  7879. line-height: 1.25rem;
  7880. }
  7881.  
  7882. .b-log_entry .spoiler.collapse,
  7883. .b-log_entry .spoiler.collapsed,
  7884. .b-log_entry .spoiler.collapse span,
  7885. .b-log_entry .spoiler.collapsed span {
  7886. position: absolute;
  7887. top: 0;
  7888. right: 0;
  7889. margin: 0;
  7890. border: 0;
  7891. }
  7892.  
  7893. .b-log_entry .spoiler.collapse span:before,
  7894. .b-log_entry .spoiler.collapsed:before {
  7895. display: inline-block;
  7896. vertical-align: top;
  7897. position: relative;
  7898. width: 1.5rem;
  7899. }
  7900.  
  7901. .b-log_entry.b-ban {
  7902. padding-right: 0 !important;
  7903. }
  7904.  
  7905. .b-ban .moderator {
  7906. float: right;
  7907. position: static;
  7908. margin: 0 0 0 .5rem;
  7909. }
  7910.  
  7911. .b-abuse_request .remove,
  7912. .b-log_entry span,
  7913. .b-log_entry .date {
  7914. padding-right: .5rem;
  7915. }
  7916.  
  7917. .b-ban .abuser,
  7918. .b-ban .duration,
  7919. .b-log_entry .date,
  7920. .b-log_entry > .reason {
  7921. vertical-align: top;
  7922. font-size: inherit;
  7923. }
  7924.  
  7925. .b-log_entry span a {
  7926. vertical-align: top;
  7927. }
  7928.  
  7929. .b-log_entry > .reason a {
  7930. color: inherit;
  7931. }
  7932.  
  7933. .b-log_entry .spoiler.collapse,
  7934. .b-log_entry .spoiler.collapsed,
  7935. .b-log_entry .spoiler.collapse span,
  7936. .b-log_entry .spoiler.collapsed span {
  7937. font-size: 0;
  7938. line-height: 0;
  7939. }
  7940.  
  7941. .b-log_entry .spoiler.collapse span:before,
  7942. .b-log_entry .spoiler.collapsed:before {
  7943. position: absolute;
  7944. top: 0;
  7945. right: 0;
  7946. width: 2rem;
  7947. font-family: 'Material Icons';
  7948. font-size: 1.125rem;
  7949. font-weight: 400 !important;
  7950. text-align: center;
  7951. text-transform: none;
  7952. letter-spacing: normal;
  7953. word-wrap: normal;
  7954. white-space: nowrap;
  7955. direction: ltr;
  7956. /* Support for all WebKit browsers. */
  7957. -webkit-font-smoothing: antialiased;
  7958. /* Support for Safari and Chrome. */
  7959. text-rendering: optimizeLegibility;
  7960. /* Support for Firefox. */
  7961. -moz-osx-font-smoothing: grayscale;
  7962. /* Support for IE. */
  7963. font-feature-settings: 'liga';
  7964. }
  7965.  
  7966. .b-log_entry .spoiler.collapse span:before {
  7967. content: 'expand_less';
  7968. }
  7969.  
  7970. .b-log_entry .spoiler.collapsed:before {
  7971. content: 'expand_more';
  7972. }
  7973.  
  7974. @media screen and (min-width: 1025px) {
  7975. .b-log_entry,
  7976. .b-log_entry .spoiler.collapse span:before,
  7977. .b-log_entry .spoiler.collapsed:before {
  7978. padding: .125rem 0;
  7979. line-height: 1.25rem;
  7980. }
  7981. }
  7982.  
  7983. /* FIX */
  7984. .b-abuse_request .marker {
  7985. margin: -5px 8px 0 0 !important;
  7986. }
  7987.  
  7988. /* END of MODERATION LIST */
  7989. /**
  7990. * MATERIAL ICON
  7991. * Замена иконок.
  7992. *
  7993. * ПРАВИЛА:
  7994. * Следующие настройки касаются только иконок. Их цвета, родители и их положение настраивается отдельно.
  7995. * Иконки должны располагаться в псевдоэлементе :before
  7996. * Иконки используются в двух вариантах: 18px и 24px
  7997. * Следовательно родители иконок должны быть высотой 32px или 40px
  7998. *
  7999. * BUG:
  8000. * IE doesn't support Materail Icon's font format [.woff2]
  8001. */
  8002. @font-face {
  8003. font-family: 'Material Icons';
  8004. font-style: normal;
  8005. font-weight: 400;
  8006. 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");
  8007. }
  8008.  
  8009. /* Стили Material Icons */
  8010. .b-collection-topic > .inner .status-line .collection-size:before,
  8011. .b-review_votes:before,
  8012. .b-topic .footer-vote .star:before,
  8013. .b-topic .footer-vote .vote-group .vote:before,
  8014. .b-image .mobile-edit:before,
  8015. .b-image .delete:before,
  8016. .b-image.deletable .confirm:before,
  8017. .b-image.deletable .cancel:before,
  8018. .club-actions .edit-club:before,
  8019. .club-actions .broadcast:before,
  8020. .club-actions .upload:before,
  8021. .club-actions .join:before,
  8022. .club-actions .invite:before,
  8023. .club-actions .leave:before,
  8024. .l-top_menu .menu-items > .entry > a[href*="/forum"]:before,
  8025. .p-user_rates-index .list-posters .user_rate .edit-user_rate:before,
  8026. .b-collection_search .field .clear:before,
  8027. .tooltip-inner .close,
  8028. .p-contests .match-day .match-link .voted:before,
  8029. .p-contests .match-day .match-link .winner:before,
  8030. .p-contests .match-day .match-link .loser:before,
  8031. .p-contests .match-day .match-link .created:before,
  8032. .p-contests .match-day .match-link .started:before,
  8033. .p-contests .match-day .match-link .finished:before,
  8034. .b-catalog_entry.planned .image-decor::after,
  8035. .b-catalog_entry.watching .image-decor::after,
  8036. .b-catalog_entry.completed .image-decor::after,
  8037. .b-catalog_entry.rewatching .image-decor::after,
  8038. .b-catalog_entry.on_hold .image-decor::after,
  8039. .b-catalog_entry.dropped .image-decor::after {
  8040. font-family: 'Material Icons';
  8041. line-height: 1;
  8042. font-weight: normal;
  8043. letter-spacing: normal;
  8044. text-transform: none;
  8045. word-wrap: normal;
  8046. white-space: nowrap;
  8047. direction: ltr;
  8048. /* Support for all WebKit browsers. */
  8049. -webkit-font-smoothing: antialiased;
  8050. /* Support for Safari and Chrome. */
  8051. text-rendering: optimizeLegibility;
  8052. /* Support for Firefox. */
  8053. -moz-osx-font-smoothing: grayscale;
  8054. /* Support for IE. */
  8055. font-feature-settings: 'liga';
  8056. }
  8057.  
  8058. /* LARGE ICON */
  8059. .c-actions > *:before,
  8060. .profile-actions > *:before,
  8061. .l-top_menu .menu-mobile .search:before,
  8062. .l-top_menu .menu-mobile .menu:before,
  8063. .l-top_menu .menu-mobile #sign_in:before,
  8064. .l-top_menu .menu-userbox .search:before,
  8065. .l-top_menu .menu-userbox .menu:before,
  8066. .l-top_menu .menu-userbox #sign_in:before,
  8067. .l-top_menu .to-mobile-forum:before,
  8068. .l-top_menu .menu-items .submenu-toggler:before,
  8069. .l-top_menu .menu-items .submenu-toggler.active:before,
  8070. header.head h1 a.back:before,
  8071. header.head h2 a.back:before,
  8072. .item-mobile:before,
  8073. .editor-controls > span:before,
  8074. .b-add_to_list .trigger-arrow:before,
  8075. .b-add_to_list.expanded .trigger-arrow:before,
  8076. .b-add_to_list.watching .edit:before,
  8077. .b-add_to_list.rewatching .edit:before,
  8078. .b-add_to_list.on_hold .edit:before,
  8079. .b-add_to_list.dropped .edit:before,
  8080. .b-add_to_list .plus:before,
  8081. .b-add_to_list.completed .edit:before,
  8082. .b-add_to_list.planned .edit:before,
  8083. .b-comments .comments-collapser:before,
  8084. .b-list_switchers > .switcher:before,
  8085. .p-characters .item-edit:before,
  8086. .p-messages .mass-actions .action > a:before {
  8087. width: 24px !important;
  8088. font-family: 'Material Icons' !important;
  8089. font-size: 24px !important;
  8090. font-weight: 400 !important;
  8091. line-height: 1 !important;
  8092. text-transform: none;
  8093. letter-spacing: normal;
  8094. word-wrap: normal;
  8095. white-space: nowrap;
  8096. direction: ltr;
  8097. /* Support for all WebKit browsers. */
  8098. -webkit-font-smoothing: antialiased;
  8099. /* Support for Safari and Chrome. */
  8100. text-rendering: optimizeLegibility;
  8101. /* Support for Firefox. */
  8102. -moz-osx-font-smoothing: grayscale;
  8103. /* Support for IE. */
  8104. font-feature-settings: 'liga';
  8105. }
  8106.  
  8107. /* SMALL ICON */
  8108. .l-top_menu .menu-items > .entry.calendar > a:before,
  8109. .l-top_menu .menu-items > .entry > .contest:before,
  8110. .l-top_menu .menu-items > .entry.info > a:before {
  8111. display: block;
  8112. width: 18px !important;
  8113. font-family: 'Material Icons' !important;
  8114. font-size: 18px !important;
  8115. font-weight: 400 !important;
  8116. line-height: 1 !important;
  8117. text-transform: none;
  8118. letter-spacing: normal;
  8119. word-wrap: normal;
  8120. white-space: nowrap;
  8121. direction: ltr;
  8122. /* Support for all WebKit browsers. */
  8123. -webkit-font-smoothing: antialiased;
  8124. /* Support for Safari and Chrome. */
  8125. text-rendering: optimizeLegibility;
  8126. /* Support for Firefox. */
  8127. -moz-osx-font-smoothing: grayscale;
  8128. /* Support for IE. */
  8129. font-feature-settings: 'liga';
  8130. }
  8131.  
  8132. .headline > a:before,
  8133. .midheadline > a:before,
  8134. .subheadline > a:before {
  8135. display: block;
  8136. font-family: 'Material Icons' !important;
  8137. font-size: 18px !important;
  8138. font-weight: 400 !important;
  8139. line-height: 32px !important;
  8140. text-transform: none;
  8141. letter-spacing: normal;
  8142. word-wrap: normal;
  8143. white-space: nowrap;
  8144. direction: ltr;
  8145. /* Support for all WebKit browsers. */
  8146. -webkit-font-smoothing: antialiased;
  8147. /* Support for Safari and Chrome. */
  8148. text-rendering: optimizeLegibility;
  8149. /* Support for Firefox. */
  8150. -moz-osx-font-smoothing: grayscale;
  8151. /* Support for IE. */
  8152. font-feature-settings: 'liga';
  8153. }
  8154.  
  8155. .headline > a:before,
  8156. .midheadline > a:before,
  8157. .subheadline > a:before {
  8158. content: 'chevron_right';
  8159. }
  8160.  
  8161. /* Иконки переключения вида каталога: список/постеры */
  8162. .b-list_switchers .switcher.list:before {
  8163. content: 'view_list';
  8164. }
  8165.  
  8166. .b-list_switchers .switcher.lines:before {
  8167. content: 'view_headline';
  8168. }
  8169.  
  8170. .b-list_switchers .switcher.posters:before {
  8171. content: 'view_module';
  8172. }
  8173.  
  8174. /* Иконки списка аниме/манги пользователя */
  8175. .b-add_to_list .plus:before {
  8176. content: "add";
  8177. }
  8178.  
  8179. .b-add_to_list.planned .edit:before {
  8180. content: "event";
  8181. }
  8182.  
  8183. .b-add_to_list.watching .edit:before {
  8184. content: "play_arrow";
  8185. }
  8186.  
  8187. .b-add_to_list.completed .edit:before {
  8188. content: "done";
  8189. }
  8190.  
  8191. .b-add_to_list.rewatching .edit:before {
  8192. content: "replay";
  8193. }
  8194.  
  8195. .b-add_to_list.on_hold .edit:before {
  8196. content: "query_builder";
  8197. }
  8198.  
  8199. .b-add_to_list.dropped .edit:before {
  8200. content: "delete";
  8201. }
  8202.  
  8203. .b-add_to_list .trigger-arrow:before {
  8204. content: "arrow_drop_down";
  8205. transition: 240ms;
  8206. }
  8207.  
  8208. .b-add_to_list.expanded .trigger-arrow:before {
  8209. content: "arrow_drop_down";
  8210. transform: rotate(180deg);
  8211. }
  8212.  
  8213. /* Иконки верхнего меню */
  8214. .l-top_menu .menu-items > .entry.calendar > a:before {
  8215. content: "today";
  8216. }
  8217.  
  8218. .l-top_menu .menu-items > .entry > .contest:before {
  8219. content: "poll";
  8220. }
  8221.  
  8222. .l-top_menu .menu-items > .entry.info > a:before {
  8223. content: "info";
  8224. }
  8225.  
  8226. .l-top_menu .menu-userbox #sign_in:before {
  8227. content: "exit_to_app";
  8228. }
  8229.  
  8230. .l-top_menu .to-mobile-forum:before {
  8231. content: "forum";
  8232. }
  8233.  
  8234. .l-top_menu .menu-items .submenu-toggler:before {
  8235. content: 'arrow_drop_down';
  8236. }
  8237.  
  8238. .l-top_menu .menu-items .submenu-toggler.active:before {
  8239. content: "arrow_drop_down";
  8240. transform: rotate(180deg);
  8241. }
  8242.  
  8243. /* Иконки профиля */
  8244. .profile-actions .mail:before {
  8245. content: "mail";
  8246. }
  8247.  
  8248. .profile-actions .talk:before {
  8249. content: "message";
  8250. }
  8251.  
  8252. .profile-actions .fav-add:before {
  8253. content: "person_add";
  8254. }
  8255.  
  8256. .profile-actions .fav-remove:before {
  8257. content: "person";
  8258. }
  8259.  
  8260. .profile-actions .fav-remove:hover:before {
  8261. content: "person_outline";
  8262. color: inherit;
  8263. }
  8264.  
  8265. .profile-actions .ignore-add:before {
  8266. content: "do_not_disturb_on";
  8267. }
  8268.  
  8269. .profile-actions .ignore-remove:before {
  8270. content: "do_not_disturb_off";
  8271. }
  8272.  
  8273. .profile-actions .settings:before {
  8274. content: "settings";
  8275. }
  8276.  
  8277. .profile-actions .ban:before {
  8278. content: "gavel";
  8279. }
  8280.  
  8281. /* Иконки текстового редактора */
  8282. .buttons .editor-bold:before {
  8283. content: "format_bold";
  8284. }
  8285.  
  8286. .buttons .editor-italic:before {
  8287. content: "format_italic";
  8288. }
  8289.  
  8290. .buttons .editor-underline:before {
  8291. content: "format_underlined";
  8292. }
  8293.  
  8294. .buttons .editor-strike:before {
  8295. content: "strikethrough_s";
  8296. }
  8297.  
  8298. .buttons .editor-link:before {
  8299. content: "insert_link";
  8300. }
  8301.  
  8302. .buttons .editor-image:before {
  8303. content: "insert_photo";
  8304. }
  8305.  
  8306. .buttons .editor-quote:before {
  8307. content: "format_quote";
  8308. }
  8309.  
  8310. .buttons .editor-spoiler:before {
  8311. content: "error_outline";
  8312. }
  8313.  
  8314. .buttons .editor-file:before {
  8315. content: "attach_file";
  8316. }
  8317.  
  8318. .buttons .editor-smiley:before {
  8319. content: "insert_emoticon";
  8320. }
  8321.  
  8322. /* Иконки под постером аниме/манги/персонажа и т.д. */
  8323. .c-actions .edit:before {
  8324. content: "build";
  8325. }
  8326.  
  8327. .c-actions .fav-remove:hover:before,
  8328. .c-actions .fav-add:before {
  8329. content: "favorite_border";
  8330. }
  8331.  
  8332. .c-actions .fav-add:hover:before,
  8333. .c-actions .fav-remove:before {
  8334. content: "favorite";
  8335. }
  8336.  
  8337. .c-actions .new_review:before {
  8338. content: "rate_review";
  8339. }
  8340.  
  8341. .c-actions .new_comment:before {
  8342. content: "chat_bubble";
  8343. }
  8344.  
  8345. /* Специальная иконка открывающая меню комментария/топика и т.д. */
  8346. .item-mobile:before {
  8347. content: "more_vert";
  8348. }
  8349.  
  8350. .p-characters .item-edit:before {
  8351. content: "edit";
  8352. }
  8353.  
  8354. /* Иконка "закрыть" */
  8355. .b-dialog.aside-expanded > .inner > .item-mobile:before,
  8356. .b-message.aside-expanded > .inner > .item-mobile:before,
  8357. .b-comment.aside-expanded > .inner > .item-mobile:before {
  8358. content: "clear";
  8359. }
  8360.  
  8361. /* Иконка "назад" */
  8362. header.head h1 a.back:before,
  8363. header.head h2 a.back:before {
  8364. content: "arrow_back";
  8365. }
  8366.  
  8367. /* Иконки в почте пользователя ("Отметить прочитанным" и "Удалить все") */
  8368. .p-messages .mass-actions .action:nth-child(1) > a:before {
  8369. content: 'done_all';
  8370. }
  8371.  
  8372. .p-messages .mass-actions .action:nth-child(2) > a:before {
  8373. content: 'delete_sweep';
  8374. }
  8375.  
  8376. .p-dialogs header.head,
  8377. .p-messages header.head,
  8378. .p-profiles-edit header.head {
  8379. padding: 16px 16px 8px;
  8380. margin: -16px -16px 0;
  8381. }
  8382.  
  8383. header.head h1,
  8384. header.head h2 {
  8385. padding: 8px 0;
  8386. line-height: 32px;
  8387. color: inherit;
  8388. }
  8389.  
  8390. header.head h1 a.back,
  8391. header.head h2 a.back {
  8392. vertical-align: top;
  8393. width: 40px;
  8394. height: 40px;
  8395. padding: 8px;
  8396. margin: -4px 16px -4px -8px;
  8397. line-height: initial;
  8398. }
  8399.  
  8400. header.head h1 a.back:before,
  8401. header.head h2 a.back:before {
  8402. position: static;
  8403. color: inherit;
  8404. }
  8405.  
  8406. header.head h1 a.back:after,
  8407. header.head h2 a.back:after {
  8408. display: none;
  8409. }
  8410.  
  8411. .buttons {
  8412. margin-right: 0;
  8413. }
  8414.  
  8415. .delete-controls > span,
  8416. .moderation-controls > span,
  8417. .main-controls > span,
  8418. .main-controls > a,
  8419. .buttons .item-edit {
  8420. width: 220px;
  8421. padding: 11px 16px;
  8422. margin-right: auto !important;
  8423. margin-left: auto !important;
  8424. line-height: 18px !important;
  8425. }
  8426.  
  8427. @media only screen and (min-width: 1025px) {
  8428. .delete-controls > span,
  8429. .moderation-controls > span,
  8430. .main-controls > span,
  8431. .main-controls > a,
  8432. .buttons .item-edit {
  8433. width: 32px;
  8434. height: 32px;
  8435. padding: 7px;
  8436. margin-left: 8px !important;
  8437. border-radius: 2px;
  8438. line-height: 18px !important;
  8439. }
  8440. }
  8441.  
  8442. .item-mobile {
  8443. position: relative;
  8444. width: 40px;
  8445. height: 40px;
  8446. padding: 8px;
  8447. margin: 4px 0;
  8448. margin-left: 8px !important;
  8449. border-radius: 100%;
  8450. z-index: 4;
  8451. }
  8452.  
  8453. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .plus::before,
  8454. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .edit::before,
  8455. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger .trigger-arrow::before,
  8456. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .plus::before,
  8457. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .edit::before,
  8458. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option .trigger-arrow::before,
  8459. .buttons .item-summary:before,
  8460. .buttons .item-ignore:before,
  8461. .buttons .item-quote:before,
  8462. .buttons .item-reply:before,
  8463. .buttons .item-edit:before,
  8464. .buttons .item-delete:before,
  8465. .buttons .item-moderation:before,
  8466. .buttons .item-cancel:before,
  8467. .buttons .item-request-reject:before,
  8468. .buttons .item-apply:before,
  8469. .buttons .item-request-confirm:before,
  8470. .buttons .item-delete-confirm:before,
  8471. .buttons .item-abuse:before,
  8472. .buttons .item-spoiler:before,
  8473. .buttons .item-offtopic:before,
  8474. .buttons .item-delete-cancel:before,
  8475. .buttons .item-moderation-cancel:before {
  8476. vertical-align: top;
  8477. width: 18px !important;
  8478. font-family: 'Material Icons' !important;
  8479. font-size: 18px !important;
  8480. font-weight: 400 !important;
  8481. line-height: 1 !important;
  8482. text-transform: none;
  8483. letter-spacing: normal;
  8484. word-wrap: normal;
  8485. white-space: nowrap;
  8486. direction: ltr;
  8487. /* Support for all WebKit browsers. */
  8488. -webkit-font-smoothing: antialiased;
  8489. /* Support for Safari and Chrome. */
  8490. text-rendering: optimizeLegibility;
  8491. /* Support for Firefox. */
  8492. -moz-osx-font-smoothing: grayscale;
  8493. /* Support for IE. */
  8494. font-feature-settings: 'liga';
  8495. }
  8496.  
  8497. .buttons .item-ignore:before {
  8498. content: "do_not_disturb_on";
  8499. }
  8500.  
  8501. .buttons .item-quote:before {
  8502. content: "format_quote";
  8503. }
  8504.  
  8505. .buttons .item-reply:before {
  8506. content: "reply";
  8507. }
  8508.  
  8509. .buttons .item-edit:before {
  8510. content: "mode_edit";
  8511. }
  8512.  
  8513. .buttons .item-delete:before {
  8514. content: "delete";
  8515. }
  8516.  
  8517. .buttons .item-moderation:before {
  8518. content: "flag";
  8519. }
  8520.  
  8521. .buttons .item-cancel:before,
  8522. .buttons .item-request-reject:before,
  8523. .buttons .item-delete-cancel:before,
  8524. .buttons .item-moderation-cancel:before {
  8525. content: "clear";
  8526. }
  8527.  
  8528. .buttons .item-spoiler:before {
  8529. content: "sms_failed";
  8530. }
  8531.  
  8532. .buttons .item-abuse:before {
  8533. content: "pan_tool";
  8534. }
  8535.  
  8536. .buttons .item-offtopic:before {
  8537. content: "speaker_notes_off";
  8538. }
  8539.  
  8540. .buttons .item-summary:before {
  8541. content: "check_circle";
  8542. }
  8543.  
  8544. .buttons .item-delete-confirm:before {
  8545. content: "delete";
  8546. }
  8547.  
  8548. .buttons .item-apply:before,
  8549. .buttons .item-request-confirm:before,
  8550. .buttons .item-delete-confirm:before {
  8551. content: "done";
  8552. }
  8553.  
  8554. .l-top_menu .menu-mobile .menu:before,
  8555. .l-top_menu .menu-userbox .menu:before,
  8556. .l-top_menu .menu-mobile .search:before,
  8557. .l-top_menu .menu-userbox .search:before {
  8558. width: 24px !important;
  8559. font-family: 'Material Icons' !important;
  8560. font-size: 24px !important;
  8561. font-weight: 400 !important;
  8562. line-height: 1 !important;
  8563. text-transform: none;
  8564. letter-spacing: normal;
  8565. word-wrap: normal;
  8566. white-space: nowrap;
  8567. direction: ltr;
  8568. /* Support for all WebKit browsers. */
  8569. -webkit-font-smoothing: antialiased;
  8570. /* Support for Safari and Chrome. */
  8571. text-rendering: optimizeLegibility;
  8572. /* Support for Firefox. */
  8573. -moz-osx-font-smoothing: grayscale;
  8574. /* Support for IE. */
  8575. font-feature-settings: 'liga';
  8576. }
  8577.  
  8578. .l-top_menu .menu-mobile .menu:before,
  8579. .l-top_menu .menu-userbox .menu:before {
  8580. content: "menu";
  8581. }
  8582.  
  8583. .l-top_menu .menu-mobile .search:before,
  8584. .l-top_menu .menu-userbox .search:before {
  8585. content: "search";
  8586. }
  8587.  
  8588. .tooltip-inner {
  8589. min-height: 56px;
  8590. padding: 14px 16px;
  8591. border: 0;
  8592. overflow: hidden;
  8593. box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.24);
  8594. }
  8595.  
  8596. .tooltip-arrow {
  8597. display: none;
  8598. }
  8599.  
  8600. /**
  8601. * Simple <paper-spinner>
  8602. * MIT License
  8603. * Copyright (c) 2015 Chris Nager
  8604. * https://github.com/chrisnager/simple-paper-spinner
  8605. */
  8606. .tooltip-details {
  8607. min-height: 140px;
  8608. }
  8609.  
  8610. .tooltip-details .ajax-loading {
  8611. display: inline-block;
  8612. position: absolute;
  8613. top: 50%;
  8614. left: 50%;
  8615. width: 1.75em;
  8616. height: 1.75em;
  8617. min-height: 0;
  8618. margin: -.875rem 0 0 -.875rem;
  8619. background-image: none;
  8620. border-radius: 50%;
  8621. box-shadow: inset 0 0 0 0.1875em;
  8622. overflow: hidden;
  8623. will-change: transform;
  8624. -webkit-animation: spin 2666ms linear infinite;
  8625. animation: spin 2666ms linear infinite;
  8626. -webkit-clip-path: circle(0.875em at center);
  8627. clip-path: circle(0.875em at center);
  8628. }
  8629.  
  8630. .tooltip-details .ajax-loading:after,
  8631. .tooltip-details .ajax-loading:before {
  8632. content: "";
  8633. position: absolute;
  8634. width: 7em;
  8635. height: 1.75em;
  8636. background-color: inherit;
  8637. }
  8638.  
  8639. .tooltip-details .ajax-loading:after {
  8640. -webkit-transform: skewX(-80deg) translate(0.875em, 0.875em);
  8641. transform: skewX(-80deg) translate(0.875em, 0.875em);
  8642. -webkit-animation: shape-shift-after 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
  8643. animation: shape-shift-after 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
  8644. }
  8645.  
  8646. .tooltip-details .ajax-loading:before {
  8647. -webkit-transform: skewX(80deg) translate(0.875em, -0.875em);
  8648. transform: skewX(80deg) translate(0.875em, -0.875em);
  8649. -webkit-animation: shape-shift-before 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
  8650. animation: shape-shift-before 1066.4ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
  8651. }
  8652.  
  8653. @-webkit-keyframes spin {
  8654. to {
  8655. -webkit-transform: rotate(1080deg);
  8656. transform: rotate(1080deg);
  8657. }
  8658. }
  8659.  
  8660. @keyframes spin {
  8661. to {
  8662. -webkit-transform: rotate(1080deg);
  8663. transform: rotate(1080deg);
  8664. }
  8665. }
  8666.  
  8667. @-webkit-keyframes shape-shift-before {
  8668. to {
  8669. -webkit-transform: skewX(-45deg) translate(0.875em, -0.875em);
  8670. transform: skewX(-45deg) translate(0.875em, -0.875em);
  8671. }
  8672. }
  8673.  
  8674. @keyframes shape-shift-before {
  8675. to {
  8676. -webkit-transform: skewX(-45deg) translate(0.875em, -0.875em);
  8677. transform: skewX(-45deg) translate(0.875em, -0.875em);
  8678. }
  8679. }
  8680.  
  8681. @-webkit-keyframes shape-shift-after {
  8682. to {
  8683. -webkit-transform: skewX(45deg) translate(0.875em, 0.875em);
  8684. transform: skewX(45deg) translate(0.875em, 0.875em);
  8685. }
  8686. }
  8687.  
  8688. @keyframes shape-shift-after {
  8689. to {
  8690. -webkit-transform: skewX(45deg) translate(0.875em, 0.875em);
  8691. transform: skewX(45deg) translate(0.875em, 0.875em);
  8692. }
  8693. }
  8694.  
  8695. /* Всплывающие окна */
  8696. .b-catalog_entry-tooltip .inner a.name {
  8697. font-size: .875rem;
  8698. }
  8699.  
  8700. .b-catalog_entry-tooltip .inner .text {
  8701. font-size: .8125rem;
  8702. line-height: 1.25rem;
  8703. margin-bottom: .5rem;
  8704. }
  8705.  
  8706. .b-catalog_entry-tooltip .inner .line {
  8707. font-size: .8125rem;
  8708. line-height: 1.5rem;
  8709. }
  8710.  
  8711. .b-catalog_entry-tooltip .inner .line.name {
  8712. line-height: 1.5rem;
  8713. margin-bottom: 0;
  8714. }
  8715.  
  8716. .b-catalog_entry-tooltip .inner .rating {
  8717. bottom: 0;
  8718. font-family: inherit;
  8719. font-size: 1.5rem;
  8720. line-height: 1;
  8721. }
  8722.  
  8723. .b-catalog_entry-tooltip .inner .rating .text {
  8724. margin: .5rem .5rem 0;
  8725. font-size: .75rem;
  8726. line-height: 1rem;
  8727. }
  8728.  
  8729. /* TEXTEDITOR | SHIKI EDITOR */
  8730. .b-topic > .editor-container {
  8731. margin-top: 1rem;
  8732. }
  8733.  
  8734. .b-shiki_editor .body .preview {
  8735. padding: 0;
  8736. margin: 0;
  8737. background: transparent;
  8738. border: 0;
  8739. }
  8740.  
  8741. .editor-controls > span {
  8742. width: 40px;
  8743. height: 40px;
  8744. padding: 8px;
  8745. margin: 0 8px 0 0 !important;
  8746. }
  8747.  
  8748. /* Расширяем file input */
  8749. .buttons .editor-file {
  8750. position: relative;
  8751. }
  8752.  
  8753. .buttons .editor-file span,
  8754. .buttons .editor-file a {
  8755. top: 0;
  8756. left: 0;
  8757. width: 40px;
  8758. height: 40px;
  8759. margin: 0 !important;
  8760. }
  8761.  
  8762. .buttons .editor-file input {
  8763. left: 0;
  8764. width: 40px;
  8765. height: 40px;
  8766. border: 0;
  8767. font-size: 40px;
  8768. }
  8769.  
  8770. .b-shiki_editor aside.buttons {
  8771. margin: 0;
  8772. padding: .25rem 0;
  8773. }
  8774.  
  8775. .b-shiki_editor aside.markers {
  8776. height: auto;
  8777. padding: .75rem 0;
  8778. }
  8779.  
  8780. .b-shiki_editor .links,
  8781. .b-shiki_editor .images,
  8782. .b-shiki_editor .quotes,
  8783. .b-shiki_editor .email,
  8784. .b-shiki_editor .upload {
  8785. height: 3rem;
  8786. line-height: 2rem;
  8787. }
  8788.  
  8789. .b-shiki_editor .hidden-block p {
  8790. padding: .5rem !important;
  8791. }
  8792.  
  8793. .b-shiki_editor .links .link-value,
  8794. .b-shiki_editor .images .link-value,
  8795. .b-shiki_editor .quotes .link-value,
  8796. .b-shiki_editor .email .link-value,
  8797. .b-shiki_editor .upload .link-value {
  8798. width: 14rem;
  8799. height: 2rem;
  8800. padding: 0 1rem;
  8801. margin: 0;
  8802. border-radius: 2px;
  8803. line-height: 2rem;
  8804. }
  8805.  
  8806. .b-shiki_editor .links .button.ok,
  8807. .b-shiki_editor .images .button.ok,
  8808. .b-shiki_editor .quotes .button.ok,
  8809. .b-shiki_editor .email .button.ok,
  8810. .b-shiki_editor .upload .button.ok {
  8811. display: inline-block;
  8812. vertical-align: top;
  8813. padding: 0 1rem;
  8814. margin-right: 0;
  8815. margin-left: 1rem;
  8816. font-size: .875rem;
  8817. line-height: 2rem;
  8818. border-radius: 2px;
  8819. }
  8820.  
  8821. .b-shiki_editor .images input,
  8822. .b-shiki_editor .quotes input,
  8823. .b-shiki_editor .email input {
  8824. margin-left: 1rem !important;
  8825. width: 20rem !important;
  8826. }
  8827.  
  8828. /* Полоса загрузки. thx Dewopalaxy */
  8829. .b-upload_progress.active {
  8830. height: 1.5rem;
  8831. }
  8832.  
  8833. .b-upload_progress .bar {
  8834. min-width: 0;
  8835. height: 4px;
  8836. background-color: #2c666e;
  8837. color: #FFFFFF;
  8838. font-size: .875rem;
  8839. border-radius: 2px;
  8840. text-align: left;
  8841. text-indent: 1rem;
  8842. line-height: 2rem;
  8843. overflow: visible;
  8844. }
  8845.  
  8846. .b-upload_progress .bar::first-letter {
  8847. text-transform: uppercase;
  8848. }
  8849.  
  8850. .b-shiki_editor .body .editor textarea {
  8851. padding: .5rem 1rem;
  8852. margin: 0;
  8853. border-radius: 2px;
  8854. font-size: 1rem;
  8855. line-height: 1.25rem;
  8856. }
  8857.  
  8858. .b-shiki_editor footer input[type=submit],
  8859. .b-shiki_editor footer .unpreview,
  8860. .b-shiki_editor footer .preview {
  8861. vertical-align: top;
  8862. margin-right: 8px;
  8863. }
  8864.  
  8865. .b-shiki_editor footer .preview {
  8866. margin-right: 0;
  8867. }
  8868.  
  8869. .b-shiki_editor.previewed footer .unpreview {
  8870. border: 0;
  8871. font-size: 0;
  8872. }
  8873.  
  8874. .b-shiki_editor.previewed footer .unpreview:after {
  8875. content: 'Назад';
  8876. vertical-align: top;
  8877. font-size: 14px;
  8878. }
  8879.  
  8880. .b-shiki_editor footer .cancel {
  8881. border: 0;
  8882. }
  8883.  
  8884. .b-shiki_editor footer .cancel:hover {
  8885. color: #3F51B5;
  8886. }
  8887.  
  8888. /* FIX: COMMENT PREVIEW WIDTH */
  8889. .b-shiki_editor aside.markers {
  8890. position: absolute;
  8891. right: 0;
  8892. top: 0;
  8893. z-index: 2;
  8894. }
  8895.  
  8896. .b-shiki_editor.previewed .body .preview .b-comment {
  8897. padding: 0 !important;
  8898. }
  8899.  
  8900. .b-shiki_editor footer {
  8901. margin-top: 1rem;
  8902. }
  8903.  
  8904. .about-bb_codes {
  8905. font-size: 0 !important;
  8906. padding: 0 1rem;
  8907. margin-top: 0 !important;
  8908. border-radius: .125rem;
  8909. line-height: 2rem !important;
  8910. }
  8911.  
  8912. .about-bb_codes:before {
  8913. content: "help";
  8914. display: inline-block;
  8915. vertical-align: top;
  8916. font-family: 'Material Icons' !important;
  8917. font-size: 24px !important;
  8918. line-height: 32px !important;
  8919. text-transform: none;
  8920. letter-spacing: normal;
  8921. word-wrap: normal;
  8922. white-space: nowrap;
  8923. direction: ltr;
  8924. /* Support for all WebKit browsers. */
  8925. -webkit-font-smoothing: antialiased;
  8926. /* Support for Safari and Chrome. */
  8927. text-rendering: optimizeLegibility;
  8928. /* Support for Firefox. */
  8929. -moz-osx-font-smoothing: grayscale;
  8930. /* Support for IE. */
  8931. font-feature-settings: 'liga';
  8932. }
  8933.  
  8934. @media only screen and (min-width: 768px) {
  8935. .about-bb_codes:before {
  8936. font-family: inherit !important;
  8937. font-size: 14px !important;
  8938. text-transform: uppercase;
  8939. }
  8940. [data-locale="ru"] .about-bb_codes:before {
  8941. content: 'Справка';
  8942. }
  8943. [data-locale="en"] .about-bb_codes:before {
  8944. content: 'Help';
  8945. }
  8946. }
  8947.  
  8948. /* END of SHIKI_EDITOR */
  8949. /* END of TEXTEDITOR */
  8950. .b-abuse_marker,
  8951. .b-broadcast_marker,
  8952. .b-new_marker,
  8953. .b-offtopic_marker,
  8954. .b-summary_marker {
  8955. width: auto !important;
  8956. margin: 0 !important;
  8957. margin-top: 1px !important;
  8958. margin-left: 8px !important;
  8959. }
  8960.  
  8961. .b-spoiler_marker {
  8962. width: auto;
  8963. }
  8964.  
  8965. .b-abuse_marker:before,
  8966. .b-broadcast_marker:before,
  8967. .b-new_marker:before,
  8968. .b-offtopic_marker:before,
  8969. .b-spoiler_marker:before,
  8970. .b-summary_marker:before {
  8971. position: static !important;
  8972. width: auto !important;
  8973. padding: 0 4px !important;
  8974. margin-top: 8px;
  8975. border: 0 !important;
  8976. border-radius: 2px;
  8977. font-size: 10px !important;
  8978. line-height: 16px !important;
  8979. text-transform: capitalize;
  8980. }
  8981.  
  8982. .b-shiki_editor .b-summary_marker,
  8983. .b-shiki_editor .b-summary_marker:before,
  8984. .b-shiki_editor .b-offtopic_marker,
  8985. .b-shiki_editor .b-offtopic_marker:before {
  8986. vertical-align: top;
  8987. padding: 0 8px !important;
  8988. margin: 0 !important;
  8989. font-size: 12px !important;
  8990. line-height: 24px !important;
  8991. }
  8992.  
  8993. .b-shiki_editor .b-summary_marker,
  8994. .b-shiki_editor .b-offtopic_marker {
  8995. padding: 0 !important;
  8996. margin-left: 8px !important;
  8997. }
  8998.  
  8999. /* END of SHIKI_EDITOR */
  9000. /* FLOATED OPTIONS */
  9001. .b-options-floated {
  9002. margin-top: 16px;
  9003. font-size: 14px;
  9004. line-height: 16px;
  9005. }
  9006.  
  9007. @media screen and (min-width: 768px) {
  9008. .b-options-floated.before-buttons-2 {
  9009. padding-right: 112px;
  9010. }
  9011. }
  9012.  
  9013. .p-profiles-edit .b-options-floated,
  9014. .p-dialogs .b-options-floated,
  9015. .p-messages .b-options-floated {
  9016. position: static;
  9017. margin: 0 -16px 8px;
  9018. padding: 0;
  9019. text-align: left;
  9020. white-space: nowrap;
  9021. overflow: hidden;
  9022. overflow-x: auto;
  9023. }
  9024.  
  9025. .p-profiles-edit .b-options-floated > a,
  9026. .p-dialogs .b-options-floated > a,
  9027. .p-messages .b-options-floated > a {
  9028. display: inline-block;
  9029. width: auto;
  9030. min-width: 88px;
  9031. height: 48px;
  9032. padding: 0 12px;
  9033. font-size: 14px;
  9034. line-height: 48px;
  9035. text-align: center;
  9036. text-transform: uppercase;
  9037. }
  9038.  
  9039. .p-profiles-edit .b-options-floated > a {
  9040. width: auto;
  9041. }
  9042.  
  9043. .p-profiles-edit .b-options-floated > a:hover,
  9044. .p-dialogs .b-options-floated > a:hover,
  9045. .p-messages .b-options-floated > a:hover {
  9046. text-decoration: none;
  9047. }
  9048.  
  9049. @media screen and (min-width: 481px) {
  9050. .p-profiles-edit .b-options-floated > a,
  9051. .p-dialogs .b-options-floated > a,
  9052. .p-messages .b-options-floated > a {
  9053. width: auto;
  9054. }
  9055. }
  9056.  
  9057. .b-options-floated a span.brackets,
  9058. .b-options-floated .link span.brackets {
  9059. display: inline-block;
  9060. vertical-align: text-top;
  9061. min-width: 20px;
  9062. height: 16px;
  9063. padding: 0 4px;
  9064. border-radius: 4px;
  9065. color: #FAFAFA;
  9066. font-size: 10px;
  9067. line-height: 16px;
  9068. text-align: center;
  9069. }
  9070.  
  9071. .b-options-floated a:after,
  9072. .b-options-floated .link:after {
  9073. padding: 0 .375rem;
  9074. color: #9E9E9E;
  9075. }
  9076.  
  9077. .p-profiles-edit .b-options-floated > a:after,
  9078. .p-dialogs .b-options-floated > a:after,
  9079. .p-messages .b-options-floated > a:after,
  9080. .b-options-floated a span.brackets:before,
  9081. .b-options-floated a span.brackets:after,
  9082. .b-options-floated .link span.brackets:before,
  9083. .b-options-floated .link span.brackets:after {
  9084. display: none;
  9085. }
  9086.  
  9087. @media screen and (min-width: 481px) {
  9088. .p-dialogs header.head,
  9089. .p-messages header.head,
  9090. .p-profiles-edit header.head {
  9091. padding: 0;
  9092. margin: 0;
  9093. background-color: transparent;
  9094. }
  9095. .p-profiles-edit .b-options-floated,
  9096. .p-dialogs .b-options-floated,
  9097. .p-messages .b-options-floated {
  9098. position: initial;
  9099. margin: 0 -16px 8px;
  9100. padding: 0;
  9101. background-color: transparent;
  9102. text-align: right;
  9103. }
  9104. }
  9105.  
  9106. /* END of FLOATED OPTIONS */
  9107. /* USER'S MAIL ICONS – READ ALL & DELETE ALL */
  9108. .p-messages .mass-actions {
  9109. position: absolute;
  9110. top: 56px;
  9111. right: 0;
  9112. margin: 0 -.5rem;
  9113. }
  9114.  
  9115. .p-messages .mass-actions .action:after {
  9116. display: none;
  9117. }
  9118.  
  9119. .p-messages .mass-actions > .action > a {
  9120. position: relative;
  9121. width: 40px;
  9122. height: 40px;
  9123. padding: 8px;
  9124. margin: 4px;
  9125. border: 0;
  9126. border-radius: 2px;
  9127. font-size: 0;
  9128. line-height: 1;
  9129. }
  9130.  
  9131. /* END of USER'S MAIL ICONS */
  9132. /* DB ENTRY NOTES */
  9133. /* TODO: MERGE WITH .c-history .entry */
  9134. .b-db_entry-note {
  9135. position: relative;
  9136. padding: 8px 0;
  9137. margin: 0;
  9138. border: 0;
  9139. }
  9140.  
  9141. .b-db_entry-note:first-child {
  9142. padding-top: 8px;
  9143. }
  9144.  
  9145. .b-db_entry-note:before {
  9146. content: '';
  9147. position: absolute;
  9148. right: -16px;
  9149. bottom: 0;
  9150. left: 56px;
  9151. height: 1px;
  9152. }
  9153.  
  9154. .b-db_entry-note:last-child:before {
  9155. display: none;
  9156. }
  9157.  
  9158. /* FIX */
  9159. .b-db_entry-note:before {
  9160. right: 0;
  9161. left: 64px;
  9162. }
  9163.  
  9164. .p-db_entries-related .b-db_entry-note {
  9165. padding: 16px 0;
  9166. }
  9167.  
  9168. .p-db_entries-related .b-db_entry-note:first-child {
  9169. padding-top: 16px;
  9170. }
  9171.  
  9172. /* END of DB ENTRY NOTES*/
  9173. /* MENU ENTRY REVIEW & CLUBS */
  9174. /* TODO: MERGE WITH .c-history .entry */
  9175. /* TODO: where [.calendar .entry]? */
  9176. .p-topics .l-menu .calendar .entry,
  9177. .p-topics .l-menu .reviews .entry,
  9178. .p-topics .l-menu .clubs .entry {
  9179. position: relative;
  9180. padding: 8px 0;
  9181. margin: 0;
  9182. border: 0;
  9183. overflow: initial;
  9184. }
  9185.  
  9186. .p-topics .l-menu .calendar .entry:first-child,
  9187. .p-topics .l-menu .reviews .entry:first-child,
  9188. .p-topics .l-menu .clubs .entry:first-child {
  9189. padding-top: 8px;
  9190. margin-top: 0;
  9191. }
  9192.  
  9193. .p-topics .l-menu .calendar .entry:before,
  9194. .p-topics .l-menu .reviews .entry:before,
  9195. .p-topics .l-menu .clubs .entry:before {
  9196. content: '';
  9197. position: absolute;
  9198. right: -8px;
  9199. bottom: 0;
  9200. left: 56px;
  9201. height: 1px;
  9202. pointer-events: none;
  9203. }
  9204.  
  9205. .p-topics .l-menu .calendar .entry:last-child:before,
  9206. .p-topics .l-menu .reviews .entry:last-child:before,
  9207. .p-topics .l-menu .clubs .entry:last-child:before {
  9208. display: none;
  9209. }
  9210.  
  9211. /* Полноразмерная ссылка .entry, работает только для .l-menu */
  9212. .p-topics .l-menu .calendar .entry a,
  9213. .p-topics .l-menu .reviews .entry a,
  9214. .p-topics .l-menu .clubs .entry a {
  9215. display: block;
  9216. padding: 8px;
  9217. margin: -8px;
  9218. }
  9219.  
  9220. .p-topics .l-menu .calendar .entry a:after,
  9221. .p-topics .l-menu .reviews .entry a:after,
  9222. .p-topics .l-menu .clubs .entry a:after {
  9223. content: '';
  9224. clear: both;
  9225. display: block;
  9226. }
  9227.  
  9228. .p-topics .l-menu .calendar .entry:hover .title,
  9229. .p-topics .l-menu .reviews .entry:hover .title,
  9230. .p-topics .l-menu .clubs .entry:hover .title {
  9231. text-decoration: none;
  9232. }
  9233.  
  9234. /* ADDITIONS */
  9235. .p-topics .l-menu .reviews .entry img {
  9236. min-width: 40px;
  9237. max-height: 64px;
  9238. margin: 2px 16px 2px 0;
  9239. border-radius: 2px;
  9240. }
  9241.  
  9242. .p-topics .l-menu .clubs .entry img {
  9243. width: 40px;
  9244. min-width: 40px;
  9245. height: 40px;
  9246. margin: 2px 16px 2px 0;
  9247. border-radius: 2px;
  9248. }
  9249.  
  9250. /* END of MENU ENTRY REVIEW & CLUBS */
  9251. /* SIDEMENU LINKS */
  9252. .p-topics .l-menu .sticky-topics .topic,
  9253. .p-topics .l-menu .contests .contest {
  9254. padding: 8px;
  9255. margin: 0 -8px;
  9256. border: 0;
  9257. }
  9258.  
  9259. .p-topics .l-menu .sticky-topics .topic:first-child,
  9260. .p-topics .l-menu .contests .contest:first-child {
  9261. padding-top: 8px;
  9262. margin-top: 0;
  9263. }
  9264.  
  9265. .p-topics .l-menu .sticky-topics .topic .title,
  9266. .p-topics .l-menu .contests .contest .title {
  9267. line-height: 20px;
  9268. }
  9269.  
  9270. .p-topics .l-menu .sticky-topics .topic:hover .title,
  9271. .p-topics .l-menu .contests .contest:hover .title {
  9272. text-decoration: none;
  9273. }
  9274.  
  9275. .p-topics .l-menu .sticky-topics .topic .title:after,
  9276. .p-topics .l-menu .contests .contest .title:after {
  9277. display: none;
  9278. }
  9279.  
  9280. .p-topics .l-menu .sticky-topics .topic .notice,
  9281. .p-topics .l-menu .contests .contest .notice {
  9282. margin-top: 2px;
  9283. line-height: 18px;
  9284. }
  9285.  
  9286. /* END of SIDEMENU LINKS */
  9287. /* Стилизованные кнопки на страницах поиска аниме и манги */
  9288. .p-user_rates .mylist-block + .block > .b-list,
  9289. .b-collection-filters > .block:first-child > .b-list,
  9290. .b-collection-filters > .block:first-child > .b-list {
  9291. margin-left: 0 !important;
  9292. }
  9293.  
  9294. .p-user_rates .mylist-block + .block > .b-list > li,
  9295. .b-collection-filters > .block:first-child > .b-list > li,
  9296. .b-collection-filters > .block:first-child > .b-list > li {
  9297. position: relative;
  9298. margin-bottom: .5rem;
  9299. border-radius: .125rem;
  9300. font-size: .875rem;
  9301. line-height: 2rem;
  9302. text-align: center;
  9303. text-transform: uppercase;
  9304. list-style: none;
  9305. }
  9306.  
  9307. .p-user_rates .mylist-block + .block > .b-list > li:before,
  9308. .p-user_rates .mylist-block + .block > .b-list > li:after,
  9309. .b-collection-filters > .block:first-child > .b-list > li:before,
  9310. .b-collection-filters > .block:first-child > .b-list > li:before,
  9311. .b-collection-filters > .block:first-child > .b-list > li:after,
  9312. .b-collection-filters > .block:first-child > .b-list > li:after {
  9313. content: '';
  9314. position: absolute;
  9315. top: 0;
  9316. right: 0;
  9317. bottom: 0;
  9318. left: 0;
  9319. border-radius: inherit;
  9320. opacity: 0;
  9321. z-index: 0;
  9322. transition: opacity .3s;
  9323. }
  9324.  
  9325. .p-user_rates .mylist-block + .block > .b-list > li:before,
  9326. .b-collection-filters > .block:first-child > .b-list > li:before,
  9327. .b-collection-filters > .block:first-child > .b-list > li:before {
  9328. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.56);
  9329. }
  9330.  
  9331. .p-user_rates .mylist-block + .block > .b-list > li:after,
  9332. .b-collection-filters > .block:first-child > .b-list > li:after,
  9333. .b-collection-filters > .block:first-child > .b-list > li:after {
  9334. background-color: rgba(0, 0, 0, 0.12);
  9335. }
  9336.  
  9337. .p-user_rates .mylist-block + .block > .b-list > li:hover:before,
  9338. .p-user_rates .mylist-block + .block > .b-list > li:hover:after,
  9339. .b-collection-filters > .block:first-child > .b-list > li:hover:before,
  9340. .b-collection-filters > .block:first-child > .b-list > li:hover:before,
  9341. .b-collection-filters > .block:first-child > .b-list > li:hover:after,
  9342. .b-collection-filters > .block:first-child > .b-list > li:hover:after {
  9343. opacity: 1;
  9344. }
  9345.  
  9346. .p-user_rates .mylist-block + .block > .b-list > li > a,
  9347. .b-collection-filters > .block:first-child > .b-list > li > a,
  9348. .b-collection-filters > .block:first-child > .b-list > li > a {
  9349. position: relative;
  9350. display: block;
  9351. color: #fff !important;
  9352. z-index: 1;
  9353. }
  9354.  
  9355. .p-user_rates .mylist-block + .block > .b-list > li > a:hover,
  9356. .b-collection-filters > .block:first-child > .b-list > li > a:hover,
  9357. .b-collection-filters > .block:first-child > .b-list > li > a:hover {
  9358. color: #fff !important;
  9359. text-decoration: none;
  9360. }
  9361.  
  9362. /* END of Стилизованные кнопки на страницах поиска аниме и манги */
  9363. /**
  9364. * Фильтры на страницах поиска
  9365. */
  9366. /* Настройка пунктов */
  9367. .b-collection-filters .block-list li,
  9368. .b-collection-filters .b-block_list li {
  9369. position: relative;
  9370. padding: 0 .5rem;
  9371. margin: 0 -.5rem;
  9372. font-size: .875rem;
  9373. line-height: 2rem;
  9374. }
  9375.  
  9376. /* Отступ для подпунктов */
  9377. .b-collection-filters .block-list li.sub,
  9378. .b-collection-filters .b-block_list li.sub {
  9379. padding-left: 2.5rem;
  9380. }
  9381.  
  9382. /* Скрываем чекбокс, располагаем над псевдоэлементом */
  9383. .b-collection-filters .block-list li > input,
  9384. .b-collection-filters .b-block_list li > input {
  9385. position: absolute;
  9386. left: .3125rem;
  9387. width: 2rem;
  9388. height: 2rem;
  9389. border: 0;
  9390. opacity: 0;
  9391. -webkit-appearance: none;
  9392. -moz-appearance: none;
  9393. appearance: none;
  9394. }
  9395.  
  9396. /* Псевдоэлемент с иконкой чекбокса */
  9397. .b-collection-filters .block-list li:before,
  9398. .b-collection-filters .b-block_list li:before {
  9399. display: inline-block;
  9400. vertical-align: top;
  9401. width: 1.125rem;
  9402. margin: .4375rem .875rem .4375rem 0;
  9403. font-family: 'Material Icons';
  9404. font-size: 1.125rem;
  9405. line-height: 1;
  9406. text-transform: none;
  9407. letter-spacing: normal;
  9408. word-wrap: normal;
  9409. white-space: nowrap;
  9410. direction: ltr;
  9411. /* Support for all WebKit browsers. */
  9412. -webkit-font-smoothing: antialiased;
  9413. /* Support for Safari and Chrome. */
  9414. text-rendering: optimizeLegibility;
  9415. /* Support for Firefox. */
  9416. -moz-osx-font-smoothing: grayscale;
  9417. /* Support for IE. */
  9418. font-feature-settings: 'liga';
  9419. }
  9420.  
  9421. /* Фильтры на страницах поиска – ПОДСКАЗКИ */
  9422. /* Положение подсказки */
  9423. .b-collection-filters .block-list .b-question,
  9424. .b-collection-filters .b-block_list .b-question {
  9425. display: inline-block !important;
  9426. vertical-align: top;
  9427. position: absolute;
  9428. right: .3125rem;
  9429. }
  9430.  
  9431. /* Иконка подсказки */
  9432. .b-collection-filters .block-list .b-question:before,
  9433. .b-collection-filters .b-block_list .b-question:before {
  9434. display: block;
  9435. width: 1.125rem;
  9436. height: auto;
  9437. margin: .4375rem;
  9438. background-color: transparent;
  9439. font-family: 'Material Icons';
  9440. font-size: 1.125rem;
  9441. line-height: 1;
  9442. text-transform: none;
  9443. letter-spacing: normal;
  9444. word-wrap: normal;
  9445. white-space: nowrap;
  9446. direction: ltr;
  9447. /* Support for all WebKit browsers. */
  9448. -webkit-font-smoothing: antialiased;
  9449. /* Support for Safari and Chrome. */
  9450. text-rendering: optimizeLegibility;
  9451. /* Support for Firefox. */
  9452. -moz-osx-font-smoothing: grayscale;
  9453. /* Support for IE. */
  9454. font-feature-settings: 'liga';
  9455. }
  9456.  
  9457. /* Фильтры на страницах поиска – ПЕРЕКЛЮЧАТЕЛИ */
  9458. /* Положение переключателя */
  9459. .b-collection-filters .filter {
  9460. top: 0;
  9461. }
  9462.  
  9463. .b-collection-filters .block-list .filter,
  9464. .b-collection-filters .b-block_list .filter {
  9465. float: right;
  9466. position: relative;
  9467. right: auto;
  9468. margin: 0 0 0 .5rem;
  9469. }
  9470.  
  9471. /* Положение переключателя с иконками подсказок */
  9472. .b-collection-filters .block-list.ratings .filter,
  9473. .b-collection-filters .block-list.genres .filter,
  9474. .b-collection-filters .block-list li.sub .filter,
  9475. .b-collection-filters .b-block_list.ratings .filter,
  9476. .b-collection-filters .b-block_list.genres .filter,
  9477. .b-collection-filters .b-block_list li.sub .filter {
  9478. margin-right: 2rem;
  9479. }
  9480.  
  9481. /* Сбрасываем стандартные стили */
  9482. .b-collection-filters .block-list .filter:before,
  9483. .b-collection-filters .b-block_list .filter:before {
  9484. display: block;
  9485. width: auto;
  9486. font-family: inherit;
  9487. font-size: .75rem;
  9488. line-height: inherit;
  9489. text-transform: lowercase;
  9490. }
  9491.  
  9492. /* Добавляем понятные текстовые обозначения */
  9493. [data-locale="ru"] .b-collection-filters .b-block_list .filter.item-add:before {
  9494. content: 'Исключить';
  9495. }
  9496.  
  9497. [data-locale="en"] .b-collection-filters .b-block_list .filter.item-add:before {
  9498. content: 'Exclude';
  9499. }
  9500.  
  9501. [data-locale="ru"] .b-collection-filters .b-block_list .filter.item-minus:before {
  9502. content: 'Добавить';
  9503. }
  9504.  
  9505. [data-locale="en"] .b-collection-filters .b-block_list .filter.item-minus:before {
  9506. content: 'Include';
  9507. }
  9508.  
  9509. /* Настройка иконок */
  9510. .b-collection-filters .block-list li:before {
  9511. content: 'check_box_outline_blank';
  9512. }
  9513.  
  9514. .b-collection-filters .block-list li.selected:before {
  9515. content: 'check_box';
  9516. }
  9517.  
  9518. .b-collection-filters .block-list.orders li:before {
  9519. content: 'radio_button_unchecked';
  9520. }
  9521.  
  9522. .b-collection-filters .block-list.orders li.selected:before {
  9523. content: 'radio_button_checked';
  9524. }
  9525.  
  9526. .b-collection-filters .block-list .b-question:before {
  9527. content: 'help_outline';
  9528. }
  9529.  
  9530. .b-collection-filters .b-block_list li:before {
  9531. content: 'check_box_outline_blank';
  9532. }
  9533.  
  9534. .b-collection-filters .b-block_list li.selected:before {
  9535. content: 'check_box';
  9536. }
  9537.  
  9538. .b-collection-filters .b-block_list.orders li:before {
  9539. content: 'radio_button_unchecked';
  9540. }
  9541.  
  9542. .b-collection-filters .b-block_list.orders li.selected:before {
  9543. content: 'radio_button_checked';
  9544. }
  9545.  
  9546. .b-collection-filters .b-block_list .b-question:before {
  9547. content: 'help_outline';
  9548. }
  9549.  
  9550. /* Фильтры на страницах поиска – Размер для ПК */
  9551. @media (min-width: 1025px) {
  9552. .b-collection-filters .block-list li {
  9553. line-height: 1.5rem;
  9554. }
  9555. .b-collection-filters .block-list li:before {
  9556. margin: .1875rem .875rem .1875rem 0;
  9557. }
  9558. .b-collection-filters .block-list .b-question:before {
  9559. margin: .1875rem;
  9560. }
  9561. .b-collection-filters .block-list li > input {
  9562. width: 1.5rem;
  9563. height: 1.5rem;
  9564. }
  9565. /* new class */
  9566. .b-collection-filters .b-block_list li {
  9567. line-height: 1.5rem;
  9568. }
  9569. .b-collection-filters .b-block_list li:before {
  9570. margin: .1875rem .875rem .1875rem 0;
  9571. }
  9572. .b-collection-filters .b-block_list .b-question:before {
  9573. margin: .1875rem;
  9574. }
  9575. .b-collection-filters .b-block_list li > input {
  9576. width: 1.5rem;
  9577. height: 1.5rem;
  9578. }
  9579. }
  9580.  
  9581. /* END of Фильтры на страницах поиска */
  9582. /* "Мой список" в фильтрах поиска */
  9583. /* Меняем название на более доступное */
  9584. .block.mylist-block > .subheadline {
  9585. font-size: 0;
  9586. line-height: 0;
  9587. }
  9588.  
  9589. .block.mylist-block > .subheadline:before {
  9590. font-size: .875rem;
  9591. line-height: 1rem;
  9592. }
  9593.  
  9594. [data-locale="ru"] .block.mylist-block > .subheadline:before {
  9595. content: 'Мой список';
  9596. }
  9597.  
  9598. [data-locale="en"] .block.mylist-block > .subheadline:before {
  9599. content: 'My List';
  9600. }
  9601.  
  9602. /* Кнопка переключателя */
  9603. .b-collection-filters .block > .filter.item-sign {
  9604. height: 2.5rem;
  9605. padding: .5rem;
  9606. margin-top: .25rem;
  9607. border-radius: .125rem;
  9608. }
  9609.  
  9610. .b-collection-filters .block > .filter.item-sign:before {
  9611. width: 1.5rem;
  9612. font-family: 'Material Icons';
  9613. font-size: 1.5rem;
  9614. line-height: 1;
  9615. text-transform: none;
  9616. letter-spacing: normal;
  9617. word-wrap: normal;
  9618. white-space: nowrap;
  9619. direction: ltr;
  9620. /* Support for all WebKit browsers. */
  9621. -webkit-font-smoothing: antialiased;
  9622. /* Support for Safari and Chrome. */
  9623. text-rendering: optimizeLegibility;
  9624. /* Support for Firefox. */
  9625. -moz-osx-font-smoothing: grayscale;
  9626. /* Support for IE. */
  9627. font-feature-settings: 'liga';
  9628. }
  9629.  
  9630. /* Настройка иконки переключателя */
  9631. .b-collection-filters .block > .filter.item-sign:before {
  9632. content: 'playlist_add_check';
  9633. }
  9634.  
  9635. /* Прозрачный фон переключателя */
  9636. @media (min-width: 1025px) {
  9637. .b-collection-filters .block > .filter.item-sign {
  9638. background-color: transparent;
  9639. }
  9640. }
  9641.  
  9642. /* END of "Мой список" в фильтрах поиска */
  9643. /* Страница видео */
  9644. .b-video_player .cc-player_controls .episode-num input {
  9645. margin: .75rem .25rem;
  9646. }
  9647.  
  9648. .b-video_player .cc-player_controls a.c-control:hover {
  9649. text-decoration: none;
  9650. }
  9651.  
  9652. .b-video_player .cc-player_controls .cc-navigation > .c-control > span,
  9653. .b-video_player .cc-player_controls .cc-navigation > .c-control > b {
  9654. display: inline-block;
  9655. vertical-align: top;
  9656. margin: .25rem auto;
  9657. line-height: 2.5rem;
  9658. }
  9659.  
  9660. .b-video_player .cc-player_controls .cc-navigation > .c-control > b {
  9661. margin-left: .5rem;
  9662. }
  9663.  
  9664. @media screen and (max-width: 480px) and (orientation: portrait) {
  9665. .b-video_player .cc-player_controls .cc-navigation > .c-control > span,
  9666. .b-video_player .cc-player_controls .cc-navigation > .c-control > b {
  9667. display: none;
  9668. }
  9669. }
  9670.  
  9671. .b-video_player .cc-player_controls .label,
  9672. .b-video_player .cc-player_controls .episode-title .video-link {
  9673. font-size: .75rem;
  9674. }
  9675.  
  9676. .b-video_player .cc-player_controls .episode-title .video-link a {
  9677. display: block;
  9678. line-height: inherit;
  9679. border: 0;
  9680. }
  9681.  
  9682. .b-video_player .cc-player_controls .cc-options > .c-video_stats {
  9683. margin: .25rem auto;
  9684. }
  9685.  
  9686. .p-anime_videos-index .c-videos .video-variant-switcher,
  9687. .p-anime_videos-index .c-video_stats {
  9688. font-size: .875rem;
  9689. }
  9690.  
  9691. .p-anime_videos-index .c-videos .video-variant-switcher:hover {
  9692. border: 0;
  9693. }
  9694.  
  9695. .b-video_player .cc-player_controls .c-control:hover {
  9696. text-decoration: none;
  9697. }
  9698.  
  9699. /* Подзаголовки на странице видео */
  9700. .p-anime_videos-index .same-videos .title,
  9701. .p-anime_videos-index .c-anime_video_episodes .title,
  9702. .p-anime_videos-index .c-videos .title {
  9703. padding: 1rem 0;
  9704. margin: 0;
  9705. font-size: .875rem;
  9706. font-weight: 700;
  9707. line-height: 1rem;
  9708. text-transform: uppercase;
  9709. }
  9710.  
  9711. .p-anime_videos-index.x1000 .c-videos .title {
  9712. font-size: 0;
  9713. line-height: 0;
  9714. }
  9715.  
  9716. .p-anime_videos-index.x1000 .c-videos .title:after {
  9717. font-size: .875rem;
  9718. line-height: 1rem;
  9719. }
  9720.  
  9721. .p-anime_videos-index.x1000[data-locale="ru"] .c-videos .title:after {
  9722. content: 'Варианты';
  9723. }
  9724.  
  9725. .p-anime_videos-index.x1000[data-locale="en"] .c-videos .title:after {
  9726. content: 'Variants';
  9727. }
  9728.  
  9729. /* Переключатели в варинатах видео */
  9730. .p-anime_videos-index .c-videos .video-variant-switcher {
  9731. float: right;
  9732. margin: 0;
  9733. border: 0;
  9734. line-height: 1rem;
  9735. text-transform: capitalize;
  9736. }
  9737.  
  9738. .p-anime_videos-index .c-videos .video-variant-switcher:not(:first-child):after {
  9739. content: '/';
  9740. padding: 0 .375rem;
  9741. font-weight: normal;
  9742. }
  9743.  
  9744. .b-video_variant.active a {
  9745. border: 0;
  9746. }
  9747.  
  9748. /* Иконки */
  9749. .b-video_player .cc-player_controls .c-control .icon {
  9750. width: 2.5rem !important;
  9751. height: 2.5rem;
  9752. padding: .5rem;
  9753. margin: .25rem auto !important;
  9754. border-radius: 2px;
  9755. }
  9756.  
  9757. .b-video_player .cc-player_controls .c-control .icon:before {
  9758. width: 1.5rem;
  9759. font-family: 'Material Icons';
  9760. font-size: 1.5rem !important;
  9761. line-height: 1;
  9762. text-transform: none;
  9763. letter-spacing: normal;
  9764. word-wrap: normal;
  9765. white-space: nowrap;
  9766. direction: ltr;
  9767. /* Support for all WebKit browsers. */
  9768. -webkit-font-smoothing: antialiased;
  9769. /* Support for Safari and Chrome. */
  9770. text-rendering: optimizeLegibility;
  9771. /* Support for Firefox. */
  9772. -moz-osx-font-smoothing: grayscale;
  9773. /* Support for IE. */
  9774. font-feature-settings: 'liga';
  9775. }
  9776.  
  9777. .b-video_player .cc-player_controls .create-user_rate .icon:before {
  9778. content: 'add';
  9779. }
  9780.  
  9781. .b-video_player .cc-player_controls .increment-user_rate .icon:before {
  9782. content: 'done';
  9783. }
  9784.  
  9785. .b-video_player .cc-player_controls .next .icon:before {
  9786. content: 'skip_next';
  9787. }
  9788.  
  9789. .b-video_player .cc-player_controls .prev .icon:before {
  9790. content: 'skip_previous';
  9791. }
  9792.  
  9793. .b-video_player .cc-player_controls .report .icon:before {
  9794. content: 'flag';
  9795. }
  9796.  
  9797. .b-video_player .cc-player_controls .show-options .icon:before {
  9798. content: 'settings';
  9799. }
  9800.  
  9801. .b-video_player .cc-player_controls .upload .icon:before {
  9802. content: 'cloud_upload';
  9803. }
  9804.  
  9805. .b-video_player .cc-player_controls .edit .icon:before {
  9806. content: 'build';
  9807. }
  9808.  
  9809. /* END of Страница видео */
  9810. /**
  9811. * ДОСТИЖЕНИЯ (АЧИВКИ)
  9812. * Тестовая версия
  9813. */
  9814. @media (max-width: 767px) and (orientation: portrait) {
  9815. .p-achievements-index .cc-achievements .b-achievement {
  9816. width: 100%;
  9817. margin-right: 0;
  9818. }
  9819. }
  9820.  
  9821. @media (max-width: 767px) and (orientation: landscape) {
  9822. .p-achievements-index .cc-achievements .b-achievement,
  9823. .p-achievements-index .cc-achievements .b-achievement:nth-child(1n) {
  9824. width: 48%;
  9825. margin-right: 4%;
  9826. }
  9827. .p-achievements-index .cc-achievements .b-achievement:nth-child(2n) {
  9828. margin-right: 0;
  9829. }
  9830. .p-achievements-index .cc-achievements .b-achievement:nth-child(1n+1) {
  9831. clear: none;
  9832. }
  9833. .p-achievements-index .cc-achievements .b-achievement:nth-child(2n+1) {
  9834. clear: left;
  9835. }
  9836. }
  9837.  
  9838. @media (min-width: 960px) {
  9839. .p-achievements-index .cc-achievements .b-achievement,
  9840. .p-achievements-index .cc-achievements .b-achievement:nth-child(2n) {
  9841. width: 32%;
  9842. margin-right: 2%;
  9843. }
  9844. .p-achievements-index .cc-achievements .b-achievement:nth-child(3n) {
  9845. margin-right: 0;
  9846. }
  9847. .p-achievements-index .cc-achievements .b-achievement:nth-child(2n+1) {
  9848. clear: none;
  9849. }
  9850. .p-achievements-index .cc-achievements .b-achievement:nth-child(3n+1) {
  9851. clear: left;
  9852. }
  9853. }
  9854.  
  9855. @media (min-width: 1025px) {
  9856. .p-achievements-index.x1200 .cc-achievements .b-achievement,
  9857. .p-achievements-index.x1200 .cc-achievements .b-achievement:nth-child(2n) {
  9858. width: 23.5%;
  9859. margin-right: 2%;
  9860. }
  9861. .p-achievements-index.x1200 .cc-achievements .b-achievement:nth-child(4n) {
  9862. margin-right: 0;
  9863. }
  9864. .p-achievements-index.x1200 .cc-achievements .b-achievement:nth-child(3n+1) {
  9865. clear: none;
  9866. }
  9867. .p-achievements-index.x1200 .cc-achievements .b-achievement:nth-child(4n+1) {
  9868. clear: left;
  9869. }
  9870. }
  9871.  
  9872. @media (min-width: 768px) {
  9873. .p-achievements:not(.p-profiles) .cc-2 > .c-column:first-child {
  9874. width: 33%;
  9875. }
  9876. .p-achievements:not(.p-profiles) .cc-2 > .c-column:last-child {
  9877. width: 63%;
  9878. }
  9879. }
  9880.  
  9881. .b-achievement {
  9882. display: flex;
  9883. flex-direction: column-reverse;
  9884. background: #424242;
  9885. border-radius: 2px;
  9886. box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  9887. }
  9888.  
  9889. .b-achievement .c-about,
  9890. .b-achievement .c-image {
  9891. width: 100%;
  9892. margin: 0;
  9893. }
  9894.  
  9895. .b-achievement .c-about {
  9896. padding: .5rem 1rem;
  9897. }
  9898.  
  9899. .b-achievement .c-image {
  9900. padding-top: 56.25%;
  9901. }
  9902.  
  9903. .b-achievement .c-image .inner .border {
  9904. border: 0;
  9905. }
  9906.  
  9907. .b-achievement .c-image .inner img,
  9908. .b-achievement .c-image .inner .no-image {
  9909. background: rgba(0, 0, 0, 0.06);
  9910. border-radius: 2px 2px 0 0;
  9911. }
  9912.  
  9913. .b-achievement .c-about .title {
  9914. padding: .5rem 0;
  9915. margin: 0;
  9916. color: #FFFFFF;
  9917. font-size: 1.125rem;
  9918. line-height: 1.5rem;
  9919. }
  9920.  
  9921. .b-achievement .c-about .hint,
  9922. .b-achievement .c-about .percent {
  9923. margin-bottom: 0;
  9924. color: #EEEEEE;
  9925. font-size: .875rem;
  9926. line-height: 1.5rem;
  9927. }
  9928.  
  9929. .b-achievement .c-about .progress {
  9930. height: 4px;
  9931. margin-bottom: .5rem;
  9932. border-radius: 2px;
  9933. }
  9934.  
  9935. .b-achievement .c-about .progress .bar {
  9936. background: #2c666e;
  9937. border-radius: 2px;
  9938. }
  9939.  
  9940. .b-achievement .c-about .text {
  9941. font-size: .875rem;
  9942. }
  9943.  
  9944. /* END of ОСНОВНОЙ ФАЙЛ */
  9945.  
  9946.  
  9947.  
  9948.  
  9949.  
  9950.  
  9951.  
  9952.  
  9953.  
  9954.  
  9955. /**
  9956. * PROFILE COVER
  9957. */
  9958. @media screen and (min-width: 320px) {
  9959. .p-profiles .profile-head[data-user-id="303605"] .c-brief {
  9960. background-color: #424242;
  9961. box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.24);
  9962. }
  9963. .p-profiles .profile-head[data-user-id="303605"] .c-brief:before {
  9964. content: '';
  9965. display: block;
  9966. height: 0;
  9967. padding-bottom: 56.25%;
  9968. background-repeat: no-repeat;
  9969. background-size: cover;
  9970. }
  9971. }
  9972.  
  9973. @media screen and (min-width: 480px) {
  9974. .p-profiles .profile-head .c-brief {
  9975. min-height: 16rem;
  9976. }
  9977. .p-profiles .profile-head .c-brief {
  9978. margin-bottom: 1rem;
  9979. }
  9980. .p-profiles .profile-head .c-info {
  9981. margin-left: 0;
  9982. }
  9983. .p-profiles .profile-head[data-user-id="303605"] .c-brief .avatar {
  9984. position: absolute;
  9985. top: auto;
  9986. right: auto;
  9987. bottom: 0;
  9988. left: 0;
  9989. max-width: 148px;
  9990. margin: 1.5rem 1rem;
  9991. z-index: 2;
  9992. }
  9993. .p-profiles .profile-head[data-user-id="303605"] .c-brief .avatar img {
  9994. width: 120px;
  9995. }
  9996. .p-profiles .profile-head[data-user-id="303605"] .c-brief header {
  9997. position: absolute;
  9998. top: auto;
  9999. right: 0;
  10000. bottom: 0;
  10001. left: 0;
  10002. min-height: 112px;
  10003. padding: 1rem 1.5rem 1rem calc(4rem + 148px);
  10004. margin: 0;
  10005. z-index: 1;
  10006. }
  10007. }
  10008.  
  10009. @media screen and (min-width: 600px) {
  10010. .p-profiles .profile-head .c-brief {
  10011. min-height: 19rem;
  10012. }
  10013. .p-profiles .profile-head .c-info {
  10014. margin-left: 0;
  10015. }
  10016. .p-profiles .profile-head[data-user-id="303605"] .c-brief {
  10017. max-height: 380px;
  10018. padding-bottom: 112px;
  10019. margin: -3rem -1rem 1rem;
  10020. background-color: inherit;
  10021. box-shadow: none;
  10022. }
  10023. .p-profiles .profile-head[data-user-id="303605"] .c-brief:before {
  10024. height: 268px;
  10025. max-height: inherit;
  10026. padding-bottom: 0;
  10027. }
  10028. .p-profiles .profile-head[data-user-id="303605"] .c-brief .avatar {
  10029. max-width: 160px;
  10030. }
  10031. .p-profiles .profile-head[data-user-id="303605"] .c-brief .avatar img {
  10032. width: 160px;
  10033. box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.16);
  10034. }
  10035. }
  10036.  
  10037. @media (min-width: 768px) {
  10038. .p-profiles .profile-head .c-info {
  10039. margin-left: 0;
  10040. }
  10041. }
  10042.  
  10043. @media screen and (min-width: 960px) {
  10044. .p-profiles .profile-head .c-brief {
  10045. min-height: 0;
  10046. }
  10047. .p-profiles .profile-head .c-info {
  10048. margin-left: 13.5rem;
  10049. }
  10050. .p-profiles .profile-head[data-user-id="303605"] .c-brief {
  10051. max-height: 520px;
  10052. margin: -4.5rem -1.5rem 0;
  10053. }
  10054. .p-profiles .profile-head[data-user-id="303605"] .c-brief:before {
  10055. height: 408px;
  10056. }
  10057. .p-profiles .profile-head[data-user-id="303605"] .c-brief header {
  10058. padding: 1rem calc(23% + 4.5rem) 1rem calc(4.5rem + 160px);
  10059. }
  10060. .p-profiles .profile-head[data-user-id="303605"] .c-brief .avatar {
  10061. margin: 1.5rem 2rem;
  10062. }
  10063. .p-profiles .profile-head[data-user-id="303605"] .c-info {
  10064. width: 77%;
  10065. padding-right: 2.5rem;
  10066. padding-left: 1rem;
  10067. margin-left: -1rem;
  10068. }
  10069. .p-profiles .profile-head[data-user-id="303605"] .c-history {
  10070. float: none;
  10071. position: absolute;
  10072. right: 0;
  10073. top: 520px;
  10074. width: 23%;
  10075. padding: .5rem 0;
  10076. margin: 0;
  10077. margin-top: -112px;
  10078. z-index: 3;
  10079. }
  10080. }
  10081.  
  10082. /* END of PROFILE COVER */
  10083.  
  10084.  
  10085.  
  10086.  
  10087.  
  10088.  
  10089.  
  10090.  
  10091.  
  10092.  
  10093.  
  10094.  
  10095.  
  10096.  
  10097. /* TENTATIVE CODE | USERLIST */
  10098. .p-users .b-user.detailed {
  10099. display: inline-block;
  10100. vertical-align: top;
  10101. position: relative;
  10102. width: 48%;
  10103. height: auto;
  10104. min-height: 261px;
  10105. padding: 8px;
  10106. margin-right: 4%;
  10107. margin-bottom: 4%;
  10108. background-color: #424242;
  10109. border: 0;
  10110. border-radius: 2px;
  10111. box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  10112. }
  10113.  
  10114. .p-users .b-user.detailed:nth-child(2n+2) {
  10115. margin-right: 0;
  10116. }
  10117.  
  10118. @media (min-width: 540px) {
  10119. .p-users .b-user.detailed {
  10120. width: 32%;
  10121. margin-right: 2%;
  10122. margin-bottom: 2%;
  10123. }
  10124. .p-users .b-user.detailed:nth-child(2n+2) {
  10125. margin-right: 2%;
  10126. }
  10127. .p-users .b-user.detailed:nth-child(3n+3) {
  10128. margin-right: 0;
  10129. }
  10130. }
  10131.  
  10132. @media (min-width: 768px) {
  10133. .p-users .b-user.detailed {
  10134. width: 23.5%;
  10135. margin-right: 2%;
  10136. margin-bottom: 2%;
  10137. }
  10138. .p-users .b-user.detailed:nth-child(2n+2) {
  10139. margin-right: 2%;
  10140. }
  10141. .p-users .b-user.detailed:nth-child(3n+3) {
  10142. margin-right: 2%;
  10143. }
  10144. .p-users .b-user.detailed:nth-child(4n+4) {
  10145. margin-right: 0;
  10146. }
  10147. }
  10148.  
  10149. @media (min-width: 960px) {
  10150. .p-users .b-user.detailed {
  10151. width: 18.4%;
  10152. margin-right: 2%;
  10153. margin-bottom: 2%;
  10154. }
  10155. .p-users .b-user.detailed:nth-child(2n+2) {
  10156. margin-right: 2%;
  10157. }
  10158. .p-users .b-user.detailed:nth-child(3n+3) {
  10159. margin-right: 2%;
  10160. }
  10161. .p-users .b-user.detailed:nth-child(4n+4) {
  10162. margin-right: 2%;
  10163. }
  10164. .p-users .b-user.detailed:nth-child(5n+5) {
  10165. margin-right: 0;
  10166. }
  10167. }
  10168.  
  10169. @media (min-width: 1200px) {
  10170. .p-users.x1200 .b-user.detailed {
  10171. width: 15%;
  10172. margin-right: 2%;
  10173. margin-bottom: 2%;
  10174. }
  10175. .p-users.x1200 .b-user.detailed:nth-child(2n+2) {
  10176. margin-right: 2%;
  10177. }
  10178. .p-users.x1200 .b-user.detailed:nth-child(3n+3) {
  10179. margin-right: 2%;
  10180. }
  10181. .p-users.x1200 .b-user.detailed:nth-child(4n+4) {
  10182. margin-right: 2%;
  10183. }
  10184. .p-users.x1200 .b-user.detailed:nth-child(5n+5) {
  10185. margin-right: 2%;
  10186. }
  10187. .p-users.x1200 .b-user.detailed:nth-child(6n+6) {
  10188. margin-right: 0;
  10189. }
  10190. }
  10191.  
  10192. .p-users .b-user.detailed:before {
  10193. content: '';
  10194. position: absolute;
  10195. top: 0;
  10196. right: 0;
  10197. bottom: 0;
  10198. left: 0;
  10199. box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.16);
  10200. opacity: 0;
  10201. transition: .3s all;
  10202. }
  10203.  
  10204. .p-users .b-user.detailed:hover:before {
  10205. opacity: 1;
  10206. }
  10207.  
  10208. .p-users .b-user.detailed .info,
  10209. .p-users .b-user.detailed .history {
  10210. clear: both;
  10211. float: none;
  10212. width: 100%;
  10213. margin: 0;
  10214. }
  10215.  
  10216. .p-users .b-user.detailed .info .image-name {
  10217. display: block;
  10218. padding: 16px 0;
  10219. margin: auto;
  10220. text-align: center;
  10221. }
  10222.  
  10223. .p-users .b-user.detailed .info .image-name .name {
  10224. position: absolute;
  10225. top: 0;
  10226. right: 0;
  10227. bottom: 0;
  10228. left: 0;
  10229. padding: 97px 0 0;
  10230. line-height: 32px;
  10231. text-overflow: ellipsis;
  10232. white-space: nowrap;
  10233. overflow: hidden;
  10234. }
  10235.  
  10236. .p-users .b-user.detailed .info .image-name .image {
  10237. clear: both;
  10238. float: none;
  10239. display: block;
  10240. padding: 0;
  10241. margin: auto auto 24px;
  10242. border-radius: 100%;
  10243. }
  10244.  
  10245. .p-users .b-user.detailed .info .last-online {
  10246. color: #9B9B9B;
  10247. text-align: center;
  10248. }
  10249.  
  10250. .p-users .b-user.detailed .history {
  10251. padding-top: 8px;
  10252. margin-top: 0;
  10253. font-size: 12px;
  10254. line-height: 20px;
  10255. }
  10256.  
  10257. /* TENTATIVE CODE | END */
  10258.  
  10259.  
  10260.  
  10261. /* TENTATIVE CODE | INDEX PAGE LAYOUT */
  10262. .p-dashboards-show .cc-second .cc-inner {
  10263. display: none;
  10264. }
  10265.  
  10266. /* FIX: index landscape layout (issue: #9) */
  10267. @media screen and (max-width: 767px) and (orientation: landscape) {
  10268. .p-dashboards-show .cc-second .c-forum {
  10269. width: 100%;
  10270. }
  10271. .p-dashboards-show .cc-second .c-forum .b-forums,
  10272. .p-dashboards-show .cc-second .c-forum .contests {
  10273. float: left;
  10274. width: 48%;
  10275. }
  10276. .p-dashboards-show .cc-second .c-forum .b-forums {
  10277. margin-right: 4%;
  10278. }
  10279. }
  10280.  
  10281. @media only screen and (min-width: 768px) {
  10282. .p-dashboards-show .cc-second {
  10283. float: right;
  10284. width: 30.33333%;
  10285. }
  10286. .p-dashboards-show .cc-second > .cc-inner {
  10287. display: block;
  10288. float: none;
  10289. width: 100%;
  10290. margin: 0;
  10291. }
  10292. .p-dashboards-show .cc-second > .c-forum {
  10293. float: none;
  10294. width: 100%;
  10295. }
  10296. .p-dashboards-show .cc-second > .cc-inner > .c-content,
  10297. .p-dashboards-show .cc-second > .cc-inner > .c-my_list {
  10298. float: none;
  10299. width: 100%;
  10300. padding: 0;
  10301. }
  10302. .p-dashboards-show .cc-second {
  10303. margin-bottom: 0;
  10304. }
  10305. .p-dashboards-show .cc-second .c-forum > .b-forums,
  10306. .p-dashboards-show .cc-second .c-forum > .block:last-child {
  10307. margin-bottom: 1.5rem;
  10308. }
  10309. /* Настройки для экранов больше 768 */
  10310. .p-dashboards-show .cc-second .cc-inner {
  10311. display: none;
  10312. }
  10313. .p-dashboards-show .cc-second .cc-inner > .c-content {
  10314. /* display: none /* Скрываем блоки: Быстрые ссылки Аниме/Манга */
  10315. }
  10316. .p-dashboards-show .cc-second .cc-inner > .c-my_list {
  10317. /* display: none /* Скрываем блоки: Мой лист */
  10318. }
  10319. .p-dashboards-show .cc-second .cc-inner > .b-forums {
  10320. /* display: none /* Скрываем блоки: Темы форума */
  10321. }
  10322. }
  10323.  
  10324. /* TENTATIVE CODE | END */
  10325.  
  10326.  
  10327.  
  10328. /* TENTATIVE CODE | RIGHT SIDEBAR */
  10329. @media (max-width: 1024px) {
  10330. .l-menu {
  10331. position: fixed !important;
  10332. top: 0;
  10333. right: 0;
  10334. width: 25rem !important;
  10335. max-width: calc(100% - 3.5rem);
  10336. height: 100%;
  10337. background-color: #424242;
  10338. padding: 4.5rem 1rem 1.5rem;
  10339. box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.24);
  10340. overflow-y: auto;
  10341. -webkit-transform: translateX(110%);
  10342. -ms-transform: translateX(110%);
  10343. transform: translateX(110%);
  10344. transition: .25s ease;
  10345. }
  10346. .l-page.menu-expanded .l-menu {
  10347. -webkit-transform: translateX(0);
  10348. -ms-transform: translateX(0);
  10349. transform: translateX(0);
  10350. }
  10351. .menu-slide-outer .l-content {
  10352. margin-left: 0 !important;
  10353. }
  10354. }
  10355.  
  10356. /* TENTATIVE CODE | END */
  10357.  
  10358.  
  10359.  
  10360. /* TENTATIVE CODE | PROFILE CONTENT */
  10361. .p-profiles .lifetime {
  10362. margin-bottom: 0;
  10363. min-height: 0;
  10364. }
  10365.  
  10366. .p-profiles .lifetime .bar,
  10367. .p-profiles .lifetime .times,
  10368. .p-profiles .profile-content .activity .title {
  10369. display: none;
  10370. }
  10371.  
  10372. .p-profiles .lifetime .title > .label {
  10373. font-size: 0;
  10374. line-height: 0;
  10375. }
  10376.  
  10377. .p-profiles .lifetime .title > .label:before {
  10378. display: block;
  10379. font-size: 0.875rem;
  10380. line-height: 1rem;
  10381. }
  10382.  
  10383. .p-profiles[data-locale="ru"] .lifetime .title > .label:before {
  10384. content: 'Активность';
  10385. }
  10386.  
  10387. .p-profiles[data-locale="en"] .lifetime .title > .label:before {
  10388. content: 'Time spent';
  10389. }
  10390.  
  10391. .p-profiles .lifetime .title .value {
  10392. height: 16px;
  10393. margin-top: 0;
  10394. line-height: 16px;
  10395. }
  10396.  
  10397. .p-profiles .profile-content .cc-2 .c-right .cc-2a {
  10398. margin-bottom: 16px !important;
  10399. }
  10400.  
  10401. @media (min-width: 768px) {
  10402. .p-profiles .profile-content .graph {
  10403. height: 155px;
  10404. }
  10405. .p-profiles .profile-content .cc-2 > .c-column {
  10406. width: 100%;
  10407. margin-bottom: 1rem;
  10408. }
  10409. .p-profiles .profile-content .cc-2 .activity {
  10410. padding-bottom: 1rem;
  10411. }
  10412. }
  10413.  
  10414. @media (min-width: 960px) {
  10415. .p-profiles .profile-content .cc-2 {
  10416. position: relative;
  10417. }
  10418. .p-profiles .profile-content .cc-2 .c-left {
  10419. position: relative;
  10420. width: calc(77% - 16px);
  10421. min-height: 220px;
  10422. padding-right: 40px;
  10423. margin-right: 0;
  10424. margin-bottom: 1.5rem;
  10425. z-index: 1;
  10426. }
  10427. .p-profiles .profile-content .c-right:last-child {
  10428. float: none;
  10429. }
  10430. .p-profiles .profile-content .cc-2 .c-right .cc-2a {
  10431. width: calc(23% + 16px);
  10432. padding-left: 16px;
  10433. margin-left: -16px;
  10434. overflow: hidden;
  10435. }
  10436. .p-profiles .profile-content .cc-2 .c-right .cc-2a > .c-column {
  10437. clear: both;
  10438. width: 100%;
  10439. margin: 0;
  10440. }
  10441. .p-profiles .profile-content .c-right > .block:last-child {
  10442. clear: both;
  10443. }
  10444. }
  10445.  
  10446. /* TENTATIVE CODE | END */
  10447.  
  10448.  
  10449.  
  10450.  
  10451.  
  10452.  
  10453.  
  10454.  
  10455.  
  10456.  
  10457.  
  10458.  
  10459.  
  10460.  
  10461.  
  10462.  
  10463.  
  10464.  
  10465.  
  10466.  
  10467. /* МОИ НАСТРОЙКИ */
  10468. /* Фон страницы */
  10469. body {
  10470. background-attachment: fixed;
  10471. background-image: url(https://i.imgur.com/AgDAgvt.png);
  10472. background-position: top center;
  10473. background-size: 100%;
  10474. }
  10475.  
  10476. /* Цвета меню */
  10477. .l-top_menu:before {
  10478. background-color: #333333;
  10479. }
  10480.  
  10481. @media only screen and (min-width: 1025px) {
  10482. .l-top_menu .submenu, .b-main_search ul.popup {
  10483. background: #2D2D2D;
  10484. }
  10485. }
  10486.  
  10487. /* Моя обложка в профиле */
  10488. .p-profiles .profile-head[data-user-id="303605"] .c-brief:before {
  10489. /* background-image: url(//i.imgur.com/bd8W6VB.jpg); /* Пример */
  10490. background-image: url(https://i.imgur.com/IIrcx4u.png);
  10491. background-position: center;
  10492. }
  10493.  
  10494. /*Убираем кнопку об ошибке*/
  10495. .b-feedback {
  10496. visibility: hidden;
  10497. }
  10498. .p-profiles .profile-head .c-brief .avatar>img {
  10499. border-radius: 50%;
  10500. transition: 0.3s;
  10501. }
  10502. .p-profiles .profile-head .c-brief .avatar>img:hover {
  10503. border-radius: 5%;
  10504. }
  10505. /*Цвет графиков*/
  10506. /*.bar.simple .bar.s3 { background: #722f38;}
  10507. .bar.simple .bar:hover.s3 { background: #59242b;}
  10508. .bar.simple .bar.s2 { background: #72232e;}
  10509. .bar.simple .bar:hover.s2 { background: #591b23;}
  10510. .bar.simple .bar.s1 { background: #721824;}
  10511. .bar.simple .bar:hover.s1 { background: #59121c;}
  10512. .bar.simple .bar.s0 { background: #730d1b;}
  10513. .bar.simple .bar:hover.s0 { background: #590914;}*/
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!