SaveText.Ru

Asobu
  1. /*Изменение цвета выделения*/
  2. ::selection{
  3.  color: #fff;
  4.  background: #e74c3c;
  5. }
  6.  
  7. /*
  8. Изменение фоновой картинки.
  9. Автор фоновой картинки: https://vk.com/tris_make
  10. */
  11. body {
  12.  background: fixed url(https://pp.userapi.com/c840324/v840324119/84418/ihE9ZWWWxN0.jpg) no-repeat;
  13.   background-size: cover;
  14.   font-family: Geneva, sans-serif;
  15. }
  16.  
  17. /*Отступы блока с именем, аватаркой, списком аниме и манги в профиле*/
  18. .p-profiles .profile-head{
  19.  margin-top: 15px;
  20.  margin-bottom: 15px;
  21. }
  22.  
  23. /*Скрытие блока с историей из профиля*/
  24. .p-profiles .profile-head .c-history.x3,
  25. .b-table tr.border th{
  26.   display: none;
  27. }
  28.  
  29. /*Инверсия цвета для звездочек рейтинга, потому что в оригинале они синие и не сочетаются со стилистикой этого потрясающего дизайна.*/
  30. .b-rate .stars-container,
  31. .b-height_shortener .shade,
  32. .b-collection_search .field,
  33. .CodeMirror-vscrollbar,
  34. .b-main_search .input,
  35. .l-page .menu-toggler .toggler{
  36.  filter: invert(100%);  
  37. }
  38.  
  39.  
  40. .ac_results.menu-suggest .ac_even, .ac_results.menu-suggest .ac_odd,
  41. .b-table tr, .b-table td,
  42. .p-user_rates-index .list-groups .summary.posters.list,
  43. .p-user_rates-index .list-groups .summary.posters.library{
  44.  background: #000;
  45.  border: none;
  46.  color: #fff;
  47. }
  48.  
  49. .ac_results.menu-suggest .ac_even:hover, .ac_results.menu-suggest .ac_odd:hover{
  50.  background: #e74c3c;
  51. }
  52.  
  53. /*Обесцвечивание логотипа Bluray возле выбора видео в плеере.*/
  54. .b-video_variant .video-quality.bd{
  55.   filter: grayscale(100%);
  56. }
  57.  
  58. /*Перекрашивание ссылок из синего в кирпичный.
  59. Наверное, это можно было сделать компактнее.*/
  60. a,
  61. .b-stats_bar a.title,
  62. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a, .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility span.link-replacement,
  63. .headline>a, .midheadline>a, .subheadline>a,
  64. .b-shiki_editor footer .about-bb_codes,
  65. .l-footer .links a,
  66. .b-options-floated a, .b-options-floated .link,
  67. .b-form .cancel,
  68. .b-link,
  69. header.head h1 a.back, header.head h2 a.back,
  70. .b-stats_bar .stat_names .stat_name a,
  71. .p-profiles .profile-head .c-mobile-actions a, .p-profiles .profile-head .c-mobile-actions span,
  72. .b-catalog_entry .cover .title,
  73. .p-dashboards-show .c-content .options .option,
  74. .b-forums .forum .link-with-input .link,
  75. .b-topic>.inner header .name-date a.name,
  76. .p-dashboards .user_list .list-type>.title .switch, .p-dashboards .user_list .history>.title .switch,
  77. .p-dashboards .user_list .list-type>.title .link, .p-dashboards .user_list .history>.title .link,
  78. .b-entry-info .line a,
  79. .b-catalog_entry-tooltip .inner .line .value .tag,
  80. .b-db_entry>.c-about .additional-links .line-container>.link, .b-db_entry>.c-about .additional-links .line-container>a,
  81. .b-height_shortener .expand,
  82. .b-catalog_entry-tooltip .inner a.name,
  83. .b-db_entry-note .name-container .name,
  84. .b-spoiler label,
  85. .b-mention, .b-mention s,
  86. .b-comment>.inner header .name-date a.name,
  87. .b-user.named_avatar .name,
  88. .b-animes-menu .menu-topics-block .entry .name,
  89. .b-lang_trigger span,
  90. .b-user16,
  91. .p-user_rates-index .stat-categories .category,
  92. .b-options-floated .action,
  93. .b-options-floated.mobile-desktop a,
  94. header.head a.misc, header.head a.edit,
  95. .p-topics header h1 a.reload,
  96. .p-animes_collection-index .pagination .link, .p-mangas_collection-index .pagination .link, .p-recommendations-index .pagination .link, .p-userlist_comparer-show .pagination .link,
  97. .b-video_variant.active a,
  98. .p-anime_videos-index .c-videos .video-variant-switcher,
  99. .b-video_variant a,
  100. .b-video_variant .video-author,
  101. .subheadline .misc-links>a,
  102. .b-dialog>.inner header .name-date a.name,
  103. .b-message>.inner header .name-date a.name,
  104. .b-user.detailed .history .line a .event,
  105. .p-profiles-edit .account .change-password a,
  106. .p-profiles-edit .misc .profile-action a:not(.b-button), .p-profiles-edit .misc .profile-action .link, .p-profiles-edit .misc .nickname-changes a:not(.b-button), .p-profiles-edit .misc .nickname-changes .link, .p-profiles-edit .list .profile-action a:not(.b-button), .p-profiles-edit .list .profile-action .link, .p-profiles-edit .list .nickname-changes a:not(.b-button), .p-profiles-edit .list .nickname-changes .link,
  107. .b-js-link,
  108. .p-contests-index .contest a,
  109. .p-contests .results a,
  110. .p-contests .match-day .match-link a,
  111. .p-contests .rating .member a,
  112. .b-contest_match .vs .actions .action span,
  113. .b-club .name,
  114. .c-actions .new_comment:after,
  115. .c-actions .new_review:after,
  116. .c-actions .fav-add:after,
  117. .c-actions .edit:after,
  118. .b-options-floated.mobile-phone a,
  119. .b-tag,
  120. .b-topic .footer-vote .vote-group .vote,
  121. .p-profiles .profile-head .c-info .c-additionals div a,
  122. .c-actions .fav-remove:after,
  123. .p-user_history-index .history-page .history-interval p a,
  124. .b-options-floated.mobile-phone_portrait a,
  125. .p-userlist_comparer .comparer table .name a,
  126. .b-shiki_editor footer .unpreview:not(.link), .b-shiki_editor footer .cancel, .b-shiki_editor footer .hide,
  127. .p-profiles-show .about a,
  128. .b-comments .comments-collapser,
  129. .club-actions .upload:after,
  130. .club-actions .invite:after,
  131. .club-actions .leave:after{
  132.  color: #e74c3c;
  133.  font-weight: bold;
  134.  border: none;
  135. }
  136.  
  137. .l-top_menu .menu-items .entry a, .l-top_menu .submenu>.entry, .b-main_search ul.popup,
  138. .b-main_search .popup li.active,
  139. .b-main_search .popup li:hover,
  140. .b-main_search .input input{
  141.  font-family: Geneva, sans-serif;
  142. }
  143.  
  144. .p-user_rates-index .list-lines tr .name a{
  145.   color: #e74c3c;
  146.   font-weight: bold;
  147. }
  148.  
  149. .p-user_rates-index .list-lines tr .name a:hover{
  150.   color: #fff;
  151. }
  152.  
  153. /*Удаление обводки у некоторых элементов*/
  154. .p-dashboards-show .cc-news .c-generated_news .b-topic,
  155. .b-topic,
  156. .b-db_entry-note,
  157. .p-topics .l-menu .sticky-topics .topic,
  158. .p-topics .l-menu .clubs .entry,
  159. .p-topics .l-menu .reviews .entry{
  160.  border: none;
  161. }
  162.  
  163. /*Изменение пиктограмм списка*/
  164. .b-list li{
  165.  color: #e74c3c;
  166.  list-style-image: none;
  167.  list-style: disc;
  168. }
  169.  
  170. /*Изменение стиля цитат*/
  171. .b-quote {
  172.    background: #000!important;
  173.    color: #fff;!important;
  174.    border: 1px dashed;
  175. }
  176.  
  177. /*Изменение цвета блока "Наверх" слева*/
  178. .b-to-top .slide:before{
  179.  background: #000;
  180. }
  181.  
  182. /*Изменение цвета блока с выбором действий у аниме и манги, типа просмотрено, прочитанно, отложенно и т.д.*/
  183. .b-link_button.dark,
  184. .b-link_button,
  185. .b-add_to_list.watching .trigger, .b-add_to_list.watching .option,
  186. .b-db_entry-note .name-container .b-user_rate .b-add_to_list .trigger, .b-db_entry-note .name-container .b-user_rate .b-add_to_list .option,
  187. .b-add_to_list.planned .trigger, .b-add_to_list.planned .option,
  188. .b-comments-notifier, .b-add_to_list.completed .trigger, .b-add_to_list.completed .option,
  189. .b-add_to_list.rewatching .trigger, .b-add_to_list.rewatching .option,
  190. .b-add_to_list.on_hold .trigger, .b-add_to_list.on_hold .option,
  191. .b-add_to_list.dropped .trigger, .b-add_to_list.dropped .option{
  192.  color: #fff;
  193.  background: #e74c3c;
  194.  border: none;
  195. }
  196.  
  197.  
  198. .b-add_to_list .plus,
  199. .b-add_to_list.completed .edit,
  200. .b-add_to_list.dropped .edit,
  201. .b-add_to_list.on_hold .edit,
  202. .b-add_to_list .expanded-options .remove-trigger .text{
  203.  color: #fff;
  204. }
  205.  
  206. .b-link_button.dark:hover,
  207. .b-link_button:hover,
  208. .p-user_rates-index .list-lines tr.editable:hover,
  209. .b-comments-notifier:hover{
  210.  background: #c0392b;
  211.  border: none;
  212. }
  213.  
  214. /*Изменение цвета кнопок*/
  215. .b-form input[type=submit],
  216. .b-button{
  217.  background: #e74c3c;
  218. }
  219.  
  220. /*Изменение цвета кнопок при наведении*/
  221. .b-form input[type=submit]:hover,
  222. .b-button:hover{
  223.  background: #c0392b;
  224. }
  225.  
  226. .tooltip-inner .close,
  227. .b-comments .comments-loader, .b-comments .comments-hider, .b-comments .comments-expander,
  228. .p-animes-show .other-names.click-loader, .p-mangas-show .other-names.click-loader, .p-ranobe-show .other-names.click-loader,
  229. .p-user_rates-index .list-lines tr.edit-form form,
  230. .b-shiki_editor.previewed .body .preview{
  231.  color: #fff;
  232.  background: #000;
  233.  border: none;
  234. }
  235.  
  236. .b-entry-info .line .b-tag{
  237.  color: #e74c3c;
  238.  font-weight: bold;
  239.  border: none;
  240. }
  241.  
  242. .b-anime_status_tag.news:before,
  243. .b-comments .comments-loader:hover,
  244. .b-comments .comments-expander:hover{
  245.  color: #fff;
  246.  background: #e74c3c;
  247.  border: none;
  248. }
  249.  
  250. .b-hot_topics,
  251. .p-dashboards-show .cc-second .cc-inner .c-my_list,
  252. .tooltip-inner,
  253. .b-postloader.collapsed,
  254. .b-topic .footer-vote{
  255.  border: none;
  256.  background: #000;
  257.  color: #fff;
  258. }
  259.  
  260. .p-dashboards-show .cc-news .c-news_topics .b-topic,
  261. .b-comment{
  262.  border: none;
  263. }
  264.  
  265. .cm-s-solarized.cm-s-light .CodeMirror-linenumber,
  266. .b-shiki_editor .body .editor textarea {
  267.  background: #000;
  268.  border: 0px;
  269. }
  270.  
  271. /*Изменение цвета некоторых надписей и кнопок на серый*/
  272. .p-profiles .profile-head .c-brief header .notice,
  273. .p-profiles-show .profile-content .activity .title,
  274. .bar.vertical .line .x_label,
  275. .b-hot_topics .topic.subject,
  276. .b-catalog_entry .cover .misc span,
  277. .b-entry-info .line .value,
  278. .b-rate .score-notice,
  279. .p-user_rates-index .list-groups .summary .stat-value,
  280. .p-user_rates-index .list-groups .summary.lines,
  281. .p-user_rates-index .l-content .order-control,
  282. header.head .notice,
  283. .b-video_player .cc-player_controls .episode-num .video-link a,
  284. .p-anime_videos-index .same-videos .title,
  285. .p-anime_videos-index .c-anime_video_episodes .title, .p-anime_videos-index .c-videos .title,
  286. .b-video_variant .episode-num, .b-video_variant .video-id,
  287. .b-video_variant .episode-hostings, .b-video_variant .video-hosting, .b-video_variant .video-language,
  288. .b-user.detailed .history .line .event,
  289. .p-contests .match-day .match-link .c-column.loser a, .p-contests .match-day .match-link .c-column.created a,
  290. .b-animes-menu .total-rates,
  291. .c-actions .new_comment,
  292. .c-actions .new_review,
  293. .c-actions .fav-add,
  294. .c-actions .edit,
  295. .c-actions .fav-remove,
  296. .p-user_rates-index .list-lines tr td .rewatches{
  297.  color: #9da2a8;
  298. }
  299.  
  300. body[data-locale=ru] .b-offtopic_marker.off:before{
  301.  border: 0px;
  302. }
  303.  
  304. /*Изменение цвета пропусков в нумерации строк кода*/
  305. .CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber, .CodeMirror-scroll, .CodeMirror-sizer{
  306.  background: #000;
  307. }
  308.  
  309. /*Удаление белой рамки вокруг редактора кода*/
  310. .b-edit_styles .edit_style .style_css .CodeMirror, .b-edit_styles .new_style .style_css .CodeMirror {
  311.  background: #000;
  312.  border: 0px;
  313. }
  314.  
  315. /*Удаление тени текста в редакторе кода. С ней текст был расплывчатый.*/
  316. .cm-s-solarized.cm-s-light{
  317.  text-shadow: #000 0 0px;
  318. }
  319.  
  320. /*Нумирация строк кода белым цветом*/
  321. .CodeMirror pre, .cm-s-solarized.cm-s-light .CodeMirror-linenumber, .b-shiki_editor .body .editor textarea{
  322.  color: #fff;
  323.  border: 0px;
  324. }
  325.  
  326. .b-collection_search .field input{
  327.  border: none;
  328.  color: #000;
  329. }
  330.  
  331. /*Изменение цвета позунка и ввода текста справа от редактора кода*/
  332. .noUi-connects, .b-edit_styles .body_background #body_background_input{
  333.  background: #000;
  334.  color: #fff;
  335. }
  336.  
  337. .b-input select{
  338.  color: #000;
  339. }
  340.  
  341. /*Изменение цвета столбцов активности в профиле*/
  342. .bar.simple .bar.s3 { background: #c0392b;}
  343. .bar.simple .bar:hover.s3 { background: #e74c3c;}
  344. .bar.simple .bar.s2 { background: #c0392b;}
  345. .bar.simple .bar:hover.s2 { background: #e74c3c;}
  346. .bar.simple .bar.s1 { background: #c0392b;}
  347. .bar.simple .bar:hover.s1 { background: #e74c3c;}
  348. .bar.simple .bar.s0 { background: #c0392b;}
  349. .bar.simple .bar:hover.s0 { background: #e74c3c;}
  350.  
  351. .b-stats_bar.lifetime .bar .first {
  352.  background: #e74c3c;
  353. }
  354.  
  355. /*Изменение цвета шкалы манги и аниме рядом с аватаркой*/
  356. .b-stats_bar.anime .bar .first,
  357. .b-stats_bar .bar .third,
  358. .b-stats_bar.manga .bar .first{
  359.   background: #c0392b;
  360. }
  361.  
  362. /*Вторая часть шкалы аниме и манги рядом с аватаркой*/
  363. .b-stats_bar.anime .bar .second,
  364. .b-stats_bar.manga .bar .second{
  365.  background: #e74c3c;
  366. }
  367.  
  368. div {
  369.  color: #fff;
  370. }
  371.  
  372. header.head h1, header.head h2{
  373.  color: #fff;
  374. }
  375.  
  376. /*Скрытие блока с отчетом об ошибке слева*/
  377. .b-feedback {
  378. visibility: hidden;
  379. }
  380.  
  381. /*Закругление аватарки*/
  382. .avatar,
  383. .p-user_rates-index .l-menu .avatar img,
  384. .b-user.avatar img, .b-user.named_avatar img, .b-user.avatar_fixed_margin img{
  385.  border-radius: 50%;
  386. }
  387.  
  388. /*Затемнение фона заголовков*/
  389. .headline,
  390. .midheadline,
  391. .subheadline {
  392.  color: #fff;
  393.  background: #000;
  394.  border-left: 0px;
  395. }
  396.  
  397. /*Блок с контентом*/
  398. .l-page {
  399.  background: #000;
  400.  opacity: 0.9; /*полупрозрачность*/
  401.  margin-top: 48px;
  402.  margin-bottom: 15px;
  403.  border-radius: 5px;
  404. }
  405.  
  406. /*кусочек шапки слева*/
  407. .to-top-fix {
  408.  background: #000;
  409.  border: none;
  410. }
  411.  
  412. /*шапка*/
  413. .l-top_menu {
  414.  background: #000;
  415.  opacity: 0.9;
  416.  border: 0px;
  417.  position: fixed;
  418.  top: 0;
  419.  left: 0;
  420.  right: 0;
  421. }
  422.  
  423. .l-top_menu .menu-items .entry a,
  424. .l-top_menu .submenu>.entry,
  425. .b-main_search ul.popup
  426. {
  427.  background: #000;
  428.  border: 0px;
  429. }
  430.  
  431. .l-top_menu .menu-items>.entry>.contest{
  432.  display: none;
  433. }
  434.  
  435. b {
  436.  color: #fff;
  437. }
  438.  
  439. /*Скрытие старого логотипа*/
  440. .l-top_menu .inner .logo {
  441.     background: none;
  442. }
  443.  
  444. /*Изменение логотипа сайта*/
  445. .l-top_menu .inner .logo {
  446.     background: url('https://image.ibb.co/mJOoRU/logo.png');
  447. }
  448.  
  449. /*Закоментирован вариант шапки с надписью hikikomori*/
  450. /*
  451. .l-top_menu .inner .logo {
  452.     background: url('https://image.ibb.co/hX04g8/logo.png');
  453. }
  454. */
  455.  
  456. /*Закругление аватарки в шапке*/
  457. .profile-head .avatar img {
  458.   border-radius: 50%;
  459. }
  460.  
  461. /*Альтернативное расположение блоков в профиле от grin3671*/
  462. @media only screen and (min-width: 768px) {
  463.   .p-profiles-show .profile-content .cc-2 > .c-column {
  464.     width: 100%;
  465.   }
  466.  
  467.   .p-profiles-show .profile-content .cc-2 > .c-left {
  468.     position: relative;
  469.     width: 77%;
  470.     padding-right: 30px;
  471.     margin-right: 0;
  472.     z-index: 1;
  473.   }
  474.  
  475.   .p-profiles-show .lifetime {
  476.     margin-bottom: 15px;
  477.   }
  478.  
  479.   .p-profiles-show .profile-content .cc-2 > .c-right {
  480.     float: none;
  481.   }
  482.  
  483.   .p-profiles-show .profile-content .cc-2 > .c-right .cc-2a {
  484.     width: 23%;
  485.     overflow: hidden;
  486.   }
  487.  
  488.   .p-profiles-show .profile-content .cc-2 > .c-right .cc-2a > .c-column {
  489.     width: 100%;
  490.     margin: 0;
  491.   }
  492.  
  493.   .p-profiles-show .profile-content .cc-2 > .c-right .cc-2a > .c-column:last-child {
  494.     margin-top: 15px;
  495.   }
  496.  
  497.   .p-profiles-show .profile-content .cc-2 > .c-right > .block:last-child {
  498.     clear: both;
  499.   }
  500. }
  501.  
  502. /*Далее адаптация под мобильные устройства*/
  503. @media screen and (max-width: 1024px){
  504.  
  505.  /*Удаление отступа блока с аватаркой*/
  506.  .p-profiles .profile-head{
  507.         margin: 0px;
  508.  }
  509.  
  510.  .p-profiles-show .b-feedback:after{
  511.         display: none;
  512.  }
  513.  
  514.  /*Шапка*/
  515.   .l-top_menu {
  516.         background: #000;
  517.         opacity: 1;
  518.         border: 0px;
  519.         position: fixed;
  520.         top: 0;
  521.         left: 0;
  522.         right: 0;
  523. }
  524.  
  525.  /*Блок с контентом*/
  526.   .l-page {
  527.         background: #000;
  528.         opacity: 0.9;
  529.         margin-top: 33px;
  530.         margin-bottom: 0px;
  531.         border-radius: 0px;
  532. }
  533. }

Share with your friends:

Print