Guest User

Blue (Da Ba Dee)

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