SaveText.Ru

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

Share with your friends:

Print