Advertisement
Gomuboy

Tumblr 2.0

Mar 31st, 2017
139
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 22.15 KB | None | 0 0
  1. @-moz-document domain("www.tumblr.com")
  2.     {
  3.  
  4.         @media (orientation: portrait) { .identity { background-image: url('https://i.imgur.com/FEt5gTc.jpg') !important; } }
  5.  
  6.         @media (orientation: landscape) { .identity { background-image: url('https://i.imgur.com/RuOfU6t.jpg') !important; } }
  7.  
  8.         /*Make Right TL column dissapear*/
  9.        
  10.         .controls_section.follow_list.user_list.is_rendering.recommended_tumblelogs,
  11.         .sidebar_link.avatar_align,
  12.         .controls_section.controls_section_radar,
  13.         #tumblr_radar,
  14.         .horse-friend.minimized
  15.             { display: none; }
  16.        
  17.         #right_column,
  18.         .identity .right_column::after
  19.             { background: none !important; }
  20.        
  21.         /*Dissapear ends here*/
  22.        
  23.         /*Whatever column you didn't make it gone*/
  24.        
  25.         .l-container.l-container--two-column .right_column
  26.             {
  27.                 margin-right: 23.4% !important;
  28.                 width: 64% !important;
  29.             }
  30.        
  31.         /*Whatever ends here*/
  32.        
  33.         ul.sidebar_nav,
  34.         .l-footer-container.clearfix,
  35.         .post_avatar.tumblelog-avatar,
  36.         button.close
  37.             { display: none;}
  38.  
  39.         .post_avatar,
  40.         .l-container.l-container--two-column-dashboard .l-content,
  41.         .l-container.l-container--two-column .l-content,
  42.         .ui_search,
  43.         .toast.blog-sub,
  44.         .ui_peepr_glass
  45.             { background: transparent; }
  46.  
  47.         .tmblr-attribution,
  48.         .reblog-content pre,
  49.         #left_column.left_column.white_pane
  50.             { background-color: #111 !important; }
  51.        
  52.         .link-button.link-button--default.no-thumbnail .info-container
  53.             { background-color: #242526 !important; }
  54.  
  55.         .follow-text,
  56.         i.icon_post_text,
  57.         i.icon_post_photo,
  58.         i.icon_post_quote,
  59.         i.icon_post_link,
  60.         i.icon_post_chat,
  61.         i.icon_post_audio,
  62.         i.icon_post_video,
  63.         .post_content,
  64.         .quote,
  65.         .reblog-content pre,
  66.         .note_item > .text p,
  67.         #left_column.left_column.white_pane,
  68.         .info-container .excerpt
  69.             { color: #ccc !important; }
  70.  
  71.         .reblog-tumblelog-name.post_info_link,
  72.         .settings_heading,
  73.         .post_info_link:hover,
  74.         .info-container .title,
  75.         .info-container:hover .publisher
  76.             { color: #eee !important;}
  77.  
  78.         span.name,
  79.         div.text p
  80.             { color: #111 !important; }
  81.  
  82.         .reblog-list-item.original-reblog-content,
  83.         .reblog-list,
  84.         .note_item
  85.             { border-color: #111 !important; }
  86.  
  87.         .note_item { background-color: #242526 !important; }
  88.         .nipple { border-left-color: #242526 !important; }
  89.         .asker a { color: #eee !important; }
  90.  
  91.  
  92.         .post_avatar.show_user_menu.post-avatar--sticky,
  93.         .post_avatar.post-avatar--sticky
  94.             {
  95.                         opacity: 0 !important;
  96.                         transition: opacity 0.5s !important;
  97.             }
  98.  
  99.         .post_container:hover .post_avatar.show_user_menu.post-avatar--sticky,
  100.         .post_container:hover .post_avatar.post-avatar--sticky
  101.             { opacity: 1 !important; }
  102.  
  103.         div#left_column
  104.             {
  105.                     background-color: transparent !important;
  106.                     margin-left: 12.5%;          
  107.             }
  108.  
  109.         .pagination { padding-left: 21.5% !important; }
  110.  
  111.         .post_avatar_link,
  112.         .post.post_full
  113.             {
  114.                         border-radius: 0px !important;
  115.                         box-shadow: 5px 5px 10px 1px rgba(0,0,0,.7);
  116.                         background: #111;
  117.             }
  118.  
  119.         .post.post_full { border: 0px solid #fff; }
  120.  
  121.         .l-header-container--refresh
  122.             {
  123.                     box-shadow: 0 0 0 0px hsla(0,0%,100%,.13);
  124.                     background: rgba(33,33,33,.4);
  125.             }
  126.  
  127.         .identity
  128.                 {
  129.                         background: transparent;                   
  130.                         background-size: cover;
  131.                         background-attachment: fixed;
  132.                         background-position: center;
  133.                 }
  134.  
  135.         .tab_notice { background: #fff !important; }
  136.  
  137.         .tab-notice--outlined { border: 2px solid #444 !important; }
  138.  
  139.         .compose-button { fill: #ccc; }
  140.  
  141.         #search_query { background: rgba(0,0,0,.3); }
  142.  
  143.         div.post_tags.nowrap.draggable:after,
  144.         div.post_tags.nowrap::after
  145.             { background: linear-gradient(to right, rgba(255,255,255,0) 0%, #111 100%) !important; }
  146.  
  147.         div.post_tags.nowrap.draggable:before { background: linear-gradient(270deg,hsla(0,0%,100%,0) 0,#111) !important; }
  148.  
  149.         .post-source-footer { background: #111 !important; }
  150.  
  151.  
  152.         .post_body pre { color: #ccc !important; }
  153.  
  154.         .reblog-content pre
  155.             {
  156.                 overflow: hidden !important;
  157.                 font-size: 12px !important;
  158.             }
  159.  
  160.         .ui_dialog_pos,
  161.         .post-tab-switching
  162.             { background-color: rgba(36,37,38,0.5) !important; }
  163.  
  164.         .post_body pre,
  165.         .link-button.link-button--default.has-thumbnail > .info-container
  166.             { background-color: #242526 !important; }
  167.  
  168.         /*Pop over menu*/
  169.  
  170.         .popover_inner,
  171.         .popover_inner li,
  172.         .indash_header_wrapper .navigation_bg
  173.             { background-color: #111 !important; }
  174.  
  175.         .popover_inner li:hover,
  176.         .popover_inner a:hover
  177.             { background-color: #242526 !important; }
  178.  
  179.         .popover_inner li,
  180.         .popover_inner li a,
  181.         .popover-inner.popover_inner button
  182.             { color: #ccc !important; }
  183.  
  184.         .popover_inner li:hover,
  185.         .popover_inner a:hover,
  186.         .popover-inner.popover_inner:hover button
  187.             { color: #eee !important; }
  188.        
  189.         .post_glass.post_micro_glass_w_controls.post_micro_glass a.hover:hover,
  190.         .info_popover_button.nav_icon.user_dropdown_lockup:hover
  191.             { background-color: transparent !important; }
  192.  
  193.         /*Pop over menu ends here*/
  194.        
  195.         /*Notification*/
  196.        
  197.         .notification
  198.           {
  199.               background-color: #111 !important;
  200.                 box-shadow: 2.5px 2.5px 5px 1px rgba(0,0,0,.7) !important;
  201.           }
  202.        
  203.         .notification:hover { background-color: #242526 !important; }
  204.        
  205.         .notification a { color: #ccc !important; }
  206.        
  207.         .notification a:hover { color: #eee !important; text-decoration: none !important; }
  208.        
  209.         /*Notification ends here*/
  210.  
  211.         /*Posted from*/
  212.         @media (orientation: portrait)
  213.             {
  214.                 .toastr,
  215.                 .toast-kit,
  216.                 .show-toast
  217.                     {
  218.                             width: 45px !important;
  219.                             padding: 0px !important;
  220.                     }
  221.  
  222.                 .toastr
  223.                     {
  224.                         right: -950px !important;
  225.                         bottom: 40px !important;
  226.                     }
  227.  
  228.                 .toast-bread { opacity: 0 !important; }
  229.  
  230.                 .toaster.avatar { height: 35px !important; width: 35px !important; }
  231.             }
  232.  
  233.         .toastr { left: 185px !important; }
  234.        
  235.         /*Posted from ends here*/
  236.  
  237.         /*Relatd post fixes
  238.         I noticed that tumblr usses fixed measures to the related post list
  239.         so I followed their rules, and centered it.
  240.         Feel free to use relative measures but it is easy this way*/
  241.         @media (orientation: portrait)
  242.             {
  243.                 .rapid-recs-container,
  244.                 .rapid-recs,
  245.                 .rapid-rec-inner,
  246.                 .rapid-rec-title,
  247.                 .micro-post-list
  248.                     { width: 240px !important; }
  249.  
  250.                 .rapid-recs
  251.                     {
  252.                         right: -540px !important;
  253.                         bottom: 0px !important;
  254.                         padding: 0px !important;
  255.                     }
  256.  
  257.                 .micro-post-list { margin-left: 48px !important; }
  258.  
  259.                 .micro-post-item { float: none !important; width: 60% !important; }
  260.  
  261.                 .rapid-recs-container.peepr-open,
  262.                 .rapid-recs-container.peepr-open .rapid-recs,
  263.                 .rapid-recs-container.peepr-open .rapid-rec-inner,
  264.                 .rapid-recs-container.peepr-open .micro-post-list
  265.                
  266.                     {
  267.                         left: 562px !important;
  268.                         width: 480px !important;
  269.                     }
  270.             }
  271.  
  272.         div.rapid-recs { background-image: none !important; }
  273.        
  274.         .peepr .ui_peepr_glass { background-color: rgba(36,37,38,0.75) !important; }
  275.  
  276.         .rapid-rec-title
  277.             {
  278.                 padding: 0px !important;
  279.                 color: #eee !important;
  280.                 text-align: center !important;
  281.             }
  282.        
  283.         .rapid-recs-container.peepr-open .rapid-rec-title
  284.             {
  285.                 left: 53px !important;
  286.                 width: 279px !important;
  287.             }
  288.  
  289.         /*End related posts*/
  290.  
  291.         /* Notes */
  292.  
  293.         .post-activity.can-reply,
  294.         .post-activity-notes.has-notes,
  295.         .note-list li,
  296.         .text-input
  297.             { background-color: #111 !important; }
  298.  
  299.         .post-activity-popover.popover.popover_menu.popover_gradient.popover--base.right,
  300.         .post-activity-header.conversation,
  301.         .post-activity-rollups,
  302.         .post-activity-reply,
  303.         .post-activity-note.note-item,
  304.         .reblog-list-item
  305.             { border-color: #111 !important; }
  306.  
  307.         .post-activity-note.note-item > .post-activity-note-content,
  308.         div.tx-scrollbar-thumb
  309.             { background-color: #242526 !important; }
  310.  
  311.         .header-container,
  312.         .post-activity-note-content p
  313.             { color: #ccc !important; }
  314.  
  315.         .header-inner p,
  316.         .post-activity-note-content p > a
  317.             { color: #eee !important; }
  318.        
  319.         .post-activity-note.note-item:hover { background-color: transparent !important; }
  320.  
  321.         /*End notes*/
  322.  
  323.         /*Audio player*/
  324.  
  325.         .audio_player,
  326.         .audio-player
  327.             { background-color: #111 !important; }
  328.        
  329.         .progress { background-color: #242526 !important; }
  330.  
  331.         .player_text { color: #ccc !important; }
  332.  
  333.         .playhead { background-color: #eee !important; }
  334.  
  335.         .audio_player.playing.duration,
  336.         .player_text_wrapper
  337.             { border-color: #111 !important; }
  338.  
  339.         i.play_button.audio_player_button::after { background-image: url('https://i.imgur.com/K36ci4h.png') !important;}
  340.  
  341.         i.pause_button.audio_player_button::after   { background: url('https://i.imgur.com/VEgmF90.png') !important;}
  342.  
  343.         /*Ends audio player */
  344.  
  345.         /*Message People*/
  346.  
  347.         .messaging-inbox { background-color: #111 !important; }
  348.  
  349.         .messaging-inbox a,
  350.         span.name
  351.             { color: #eee !important; }
  352.  
  353.         .selected-blog { color: #ccc !important; }
  354.  
  355.         .inbox-header,
  356.         .inbox-conversation
  357.             { border-color: #111 !important; }
  358.  
  359.         .inbox-conversation:hover { background-color: #242526 !important; }
  360.  
  361.         /*Ends message people*/
  362.  
  363.         /*Message Chat*/
  364.         .conversation-header,
  365.         .conversation-main,
  366.         .compose-text-input-container,
  367.         .external-link
  368.             { background-color: #111 !important; }
  369.  
  370.         .conversation-header,
  371.         .conversation-header a,
  372.         .message-bubble-header a,
  373.         .compose-text-input-container button
  374.             { color: #eee !important; }
  375.  
  376.         .conversation-main,
  377.         .message-bubble.full-width-bubble,
  378.         .message-bubble,
  379.         .text-input
  380.             { color: #ccc !important; }
  381.  
  382.         a[data-js-tumblelog-name="imnotgoodatthisbutsomeoneneither"] ~ .message-bubble.full-width-bubble,
  383.         a[data-js-tumblelog-name="imnotgoodatthisbutsomeoneneither"] + div,
  384.         .external-link:hover
  385.             { background-color: #eee !important; color: #242526 !important; }
  386.  
  387.         a[data-js-tumblelog-name="imnotgoodatthisbutsomeoneneither"] ~ .message-bubble.full-width-bubble,
  388.         a[data-js-tumblelog-name="imnotgoodatthisbutsomeoneneither"] ~ .message-bubble
  389.             {
  390.                 margin-left: 40px !important;
  391.                 width: 100% !important;
  392.             }
  393.        
  394.         .message-bubble { width: 100% !important; }
  395.        
  396.         a[data-js-tumblelog-name="imnotgoodatthisbutsomeoneneither"] { display: none !important; }
  397.  
  398.         .message-bubble.full-width-bubble,
  399.         .message-bubble,
  400.         .text-input:focus
  401.             { background-color: #242526 !important; }
  402.  
  403.         .conversation-compose { border-color: #111 !important; }
  404.  
  405.         .text-input { border-radius: 0px !important; }
  406.  
  407.         /*Ends Message chat*/
  408.  
  409.         /*Docked Video*/
  410.  
  411.         .post_header.post_info,
  412.         .post_footer.clearfix
  413.             { background-color: #111 !important; }
  414.  
  415.         .post_footer.clearfix { border-radius: 0px !important; }
  416.  
  417.         /*Ends Docked Video*/
  418.  
  419.         /*Explore Tab */
  420.  
  421.         .tags-and-tumblelogs,
  422.         article,
  423.         .expand-post-content,
  424.         .post_content .post_content_inner,
  425.         .conversation_lines li,
  426.         p.tmblr-attribution
  427.             { background-color: #111 !important; }
  428.  
  429.         article,
  430.         .indash_blog.indash_tumblelog_compact.fade_in
  431.             { box-shadow: 5px 5px 10px 1px rgba(0,0,0,.7) !important; }
  432.        
  433.         .post_brick .post_tags::after
  434.             { background-image: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#111 80%) !important; }
  435.  
  436.         .post_content_inner,
  437.         .post-brick-source-footer,
  438.         .expand-post-content,
  439.         .read_more
  440.             { color: #ccc !important; }
  441.  
  442.         .post-info-tumblelog a:hover,
  443.         .post_controls_inner a
  444.             { color: #eee !important; }
  445.  
  446.         .post_header.post_info,
  447.         .post-brick-source-footer,
  448.         .discover-section-title
  449.         { border-color: #111 !important; }
  450.  
  451.         .controls_section.follow_list.user_list a::before { display:none !important; }
  452.  
  453.         .expand-post-content { opacity: 0.75 !important; }
  454.  
  455.         .tags-and-tumblelogs { margin-bottom: 15px !important; }
  456.  
  457.         .discover-section-title { padding-top: 10px !important; }
  458.  
  459.         .discover-search-terms { padding: 0px 10px !important; }
  460.        
  461.         .l-container.l-container--flex > .l-content.clearfix,
  462.         .search_results_container .indash_blogs .blogs_wrapper_carousel::after,
  463.         .search_results_container .tumblelog_mask_item
  464.             { background-color: transparent !important; }
  465.        
  466.         /*Ends Explore Tab*/
  467.  
  468.         /*Posting*/
  469.  
  470.         .post-forms-glass.post-forms-glass_active.active { background-color: rgba(36,37,38,0.95) !important; }
  471.  
  472.         .post-container,
  473.         .post-form--form.post-content-text,
  474.         .editor.editor-plaintext,
  475.         .editor-placeholder p,
  476.         .editor-plaintext,
  477.         .editor-richtext,
  478.         .post-container,
  479.         .media-dropzone.split-dropzone.toggle-dropzone-upload,
  480.         .editor-slot,
  481.         .popover--tumblelog-select-dropdown.popover--base.bottom div,
  482.         .popover--post-settings-dropdown.popover--base.bottom div,
  483.         .popover--save-post-dropdown.popover--base.bottom div,
  484.         select#editorType
  485.             { background-color: #111 !important; }
  486.  
  487.         .button-area.create_post_button.disabled,
  488.         .split-button,
  489.         .dropdown-area.icon_arrow_carrot_down.pinned-target,
  490.         .button-area.create_post_button,
  491.         .bubbles div::before,
  492.         .popover--tumblelog-select-dropdown.popover--base.bottom:hover li,
  493.         .popover--tumblelog-select-dropdown.popover--base.bottom:hover div,
  494.         .popover--save-post-dropdown.popover--base.bottom li:hover,
  495.         .dropdown-area.icon_arrow_carrot_down,
  496.         .post-form--tag-editor .tag-label.hover-style
  497.             { background-color: #242526 !important; }
  498.  
  499.         .editor-slot,
  500.         .editor-richtext p,
  501.         .popover--tumblelog-select-dropdown.popover--base.bottom:hover .ts-title,
  502.         .popover--save-post-dropdown.popover--base.bottom div,
  503.         .group-content input,
  504.         .group-content div,
  505.         select#editorType,
  506.         .tag-label.hover-style
  507.             { color: #ccc !important; }
  508.  
  509.         .popover--tumblelog-select-dropdown.popover--base.bottom:hover li,
  510.         .popover--save-post-dropdown.popover--base.bottom:hover li,
  511.         .group-label,
  512.         .tag-label,
  513.         .post-form--tag-editor .tag-label.hover-style
  514.             { color: #eee !important; }
  515.  
  516.         .media-container.link-media-container .link-editor,
  517.         .popover--post-settings-dropdown.popover--base.bottom div
  518.             { border-color: #111 !important; }
  519.        
  520.         .dropdown-area.icon_arrow_carrot_down::after { display: none !important; }
  521.  
  522.         .bubbles div::before { border-radius: 15px !important; }
  523.  
  524.         .post-form.gif-search-variation .editor-slot .inline-controls .tray:not(.inline-embed-open) { width: 35% !important; }
  525.  
  526.         .editor.editor-plaintext { min-width: 75px !important; }
  527.  
  528.         select#editorType option
  529.             {
  530.                 outline: none !important;
  531.                 box-shadow: none !important;
  532.             }
  533.  
  534.         /*Posting Ends Here*/
  535.  
  536.         /*Activity*/
  537.  
  538.         .part_activity { z-index: 1 !important; }
  539.  
  540.         span.activity { color: #ccc !important; }
  541.  
  542.         span.activity a,
  543.         .heading.arrow.open_popover,
  544.         span.active
  545.             { color: #eee !important; }
  546.  
  547.         .notification_pane,
  548.         .activity-popover-header,
  549.         .activity-popover-tumblelog-select-container,
  550.         .ui_note.is_follower.no_icon.is_friend,
  551.         .ui_note.is_friend,
  552.         .axis-label,
  553.         .ui_stats .unit .stat_txt
  554.             { background-color: #111 !important; }
  555.  
  556.         .blog-activity-content,
  557.         .ui_notes .ui_note,
  558.         .notifications_page .notifications_block,
  559.         .ui_stats .unit .stat_txt
  560.             { border-color: #111 !important; }
  561.  
  562.         .date_header.clearfix,
  563.         .blog-activity-more,
  564.         .stage:hover .part_glass,
  565.         .stage:hover span.activity a
  566.             {
  567.                 background-color: #242526 !important;
  568.                 border-color: #242526 !important;
  569.             }
  570.  
  571.         .ui_note,
  572.         .ui_notes .ui_note
  573.             { border: none !important; }
  574.  
  575.         .notifications_page .section.divider {background: none !important; }
  576.  
  577.         .plop::before,
  578.         .plop::after
  579.             { border-color: #242526 transparent transparent transparent !important; }
  580.  
  581.         .ui_stats .unit .button { top: 0px !important; }
  582.  
  583.         .plus-follow-button .follow_icon { margin-top: 0px !important; }
  584.  
  585.         .ui_notes .part_icon .note_follow { border: none !important; }
  586.  
  587.         .popover--activity-popover .blog-activity-notification .ui_note .part_icon .note_follow {background-color: #242526 !important; }
  588.  
  589.         /*Activity Ends Here*/
  590.  
  591.         /*Profile Button*/
  592.  
  593.         .popover_menu_item_anchor:hover,
  594.         .blog-sub-nav-details .blog-sub-nav-item:hover a,
  595.         .blog-list-item.blog-list-item--on-light:hover,
  596.         .blog-list-item-anchor:hover
  597.             { background-color: #242526 !important; }
  598.  
  599.         .blog-sub-nav-details .blog-sub-nav-item:hover .blog-sub-nav-item-label,
  600.         .blog-list-item-anchor:hover .blog-list-item-info-name
  601.             { color: #eee !important; }
  602.  
  603.         .blog-list-item-anchor:hover .blog-list-item-info-title,
  604.         .blog-sub-nav-item-label
  605.             { color: #ccc !important; }
  606.  
  607.         .popover_header,
  608.         div.popover_item_suffix a
  609.             {
  610.                 background-color: #242526 !important;
  611.                 border-color: #242526 !important;
  612.             }
  613.  
  614.         .popover_menu_item.popover_menu_item_blog.popover_menu_item_blog--uncloseable.popover_menu_item_blog--open  {background-color: #111 !important; }
  615.  
  616.         .blog-sub-nav-details .blog-sub-nav-item:hover
  617.             {
  618.                 box-shadow: -4px 0 0 #242526,10px 0 0 #242526 !important;
  619.                 background-color: #242526 !important;
  620.             }
  621.  
  622.         .popover_header
  623.             {
  624.                 margin: 0px !important;
  625.                 border-radius: 0px !important;
  626.             }
  627.  
  628.         .blog-sub-nav-item.selected
  629.             {
  630.                 box-shadow: -4px 0 0 #111,10px 0 0 #111 !important;
  631.                 background-color: #111 !important;
  632.             }
  633.  
  634.         /*Profile Button Ends Here*/
  635.        
  636.         /*Followers*/
  637.        
  638.         #dashboard_controls_open_blog,
  639.         .left_column.followers
  640.             { box-shadow: 5px 5px 10px 1px rgba(0,0,0,.7) !important; }
  641.        
  642.         #dashboard_controls_open_blog,
  643.         #user_to_check_for,
  644.         .white_pane,
  645.         .follower,
  646.         .pagination,
  647.         .follower:hover button
  648.             { background-color: #111 !important; }
  649.        
  650.         #user_to_check_for:focus,
  651.         .follower:hover,
  652.         .controls button
  653.             { background-color: #242526 !important; }
  654.        
  655.         #dashboard_useraction_followers,
  656.         #user_to_check_for:focus,
  657.         .open_blog_link,
  658.         .controls button
  659.             { color: #ccc !important }
  660.        
  661.         .currently_selected_blog,
  662.         .controls_section_item a,
  663.         .controls_section_item:hover span.count,
  664.         .title_and_controls h1,
  665.         .name-link,
  666.         .follower:hover button
  667.             { color: #eee !important }
  668.        
  669.         #user_to_check_for,
  670.         .controls_section_item,
  671.         .follower:hover button
  672.             { border-color: #111 !important; }
  673.        
  674.         .controls button,
  675.         .controls_section_item.selected,
  676.         .controls_section_item:hover
  677.             { border-color: #242526 !important; }
  678.        
  679.          #followers-list .pagination { padding-left: 0px !important; }
  680.        
  681.         /*Followers ends here*/
  682.        
  683.         /*Following*/
  684.        
  685.         #following.clearfix { box-shadow: 5px 5px 10px 1px rgba(0,0,0,.7) !important; }
  686.        
  687.         #tabs .tab.selected,
  688.         #following.clearfix
  689.             { background-color: #111 !important; }
  690.        
  691.         #tabs .tab,
  692.         .info input
  693.             { background-color: #242526 !important; }
  694.        
  695.         .info .description .last_updated,
  696.         #tabs .tab,
  697.         .grey_note
  698.             { color: #ccc !important; }
  699.        
  700.         #tabs .tab.selected,
  701.         .grey_note a
  702.             { color: #eee !important; }
  703.        
  704.         .info input { border-color: #242526 !important; }
  705.        
  706.         #tabs,
  707.         #tabs .tab
  708.             { border-color: #111 !important; }
  709.        
  710.         #following.clearfix
  711.             {
  712.                 padding-top: 30px !important;
  713.                 margin-top: -30px !important;
  714.                 margin-bottom: -30px !important;
  715.             }
  716.        
  717.         .crushes { max-width: unset !important; }
  718.        
  719.         .crush { margin: 4% !important; }
  720.        
  721.         .popover_gradient > .popover_inner {box-shadow: none !important; }
  722.        
  723.         #following.clearfix #left_column.clearfix #pagination.pagination { padding-left: 10px !important; }
  724.        
  725.         /*Following ends here*/
  726.        
  727.         /*Spotlight*/
  728.        
  729.         #cards .card { box-shadow: 5px 5px 10px 1px rgba(0,0,0,.7) !important; }
  730.        
  731.         #staff_picks { background-color: #111 !important; }
  732.        
  733.         #cards .card,
  734.         #cards .card .location .globe,
  735.         .chrome_nav li.tab.active a,
  736.         .chrome_nav li.tab a:hover
  737.             { background-color: #242526 !important; }
  738.        
  739.         #cards .card .info .desc,
  740.         .chrome_nav li.tab a
  741.             { color: #ccc !important; }
  742.        
  743.         #cards .card .info .title,
  744.         #cards .card .location,
  745.         .chrome_nav li.tab.active a,
  746.         .footer_tagline_container p
  747.             { color: #eee !important; }
  748.        
  749.         .footer_tagline_container,
  750.         .chrome_nav li.tab a
  751.             { border-color: #111 !important; }
  752.        
  753.         #cards .card { border-color: #242526 !important; }
  754.        
  755.         #staff_picks { padding-top: 30px !important; margin-top: -30px !important; }
  756.        
  757.         /*Spotlight ends here*/
  758.        
  759.         /*PM*/
  760.         #fan_mail_controls { display: none !important; }
  761.        
  762.         .inbox
  763.             {
  764.                 margin-right: 23.4% !important;
  765.                 width: 55.5% !important;
  766.             }  
  767.        
  768.         .controls_section.inbox
  769.             {
  770.                 background-color: #111 !important;
  771.                 box-shadow: 5px 5px 10px 1px rgba(0,0,0,.7) !important;
  772.             }
  773.        
  774.         .controls_section.inbox
  775.             {
  776.                 width: 100% !important;
  777.                 margin-right: 0px !important;
  778.             }
  779.        
  780.         .controls_section_item.no_hover.no_push {padding: 5px 0px 10px 0px !important; }
  781.        
  782.         /*PM ends here*/
  783.        
  784.         /*Settings*/
  785.        
  786.         .controls_section.controls_section_settings,
  787.         .small_links
  788.             {
  789.                 background-color: #111 !important;
  790.                 box-shadow: 5px 5px 10px 1px rgba(0,0,0,.7) !important;
  791.             }
  792.        
  793.         #settings_form input,
  794.         .apps_heading
  795.             { background-color: #242526 !important; }
  796.        
  797.         .small_text.hide_overflow { color: #ccc !important; }
  798.        
  799.         .controls_item a,
  800.         .section_header.account_header.selected,
  801.         .small_links a
  802.             { color: #eee !important; }
  803.        
  804.         .controls_item,
  805.         .section_header.account_header.selected,
  806.         .controls_section.controls_section_settings,
  807.         .small_links a,
  808.         #settings_form div,
  809.         #settings_form h2,
  810.         .account-sessions.settings_group tr,
  811.         .tumblelog_group li,
  812.         .help_text
  813.             { border-color: #111 !important; }
  814.        
  815.         .controls_item:hover,
  816.         #settings_form input,
  817.         .apps_heading
  818.             { border-color: #242526 !important; }
  819.        
  820.         .small_links
  821.             {
  822.                 margin-top: 15px !important;
  823.                 padding-bottom: 10px !important;
  824.             }
  825.        
  826.         /*Settings ends here*/
  827.        
  828.         /*New Blog*/
  829.        
  830.         .l-container.l-container--full-width .l-content
  831.             {
  832.                 background-color: #111 !important;
  833.                 box-shadow: 5px 5px 10px 1px rgba(0,0,0,.7) !important;
  834.             }
  835.        
  836.         .inner-right_column { background-color: #111 !important; }
  837.        
  838.         #create_tumblelog div:nth-child(4),
  839.         #create_tumblelog input
  840.             { background-color:  #242526 !important; }
  841.        
  842.         #create_tumblelog div { border: none !important; }
  843.        
  844.         #create_tumblelog input { border-color: #242526 !important; }
  845.        
  846.         .blurb,
  847.         #create_tumblelog input
  848.             { color: #ccc !important; }
  849.        
  850.         #page_heading { color: #eee !important; }
  851.        
  852.         /*New Blog ends here */
  853.        
  854.         /*Publications*/
  855.        
  856.         .l-container.l-container--two-column-dashboard .right_column
  857.             {
  858.                 margin-right: 23.4% !important;
  859.                 width: 55.5% !important;
  860.             }
  861.        
  862.         /*Publications ends here*/
  863.        
  864. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement