API tools faq
paste
Advertisement
yomomma56

ModifiedMoko

yomomma56
Feb 28th, 2017
209
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 24.25 KB | None | 0 0
raw download clone embed print report
  1. @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
  2.  
  3.  
  4. /* custom colors */             /*var(--tab-bg)*/
  5. :root {
  6. --tab-bg: #333333!important;                /* tab bg */
  7. --url-bg: #212121 !important;     /* nav bar and selected tab */
  8. --browser-bg: #1A1B26 !important;     /* url bg & hover bg */    
  9. --main-text: #808080 !important;      /* tab fg */
  10. --secondary-text: #b3b3b3 !important;        /* selected tab fg*/
  11. --third-text: #999999 !important;       /* hover tab fg & url bar fg*/
  12. }  
  13.  
  14.           /* hide favicons on unpinned tabs (none or inherit) */
  15.  
  16. .tabbrowser-tab:not([pinned]) .tab-icon-image {
  17.     display: inherit !important;    
  18. }
  19.  
  20.  
  21.                                  /*      
  22.         remove or show titlebar buttons and change titlebar color
  23.            enable/disable titlebar in Customize menu to show changes
  24.  
  25.                       remove: none and var(--browser-bg)
  26.                                show: inherit and transparent                        
  27.                                                        */
  28.  
  29. #titlebar-buttonbox {
  30.     display: inherit !important;
  31. }      
  32. #TabsToolbar {
  33.   background-color: transparent !important;
  34. }
  35.  
  36. #nav-bar {
  37.  background: none !important;
  38. }
  39.  
  40.                       /* adjust size of tabs and navbar */
  41.    
  42. #TabsToolbar .tabbrowser-tab {
  43.   padding: 0px;
  44.   height: 20px !important;
  45. }
  46.  
  47. #nav-bar {
  48.     height: 30px !important;
  49.     margin-top: -2px !important;
  50.     box-shadow: none !important;
  51. }
  52.  
  53.  
  54.              /* if you're using default Windows theme set this to 0.4 */
  55. #titlebar-buttonbox .titlebar-button .toolbarbutton-icon {
  56.     opacity: 0.4 !important;
  57.     filter: invert(100%) !important;        
  58. }
  59.  
  60.  
  61.               /* hide back/forward buttons (none or inherit) */
  62. #forward-button, #back-button {
  63. display: inherit !important;
  64. }    
  65.  
  66.    
  67.               /* show/hide close button on tabs */
  68. .tab-close-button.close-icon {
  69. /*display: none !important;       */
  70. opacity: 0.6 !important;    
  71. }
  72.  
  73.  
  74.                    /* fix white bg when opening new tabs */
  75. browser, browser.display.background_color, tabbrowser tabpanels {
  76.     background-color: var(--url-bg) !important;
  77. }
  78.  
  79.  
  80.                             /* page identity box */
  81. #identity-box {
  82.     background: var(--url-bg) !important;
  83.     color: var(--secondary-text) !important;
  84.     opacity: 0 !important;
  85.     display: none !important;
  86. }
  87.  
  88.  
  89. .tab-icon-image {
  90. opacity: 0.5 !important;
  91. /*
  92. make tab favicons grey and flat  
  93. filter: grayscale(100%) contrast(25%) !important;
  94. */
  95. }
  96.  
  97.  
  98. #TabsToolbar .tabbrowser-tab {
  99.     min-width: 37px !important;
  100. }    
  101.  
  102.                                   /* fades buttons */
  103. #downloads-button, #new-tab-button, #ctraddon_bookmarks-button, #ctraddon_reload-button, bookmarks-button, reload-button {
  104.     opacity: 0.8 !important;
  105. }
  106.  
  107.  
  108. /* fonts */
  109. #urlbar, #TabsToolbar .tabbrowser-tab, menu, .autocomplete-richlistbox, #menubar-items, statuspanel[type="overLink"] .statuspanel-label, toolbarbutton, #placeContent, #placesList, .editBMPanel_rowLabel, .textbox-input-box, .viewer-title.label.toolbar, .downloadTarget, .downloadDetails, #bookmarks-view-children, #sidebar-search-label, #sidebar-title, .menubar-text {
  110.     font-family: "Open Sans", "Segoe UI" !important;
  111.     font-size: 13px !important;
  112.     font-weight: 600 !important;
  113. }
  114.    
  115. #clientBox {
  116.     font-family: "Open Sans", "Segoe UI" !important;
  117.     font-size: 12px !important;
  118.     font-weight: 600 !important;
  119. }      
  120.  
  121.  
  122.     /* remove icons */
  123. #memfx-toolbar-button, #urlbar-reload-button, .box-inherit.toolbarbutton-menubutton-button, .scrollbutton-up, .scrollbutton-down, #urlbar-stop-button {
  124.   display: none;
  125. }
  126. /* remove plugin and reader view
  127. #reader-mode-button, #notification-popup-box {
  128.       display: none;
  129. }*/
  130.  
  131.  
  132. #TabsToolbar .tabbrowser-tab {
  133.   background: var(--tab-bg) !important;
  134.   color: var(--main-text) !important;
  135.   margin-top: -3px !important;
  136.   margin-left: 0px !important;
  137.   margin-right: 0px !important;
  138.   /*box-shadow: 4px 4px 13px rgba(0,0,0,0.3) !important;*/
  139. }
  140.  
  141. /*
  142. #TabsToolbar {
  143.   background: var(--browser-bg) !important;
  144. }
  145. */
  146.  
  147. #PanelUI-footer-inner > toolbarseparator {
  148.     border: none !important;
  149. }
  150.  
  151. /*remove blue browser border
  152. :not([chromehidden*="toolbar"])[sizemode="normal"]
  153. */
  154. #main-window {
  155.  margin-top:-5px!important;
  156.  margin-left:-1px!important;
  157.  margin-right:-1px!important;
  158.  margin-bottom: -1px !important;
  159. }  
  160.  
  161. #TabsToolbar {
  162.     margin-left: -14px !important;
  163.     margin-top: 2px !important;
  164. }
  165.  
  166. #navigator-toolbox {
  167. }
  168.  
  169. /* nav bg color and sizes */
  170. #nav-bar-customization-target {
  171.     background: var(--url-bg) !important;
  172. }
  173.  
  174. #urlbar {
  175.     background: var(--url-bg) !important;
  176.     color: var(--third-text) !important;
  177.    text-align: center !important;
  178.     margin-top: 1px !important;
  179.     border: none !important;
  180.     box-shadow: none !important;
  181.      /*height: 30px !important;
  182.     border: 0px solid #59444b !important;
  183.     margin-top: 2px!important;
  184.     width: 10000px !important;
  185.     padding: 3px !important; */
  186. }
  187.  
  188. /* navbar */
  189.     #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(:-moz-lwtheme) {
  190.         background-color: var(--url-bg) !important;
  191.         margin-bottom: -1px !important;
  192.         border: none !important;
  193.     }
  194.  
  195. .textbox-input-box.urlbar-input-box, #nav-bar {
  196.  border: none !important;  
  197. }
  198.  
  199.  
  200.  
  201.           /*  hide the urlbar by a button
  202.  
  203.  
  204.  
  205. toolbar #urlbar-container, toolbar #urlbar {
  206.   min-width: unset !important;
  207.   width: unset !important;
  208.   max-width: unset !important;
  209. }
  210.  
  211. toolbar #urlbar[focused] {
  212.   min-width:600px !important;
  213.   opacity:1!Important;
  214.   background:var(--url-bg) url(https://puu.sh/qGUBB/02d65ae288.png)!important;
  215.   background-size:22px!important;
  216.   background-repeat:no-repeat!important;
  217.   background-position:12px center!important;
  218. }
  219.  
  220. toolbar #urlbar:hover {
  221.     background:var(--url-bg) url(https://puu.sh/qGUBB/02d65ae288.png)!important;
  222.   background-size:22px!important;
  223.   background-repeat:no-repeat!important;
  224.   background-position:12px center!important;
  225. }
  226.  
  227. toolbar #urlbar {
  228.   min-height:20px!Important;
  229.   opacity:1!Important;
  230.   min-width:50px!important;
  231.   margin:0px!Important;
  232.   transition:0.4s!important;
  233.   font-size:11px!important;
  234.   padding-left:35px!Important;
  235.   padding-right:10px!important;
  236.   box-sizing:border-box!Important;
  237.   overflow:hidden!Important;
  238.   background: var(--url-bg) url(https://puu.sh/qGUBB/02d65ae288.png)!important;
  239.   background-size:22px!important;
  240.   background-repeat:no-repeat!important;
  241.   background-position:12px center!important;
  242. }
  243.  
  244. toolbar #urlbar-container {
  245.   max-width:20px !important;
  246.   box-sizing:border-box!Important;
  247.   background-size:50px;
  248.   background-repeat:no-repeat;
  249.   background-position:0 center;
  250.   margin-left:7px!important;
  251.   z-index:1!important;
  252.   position:relative;
  253. }
  254.  
  255.  
  256.               /* remove the above code to show the urlbar */
  257.  
  258.  
  259.  
  260. /* plugin icons */
  261. #notification-popup-box, .unknownIdentity {
  262.      background-color: var(--url-bg) !important;
  263.     border-image-source: none !important;
  264. }
  265.  
  266. #notification-popup-box, #page-proxy-favicon {
  267.     opacity: 0.5 !important;
  268.     filter: grayscale(0.9) !important;    
  269. }
  270.  
  271.  
  272.  
  273. #personal-bookmarks, .bookmark-item {
  274. background: var(--tab-bg) !important;    
  275. height: 30px !important;
  276. color: var(--main-text) !important;
  277. }
  278.  
  279. /* selected tab */
  280. #TabsToolbar .tabbrowser-tab[selected] {
  281.   background-color: var(--url-bg) !important;
  282.    /*background: url(https://puu.sh/kwLI3/300a84af8b.png) !important;*/
  283.   background-size: 100% 100% !important;
  284.     background-repeat: no-repeat !important;
  285.   color: var(--secondary-text) !important;
  286.   border-bottom: 2px solid var(--url-bg) !important;  
  287.   opacity: 1 !important;  
  288.   /*border-radius: 12px !important;*/
  289. }
  290.  
  291. /* changes bg color of pinned tabs when updated */
  292. .tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) > .tab-stack > .tab-content {
  293.  opacity: 0.6 !important;
  294.   background: var(--secondary-text) !important;
  295.    color: var(--tab-bg) !important;
  296. }
  297.  
  298. /* hover tab */
  299. #TabsToolbar .tabbrowser-tab:hover {
  300.  background-color: var(--url-bg) !important;
  301.    /*background: url(https://puu.sh/kwLI3/300a84af8b.png) !important;*/
  302.   background-size: 100% 100% !important;
  303.     background-repeat: no-repeat !important;
  304.   color: var(--third-text) !important;    
  305. }
  306.  
  307. /* borders around tabs
  308. #main-window .tabbrowser-tab > .tab-stack, .tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) > .tab-stack > .tab-content, #TabsToolbar .tabbrowser-tab[selected], #TabsToolbar .tabbrowser-tab:hover {
  309.   border-width: 2px 1px 1px 1px !important;
  310.   border-radius: 5px !important;
  311.   border-style: solid !important;
  312.   border-color: #000 !important;
  313. }*/
  314.  
  315. /* fix tab bg color and removes australis */
  316. #TabsToolbar .tab-background {
  317.     background: transparent !important;
  318. }
  319. #TabsToolbar .tab-background-start,
  320. #TabsToolbar .tab-background-end {
  321.     background: transparent !important;
  322.     background-image: none !important;
  323. }
  324. #TabsToolbar .tab-background-middle {
  325.     background: transparent !important;
  326. }
  327.  
  328. #TabsToolbar .tab-background-start::before,  #TabsToolbar .tab-background-end::before {
  329.   background-image: none !important;
  330. }
  331.  
  332. .tab-background-start[selected=true]:-moz-locale-dir(ltr)::after,
  333. .tab-background-end[selected=true]:-moz-locale-dir(ltr)::after {
  334.   background-image: none!important;
  335. }
  336.  
  337. /* removes seperators between pinned tabs */
  338. #TabsToolbar .tabbrowser-tab:after,
  339. #TabsToolbar .tabbrowser-tab:before {
  340.     display: none !important;
  341. }
  342.  
  343. /* center text */
  344. .tab-text {
  345.     text-align: center !important;
  346. }
  347.  
  348. /* menu bar color */
  349. #main-menubar, #toolbar-menubar, #menubar-items, menubar > menu {
  350.     background: var(--tab-bg) !important;
  351.     color: var(--secondary-text) !important;
  352.     text-shadow: none !important;
  353.     border: none !important;
  354.     margin-top: 3px !important;
  355. }
  356.  
  357. /* menu icon */
  358. #PanelUI-button, #nav-bar-overflow-button {
  359.     background: var(--url-bg) !important;
  360. }
  361.  
  362. /* back/forward buttons*/
  363. #back-button > .toolbarbutton-icon {
  364.         list-style-image: url(http://puu.sh/nNmIC/afb1912a86.png) !important;
  365.         margin-left: -3px !important;
  366.     }
  367. #forward-button {
  368.         list-style-image: url(http://puu.sh/nNmJ1/ea4c68de75.png) !important;
  369.         margin-left: -3px !important;
  370. }
  371.  
  372. #back-button:hover, #forward-button:hover {
  373.         background: transparent !important;
  374.        background-color: var(--focus-tab-bg) !important;
  375.         opacity: 0.3 !important;
  376.         border: none !important;
  377.         box-shadow: none !important;
  378.     }
  379.  
  380. #back-button:not([disabled="true"]):not([open="true"]):not(:active):hover > .toolbarbutton-icon, #back-button, #back-button .toolbarbutton-icon:hover, #back-button .toolbarbutton-icon, #forward-button .toolbarbutton-icon, #forward-button {
  381.        border-radius: 0px !important;
  382.        background: transparent !important;
  383.        background-color: transparent !important;
  384.        border: 0px solid #000 !important;
  385.        padding: 2px !important;
  386.        box-shadow: none !important;    
  387.        margin-left: 0px !important;
  388.        margin-top: 1px !important;
  389.        margin-bottom: 1px !important;
  390.        background-color: var(--url-bg) !important;
  391.        width: 25px !important;
  392.        height: 30px !important;
  393.    }
  394.  
  395. #back-button:disabled, #forward-button:disabled {
  396.     opacity: 0.4 !important;
  397. }
  398.  
  399. /* remove disabled back button border */
  400. #back-button#back-button#back-button>image.toolbarbutton-icon {
  401. box-shadow: none !important;
  402. }
  403.  
  404. /* history dropdown */
  405. .urlbar-history-dropmarker, .urlbar-history-dropmarker:hover {
  406.      display: none !important;
  407.     }
  408. .urlbar-history-dropmarker:hover {
  409. opacity: 0.5 !important;
  410. }
  411.  .urlbar-history-dropmarker .dropmarker-icon {
  412.        width: 16px !important;      
  413.         }
  414.  
  415. /* go icon */
  416. #urlbar-go-button, #urlbar-go-button:hover, #urlbar-go-button:hover:active {
  417.    width: 16px !important;
  418.    height: 16px !important;
  419.     margin-top: -4px !important;
  420.   background-image: url(http://puu.sh/nNmGo/6eeca2ca99.png) !important;
  421.     }
  422.  #urlbar-go-button, #urlbar-go-button:not([disabled]):hover, #urlbar-go-button:not([disabled]):hover:active {
  423.     }
  424.  
  425. /* menu button */
  426. #PanelUI-button {
  427.     background: url('http://i.imgur.com/mPApSLM.png') !important;    
  428.     background-color: var(--url-bg) !important;
  429.     background-repeat: no-repeat !important;
  430.     background-position: center !important;
  431.     box-shadow: none !important;
  432.     margin-left: -3px !important;
  433.     width: 44px !important;
  434.    height: 10px !important;
  435.     border: none !important;
  436. }
  437. #PanelUI-button:hover {
  438.     background-color: var(--tab-bg) !important;
  439.     background-repeat: no-repeat !important;
  440.     background-position: center !important;
  441.     box-shadow: none !important;
  442.     margin-top: 0px !important;
  443.     width: 44px !important;
  444.    height: 10px !important;
  445.     border: none !important;
  446. }
  447.  
  448. #PanelUI-button .button-icon,
  449. #PanelUI-button .button-text {
  450.     display: none !important;
  451. }
  452. #PanelUI-menu-button {
  453.     opacity: 0 !important;
  454.     width: 10px !important;
  455.     height: 16px !important;
  456.     margin-right: -5px !important;
  457. }
  458.  
  459. /* remove shitty fog */
  460. #TabsToolbar:not(:-moz-lwtheme)::after {
  461.     display: none;
  462. }
  463.  
  464. /* bookmarks folder icons*/
  465. menu.bookmark-item:not([query]):not([label="Bookmarks Toolbar"]), menuitem.bookmark-item, menu.bookmark-item:not([query]):not([label="Bookmarks Toolbar"])[open] {
  466. list-style-image: url("https://puu.sh/leYZ9/1769a4b8b7.ico") !important;
  467. -moz-image-region: rect(0 32px 32px 0) !important;
  468. }
  469.  
  470. /* bookmark icon */
  471. #bookmarks-menu-button {
  472.     background-image: url('https://puu.sh/qHQDH/ca332e6e20.png') !important;
  473.     background-color: var(--url-bg) !important;
  474.     background-repeat: no-repeat  !important;
  475.     background-position: center !important;
  476.     opacity: 0.7 !important;
  477.     margin-top: -1px !important;
  478.     margin-left: 11px !important;
  479.     box-shadow: none !important;
  480.     width: 18px !important;
  481.     height: 15px !important;
  482.     border: none !important;
  483. }
  484. /* bookmark icon */
  485. #bookmarks-menu-button:hover {
  486.     background-color: var(--url-bg) !important;
  487.     background-repeat: no-repeat  !important;
  488.     background-position: center !important;
  489.     opacity: 0.4 !important;
  490.     margin-top: -1px !important;
  491.     margin-left: 11px !important;
  492.     box-shadow: none !important;
  493.     width: 18px !important;
  494.     height: 15px !important;
  495.     border: none !important;
  496. }
  497.  
  498.  
  499. /* speaker  icon */
  500. .tab-icon-sound, .tab-icon-overlay {
  501.     list-style-image: url('https://puu.sh/r0Ect/f22929bb47.png') !important;
  502.     opacity: 0.7 !important;
  503.     filter: grayscale(100%) !important;
  504. }
  505. .tab-icon-sound[muted="true"] {
  506.     list-style-image: url('https://puu.sh/r0Eey/a5981717de.png') !important;
  507.     opacity: 0.7 !important;
  508.     filter: grayscale(100%) !important;
  509. }
  510.  
  511. /* new tab */
  512. .tabs-newtab-button {
  513.     background: #333333 !important;
  514.     list-style-image: url('http://i.imgur.com/TfMDLrX.png') !important;
  515.     margin-left: 0px !important;
  516.     width: 30px !important;
  517. }
  518.  
  519. .tabs-newtab-button:hover {
  520.     background: #262626 !important;;
  521. }
  522.  
  523. .toolbarbutton-menubutton-dropmarker {
  524.     display: none !important;
  525. }
  526.  
  527. /*#page-proxy-favicon {
  528.         list-style-image: url(http://puu.sh/jDf7t/c0600ffd52.png);
  529.     }    */
  530.  
  531. #reader-mode-button {
  532.     background-image: url(http://puu.sh/nOhuY/3f40ff38be.png);
  533.     margin-top: -2px !important;
  534.     margin-right: 2px !important;
  535. }
  536.  
  537. /* icons */
  538.  
  539. #reader-mode-button, #bookmarks-menu-button, #PanelUI-button {
  540.      list-style-image: none !important;
  541. }
  542.  
  543. #PanelUI-button, #bookmarks-menu-button, .urlbar-history-dropmarker, #urlbar-go-button,
  544. #urlbar-go-button:hover,
  545. #urlbar-go-button:hover:active,
  546. #PanelUI-menu-button .toolbarbutton-icon, #PanelUI-menu-button .toolbarbutton-icon, #bookmarks-menu-button, #bookmarks-menu-button:hover, #back-button > .toolbarbutton-icon, #forward-button {
  547.         -moz-image-region: rect(0, 0, 0, 0) !important;
  548.     }
  549.  
  550. #urlbar-go-button, #urlbar-go-button:hover, #urlbar-go-button:hover:active, #PanelUI-menu-button .toolbarbutton-icon, #PanelUI-menu-button .toolbarbutton-icon {
  551.    list-style-image: none !important;
  552.    background-size: contain !important;
  553.    background-position: center center !important;
  554.    background-repeat: no-repeat !important;
  555.         }
  556.    
  557. statuspanel[type="overLink"] .statuspanel-label {
  558. margin-bottom: 0px !important;    
  559. background: var(--url-bg) !important;
  560. border: 0px !important;
  561. color: var(--third-text) !important;
  562. }
  563.  
  564. statuspanel .statuspanel-label {
  565. background: var(--url-bg) !important;
  566. border: 0px !important;
  567. color: var(--third-text) !important;
  568. }
  569.  
  570. statuspanel[type="status"] .statuspanel-label[value^="Looking"],
  571. statuspanel[type="status"] .statuspanel-label[value^="Connect"],
  572. statuspanel[type="status"] .statuspanel-label[value^="Waiting"],
  573. statuspanel[type="status"] .statuspanel-label[value^="Transfer"] {
  574. background: var(--url-bg) !important;
  575. border: 0px solid !important;
  576. color: var(--third-text) !important;
  577. }        
  578.  
  579. #main-window:not([privatebrowsingmode])[sizemode="normal"] #nav-bar {
  580.     border-top: 0px #282B34!important;
  581. }
  582.  
  583. /* changes loading tab icons
  584. .tab-throbber[busy] {
  585.     animation-name: none !important;
  586.     list-style-image: url("http://puu.sh/jDkk9/2595e202c8.gif") !important;
  587. }
  588. .tab-throbber[progress] {
  589.     animation-name: none !important;
  590.     list-style-image: url("http://puu.sh/jDkk9/2595e202c8.gif") !important;
  591. } */
  592.  
  593. /* Add Ons Page - wip*/
  594. #view-port, #addons-page, .status-control-wrapper {
  595.   background-color: var(--focus-tab-bg) !important;
  596.   border: none !important;
  597. }
  598.  
  599. .addon.addon-view, .category, #nav-header, #categories, #header-search, #PanelUI-footer {
  600.     background-color: var(--tab-bg) !important;
  601. }
  602.  
  603. #header-search, #userstyle-sorting, #userstyle-footer {
  604.     border: none !important;
  605. }
  606.  
  607. .addon.addon-view, .category {
  608.   border-top: 0px !important;
  609.   border-bottom: 0px !important;
  610.    border-color: var(--main-text) !important;
  611. }
  612.  
  613. .advancedinfo-container, .name-container, .category, .text-link, .details.button-link, #userstyles-note {
  614.   color: var(--third-text) !important;
  615. }
  616.  
  617. #new-userstyle, #install-from-url,.addon-control, #userstyle-sorting-status, #userstyle-sorting-name, #userstyle-sorting-type, .sorter, #back-btn, #forward-btn, #header-utils-btn {
  618.   background-color: var(--focus-tab-bg) !important;
  619.   border: none !important;
  620.   color: var(--secondary-text) !important;
  621.   box-shadow: none !important;
  622. }
  623.  
  624. #window-controls {
  625.     opacity: 0 !important;
  626. }
  627. #window-controls:hover {
  628.     opacity: 0.4 !important;
  629. }
  630.  
  631. /* menu buttons */
  632.  
  633.   #tabview-button .toolbarbutton-icon,
  634.   #save-page-button .toolbarbutton-icon,
  635.   #developer-button .toolbarbutton-icon,
  636.   #preferences-button .toolbarbutton-icon,
  637.   #webrtc-status-button .toolbarbutton-icon, #new-window-button .toolbarbutton-icon,
  638.   #new-tab-button .toolbarbutton-icon,
  639.   #go-button:hover,
  640.   #downloads-button:not([attention]) .toolbarbutton-icon,
  641.   #zoom-in-button .toolbarbutton-icon,
  642.   #copy-button .toolbarbutton-icon,
  643.   #add-ons-button .toolbarbutton-icon,
  644.   #find-button .toolbarbutton-icon,
  645.   #sidebar-button .toolbarbutton-icon, #context-stop,
  646.   .tabs-closebutton:hover .toolbarbutton-icon,
  647.   .tab-close-button:hover .toolbarbutton-icon,
  648.   #downloads-button[paused] .toolbarbutton-icon,
  649.   #urlbar-stop-button:hover,
  650.   #cut-button .toolbarbutton-icon,
  651.   #zoom-out-button .toolbarbutton-icon,
  652.   #stop-button .toolbarbutton-icon,
  653.   #characterencoding-button .toolbarbutton-icon, #tabview-button .toolbarbutton-icon,
  654.   #history-button .toolbarbutton-icon,
  655.   #history-panelmenu .toolbarbutton-icon,
  656.   #fullscreen-button .toolbarbutton-icon,
  657.   #urlbar-reload-button:hover,
  658.   #paste-button .toolbarbutton-icon,
  659.   #reload-button .toolbarbutton-icon, #urlbar[level="broken"] #page-proxy-favicon, #feed-button .toolbarbutton-icon, #password-notification-icon,
  660.   #home-button .toolbarbutton-icon,
  661.   #open-file-button .toolbarbutton-icon,
  662.   #email-link-button .toolbarbutton-icon, #sync-button .toolbarbutton-icon,
  663.   #social-share-button .toolbarbutton-icon, #privatebrowsing-button .toolbarbutton-icon,
  664.   #print-button .toolbarbutton-icon,  
  665.   #PanelUI-menu-button .toolbarbutton-icon,
  666.   #nav-bar-overflow-button .toolbarbutton-icon,
  667.   #classic_bm_button23-toolbar-button > .toolbarbutton-icon,
  668.   #bookmarks-menu-button:not([starred]) .toolbarbutton-icon,
  669.   #bookmarks-button .toolbarbutton-icon,
  670.   #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, #ublock0-button, #downloads-button {
  671.   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
  672.    <feColorMatrix in='SourceGraphic' type='matrix' values=\
  673.    '1.1 0.0 0.0 0.0 0.0 \
  674.    1.0 0.0 0.0 0.0 0.0 \
  675.    1.1 0.0 0.0 0.0 0.0 \
  676.    1.1 0.0 0.0 1.1 0.0'/></filter></svg>#invert") !important;
  677.     /*filter: hue-rotate(120deg) !important;*/
  678.      opacity: 0.5 !important;
  679.   }
  680.  
  681.                                            /* about ffox dialog */    
  682. #aboutDialogContainer, #clientBox, .main-content {
  683.     background: var(--tab-bg) !important;
  684.     color: var(--secondary-text) !important;
  685. }    
  686. #noUpdatesFound > label, #trademark, #verifiedManage, #fxaUnlinkButton, #fxaChangeDeviceName, #fxaSyncComputerName, .androidAttribution {
  687.      color: var(--main-text) !important;
  688.  }
  689. #leftBox {
  690.     background-image: url("https://puu.sh/lkSrb/131664655c.png") !important;
  691.     margin-left: 80px !important;
  692. }    
  693. #rightBox {
  694.     background-image: url("https://puu.sh/lkSoQ/809ae3607f.png") !important;
  695.     margin-top: 80px !important;
  696.     margin-left: 80px !important;
  697. }      
  698.    
  699. #notification-popup-box {
  700.     display: none !important;
  701. }        
  702.    
  703. /* library window */
  704. #placesToolbar, #verifiedManage, #fxaUnlinkButton, #fxaChangeDeviceName, #fxaSyncComputerName, #help-button, #generalTab, #dataChoicesTab, #networkTab, #updateTab, #encryptionTab, #tabsElement, .checkbox-check {
  705.     background: var(--focus-tab-bg) !important;
  706. }
  707.    
  708. #browserStartupPage, #browserHomePage, #useCurrent, #useBookmark, #restoreDefaultHomePage, #chooseFolder, #filter, #handlersView, #typeColumn, #actionColumn, #historyMode, #addonExceptions, #passwordExceptions, #changeMasterPassword, #showPasswords, #engineShown, #engineName, #engineKeyword, #engineChildren, #engineList, #defaultEngine, #defaultFont, #defaultFontSize, #popupPolicyButton, #advancedFonts, #colors, #chooseLanguage, #warningScreen, #warningButton, #configDeck > vbox, #configTreeBody, #prefCol, #lockCol, #typeCol, #valueCol, #configTree > treecols:nth-child(1) {
  709.     background: var(--focus-tab-bg) !important;
  710.     border: none !important;  
  711.     color: var(--main-text) !important;
  712. }    
  713.  
  714. /* remove unsorted bookmarks from bookmarks dropdown */
  715.     #BMB_unsortedBookmarks + menuseparator,
  716. #BMB_unsortedBookmarks, #bookmarksMenuPopup > .hide-if-empty-places-result,
  717. #menu_unsortedBookmarks {
  718.   display: none !important;
  719. }    
  720.  
  721. #titlebar-buttonbox .titlebar-button .toolbarbutton-icon {
  722.    background: transparent !important;
  723. }
  724.  
  725. #titlebar-buttonbox .titlebar-button {
  726.    background-color: transparent !important;
  727. }
  728.  
  729. :root {
  730.     --in-content-text-color: var(--main-text) !important;
  731. }    
  732.  
  733. .panel-arrowbox {
  734.     margin-top: 25px !important;
  735. }
  736.    
  737. #placesList > treechildren, #searchFilter, #textbox {
  738.     background: var(--tab-bg) !important;
  739.      color: var(--main-text) !important;  
  740. }
  741. .download.download-state, #clearDownloadsButton, richlistitem:not([selected]):hover, .addon[selected]:hover {
  742.     background: var(--url-bg) !important;
  743.      color: var(--third-text) !important;  
  744. }      
  745. #placesToolbar, #placesView > splitter, #searchFilter, .checkbox-check, .fxaAccountBox, #verifiedManage, #fxaUnlinkButton, #fxaChangeDeviceName, #fxaSyncComputerName, .header, spacer.separator, #tabsElement, #handlersView > listheader, #engineList > treecols, #textbox, #configTree {
  746.     border: none !important;
  747. }      
  748. .checkbox-check {
  749.     border-radius: 0px !important;
  750.     box-shadow: none !important;
  751. }    
  752.  
  753. .addon[selected] {
  754.     border: none !important;  
  755.     background: var(--url-bg) !important;
  756. }  
  757.  
  758. /* remove useless UI */
  759.  
  760. #communityDesc, #contributeDesc {
  761.   display: none !important;  
  762. }
  763.  
  764. .text-link.bottom-link {
  765.     opacity: 0 !important;
  766. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!