☰

Habrahabr Darkness

Based on "Habrahabr & Geektimes & TM Tango theme" and including the latest fixes.

目前为 2021-03-17 提交的版本。查看 最新版本。

  1. /* ==UserStyle==
  2. @name         Habrahabr Darkness
  3. @description  Based on "Habrahabr & Geektimes & TM Tango theme" and including the latest fixes.
  4. @author       Val Saven (https://valsaven.com)
  5. @namespace    github.com/valsaven/userstyles
  6. @supportURL   https://github.com/valsaven/userstyles/issues
  7. @version      1.0.6
  8. @license      MIT
  9. ==/UserStyle== */
  10.  
  11. @-moz-document url-prefix("http://habr.com"),
  12.   url-prefix("https://habr.com"),
  13.   url-prefix("http://tmfeed.ru"),
  14.   url-prefix("https://tmfeed.ru") {
  15.   .footer-block__title,
  16. .company-app__title,
  17. div.profile-section__about-text,
  18. div.embed__caption-title,
  19. .post__text_v2 .embed__caption-link,
  20. span.defination-list__value,
  21. .user-message__body {
  22.     color: #c5c5c5;
  23.   }
  24.  
  25.   .favorite-wjt__button.remove::before {
  26.     color: #f8a70f !important;
  27.   }
  28.  
  29.   .layout__row,
  30. .layout__row_navbar,
  31. .t-rec_pt_15 {
  32.     background-color: #2e3436 !important;
  33.     border: 0 solid #2e3436 !important;
  34.   }
  35.  
  36.   .main_menu a,
  37. a.user_link {
  38.     color: #729fcf !important;
  39.   }
  40.  
  41.   .tab_user {
  42.     border-top: 1px solid #ebeaea;
  43.   }
  44.  
  45.   .logo:hover:after,
  46. .n-dropdown-menu__item-link:hover,
  47. .n-dropdown-menu__item-link:hover:visited,
  48. .btn_navbar_write-topic:hover {
  49.     background: #eae8e8 !important;
  50.     color: #636363 !important;
  51.   }
  52.  
  53.   .add_post a img,
  54. #header_bg,
  55. #layout .top_banner img,
  56. .supported_by_bookmate img {
  57.     display: none !important;
  58.   }
  59.  
  60.   svg.icon-svg_logo-geektimes,
  61. svg.icon-svg_logo-habrahabr {
  62.     color: #babdb6 !important;
  63.   }
  64.  
  65.   .user-info__nickname_comment {
  66.     color: #ccc;
  67.   }
  68.  
  69.   .comment__head_topic-author {
  70.     background-color: #4e4e4e;
  71.   }
  72.  
  73.   .comment__head_new-comment {
  74.     background-color: #323f4c;
  75.   }
  76.  
  77.   .top-flows__item-title:visited {
  78.     color: #508cb1 !important;
  79.   }
  80.  
  81.   #TMpanel a,
  82. .sidebar_right .block.for_authors_help .row a,
  83. .sidebar_right .block.about_exchange .row a,
  84. .post-type-selector {
  85.     color: #6da3bd !important;
  86.   }
  87.  
  88.   .content_left .submenu .item.tab_settings {
  89.     margin: 0 !important;
  90.   }
  91.  
  92.   .add_post a {
  93.     display: inline !important;
  94.   }
  95.  
  96.   body,
  97. .inner,
  98. #layout,
  99. .help_holder,
  100. .help_holder dl dd,
  101. .help_holder dl dt,
  102. .user_profile dt,
  103. .user_profile .fullname,
  104. .user_profile .rating-place,
  105. .comments_list .comment_item .message.bad5,
  106. .comments_list .comment_item .message.bad4,
  107. .comments_list .comment_item .message.bad3,
  108. .comments_list .comment_item .message.bad2,
  109. .comments_list .comment_item .message.bad1,
  110. form .item label,
  111. #layout .wrapper .inner,
  112. .notification_table tr td,
  113. .notification_table tr th,
  114. .company_header .name a,
  115. .App > .container,
  116. .Header .submenu,
  117. .Posts ul li .meta .item.highlighted,
  118. body.nl .layout,
  119. body.nl .main-navbar,
  120. body.nl .layout__navbar,
  121. details.spoiler,
  122. .post__text_v2 code,
  123. .dfp-slot,
  124. .default-block,
  125. .megapost-teasers,
  126. .default-block__header,
  127. .teaser__body-title,
  128. .t-text_md,
  129. .company-info__author,
  130. .author-panel__user-info,
  131. .page-header__info-title,
  132. .page-header__info-desc,
  133. .tm-editor__textarea_comment,
  134. .h-message__controls,
  135. #allrecords {
  136.     background: #2e3436 !important;
  137.     color: #babdb6 !important;
  138.   }
  139.  
  140.   .author-panel,
  141. .user-info__contacts,
  142. .post-share,
  143. .user-info__buttons a {
  144.     border-color: #808080 !important;
  145.   }
  146.  
  147.   .post-share span,
  148. .user-info__buttons a {
  149.     color: #808080 !important;
  150.   }
  151.  
  152.   .user-info__buttons a {
  153.     background: transparent !important;
  154.   }
  155.  
  156.   .poll-result__item .poll-result__data .poll-result__data-label {
  157.     color: #80868a;
  158.   }
  159.  
  160.   .poll-result__item .poll-result__data .poll-result__data-label.poll-result__my-vote {
  161.     color: #5e8eac;
  162.   }
  163.  
  164.   .user-info__about .user-info__links .user-info__fullname,
  165. .user-info__about .user-info__specialization {
  166.     color: #babdb6;
  167.   }
  168.  
  169.   .sidebar_right .block,
  170. .editor .panel,
  171. .editor .text-holder,
  172. .html_format pre code,
  173. .html_format code,
  174. #global_notify .inner,
  175. .recovery_mode,
  176. .blue_buttons_panel,
  177. .spoiler_text,
  178. .company_widgets *,
  179. .description,
  180. .corporation_head .menu,
  181. .corporate_blog,
  182. .company_info,
  183. .block > .line-r,
  184. .for_users_only_msg,
  185. .inner_notice,
  186. .can_select .title_list ul,
  187. .companies .company,
  188. .block_after_post .block,
  189. #TMpanel,
  190. #TMpanel a.current,
  191. .bottom_promo_blocks .block,
  192. .block a,
  193. .conversation_page .messages .message .info,
  194. .conversation_page .messages .message .info *,
  195. .sidebar_right .block.for_authors_help .row,
  196. .sidebar_right .block.about_exchange .row,
  197. .Sidebar .block,
  198. .similar_posts,
  199. .live_broadcast,
  200. .author-info,
  201. .post-type,
  202. .author-info__name,
  203. .author-info__nickname,
  204. .postinfo-panel,
  205. .dont-add-our-site-pls,
  206. .live-broadcast,
  207. .similar-posts,
  208. .tabs__menu,
  209. .columns-group .columns-group__column,
  210. .n-dropdown-menu,
  211. .menu_sub,
  212. .lain_13_what_are_you_doing,
  213. .user-popover,
  214. .sidebar-block,
  215. .xyz_wrapper_inner,
  216. .no_please_one_one_one,
  217. .html_banner_wrap .html_banner_spacer,
  218. .editor,
  219. .editor .editor__footer,
  220. .informer__cell,
  221. .informer__text,
  222. .column-wrapper .sidebar_right .block,
  223. .informer,
  224. .promo-block,
  225. .post__text-html code,
  226. .post-type-selector,
  227. .dropdown__user-stast,
  228. .dropdown-container,
  229. .html_banner,
  230. body.nl .layout__elevator,
  231. .t265__wrapper,
  232. .tm-editor_comments,
  233. a.partner-info {
  234.     background: #272c2d !important;
  235.     color: #babdb6 !important;
  236.     border: none !important;
  237.   }
  238.  
  239.   .tabs-menu {
  240.     border-bottom: 1px solid #272c2d !important;
  241.   }
  242.  
  243.   .promo-block__footer {
  244.     background: #272c2d !important;
  245.     color: #babdb6 !important;
  246.   }
  247.  
  248.   .content-list_promo .content-list__item {
  249.     border-color: #babdb6 !important;
  250.   }
  251.  
  252.   .promo-block,
  253. .promo-block__service {
  254.     border: solid 1px #babdb6 !important;
  255.   }
  256.  
  257.   .tab-item,
  258. .content-list_posts .content-list__item,
  259. .editor .editor__footer,
  260. body.nl .layout__navbar {
  261.     border: none !important;
  262.   }
  263.  
  264.   .company_info .info {
  265.     overflow: visible !important;
  266.   }
  267.  
  268.   #navbar .nav_panel,
  269. .btn_navbar_user-dropdown > img {
  270.     background-color: #272c2d !important;
  271.   }
  272.  
  273.   .dropdown_user {
  274.     border-color: #babdb6 !important;
  275.     border: 1px solid !important;
  276.     border-radius: 3px !important;
  277.   }
  278.  
  279.   .t-text_md,
  280. .t-descr {
  281.     font-weight: normal !important;
  282.   }
  283.  
  284.   #navbar .nav_panel .tab:hover {
  285.     background-color: #eae8e8 !important;
  286.   }
  287.  
  288.   #navbar .nav_panel .tab.open,
  289. a.tab-item:hover,
  290. .menu__item-tab:hover {
  291.     background-color: #d4d5d3 !important;
  292.   }
  293.  
  294.   #navbar .nav_panel .tab .g-icon,
  295. .sidebar_right .block.for_authors_help .row .g-icon,
  296. .sidebar_right .block.about_exchange .row .g-icon,
  297. .post_shortwrite h2.title a.post_title,
  298. .wysiwyg_wrapper .help_holder h4,
  299. .Posts ul li h2 a,
  300. .views-count_post,
  301. .favorite-wjt,
  302. .favorite-wjt__counter,
  303. .live-broadcast__title,
  304. .menu__item-tab a,
  305. .tabs-menu a,
  306. .checkbox__label,
  307. .promo-block__title-link,
  308. .attrs,
  309. .attrs__item,
  310. .menu_sub .menu__item-link_current,
  311. a.comment-item__username,
  312. .article__body-text,
  313. .post-comments__link,
  314. .digest *,
  315. .sidebar-block__title,
  316. .similar-posts__title,
  317. .post__title_link,
  318. .post__title-arrow,
  319. .post__title-text,
  320. .post__title,
  321. .nav-links__item-link,
  322. .nav-links__item-link:visited,
  323. .btn_flow-toggle,
  324. .similar-posts__flow-link,
  325. .similar-posts__flow-link:visited,
  326. .partner-info__description,
  327. .partner-info__title {
  328.     color: #b8b8b6 !important;
  329.   }
  330.  
  331.   .nav-links__item-link:hover {
  332.     color: #5096b1 !important;
  333.     text-decoration: none;
  334.   }
  335.  
  336.   #navbar .nav_panel .tab:hover .g-icon,
  337. #navbar .nav_panel .tab.open .g-icon,
  338. a.tab-item:hover,
  339. .menu__item-tab:hover,
  340. .tracker_page table.tracker_comments tr.new a.username {
  341.     color: #636363 !important;
  342.   }
  343.  
  344.   .html_format pre code,
  345. .n-dropdown-menu {
  346.     border: 1px #babdb6 dashed !important;
  347.   }
  348.  
  349.   input[type=text],
  350. .chzn-choices,
  351. body.nl .layout__elevator:hover {
  352.     background: #babdb6 !important;
  353.     color: #000 !important;
  354.   }
  355.  
  356.   .content_left table.menu tr td a,
  357. .content_left .submenu .item,
  358. .Header ul.topmenu li a {
  359.     background: #555753 !important;
  360.     color: #eeeeec !important;
  361.     border: 1px solid #d4d4d4 !important;
  362.   }
  363.  
  364.   .content_left table.menu tr td.active a,
  365. .content_left .submenu .item.active,
  366. .Header ul.topmenu li:first-child a.active,
  367. .Header ul.submenu li,
  368. .active .menu__item-tab,
  369. .tab-item_current,
  370. .open .icon_cog,
  371. .btn_outline_grey:hover,
  372. .icon_cog.btn_outline_grey:hover::before,
  373. .open .icon_cog::before,
  374. .tracker_page table.tracker_folowers tr.new *,
  375. .promo-block__service {
  376.     background-color: #babdb6 !important;
  377.     color: #19242e !important;
  378.   }
  379.  
  380.   .Header ul.submenu li {
  381.     border-bottom: 1px solid #d4d4d4 !important;
  382.     border-top: 1px solid #d4d4d4 !important;
  383.   }
  384.  
  385.   .Header ul.submenu li:first-child {
  386.     border-left: 1px solid #d4d4d4 !important;
  387.   }
  388.  
  389.   .Header ul.submenu li:last-child {
  390.     border-right: 1px solid #d4d4d4 !important;
  391.   }
  392.  
  393.   .content_left table.menu tr td,
  394. .postinfo-panel * {
  395.     border: 0 !important;
  396.   }
  397.  
  398.   .content_left .submenu,
  399. .footer_logos,
  400. #layout .wrapper,
  401. .corporation_head .menu a {
  402.     background: none !important;
  403.   }
  404.  
  405.   .content_left .submenu .item a,
  406. .sidebar_right .block a,
  407. .block > .title,
  408. .post_type_selector h1.title,
  409. .user_header h2.username a,
  410. .live-broadcast a,
  411. .views-count_post::before,
  412. .favorite-wjt__button::before,
  413. .favorites-count::before,
  414. .icon_fav::before,
  415. .voting-wjt__button_plus:disabled,
  416. .voting-wjt__button_minus:disabled,
  417. .post-comments__link_all::before,
  418. .postinfo-panel__item_comments .post-comments__link::before,
  419. .post-preview__link,
  420. .post-preview__link:visited,
  421. .top-hubs__item-title,
  422. .top-hubs__item-title:hover,
  423. .top-hubs__item-title:visited,
  424. .content-list_promo .content-list__item-link,
  425. .content-list_promo .content-list__item-link:visited,
  426. .editor .editor__footer .markdown_checkbox,
  427. .page-header__title,
  428. a.informer__button:not(#\0 ):not(#\0 ),
  429. .fonts-loaded .post__flow span,
  430. .fonts-loaded .post__title span,
  431. .fonts-loaded .post__title_link span,
  432. .about_exchange .row .g-icon,
  433. .for_authors_help .row .g-icon,
  434. .hljs-keyword,
  435. .hljs-selector-tag,
  436. .hljs-subst,
  437. .n-dropdown-menu__item-link_flow,
  438. .n-dropdown-menu__item-link,
  439. .n-dropdown-menu__item-link:visited,
  440. .t-title,
  441. .t-descr,
  442. .t-text,
  443. .t-name,
  444. .t-descr_xs div,
  445. .post__tags-label,
  446. .comments-section__head-title {
  447.     color: #babdb6 !important;
  448.   }
  449.  
  450.   .content_left .submenu .item.active a,
  451. .Header ul.submenu li a {
  452.     color: #19242e !important;
  453.   }
  454.  
  455.   .Header ul.submenu li a.active,
  456. .Header ul.submenu li a:active,
  457. .Posts ul li .meta .item.highlighted {
  458.     font-weight: bold !important;
  459.   }
  460.  
  461.   .content_left .submenu {
  462.     padding: 0 !important;
  463.   }
  464.  
  465.   .post-author__pic_default::before,
  466. .comment-item__avatar-img_default::before,
  467. .userinfo a,
  468. .profile-header *,
  469. .hljs-addition,
  470. .hljs-deletion {
  471.     background-color: inherit !important;
  472.   }
  473.  
  474.   .main_menu a.active,
  475. a.username,
  476. time,
  477. .corporation_head .menu a {
  478.     color: #babdb6 !important;
  479.   }
  480.  
  481.   .hljs-attribute,
  482. .hljs-name,
  483. .hljs-tag {
  484.     color: #729fcf !important;
  485.   }
  486.  
  487.   .hljs-addition {
  488.     color: #4e9a06 !important;
  489.   }
  490.  
  491.   .hljs-deletion {
  492.     color: #c00 !important;
  493.   }
  494.  
  495.   .userpanel a,
  496. .userpanel a:visited,
  497. #header_mouse_activity a,
  498. .title_list li.active a {
  499.     color: #e9b96e !important;
  500.   }
  501.  
  502.   .post h1.title,
  503. h1.title .post_title,
  504. .page_head h2.title,
  505. .habralenta_settings p {
  506.     color: inherit !important;
  507.     background: none !important;
  508.     padding: 0 !important;
  509.   }
  510.  
  511.   .post .infopanel {
  512.     border: 1px solid #babdb6 !important;
  513.     background: #272c2d !important;
  514.     color: #eeeeec !important;
  515.   }
  516.  
  517.   .comment_item .info,
  518. .comment_item .info.is_new,
  519. .comment_item .info.is_topic_starter,
  520. .comment_item .info.is_author {
  521.     background: #272c2d !important;
  522.     color: #babdb6 !important;
  523.   }
  524.  
  525.   .voting a.plus,
  526. .voting a.minus,
  527. .voting span.plus,
  528. .voting span.minus,
  529. .vote_plus,
  530. .vote_minus,
  531. .new_vacanies .title {
  532.     background: none !important;
  533.   }
  534.  
  535.   .hubs,
  536. .infopanel .author,
  537. .infopanel .comments,
  538. .infopanel .pageviews,
  539. .infopanel .favorite a.remove,
  540. .tags,
  541. .comments_list h2.title,
  542. .social_accounts .tw,
  543. .social_accounts .fb,
  544. .social_accounts .vk,
  545. .user_header .send_mail {
  546.     background: none !important;
  547.     padding: 0 !important;
  548.   }
  549.  
  550.   .Sidebar .block_brainstorage .title:after {
  551.     content: "Brainstorage" !important;
  552.   }
  553.  
  554.   .category-list .category .title a {
  555.     text-decoration: none !important;
  556.     border-bottom: 1px dashed #babdb6 !important;
  557.   }
  558.  
  559.   .category-list .category .title a:hover {
  560.     color: #eeeeec !important;
  561.   }
  562.  
  563.   .supported_by_bookmate a:after {
  564.     content: "BOOKMATE" !important;
  565.   }
  566.  
  567.   .vote_minus.voted:after,
  568. .sidebar_right .block .posts_list .post_item .count {
  569.     color: #c50615 !important;
  570.   }
  571.  
  572.   .vote_plus.voted:after {
  573.     color: #66cc66 !important;
  574.   }
  575.  
  576.   .vote_plus:after,
  577. .vote_minus:after {
  578.     font-size: 25px !important;
  579.   }
  580.  
  581.   .social_accounts a.vk:after {
  582.     content: "VK" !important;
  583.   }
  584.  
  585.   .social_accounts a.tw:after {
  586.     content: "Tw" !important;
  587.   }
  588.  
  589.   .social_accounts a.fb:after {
  590.     content: "Fb" !important;
  591.   }
  592.  
  593.   .user_header .send_mail:after {
  594.     content: "Отправить письмо" !important;
  595.     display: inline-block !important;
  596.     border-radius: 2px !important;
  597.     padding-left: 4px !important;
  598.     padding-right: 4px !important;
  599.     padding-top: 2px !important;
  600.     padding-bottom: 2px !important;
  601.   }
  602.  
  603.   .content-list__item_geektimes::before,
  604. .content-list__item_megamozg::before,
  605. .content-list__item_habrahabr::before {
  606.     border-radius: 10px !important;
  607.   }
  608.  
  609.   .Posts ul li .meta .favicon {
  610.     border-radius: 9px !important;
  611.   }
  612.  
  613.   .social_accounts a.vk:after,
  614. .social_accounts a.tw:after,
  615. .social_accounts a.fb:after,
  616. .social_accounts a {
  617.     padding: 5px !important;
  618.     border-radius: 12px !important;
  619.     text-decoration: none !important;
  620.   }
  621.  
  622.   .flag,
  623. a.edit:after,
  624. a.flag.flag_sandbox {
  625.     background: none !important;
  626.     font-size: 15px !important;
  627.     vertical-align: top !important;
  628.     background: #555753 !important;
  629.     color: #eeeeec !important;
  630.     border: 1px solid #d4d4d4 !important;
  631.     border-radius: 2px !important;
  632.     margin-top: 7px !important;
  633.   }
  634.  
  635.   .flag:after {
  636.     border: none !important;
  637.   }
  638.  
  639.   a.grey,
  640. .grey a,
  641. a.post_name {
  642.     color: #babdb6 !important;
  643.   }
  644.  
  645.   a:visited {
  646.     color: #888 !important;
  647.   }
  648.  
  649.   a.add,
  650. .similar_posts h2.title,
  651. .live_broadcast h2.title {
  652.     background: none !important;
  653.   }
  654.  
  655.   .infopanel .favorite a.remove:before {
  656.     color: #e9b96e !important;
  657.   }
  658.  
  659.   .infopanel .comments:before {
  660.     content: "Комментариев:" !important;
  661.     color: #babdb6 !important;
  662.   }
  663.  
  664.   .infopanel .comments a {
  665.     padding-left: 7px !important;
  666.     font-size: 10px !important;
  667.   }
  668.  
  669.   .similar_posts,
  670. .live_broadcast,
  671. .no_please_one_one_one {
  672.     padding: 10px !important;
  673.     padding-bottom: 20px !important;
  674.   }
  675.  
  676.   .infopanel .pageviews:before {
  677.     content: "" !important;
  678.     margin-right: 5px !important;
  679.     margin-left: 3px !important;
  680.     font-size: 16px !important;
  681.   }
  682.  
  683.   .buttons button,
  684. .buttons button:disabled:active,
  685. .buttons a.button,
  686. .buttons input:disabled:active,
  687. .buttons input:disabled,
  688. .buttons input,
  689. .buttons input:hover,
  690. .buttons input:active,
  691. .buttons a.button:hover,
  692. .buttons a.button:active,
  693. .social_accounts .vk:after,
  694. .social_accounts .tw:after,
  695. .social_accounts .fb:after,
  696. .buttons button.blue:hover,
  697. .buttons a.button.blue:hover,
  698. .buttons input.blue:hover,
  699. .buttons button.blue,
  700. .buttons a.button.blue,
  701. .buttons input.blue,
  702. .buttons button.blue:active,
  703. .buttons a.button.blue:active,
  704. .buttons input.blue:active,
  705. .user_header .send_mail:after,
  706. .buttons button.green:hover,
  707. .buttons a.button.green:hover,
  708. .buttons input.green:hover,
  709. .buttons input.big,
  710. .buttons input.big:hover,
  711. .buttons input.big:active,
  712. .buttons input.green,
  713. .buttons a.button.green,
  714. .dont-add-our-site-pls .adb-btn,
  715. #people-tags li a,
  716. .btn_blue,
  717. .lain_13_what_are_you_doing .adb-btn,
  718. .article__button-more_habr:hover,
  719. .article__button-more_habr,
  720. .user-popover .btn,
  721. .informer__button,
  722. .search-form__button {
  723.     background: #555753 !important;
  724.     background-color: #555753 !important;
  725.     background-image: none !important;
  726.     color: #eeeeec !important;
  727.     border: 1px solid #d4d4d4 !important;
  728.     box-shadow: none !important;
  729.     text-shadow: none !important;
  730.   }
  731.  
  732.   .comments_form h2.title {
  733.     background: none !important;
  734.     padding-left: 0 !important;
  735.   }
  736.  
  737.   .post .hubs::before {
  738.     position: relative !important;
  739.   }
  740.  
  741.   .comments_list .comment_item .message,
  742. #people-tags li {
  743.     opacity: 1 !important;
  744.   }
  745.  
  746.   a.edit img {
  747.     display: none !important;
  748.   }
  749.  
  750.   a.edit:after {
  751.     content: "Правка" !important;
  752.     text-decoration: none !important;
  753.     display: inline-block !important;
  754.     height: 27px !important;
  755.     margin: 0 !important;
  756.     padding-right: 5px !important;
  757.     padding-left: 3px !important;
  758.     vertical-align: top !important;
  759.   }
  760.  
  761.   .tags,
  762. .tags li a,
  763. .Posts ul li .meta {
  764.     font-size: 12px !important;
  765.     color: #999999 !important;
  766.   }
  767.  
  768.   .post .content .poll table.result tr td strong,
  769. .attrs__item {
  770.     color: #999999 !important;
  771.   }
  772.  
  773.   .author_banned,
  774. .html_format h1,
  775. .html_format h2,
  776. .html_format h3,
  777. .html_format h4,
  778. .html_format h5,
  779. .html_format h6 {
  780.     color: #999999 !important;
  781.   }
  782.  
  783.   .folding-dot {
  784.     background-image: none !important;
  785.     background: #babdb6 !important;
  786.   }
  787.  
  788.   .poll_title {
  789.     color: #babdb6 !important;
  790.   }
  791.  
  792.   #header_mouse_activity #header,
  793. #header_mouse_activity {
  794.     top: 0 !important;
  795.     position: relative !important;
  796.   }
  797.  
  798.   .t-col {
  799.     width: 80% !important;
  800.   }
  801.  
  802.   #layout .wrapper .inner {
  803.     padding: 0 !important;
  804.   }
  805.  
  806.   .corporation_head .submenu {
  807.     border: none !important;
  808.   }
  809.  
  810.   .corporate_blog,
  811. .company_info,
  812. .companies .company {
  813.     border-radius: 5px 5px 5px 5px !important;
  814.     padding: 20px 15px !important;
  815.   }
  816.  
  817.   body {
  818.     min-width: inherit !important;
  819.   }
  820.  
  821.   .sidebar-block_top-hubs {
  822.     padding-bottom: 20px !important;
  823.   }
  824.  
  825.   .corporation_head .menu {
  826.     padding-left: 20px !important;
  827.     padding-right: 20px !important;
  828.     padding-top: 10px !important;
  829.     width: auto !important;
  830.   }
  831.  
  832.   .corporation_head .menu a {
  833.     padding-bottom: 10px !important;
  834.   }
  835.  
  836.   .folding-dot {
  837.     display: none !important;
  838.   }
  839.  
  840.   .count_new,
  841. .new,
  842. .new_hubs {
  843.     color: #439519 !important;
  844.   }
  845.  
  846.   code .subst,
  847. code .title {
  848.     color: #e1c908 !important;
  849.   }
  850.  
  851.   code .pi code .id,
  852. code .attr_selector,
  853. code .pseudo,
  854. code .literal,
  855. code .keyword,
  856. code .hexcolor,
  857. code .css .function,
  858. code .ini .title,
  859. code .css .class,
  860. code .list .title,
  861. code .tex .command {
  862.     color: #89b3c8 !important;
  863.   }
  864.  
  865.   code .tag {
  866.     color: #69a0bb !important;
  867.   }
  868.  
  869.   .username .bar,
  870. .result tr td .bar {
  871.     background-color: #555753 !important;
  872.     border: #d4d4d4 solid 1px !important;
  873.   }
  874.  
  875.   tr td .bar.winner {
  876.     background-color: #d4d4d4 !important;
  877.     border: #555753 solid 1px !important;
  878.   }
  879.  
  880.   .sidebar_right .block.top_hub_authors table.users tr td.h_rating,
  881. .sidebar_right .block.top_hub_invest table.users tr td.h_rating {
  882.     color: #b8b8b6 !important;
  883.   }
  884.  
  885.   .sidebar_right .block.top_hub_authors table.users tr.top_1 td.h_rating,
  886. .sidebar_right .block.top_hub_authors table.users tr.top_2 td.h_rating,
  887. .sidebar_right .block.top_hub_authors table.users tr.top_3 td.h_rating,
  888. .sidebar_right .block.top_hub_invest table.users tr.top_1 td.h_rating,
  889. .sidebar_right .block.top_hub_invest table.users tr.top_2 td.h_rating,
  890. .sidebar_right .block.top_hub_invest table.users tr.top_3 td.h_rating {
  891.     color: #439519 !important;
  892.   }
  893.  
  894.   #xpanel .new {
  895.     color: white !important;
  896.   }
  897.  
  898.   .mail_subscription_settings,
  899. .mail_subscription_settings .fields label {
  900.     background: #272c2d !important;
  901.     border: none !important;
  902.     color: #babdb6 !important;
  903.   }
  904.  
  905.   .chosen-container-single .chosen-single,
  906. .chosen-container-multi .chosen-choices,
  907. .post-type-selector:hover {
  908.     background-color: #babdb6 !important;
  909.   }
  910.  
  911.   .Header ul.submenu {
  912.     padding: 0 !important;
  913.   }
  914.  
  915.   .dont-add-our-site-pls .adb-btn {
  916.     padding: 0 8px !important;
  917.   }
  918.  
  919.   .dont-add-our-site-pls .adb-text {
  920.     padding: 20px 0 0 30px;
  921.   }
  922.  
  923.   .sidebar_right .block.about_exchange .line,
  924. .sidebar_right .block.for_authors_help .line {
  925.     height: 0 !important;
  926.   }
  927.  
  928.   .main .logo img {
  929.     display: none !important;
  930.   }
  931.  
  932.   .post__flow,
  933. .post__title,
  934. .post__title_link,
  935. .informer__text,
  936. .informer__button,
  937. .top-flows__item-title,
  938. .top-hubs__item-title,
  939. .top-hubs__item-title:visited,
  940. .page-header__title {
  941.     font-weight: normal !important;
  942.   }
  943.  
  944.   .h-message__content,
  945. .checkbox__label_poll,
  946. .radio__label_poll,
  947. .default-block__polling-title,
  948. .post__text-html,
  949. .news-block__title-link,
  950. .comment__message,
  951. .comment-form__preview,
  952. .companies-rating__name,
  953. .layout > .box > p,
  954. .comment-form > .comment-form__title > .comment-form__title-text,
  955. .company-app__description,
  956. .list-snippet__username .list-snippet__fullname,
  957. .timeline__item {
  958.     color: #b3b3b3;
  959.   }
  960.  
  961.   span.defination-list__label,
  962. .post-info__title,
  963. .layout > .box > h1,
  964. .footer__copyright,
  965. .list-snippet .list-snippet__lifetime,
  966. .post__time,
  967. .profile-section__title,
  968. .profile-section__invited,
  969. .h-page__title,
  970. .h-form-field__label,
  971. .h-form__group-title {
  972.     color: #808080 !important;
  973.   }
  974.  
  975.   div[data-customstyle=yes] {
  976.     color: #b3b3b3 !important;
  977.   }
  978.  
  979.   .default-block__header-title {
  980.     color: #7d8f9e !important;
  981.   }
  982.  
  983.   .comment__folding-dotholder::before {
  984.     background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAFCAIAAADKYVtkAAAABGdBTUEAALGPC/xhBQAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAEVJREFUGNNj1DMxYyAXsDAwMPQtXHP16WttadGi+BCSNDMxMDBcffJakJvj6pPXpNrMxMDAoC0r+v7LD21ZUVI1M1LiZwCzJhA8e7Vj8QAAAABJRU5ErkJggg==") !important;
  985.   }
  986.  
  987.   pre code {
  988.     background: #272c2d !important;
  989.     color: #b3b3b3 !important;
  990.     border: none !important;
  991.   }
  992.  
  993.   blockquote {
  994.     background: #272c2d !important;
  995.     border-left: 2px solid #b3b3b3;
  996.     font-style: italic;
  997.   }
  998.  
  999.   .tracker_page table.tracker_comments {
  1000.     background-color: #272c2d;
  1001.   }
  1002.  
  1003.   .tracker_page table.tracker_comments tr.new {
  1004.     background-color: #2e3436;
  1005.   }
  1006.  
  1007.   .toggle-menu {
  1008.     background-color: #2e3436 !important;
  1009.   }
  1010.  
  1011.   .post__wrapper .post__translatation {
  1012.     background-color: #272c2d;
  1013.   }
  1014.   .post__wrapper .post__translatation a.post__translatation-link {
  1015.     color: #918aff;
  1016.   }
  1017.  
  1018.   .news-block__title {
  1019.     color: #7d8f9e !important;
  1020.   }
  1021.  
  1022.   .news-topic__title {
  1023.     color: #6667a3 !important;
  1024.   }
  1025.  
  1026.   ::-webkit-input-placeholder,
  1027. :-ms-input-placeholder,
  1028. ::placeholder {
  1029.     color: #000 !important;
  1030.     opacity: 1;
  1031.   }
  1032.  
  1033.   /* https://habr.com/en/users/.../comments/ */
  1034.   .user_comments .content-list__item .comment__post-title .comment__post-link {
  1035.     color: #2f93d0;
  1036.   }
  1037.   .user_comments .content-list__item .comment__post-title .comment__post-link :hover {
  1038.     text-decoration: underline;
  1039.   }
  1040.   .user_comments .content-list__item .comment__post-title .comment__post-link:visited {
  1041.     color: #548eaa;
  1042.   }
  1043.  
  1044.   .promo-block .promo-block__content .content-list_promo .content-list__item_promo .promo-item .promo-item__title {
  1045.     color: #babdb6;
  1046.   }
  1047.   .promo-block .promo-block__content .content-list_promo .content-list__item_promo .promo-item .promo-item__title:hover {
  1048.     color: #548eaa;
  1049.   }
  1050.   .promo-block .promo-block__content .content-list_promo .content-list__item_promo .promo-item:hover {
  1051.     background-color: transparent;
  1052.   }
  1053.  
  1054.   .post-info .post-info__title:hover {
  1055.     text-decoration: underline;
  1056.   }
  1057. }
  1058. @-moz-document url-prefix("http://habr.com/en/company/"),
  1059.   url-prefix("https://habr.com/en/company/"),
  1060.   url-prefix("http://habr.com/ru/company/"),
  1061.   url-prefix("https://habr.com/ru/company/") {
  1062.   #header_mouse_activity #header {
  1063.     background: #272c2d !important;
  1064.     box-shadow: none !important;
  1065.   }
  1066.  
  1067.   .profile-section__about-text,
  1068. .empty-placeholder__message {
  1069.     color: #babdb6 !important;
  1070.   }
  1071.  
  1072.   .defination-list__label {
  1073.     color: #808080 !important;
  1074.   }
  1075.  
  1076.   .empty-placeholder {
  1077.     background: #2b2b2b;
  1078.     border-radius: 12px;
  1079.   }
  1080.  
  1081.   .company_widgets .block,
  1082. .corporate_blog,
  1083. .company_info,
  1084. .announce {
  1085.     border-radius: 5px 5px 5px 5px !important;
  1086.     padding: 20px 15px !important;
  1087.   }
  1088.  
  1089.   #header .main_menu {
  1090.     padding-left: 10px !important;
  1091.   }
  1092.  
  1093.   #layout .wrapper {
  1094.     margin-left: 15px !important;
  1095.   }
  1096. }
  1097. @-moz-document domain("m.habr.com") {
  1098.   .logo {
  1099.     width: 54px !important;
  1100.     height: 54px !important;
  1101.     background: none !important;
  1102.     display: inline !important;
  1103.   }
  1104.  
  1105.   a {
  1106.     color: #6da3bd !important;
  1107.   }
  1108.  
  1109.   .banner_footer,
  1110. .banner_header {
  1111.     background: #272c2d !important;
  1112.     color: #babdb6 !important;
  1113.   }
  1114.  
  1115.   .logo:after {
  1116.     width: 54px !important;
  1117.     height: 54px !important;
  1118.     font-size: 40px !important;
  1119.     padding-left: 13px !important;
  1120.     padding-bottom: 10px !important;
  1121.     color: #d4d5d3 !important;
  1122.     display: inline-block !important;
  1123.   }
  1124.  
  1125.   body,
  1126. .comments_list .comment_item,
  1127. .comments_list .comment_item.bad .text {
  1128.     background: #2e3436 !important;
  1129.     color: #babdb6 !important;
  1130.   }
  1131.  
  1132.   .comments_list .comment_item + .comment_item {
  1133.     border-top: 1px solid #babdb6 !important;
  1134.   }
  1135.  
  1136.   .comments .text,
  1137. .comments_list .comment_item.bad .text {
  1138.     opacity: 1 !important;
  1139.   }
  1140.  
  1141.   #header,
  1142. .share_to_social_networks,
  1143. #footer,
  1144. #footer .links a,
  1145. .copyright,
  1146. a.post_inner:active,
  1147. .list_item:active,
  1148. .post_show .bottom_buttons_panel,
  1149. .text_html pre code {
  1150.     background: #272c2d !important;
  1151.     color: #babdb6 !important;
  1152.   }
  1153.  
  1154.   .title,
  1155. .text,
  1156. h1,
  1157. h2,
  1158. h3,
  1159. h4,
  1160. h5,
  1161. h6,
  1162. .username {
  1163.     color: #babdb6 !important;
  1164.   }
  1165.  
  1166.   #sidebar .username {
  1167.     color: #636363 !important;
  1168.   }
  1169.  
  1170.   .btn,
  1171. a.btn,
  1172. .comments_count {
  1173.     background: #555753 !important;
  1174.     background-color: #555753 !important;
  1175.     background-image: none !important;
  1176.     color: #eeeeec !important;
  1177.     border: 1px solid #d4d4d4 !important;
  1178.     box-shadow: none !important;
  1179.     text-shadow: none !important;
  1180.   }
  1181.  
  1182.   .post_show .bottom_buttons_panel .save_buttons a.favorite {
  1183.     margin-right: 101px !important;
  1184.   }
  1185.  
  1186.   .comments_count {
  1187.     background-color: #555753 !important;
  1188.     color: #eeeeec !important;
  1189.     border: none !important;
  1190.   }
  1191.  
  1192.   .comments_count.has_new {
  1193.     background-color: #b8b8b6 !important;
  1194.     color: #555753 !important;
  1195.     border-color: #272c2d !important;
  1196.   }
  1197.  
  1198.   .comments_count {
  1199.     border-radius: 30px !important;
  1200.     width: 40px !important;
  1201.     height: 40px !important;
  1202.     vertical-align: bottom !important;
  1203.     padding-top: 13px !important;
  1204.     display: inline-block !important;
  1205.   }
  1206.  
  1207.   .copyright,
  1208. .similar_posts .title {
  1209.     border: none !important;
  1210.   }
  1211.  
  1212.   .flag,
  1213. a.edit:after {
  1214.     background: none !important;
  1215.     font-size: 12px !important;
  1216.     vertical-align: top !important;
  1217.     background: #555753 !important;
  1218.     color: #eeeeec !important;
  1219.     border-radius: 2px !important;
  1220.     margin-top: 3px !important;
  1221.   }
  1222.  
  1223.   .posts .post,
  1224. .list_items .list_item,
  1225. .comments .comment + .comment {
  1226.     border-color: #babdb6 !important;
  1227.   }
  1228.  
  1229.   .layout__row,
  1230. .layout__row_navbar {
  1231.     background-color: #2e3436 !important;
  1232.     border: 0 solid #2e3436 !important;
  1233.   }
  1234. }
  1235. @-moz-document domain("m.habr.com") {
  1236.   .logo:after {
  1237.     content: "H" !important;
  1238.   }
  1239. }
  1240. @-moz-document url-prefix("http://tmfeed.ru"), url-prefix("https://tmfeed.ru") {
  1241.   .Sidebar .block_brainstorage .title,
  1242. .Sidebar .block_freelansim .title {
  1243.     font-size: 24px !important;
  1244.   }
  1245.  
  1246.   .Sidebar .block_freelansim .title {
  1247.     margin-bottom: 20px !important;
  1248.   }
  1249. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址