API tools faq
paste
A_Hwang

userChrome.css 2020.11.23

A_Hwang
Nov 23rd, 2020
119
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 51.67 KB | None | 0 0
raw download clone embed print report
  1. /* Disable microphone and camera indicator */
  2. #webrtcIndicator {
  3.   display: none;
  4. }
  5.  
  6.  
  7. /** Set minimum width below which tabs will not shrink https://redd.it/ed6mij **/
  8. :root {
  9. --my-tab-min-width: 16px;  
  10. --my-tab-margins: 3px;
  11.   }
  12. /* Essential rule for reducing minimum tab width */
  13. .tabbrowser-tab:not([pinned]){
  14. min-width: calc(var(--my-tab-min-width) + 2*var(--my-tab-margins)) !important;
  15.   }
  16. /* Reduce icon's right margin for less wasted space */
  17. .tabbrowser-tab:not([pinned]) .tab-icon-image {
  18. /* visibility: hidden !important; */
  19. width: var(--my-tab-min-width) !important;
  20. height: var(--my-tab-min-width) !important;
  21. /* margin-bottom: 2px !important; */
  22. margin-right: var(--my-tab-margins) !important;
  23. margin-left: var(--my-tab-margins) !important;
  24.   }
  25. /* Match close button for less jumpy */
  26. .tabbrowser-tab:not([pinned]) .tab-close-button {
  27. /* visibility: hidden !important; */
  28. width: var(--my-tab-min-width) !important;
  29. height: var(--my-tab-min-width) !important;
  30. /* margin-bottom: 2px !important; */
  31. margin-right: var(--my-tab-margins) !important;
  32. margin-left: var(--my-tab-margins) !important;
  33.   }
  34.  
  35. /* Adjust padding for better centering and less wasted space */
  36. .tabbrowser-tab:not([pinned]) .tab-content{
  37. padding-left: calc((var(--my-tab-min-width) - 22px)/2) !important;
  38. padding-right: calc((var(--my-tab-min-width) - 22px)/2) !important;
  39.   }
  40. /* Hide close button */
  41. /* #tabbrowser-tabs .tabbrowser-tab .tab-close-button {display:none !important}
  42. #tabbrowser-tabs > .tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
  43.   display: none !important;} */
  44. /* Replace favicon with close button*/
  45. .tabbrowser-tab:not(:hover):not([selected=true]) .tab-close-button{ display:none; }
  46. .tabbrowser-tab:not([pinned])[selected=true] .tab-close-button{ display:block !important; }
  47. .tabbrowser-tab:not([pinned]):hover[selected=true]  .tab-throbber {
  48. display: none !important;
  49. }
  50. .tabbrowser-tab:not([pinned]):hover[selected=true]  .tab-icon-image {
  51. display: none !important;
  52. }
  53. .tabbrowser-tab:not([pinned]):not(:hover)[selected=true]  .tab-close-button {
  54. display: none !important;
  55. }
  56. .tabbrowser-tab:hover .tab-throbber,
  57. .tabbrowser-tab:hover .tab-icon-image,
  58. .tabbrowser-tab:hover .tab-sharing-icon-overlay,
  59. .tabbrowser-tab:hover .tab-icon-overlay,
  60. .tabbrowser-tab:hover .tab-label-container,
  61. .tabbrowser-tab:hover .tab-icon-sound {
  62. -moz-box-ordinal-group: 2 !important;
  63. }
  64. .tabbrowser-tab .tab-close-button {
  65. margin-left: -2px !important;
  66. margin-right: 2px !important;
  67. }
  68.  
  69.  
  70. /* Changes yellow pop-up mesage color https://redd.it/jslsl6 */
  71. notification{
  72.   background: #222 !important;
  73.   color: #777 !important;
  74. }
  75.  
  76.  
  77. /* Refined Find Bar */
  78. @keyframes scale-in {
  79.     0% {
  80.         transform: scaleY(0);
  81.     }
  82.     100% {
  83.         transform: scaleY(1);
  84.     }
  85. }
  86. @keyframes scale-out {
  87.     0% {
  88.         transform: scaleY(1);
  89.     }
  90.     100% {
  91.         transform: scaleY(0);
  92.     }
  93. }
  94. .browserContainer {
  95.     position: relative;
  96. }
  97. findbar {
  98.     animation: 0.2s scale-in;
  99.     transform-origin: top center;
  100.     background: var(--toolbar-bgcolor) !important;
  101.     padding: 4px 6px 6px 6px;
  102.     border: 1px solid var(--toolbox-border-bottom-color);
  103.     border-top-width: 0;
  104.     border-radius: 0 0 var(--toolbarbutton-border-radius) var(--toolbarbutton-border-radius);
  105.     position: absolute;
  106.     top: -2px;
  107.     right: 38px;
  108. }
  109. findbar[hidden="true"] {
  110.     animation: 0.2s scale-out;
  111. }
  112. findbar .findbar-container {
  113.     padding: 0 !important;
  114.     padding-inline-start: 0 !important;
  115.     padding-inline-end: 0 !important;
  116. }
  117. findbar .findbar-container .findbar-textbox {
  118.     padding: 6px 8px !important;
  119.     background-color: var(--url-and-searchbar-background-color) !important;
  120.     border-color: var(--backbutton-border-color) !important;
  121. }
  122. findbar .findbar-container .findbar-textbox[status="notfound"] {
  123.     background-color: #E74C3C !important;
  124.     color: white !important;
  125. }
  126. findbar .findbar-container .findbar-find-previous,
  127. findbar .findbar-container .findbar-find-next {
  128.     background: transparent !important;
  129.     border-color: var(--backbutton-border-color) !important;
  130. }
  131. findbar .findbar-container .findbar-find-previous:hover, findbar .findbar-container .findbar-find-previous:focus,
  132. findbar .findbar-container .findbar-find-next:hover,
  133. findbar .findbar-container .findbar-find-next:focus {
  134.     background-color: var(--toolbarbutton-hover-background) !important;
  135. }
  136. findbar .findbar-button {
  137.     border: 1px solid var(--backbutton-border-color);
  138.     border-radius: var(--toolbarbutton-border-radius) !important;
  139. }
  140. findbar .findbar-closebutton {
  141.     margin-right: 4px !important;
  142.     padding-inline-end: 0 !important;
  143.     position: relative;
  144.     top: 6px;
  145. }
  146. window[lwtheme="true"] findbar {
  147.     background: var(--lwt-header-image) !important;
  148.     background-attachment: fixed !important;
  149.     background-position: top right !important;
  150.     top: -1px;
  151. }
  152. window[lwtheme="true"] findbar:before {
  153.     display: block;
  154.     content: '';
  155.     position: absolute;
  156.     top: 0;
  157.     left: 0;
  158.     z-index: 0;
  159.     width: 100%;
  160.     height: 100%;
  161.     background-color: var(--toolbar-bgcolor);
  162. }
  163. window[lwtheme="true"] findbar .findbar-container,
  164. window[lwtheme="true"] findbar .findbar-closebutton {
  165.     position: relative;
  166.     z-index: 1;
  167. }
  168. window[lwtheme="true"] findbar .findbar-textbox {
  169.     color: var(--lwt-text-color) !important;
  170.     background-color: var(--toolbar-bgcolor) !important;
  171. }
  172. window[lwtheme="true"] findbar .findbar-textbox[status="notfound"] {
  173.     background-color: #E74C3C !important;
  174.     color: white !important;
  175. }
  176. window[lwtheme="true"] findbar .findbar-button[checked="true"] {
  177.     font-weight: bold;
  178.     background-color: var(--toolbar-bgcolor) !important;
  179. }
  180. window[lwtheme="true"] findbar .findbar-find-status, window[lwtheme="true"] findbar .found-matches {
  181.     color: var(--lwt-text-color) !important;
  182. }
  183.  
  184.  
  185. /* Reader Mode Changing When Active */
  186. #reader-mode-button[readeractive] {
  187. fill: #fff !important;
  188. }
  189.  
  190.  
  191. /** Drop Down URL with BLUR need layout.css.backdrop-filter.enabled = true **/
  192.         /*
  193.         .urlbarView {
  194.             background-image: url(image/noise-512x512.png) !important;
  195.             background-color: #2A2A2AC0 !important;
  196.             -webkit-backdrop-filter: blur(32px) !important;
  197.             backdrop-filter: blur(32px) !important;
  198.             -moz-backdrop-filter: blur(32px) !important;
  199.         }*/
  200.         #urlbar-background {
  201.             display: none !important;
  202.    
  203.         }
  204.        
  205. /* Search Bar #2b2b2bd1 262626ed #1E1E1EBF*/
  206.         #urlbar{
  207.           --autocomplete-popup-highlight-background: #47476b !important;
  208.          /*  --autocomplete-popup-highlight-background: #313131ad;*/
  209.         }
  210.         #urlbar-container {
  211.             border-radius: 8px 8px 8px 8px !important;
  212.             /* padding-top: 0px !important;
  213.             padding-bottom: 0px !important;*/
  214.            
  215.         }
  216.         #urlbar-input-container, #searchbar {
  217.             border-radius: 8px !important;
  218.         }
  219.         #urlbar[breakout]{
  220.             height: var(--urlbar-height) + 1 !important;
  221.            
  222.         }
  223.         #urlbar[breakout][breakout-extend] {
  224.             background-image: url(image/noise-512x512.png) !important;
  225.             background-color: #1E1E1EBF;
  226.             backdrop-filter: blur(32px) !important;
  227.            
  228.         }
  229.        
  230.         #urlbar[breakout][breakout-extend] > #urlbar-input-container, #urlbar-input-container {
  231.             height: var(--urlbar-height) !important;
  232.             padding-block: 0px !important;
  233.             padding-inline: 0px !important;
  234.             transition: none !important;
  235.         }
  236.         #urlbar[breakout][breakout-extend] {
  237.             top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
  238.             left: 0 !important;
  239.             width: 100% !important;
  240.         }
  241.        
  242.         .urlbarView.megabar .urlbarView-body-inner {
  243.             border-top: 0px !important;
  244.         }
  245.    
  246.         #urlbar-input-container {   /* Fixing icons right and left padding inside search bar for hovering  */
  247.             padding-left: 7px;
  248.             padding-right: 7px;
  249.         }
  250.         #navigator-toolbox {
  251.            
  252.             --lwt-toolbar-field-border-color:  transparent !important;
  253.             --lwt-toolbar-field-focus: transparent !important;
  254.             --toolbar-field-focus-border-color: #77777773 !important;
  255.             }
  256.    
  257.         #urlbar:not(.megabar):not([focused="true"]):-moz-lwtheme, #urlbar:not(.megabar):not([focused="true"]):-moz-lwtheme:hover {
  258.             border-color: transparent;
  259.         }
  260.         #urlbar {
  261.             border: 0 !important;
  262.             border-bottom: 1px solid #ffffff30 !important;
  263.             border-radius: 8px 8px 8px 8px !important;
  264.             background-color:#0000004d;
  265.         }
  266.    
  267.  
  268.         #tracking-protection-icon-container {
  269.             border-inline-end: none !important;
  270.             border-image: none !important;
  271.         }
  272.        
  273.     }
  274.  
  275.  
  276. /* Private Window New Tab Page -- Logo Only */
  277. @-moz-document url(about:privatebrowsing){
  278.   html.private div.showPrivate div.search-inner-wrapper,
  279.   html.private div.showPrivate div.info {
  280.     display: none !important;
  281.   }
  282. }
  283.  
  284.  
  285. /* Tab Color */
  286. #tabbrowser-tabs .tabbrowser-tab:nth-child(n) .tab-background {background-color: #272728 !important;}
  287.  
  288.  
  289. /* Gets rid of annoying space in tab bar */
  290. .titlebar-spacer[type="pre-tabs"] {
  291.     border-inline-end: 3px solid transparent !important;
  292. }
  293.  
  294.  
  295. /* Removes extension label from address bar */
  296. #extension-icon,
  297. #identity-icon-label {
  298.     display: none !important;
  299. }
  300.  
  301.  
  302. /* Darkens hovertext tooltips */
  303. tooltip {
  304.     -moz-appearance: none!important;
  305.     background-color: #262626!important;
  306.     color: white!important;
  307.     border-color: #353535!important;
  308. }
  309.  
  310.  
  311. /** Dark Context Menus: https://raw.githubusercontent.com/M1ch431/FirefoxW10ContextMenus/compact/userChrome.css **/
  312.  
  313. /* Colors */
  314. @media (prefers-color-scheme: dark)
  315. {
  316.     :root
  317.     {
  318.         --context-background: #353536;
  319.         --context-border: #808080;
  320.         --context-disabled: #6d6d6d;
  321.         --context-front: #ffffff;
  322.         --context-hover: #414141;
  323.         --context-separator: #808080;
  324.     }
  325. }
  326. @media (prefers-color-scheme: light)
  327. {
  328.     :root
  329.     {
  330.         --context-background: #eeeeee; /* Was #f2f2f2 in 1809 */
  331.         --context-border: #a0a0a0;
  332.         --context-disabled: #6d6d6d;
  333.         --context-front: #000000;
  334.         --context-hover: #ffffff; /* Was #d9d9d9 in 1809 */
  335.         --context-separator: #919191;
  336.     }
  337. }
  338.  
  339. /* Comment the following out if you are using the light theme: */
  340. #screenshots_mozilla_org-menuitem-_create-screenshot > .menu-iconic-left
  341. {
  342.     filter: invert(1) !important;
  343. }
  344.  
  345. /* Base */
  346. #backForwardMenu,
  347. #contentAreaContextMenu,
  348. #customizationPaletteItemContextMenu,
  349. #customizationPanelItemContextMenu,
  350. #customization-toolbar-menu,
  351. #downloadsContextMenu,
  352. #new-tab-button-popup,
  353. #pageActionContextMenu,
  354. #PlacesChevronPopup,
  355. #placesContext,
  356. .search-one-offs-context-menu,
  357. #SyncedTabsSidebarContext,
  358. #SyncedTabsSidebarTabsFilterContext,
  359. #tabContextMenu,
  360. #tabs-newtab-button-popup,
  361. #textbox-contextmenu,
  362. .textbox-contextmenu,
  363. #toolbar-context-menu,
  364. #toolbox-menu,
  365. #widget-overflow > #customizationPanelItemContextMenu,
  366. #back-button > menupopup,
  367. #backForwardMenu menupopup,
  368. #contentAreaContextMenu menupopup,
  369. #customizationPaletteItemContextMenu menupopup,
  370. #customizationPanelItemContextMenu menupopup,
  371. #customization-toolbar-menu menupopup,
  372. #downloadsContextMenu menupopup,
  373. #forward-button > menupopup,
  374. #main-menubar menupopup,
  375. #new-tab-button-popup menupopup,
  376. #pageActionContextMenu menupopup,
  377. #PlacesChevronPopup menupopup,
  378. #placesContext menupopup,
  379. #PlacesToolbarItems .bookmark-item menupopup,
  380. .search-one-offs-context-menu menupopup,
  381. #SyncedTabsSidebarContext menupopup,
  382. #tabContextMenu menupopup,
  383. #textbox-contextmenu menupopup,
  384. .textbox-contextmenu menupopup,
  385. #toolbar-context-menu menupopup,
  386. #toolbox-menu menupopup,
  387. #viewButton > menupopup,
  388. #widget-overflow > #customizationPanelItemContextMenu menupopup,
  389. #back-button > menupopup menupopup,
  390. #forward-button > menupopup menupopup,
  391. #viewButton > menupopup menupopup
  392. {
  393.     -moz-appearance: none !important;
  394.     background-color: var(--context-background) !important;
  395.     border: 1px solid var(--context-border) !important;
  396.     padding: 2px 2px 2px 2px !important;
  397.     margin: 0px 0px 0px 0px !important;
  398.     min-width: 191px !important;
  399. }
  400. #back-button > menupopup :-moz-any(menuitem, menu),
  401. #backForwardMenu :-moz-any(menuitem, menu),
  402. #contentAreaContextMenu :-moz-any(menuitem, menu),
  403. #customizationPaletteItemContextMenu :-moz-any(menuitem, menu),
  404. #customizationPanelItemContextMenu :-moz-any(menuitem, menu),
  405. #customization-toolbar-menu :-moz-any(menuitem, menu),
  406. #downloadsContextMenu :-moz-any(menuitem, menu),
  407. #forward-button > menupopup :-moz-any(menuitem, menu),
  408. #main-menubar menupopup :-moz-any(menuitem, menu),
  409. #new-tab-button-popup :-moz-any(menuitem, menu),
  410. #pageActionContextMenu :-moz-any(menuitem, menu),
  411. #PlacesChevronPopup :-moz-any(menuitem, menu),
  412. #placesContext :-moz-any(menuitem, menu),
  413. #PlacesToolbarItems .bookmark-item menupopup :-moz-any(menuitem, menu),
  414. .search-one-offs-context-menu :-moz-any(menuitem, menu),
  415. #SyncedTabsSidebarContext :-moz-any(menuitem, menu),
  416. #tabContextMenu :-moz-any(menuitem, menu),
  417. #tabs-newtab-button-popup :-moz-any(menuitem, menu),
  418. .textbox-contextmenu :-moz-any(menuitem, menu),
  419. #toolbar-context-menu :-moz-any(menuitem, menu),
  420. #toolbox-menu :-moz-any(menuitem, menu),
  421. .urlbar-input-box .textbox-contextmenu :-moz-any(menuitem, menu),
  422. #viewButton > menupopup :-moz-any(menuitem, menu),
  423. #widget-overflow #customizationPanelItemContextMenu :-moz-any(menuitem, menu)
  424. {
  425.     -moz-appearance: none !important;
  426.     color: var(--context-front) !important;
  427.     padding: 0px 0px 2px 0px !important;
  428.     min-height: 22px !important;
  429. }
  430. #back-button > menupopup menugroup,
  431. #backForwardMenu menugroup,
  432. #contentAreaContextMenu menugroup,
  433. #customizationPaletteItemContextMenu menugroup,
  434. #customizationPanelItemContextMenu menugroup,
  435. #customization-toolbar-menu menugroup,
  436. #downloadsContextMenu menugroup,
  437. #forward-button > menupopup menugroup,
  438. #main-menubar menupopup menugroup,
  439. #new-tab-button-popup menugroup,
  440. #pageActionContextMenu menugroup,
  441. #PlacesChevronPopup menugroup,
  442. #placesContext menugroup,
  443. #PlacesToolbarItems .bookmark-item menupopup menugroup,
  444. .search-one-offs-context-menu menugroup,
  445. #SyncedTabsSidebarContext menugroup,
  446. #tabContextMenu menugroup,
  447. #tabs-newtab-button-popup menugroup,
  448. .textbox-contextmenu menugroup,
  449. #toolbar-context-menu menugroup,
  450. #toolbox-menu menugroup,
  451. .urlbar-input-box .textbox-contextmenu menugroup,
  452. #viewButton > menupopup menugroup,
  453. #widget-overflow #customizationPanelItemContextMenu menugroup
  454. {
  455.     padding: 0px !important;
  456.     background-color: transparent !important;
  457. }
  458. #back-button > menupopup menuseparator,
  459. #backForwardMenu menuseparator,
  460. #contentAreaContextMenu menuseparator,
  461. #customizationPaletteItemContextMenu menuseparator,
  462. #customizationPanelItemContextMenu menuseparator,
  463. #customization-toolbar-menu menuseparator,
  464. #downloadsContextMenu menuseparator,
  465. #forward-button > menupopup menuseparator,
  466. #main-menubar menupopup menuseparator,
  467. #new-tab-button-popup menuseparator,
  468. #pageActionContextMenu menuseparator,
  469. #PlacesChevronPopup menuseparator,
  470. #placesContext menuseparator,
  471. #PlacesToolbarItems .bookmark-item menupopup menuseparator,
  472. .search-one-offs-context-menu menuseparator,
  473. #SyncedTabsSidebarContext menuseparator,
  474. #tabContextMenu menuseparator,
  475. #tabs-newtab-button-popup menuseparator,
  476. .textbox-contextmenu menuseparator,
  477. #toolbar-context-menu menuseparator,
  478. #toolbox-menu menuseparator,
  479. .urlbar-input-box .textbox-contextmenu menuseparator,
  480. #viewButton > menupopup menuseparator,
  481. #widget-overflow > #customizationPanelItemContextMenu menuseparator
  482. {
  483.     -moz-appearance: none !important;
  484.     margin: 2px 8px 2px 8px !important;
  485.     padding: 0 !important;
  486.     border-top: 1px solid var(--context-separator) !important;
  487.     border-bottom: none !important;
  488. }
  489.  
  490. /* Checkbox and Radio Items */
  491. #back-button menuitem[type="checkbox"],
  492. #back-button > menupopup menuitem[type="checkbox"],
  493. #backForwardMenu menuitem[type="checkbox"],
  494. #contentAreaContextMenu menuitem[type="checkbox"],
  495. #customizationPaletteItemContextMenu menuitem[type="checkbox"],
  496. #customizationPanelItemContextMenu menuitem[type="checkbox"],
  497. #customization-toolbar-menu menuitem[type="checkbox"],
  498. #downloadsContextMenu menuitem[type="checkbox"],
  499. #forward-button menuitem[type="checkbox"],
  500. #forward-button > menupopup menuitem[type="checkbox"],
  501. #main-menubar menupopup menuitem[type="checkbox"],
  502. #new-tab-button-popup menuitem[type="checkbox"],
  503. #pageActionContextMenu menuitem[type="checkbox"],
  504. #PlacesChevronPopup menuitem[type="checkbox"],
  505. #placesContext menuitem[type="checkbox"],
  506. #PlacesToolbarItems .bookmark-item menupopup menuitem[type="checkbox"],
  507. .search-one-offs-context-menu menuitem[type="checkbox"],
  508. #SyncedTabsSidebarContext menuitem[type="checkbox"],
  509. #tabContextMenu menuitem[type="checkbox"],
  510. #tabs-newtab-button-popup menuitem[type="checkbox"],
  511. .textbox-contextmenu menuitem[type="checkbox"],
  512. #toolbar-context-menu menuitem[type="checkbox"],
  513. #toolbox-menu menuitem[type="checkbox"],
  514. .urlbar-input-box .textbox-contextmenu menuitem[type="checkbox"],
  515. #viewButton > menupopup menuitem[type="checkbox"],
  516. #widget-overflow > #customizationPanelItemContextMenu menuitem[type="checkbox"]
  517. {
  518.     -moz-appearance: none !important;
  519. }
  520. #back-button menuitem[checked="true"][type="checkbox"] > .menu-iconic-left,
  521. #back-button > menupopup menuitem[checked="true"][type="checkbox"] > .menu-iconic-left,
  522. #backForwardMenu menuitem[checked="true"][type="checkbox"] > .menu-iconic-left,
  523. #contentAreaContextMenu menuitem[checked="true"][type="checkbox"] > .menu-iconic-left,
  524. #customizationPaletteItemContextMenu menuitem[checked="true"][type="checkbox"] > .menu-iconic-left,
  525. #customizationPanelItemContextMenu menuitem[checked="true"][type="checkbox"] > .menu-iconic-left,
  526. #customization-toolbar-menu menuitem[checked="true"][type="checkbox"] > .menu-iconic-left,
  527. #downloadsContextMenu menuitem[checked="true"][type="checkbox"] > .menu-iconic-left,
  528. #forward-button menuitem[checked="true"][type="checkbox"] > .menu-iconic-left,
  529. #forward-button > menupopup menuitem[checked="true"][type="checkbox"] > .menu-iconic-left,
  530. #main-menubar menupopup menuitem[checked="true"][type="checkbox"] > .menu-iconic-left,
  531. #new-tab-button-popup menuitem[checked="true"][type="checkbox"] > .menu-iconic-left,
  532. #pageActionContextMenu menuitem[checked="true"][type="checkbox"] > .menu-iconic-left,
  533. #PlacesChevronPopup menuitem[checked="true"][type="checkbox"] > .menu-iconic-left,
  534. #placesContext menuitem[checked="true"][type="checkbox"] > .menu-iconic-left,
  535. #PlacesToolbarItems .bookmark-item menupopup menuitem[checked="true"][type="checkbox"] > .menu-iconic-left,
  536. .search-one-offs-context-menu menuitem[checked="true"][type="checkbox"] > .menu-iconic-left,
  537. #SyncedTabsSidebarContext menuitem[checked="true"][type="checkbox"] > .menu-iconic-left,
  538. #tabContextMenu menuitem[checked="true"][type="checkbox"] > .menu-iconic-left,
  539. #tabs-newtab-button-popup menuitem[checked="true"][type="checkbox"] > .menu-iconic-left,
  540. .textbox-contextmenu menuitem[checked="true"][type="checkbox"] > .menu-iconic-left,
  541. #toolbar-context-menu menuitem[checked="true"][type="checkbox"] > .menu-iconic-left,
  542. #toolbox-menu menuitem[checked="true"][type="checkbox"] > .menu-iconic-left,
  543. .urlbar-input-box .textbox-contextmenu menuitem[checked="true"][type="checkbox"] > .menu-iconic-left,
  544. #viewButton > menupopup menuitem[checked="true"][type="checkbox"] > .menu-iconic-left,
  545. #widget-overflow > #customizationPanelItemContextMenu menuitem[checked="true"][type="checkbox"] > .menu-iconic-left
  546. {
  547.     -moz-appearance: none !important;
  548.     padding: 7px 0px 0px 0px !important;
  549.     margin-left: 7px !important;
  550.     margin-right: -7px !important;
  551.     border: solid var(--context-front);
  552.     border-width: 0px 0px 2px 2px;
  553.     transform: rotate(-45deg) scale(.75);
  554. }
  555. #back-button menuitem[type="radio"],
  556. #back-button > menupopup menuitem[type="radio"],
  557. #backForwardMenu menuitem[type="radio"],
  558. #contentAreaContextMenu menuitem[type="radio"],
  559. #customizationPaletteItemContextMenu menuitem[type="radio"],
  560. #customizationPanelItemContextMenu menuitem[type="radio"],
  561. #customization-toolbar-menu menuitem[type="radio"],
  562. #downloadsContextMenu menuitem[type="radio"],
  563. #forward-button menuitem[type="radio"],
  564. #forward-button > menupopup menuitem[type="radio"],
  565. #main-menubar menupopup menuitem[type="radio"],
  566. #new-tab-button-popup menuitem[type="radio"],
  567. #pageActionContextMenu menuitem[type="radio"],
  568. #PlacesChevronPopup menuitem[type="radio"],
  569. #placesContext menuitem[type="radio"],
  570. #PlacesToolbarItems .bookmark-item menupopup menuitem[type="radio"],
  571. .search-one-offs-context-menu menuitem[type="radio"],
  572. #SyncedTabsSidebarContext menuitem[type="radio"],
  573. #tabContextMenu menuitem[type="radio"],
  574. #tabs-newtab-button-popup menuitem[type="radio"],
  575. .textbox-contextmenu menuitem[type="radio"],
  576. #toolbar-context-menu menuitem[type="radio"],
  577. #toolbox-menu menuitem[type="radio"],
  578. .urlbar-input-box .textbox-contextmenu menuitem[type="radio"],
  579. #viewButton > menupopup menuitem[type="radio"],
  580. #widget-overflow > #customizationPanelItemContextMenu menuitem[type="radio"]
  581. {
  582.     -moz-appearance: none !important;
  583. }
  584. #back-button menuitem[checked="true"][type="radio"] > .menu-iconic-left,
  585. #back-button > menupopup menuitem[checked="true"][type="radio"] > .menu-iconic-left,
  586. #backForwardMenu menuitem[checked="true"][type="radio"] > .menu-iconic-left,
  587. #contentAreaContextMenu menuitem[checked="true"][type="radio"] > .menu-iconic-left,
  588. #customizationPaletteItemContextMenu menuitem[checked="true"][type="radio"] > .menu-iconic-left,
  589. #customizationPanelItemContextMenu menuitem[checked="true"][type="radio"] > .menu-iconic-left,
  590. #customization-toolbar-menu menuitem[checked="true"][type="radio"] > .menu-iconic-left,
  591. #downloadsContextMenu menuitem[checked="true"][type="radio"] > .menu-iconic-left,
  592. #forward-button menuitem[checked="true"][type="radio"] > .menu-iconic-left,
  593. #forward-button > menupopup menuitem[checked="true"][type="radio"] > .menu-iconic-left,
  594. #main-menubar menupopup menuitem[checked="true"][type="radio"] > .menu-iconic-left,
  595. #new-tab-button-popup menuitem[checked="true"][type="radio"] > .menu-iconic-left,
  596. #pageActionContextMenu menuitem[checked="true"][type="radio"] > .menu-iconic-left,
  597. #PlacesChevronPopup menuitem[checked="true"][type="radio"] > .menu-iconic-left,
  598. #placesContext menuitem[checked="true"][type="radio"] > .menu-iconic-left,
  599. #PlacesToolbarItems .bookmark-item menupopup menuitem[checked="true"][type="radio"] > .menu-iconic-left,
  600. .search-one-offs-context-menu menuitem[checked="true"][type="radio"] > .menu-iconic-left,
  601. #SyncedTabsSidebarContext menuitem[checked="true"][type="radio"] > .menu-iconic-left,
  602. #tabContextMenu menuitem[checked="true"][type="radio"] > .menu-iconic-left,
  603. #tabs-newtab-button-popup menuitem[checked="true"][type="radio"] > .menu-iconic-left,
  604. .textbox-contextmenu menuitem[checked="true"][type="radio"] > .menu-iconic-left,
  605. #toolbar-context-menu menuitem[checked="true"][type="radio"] > .menu-iconic-left,
  606. #toolbox-menu menuitem[checked="true"][type="radio"] > .menu-iconic-left,
  607. .urlbar-input-box .textbox-contextmenu menuitem[checked="true"][type="radio"] > .menu-iconic-left,
  608. #viewButton > menupopup menuitem[checked="true"][type="radio"] > .menu-iconic-left,
  609. #widget-overflow > #customizationPanelItemContextMenu menuitem[checked="true"][type="radio"] > .menu-iconic-left
  610. {
  611.     -moz-appearance: none !important;
  612.     border: solid var(--context-front);
  613.     height: 17px !important;
  614.     border-radius: 100%;
  615.     background: var(--context-front);
  616.     margin-left: 7px !important;
  617.     margin-right: -7px !important;
  618.     margin-top: 1px !important;
  619.     padding: 1px !important;
  620.     transform: scale(0.5);
  621. }
  622. #back-button menuitem[type="checkbox"] > .menu-iconic-text,
  623. #back-button > menupopup menuitem[type="checkbox"] > .menu-iconic-text,
  624. #backForwardMenu menuitem[type="checkbox"] > .menu-iconic-text,
  625. #contentAreaContextMenu menuitem[type="checkbox"] > .menu-iconic-text,
  626. #customizationPaletteItemContextMenu menuitem[type="checkbox"] > .menu-iconic-text,
  627. #customizationPanelItemContextMenu menuitem[type="checkbox"] > .menu-iconic-text,
  628. #customization-toolbar-menu menuitem[type="checkbox"] > .menu-iconic-text,
  629. #downloadsContextMenu menuitem[type="checkbox"] > .menu-iconic-text,
  630. #forward-button menuitem[type="checkbox"] > .menu-iconic-text,
  631. #forward-button > menupopup menuitem[type="checkbox"] > .menu-iconic-text,
  632. #main-menubar menupopup menuitem[type="checkbox"] > .menu-iconic-text,
  633. #new-tab-button-popup menuitem[type="checkbox"] > .menu-iconic-text,
  634. #pageActionContextMenu menuitem[type="checkbox"] > .menu-iconic-text,
  635. #PlacesChevronPopup menuitem[type="checkbox"] > .menu-iconic-text,
  636. #placesContext menuitem[type="checkbox"] > .menu-iconic-text,
  637. #PlacesToolbarItems .bookmark-item menupopup menuitem[type="checkbox"] > .menu-iconic-text,
  638. .search-one-offs-context-menu menuitem[type="checkbox"] > .menu-iconic-text,
  639. #SyncedTabsSidebarContext menuitem[type="checkbox"] > .menu-iconic-text,
  640. #tabContextMenu menuitem[type="checkbox"] > .menu-iconic-text,
  641. #tabs-newtab-button-popup menuitem[type="checkbox"] > .menu-iconic-text,
  642. .textbox-contextmenu menuitem[type="checkbox"] > .menu-iconic-text,
  643. #toolbar-context-menu menuitem[type="checkbox"] > .menu-iconic-text,
  644. #toolbox-menu menuitem[type="checkbox"] > .menu-iconic-text,
  645. .urlbar-input-box .textbox-contextmenu menuitem[type="checkbox"] > .menu-iconic-text,
  646. #viewButton > menupopup menuitem[type="checkbox"] > .menu-iconic-text,
  647. #widget-overflow > #customizationPanelItemContextMenu menuitem[type="checkbox"] > .menu-iconic-text
  648. {
  649.     margin-left: 15px !important;
  650.     -moz-appearance: none !important;
  651. }
  652. #back-button menuitem[type="radio"] > .menu-iconic-text,
  653. #back-button > menupopup menuitem[type="radio"] > .menu-iconic-text,
  654. #backForwardMenu menuitem[type="radio"] > .menu-iconic-text,
  655. #contentAreaContextMenu menuitem[type="radio"] > .menu-iconic-text,
  656. #customizationPaletteItemContextMenu menuitem[type="radio"] > .menu-iconic-text,
  657. #customizationPanelItemContextMenu menuitem[type="radio"] > .menu-iconic-text,
  658. #customization-toolbar-menu menuitem[type="radio"] > .menu-iconic-text,
  659. #downloadsContextMenu menuitem[type="radio"] > .menu-iconic-text,
  660. #forward-button menuitem[type="radio"] > .menu-iconic-text,
  661. #forward-button > menupopup menuitem[type="radio"] > .menu-iconic-text,
  662. #main-menubar menupopup menuitem[type="radio"] > .menu-iconic-text,
  663. #new-tab-button-popup menuitem[type="radio"] > .menu-iconic-text,
  664. #pageActionContextMenu menuitem[type="radio"] > .menu-iconic-text,
  665. #PlacesChevronPopup menuitem[type="radio"] > .menu-iconic-text,
  666. #placesContext menuitem[type="radio"] > .menu-iconic-text,
  667. #PlacesToolbarItems .bookmark-item menupopup menuitem[type="radio"] > .menu-iconic-text,
  668. .search-one-offs-context-menu menuitem[type="radio"] > .menu-iconic-text,
  669. #SyncedTabsSidebarContext menuitem[type="radio"] > .menu-iconic-text,
  670. #tabContextMenu menuitem[type="radio"] > .menu-iconic-text,
  671. #tabs-newtab-button-popup menuitem[type="radio"] > .menu-iconic-text,
  672. .textbox-contextmenu menuitem[type="radio"] > .menu-iconic-text,
  673. #toolbar-context-menu menuitem[type="radio"] > .menu-iconic-text,
  674. #toolbox-menu menuitem[type="radio"] > .menu-iconic-text,
  675. .urlbar-input-box .textbox-contextmenu menuitem[type="radio"] > .menu-iconic-text,
  676. #viewButton > menupopup menuitem[type="radio"] > .menu-iconic-text,
  677. #widget-overflow > #customizationPanelItemContextMenu menuitem[type="radio"] > .menu-iconic-text
  678. {
  679.     padding-left: 13px !important;
  680.     -moz-appearance: none !important;
  681. }
  682.  
  683. /* Disabled */
  684. #back-button > menupopup :-moz-any(menuitem, menu)[disabled="true"],
  685. #backForwardMenu :-moz-any(menuitem, menu)[disabled="true"],
  686. #contentAreaContextMenu :-moz-any(menuitem, menu)[disabled="true"],
  687. #customizationPaletteItemContextMenu :-moz-any(menuitem, menu)[disabled="true"],
  688. #customizationPanelItemContextMenu :-moz-any(menuitem, menu)[disabled="true"],
  689. #customization-toolbar-menu :-moz-any(menuitem, menu)[disabled="true"],
  690. #downloadsContextMenu :-moz-any(menuitem, menu)[disabled="true"],
  691. #forward-button > menupopup :-moz-any(menuitem, menu)[disabled="true"],
  692. #main-menubar menupopup :-moz-any(menuitem, menu)[disabled="true"],
  693. #new-tab-button-popup :-moz-any(menuitem, menu)[disabled="true"],
  694. #pageActionContextMenu :-moz-any(menuitem, menu)[disabled="true"],
  695. #PlacesChevronPopup :-moz-any(menuitem, menu)[disabled="true"],
  696. #placesContext :-moz-any(menuitem, menu)[disabled="true"],
  697. #PlacesToolbarItems .bookmark-item menupopup :-moz-any(menuitem, menu)[disabled="true"],
  698. .search-one-offs-context-menu :-moz-any(menuitem, menu)[disabled="true"],
  699. #SyncedTabsSidebarContext :-moz-any(menuitem, menu)[disabled="true"],
  700. #tabContextMenu :-moz-any(menuitem, menu)[disabled="true"],
  701. #tabs-newtab-button-popup :-moz-any(menuitem, menu)[disabled="true"],
  702. .textbox-contextmenu :-moz-any(menuitem, menu)[disabled="true"],
  703. #toolbar-context-menu :-moz-any(menuitem, menu)[disabled="true"],
  704. #toolbox-menu :-moz-any(menuitem, menu)[disabled="true"],
  705. .urlbar-input-box .textbox-contextmenu :-moz-any(menuitem, menu)[disabled="true"],
  706. #viewButton > menupopup :-moz-any(menuitem, menu)[disabled="true"],
  707. #widget-overflow #customizationPanelItemContextMenu :-moz-any(menuitem, menu)[disabled="true"]
  708. {
  709.     -moz-appearance: none !important;
  710.     color: var(--context-disabled) !important;
  711. }
  712. #back-button > menupopup :-moz-any(menuitem, menu)[disabled="true"]:hover,
  713. #backForwardMenu :-moz-any(menuitem, menu)[disabled="true"]:hover,
  714. #contentAreaContextMenu :-moz-any(menuitem, menu)[disabled="true"]:hover,
  715. #customizationPaletteItemContextMenu :-moz-any(menuitem, menu)[disabled="true"]:hover,
  716. #customizationPanelItemContextMenu :-moz-any(menuitem, menu)[disabled="true"]:hover,
  717. #customization-toolbar-menu :-moz-any(menuitem, menu)[disabled="true"]:hover,
  718. #downloadsContextMenu :-moz-any(menuitem, menu)[disabled="true"]:hover,
  719. #forward-button > menupopup :-moz-any(menuitem, menu)[disabled="true"]:hover,
  720. #main-menubar menupopup :-moz-any(menuitem, menu)[disabled="true"]:hover,
  721. #new-tab-button-popup :-moz-any(menuitem, menu)[disabled="true"]:hover,
  722. #pageActionContextMenu :-moz-any(menuitem, menu)[disabled="true"]:hover,
  723. #PlacesChevronPopup :-moz-any(menuitem, menu)[disabled="true"]:hover,
  724. #placesContext :-moz-any(menuitem, menu)[disabled="true"]:hover,
  725. #PlacesToolbarItems .bookmark-item menupopup :-moz-any(menuitem, menu)[disabled="true"]:hover,
  726. .search-one-offs-context-menu :-moz-any(menuitem, menu)[disabled="true"]:hover,
  727. #SyncedTabsSidebarContext :-moz-any(menuitem, menu)[disabled="true"]:hover,
  728. #tabContextMenu :-moz-any(menuitem, menu)[disabled="true"]:hover,
  729. #tabs-newtab-button-popup :-moz-any(menuitem, menu)[disabled="true"]:hover,
  730. .textbox-contextmenu :-moz-any(menuitem, menu)[disabled="true"]:hover,
  731. #toolbar-context-menu :-moz-any(menuitem, menu)[disabled="true"]:hover,
  732. #toolbox-menu :-moz-any(menuitem, menu)[disabled="true"]:hover,
  733. .urlbar-input-box .textbox-contextmenu :-moz-any(menuitem, menu)[disabled="true"]:hover,
  734. #viewButton > menupopup :-moz-any(menuitem, menu)[disabled="true"]:hover,
  735. #widget-overflow #customizationPanelItemContextMenu :-moz-any(menuitem, menu)[disabled="true"]:hover
  736. {
  737.     -moz-appearance: none !important;
  738.     background-color: transparent !important;
  739. }
  740.  
  741. /* Hover */
  742. #back-button > menupopup :-moz-any(menu, menuitem):-moz-any(:hover, [_moz-menuactive="true"]):not([disabled="true"]),
  743. #backForwardMenu :-moz-any(menu, menuitem):-moz-any(:hover, [_moz-menuactive="true"]):not([disabled="true"]),
  744. #customizationPaletteItemContextMenu :-moz-any(menu, menuitem):-moz-any(:hover, [_moz-menuactive="true"]):not([disabled="true"]),
  745. #customizationPanelItemContextMenu :-moz-any(menu, menuitem):-moz-any(:hover, [_moz-menuactive="true"]):not([disabled="true"]),
  746. #customization-toolbar-menu :-moz-any(menu, menuitem):-moz-any(:hover, [_moz-menuactive="true"]):not([disabled="true"]),
  747. #downloadsContextMenu :-moz-any(menu, menuitem):-moz-any(:hover, [_moz-menuactive="true"]):not([disabled="true"]),
  748. #forward-button > menupopup :-moz-any(menu, menuitem):-moz-any(:hover, [_moz-menuactive="true"]):not([disabled="true"]),
  749. #main-menubar menupopup :-moz-any(menu, menuitem):-moz-any(:hover, [_moz-menuactive="true"]):not([disabled="true"]),
  750. #new-tab-button-popup :-moz-any(menu, menuitem):-moz-any(:hover, [_moz-menuactive="true"]):not([disabled="true"]),
  751. #contentAreaContextMenu :-moz-any(menu, menuitem):-moz-any(:hover, [_moz-menuactive="true"]):not([disabled="true"]),
  752. #pageActionContextMenu :-moz-any(menu, menuitem):-moz-any(:hover, [_moz-menuactive="true"]):not([disabled="true"]),
  753. #PlacesChevronPopup :-moz-any(menu, menuitem):-moz-any(:hover, [_moz-menuactive="true"]):not([disabled="true"]),
  754. #placesContext :-moz-any(menu, menuitem):-moz-any(:hover, [_moz-menuactive="true"]):not([disabled="true"]),
  755. #PlacesToolbarItems .bookmark-item menupopup :-moz-any(menu, menuitem):-moz-any(:hover, [_moz-menuactive="true"]):not([disabled="true"]),
  756. .search-one-offs-context-menu :-moz-any(menu, menuitem):-moz-any(:hover, [_moz-menuactive="true"]):not([disabled="true"]),
  757. #SyncedTabsSidebarContext :-moz-any(menu, menuitem):-moz-any(:hover, [_moz-menuactive="true"]):not([disabled="true"]),
  758. #tabContextMenu :-moz-any(menu, menuitem):-moz-any(:hover, [_moz-menuactive="true"]):not([disabled="true"]),
  759. #tabs-newtab-button-popup :-moz-any(menu, menuitem):-moz-any(:hover, [_moz-menuactive="true"]):not([disabled="true"]),
  760. .textbox-contextmenu :-moz-any(menu, menuitem):-moz-any(:hover, [_moz-menuactive="true"]):not([disabled="true"]),
  761. #toolbar-context-menu :-moz-any(menu, menuitem):-moz-any(:hover, [_moz-menuactive="true"]):not([disabled="true"]),
  762. #toolbox-menu :-moz-any(menu, menuitem):-moz-any(:hover, [_moz-menuactive="true"]):not([disabled="true"]),
  763. .urlbar-input-box .textbox-contextmenu :-moz-any(menu, menuitem):-moz-any(:hover, [_moz-menuactive="true"]):not([disabled="true"]),
  764. #viewButton > menupopup :-moz-any(menu, menuitem):-moz-any(:hover, [_moz-menuactive="true"]):not([disabled="true"]),
  765. #widget-overflow #customizationPanelItemContextMenu :-moz-any(menu, menuitem):-moz-any(:hover, [_moz-menuactive="true"]):not([disabled="true"])
  766. {
  767.     -moz-appearance: none !important;
  768.     background-color: var(--context-hover) !important;
  769. }
  770.  
  771. /* Icons */
  772. #back-button menuitem > .menu-iconic-left,
  773. #back-button > menupopup menuitem > .menu-iconic-left,
  774. #backForwardMenu menuitem > .menu-iconic-left,
  775. #contentAreaContextMenu menuitem > .menu-iconic-left,
  776. #customizationPaletteItemContextMenu menuitem > .menu-iconic-left,
  777. #customizationPanelItemContextMenu menuitem > .menu-iconic-left,
  778. #customization-toolbar-menu menuitem > .menu-iconic-left,
  779. #downloadsContextMenu menuitem > .menu-iconic-left,
  780. #forward-button menuitem > .menu-iconic-left,
  781. #forward-button > menupopup menuitem > .menu-iconic-left,
  782. #main-menubar menupopup .menu-iconic-left,
  783. #new-tab-button-popup menuitem > .menu-iconic-left,
  784. #pageActionContextMenu menuitem > .menu-iconic-left,
  785. #PlacesChevronPopup menuitem > .menu-iconic-left,
  786. #placesContext menuitem > .menu-iconic-left,
  787. #PlacesToolbarItems .bookmark-item menupopup menuitem > .menu-iconic-left,
  788. .search-one-offs-context-menu menuitem > .menu-iconic-left,
  789. #SyncedTabsSidebarContext menuitem > .menu-iconic-left,
  790. #tabContextMenu menuitem > .menu-iconic-left,
  791. #tabs-newtab-button-popup menuitem > .menu-iconic-left,
  792. .textbox-contextmenu menuitem > .menu-iconic-left,
  793. #toolbar-context-menu menuitem > .menu-iconic-left,
  794. #toolbox-menu menuitem > .menu-iconic-left,
  795. .urlbar-input-box .textbox-contextmenu menuitem > .menu-iconic-left,
  796. #viewButton > menupopup menuitem > .menu-iconic-left,
  797. #widget-overflow > #customizationPanelItemContextMenu menuitem > .menu-iconic-left
  798. {
  799.     -moz-appearance: none !important;
  800.     padding: 0px 6px 0px 8px !important;
  801. }
  802. #back-button > menupopup .menu-right,
  803. #backForwardMenu .menu-right,
  804. #contentAreaContextMenu .menu-right,
  805. #customizationPaletteItemContextMenu .menu-right,
  806. #customizationPanelItemContextMenu .menu-right,
  807. #customization-toolbar-menu .menu-right,
  808. #downloadsContextMenu .menu-right,
  809. #forward-button > menupopup .menu-right,
  810. #main-menubar menupopup .menu-right,
  811. #new-tab-button-popup .menu-right,
  812. #pageActionContextMenu .menu-right,
  813. #PlacesChevronPopup .menu-right,
  814. #placesContext .menu-right,
  815. #PlacesToolbarItems .bookmark-item menupopup .menu-right,
  816. .search-one-offs-context-menu .menu-right,
  817. #SyncedTabsSidebarContext .menu-right,
  818. #tabContextMenu .menu-right,
  819. #tabs-newtab-button-popup .menu-right,
  820. .textbox-contextmenu .menu-right,
  821. #toolbar-context-menu .menu-right,
  822. #toolbox-menu .menu-right,
  823. .urlbar-input-box .textbox-contextmenu .menu-right,
  824. #viewButton > menupopup .menu-right,
  825. #widget-overflow #customizationPanelItemContextMenu .menu-right
  826. {
  827.     -moz-appearance: none !important;
  828.     margin-right: 6px !important;
  829.     padding: 7.5px !important;
  830.     color: var(--context-front) !important;
  831.     border: solid var(--context-front);
  832.     border-width: 0px 2px 2px 0px;
  833.     transform: rotate(-45deg) scale(.55);
  834. }
  835.  
  836. /* Colored folders for Bookmarks Menus, Bookmarks Sidebar, Bookmarks Toolbar, Library window, Add/Edit Bookmarks dialog
  837.    Original: https://www.userchrome.org/samples/userChrome-color_bookmark_folders_20171219.css
  838.    Updated for Firefox 60: https://www.userchrome.org/samples/userChrome-color_bookmark_folders_20180510.css
  839.    Uses mods for Firefox 62 from cor-el's Sept. 15, 2018 post:
  840.    https://support.mozilla.org/questions/1232447#answer-1151074
  841. */
  842.  
  843. /* Standard folder -- on Toolbar and Menus */
  844. #PlacesToolbarItems toolbarbutton[container="true"] .toolbarbutton-icon,
  845. :-moz-any(
  846. #PlacesToolbarItems,
  847. #PlacesChevronPopup,
  848. #BMB_bookmarksPopup,
  849. #bookmarksMenu) menu[container="true"] > .menu-iconic-left > .menu-iconic-icon,
  850. /* Standard folder -- in Sidebar, Library, Add/Edit Bookmark dialog */
  851. :-moz-any(
  852. #bookmarks-view,
  853. #editBMPanel_folderTree,
  854. #placesList,
  855. #placeContent) treechildren::-moz-tree-image(container),
  856. #editBMPanel_folderMenuList > .menulist-label-box > .menulist-icon,
  857. #editBMPanel_folderMenuList menupopup menuitem {
  858.   fill: #e8bb00 !important; /* slightly muted gold */
  859. }
  860.  
  861. /* Live Bookmark -- on Toolbar and Menus */
  862. #PlacesToolbarItems toolbarbutton[container="true"][livemark="true"] .toolbarbutton-icon,
  863. :-moz-any(
  864. #PlacesToolbarItems,
  865. #PlacesChevronPopup,
  866. #BMB_bookmarksPopup,
  867. #bookmarksMenu) menu[container="true"][livemark="true"] > .menu-iconic-left > .menu-iconic-icon,
  868. /* Live Bookmark -- in Sidebar, Library, Add/Edit Bookmark dialog */
  869. :-moz-any(
  870. #bookmarks-view,
  871. #editBMPanel_folderTree,
  872. #placesList,
  873. #placeContent) treechildren::-moz-tree-image(container, livemark) {
  874.   fill: orange !important;
  875. }
  876.  
  877. /* Smart bookmark folder -- on Toolbar and Menus */
  878. #PlacesToolbarItems toolbarbutton[container="true"][query="true"] .toolbarbutton-icon,
  879. :-moz-any(
  880. #PlacesToolbarItems,
  881. #PlacesChevronPopup,
  882. #BMB_bookmarksPopup,
  883. #bookmarksMenu) menu[container="true"][query="true"] > .menu-iconic-left > .menu-iconic-icon,
  884. /* Smart bookmark folder -- in Sidebar, Library, Add/Edit Bookmark dialog */
  885. :-moz-any(
  886. #bookmarks-view,
  887. #editBMPanel_folderTree,
  888. #placesList,
  889. #placeContent) treechildren::-moz-tree-image(container, query) {
  890.   fill: #69c !important; /* similar to blue smart folder color */
  891. }
  892.  
  893. /*** Top-level "container" icons (otherwise would be Standard folder color) ***/
  894. /* Bookmarks Menu -- in Sidebar, Library, Add/Edit Bookmark dialog */
  895. :-moz-any(
  896. #bookmarks-view,
  897. #editBMPanel_folderTree,
  898. #placesList,
  899. #placeContent) treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu),
  900. :-moz-any(
  901. #bookmarks-view,
  902. #editBMPanel_folderTree,
  903. #placesList,
  904. #placeContent) treechildren::-moz-tree-image(container, queryFolder_menu________),
  905. #editBMPanel_bmRootItem > .menu-iconic-left,
  906. #editBMPanel_folderMenuList[selectedIndex="1"] > .menulist-label-box > .menulist-icon {
  907.   fill: olive !important;
  908. }
  909.  
  910. /* Bookmarks Toolbar -- on Menus */
  911. #BMB_bookmarksPopup #BMB_bookmarksToolbar > .menu-iconic-left > .menu-iconic-icon,
  912. #bookmarksMenuPopup #bookmarksToolbarFolderMenu  > .menu-iconic-left > .menu-iconic-icon,
  913. /* Bookmarks Toolbar -- in Sidebar, Library, Add/Edit Bookmark dialog */
  914. :-moz-any(
  915. #bookmarks-view,
  916. #editBMPanel_folderTree,
  917. #placesList,
  918. #placeContent) treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar),
  919. :-moz-any(
  920. #bookmarks-view,
  921. #editBMPanel_folderTree,
  922. #placesList,
  923. #placeContent) treechildren::-moz-tree-image(container, queryFolder_toolbar_____),
  924. #editBMPanel_toolbarFolderItem > .menu-iconic-left,
  925. #editBMPanel_folderMenuList[selectedIndex="0"] > .menulist-label-box > .menulist-icon {
  926.   fill: olive !important;
  927. }
  928.  
  929. /* Other Bookmarks -- on Menus */
  930. #BMB_bookmarksPopup #BMB_unsortedBookmarks > .menu-iconic-left > .menu-iconic-icon,
  931. #bookmarksMenuPopup #menu_unsortedBookmarks  > .menu-iconic-left > .menu-iconic-icon,
  932. /* Other Bookmarks -- in Sidebar, Library, Add/Edit Bookmark dialog */
  933. :-moz-any(
  934. #bookmarks-view,
  935. #editBMPanel_folderTree,
  936. #placesList,
  937. #placeContent) treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks),
  938. :-moz-any(
  939. #bookmarks-view,
  940. #editBMPanel_folderTree,
  941. #placesList,
  942. #placeContent) treechildren::-moz-tree-image(container, queryFolder_unfiled_____),
  943. #editBMPanel_unfiledRootItem > .menu-iconic-left,
  944. #editBMPanel_folderMenuList[selectedIndex="2"] > .menulist-label-box > .menulist-icon {
  945.   fill: olive !important;
  946. }
  947.  
  948. /* (Older Firefox) Avoid overriding classic Bookmarks Toolbar and Other Bookmarks icons in menus */
  949. #BMB_bookmarksPopup #BMB_bookmarksToolbar.menu-iconic-icon,
  950. #bookmarksMenu #bookmarksToolbarFolderMenu.menu-iconic-icon {
  951.   list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important;
  952. }
  953. #BMB_bookmarksPopup #BMB_unsortedBookmarks.menu-iconic-icon,
  954. #bookmarksMenu #menu_unsortedBookmarks.menu-iconic-icon {
  955.   list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png") !important;
  956. }
  957.  
  958.  
  959. /* Tabs */
  960. .tab-background {
  961.   border-radius: 6px !important;
  962.   margin: -3px !important /* size of the tab */;
  963. }
  964. .tab-background[selected="true"]:-moz-lwtheme {
  965.   background: rgba(255,255,255, 0.0) !important;
  966.   border: 2px solid rgba(255,255,255, 0.5)  !important;
  967. }
  968. .tabbrowser-tab {
  969.   margin: 0px 0px !important /* keep this at 0px to have click target as high as possible */;
  970.   padding: 5px !important /* space between tabs */;
  971.   -moz-box-align: center !important;
  972. }
  973. .tab-line {
  974.   display: none !important;
  975. }
  976. tab-item {
  977.   border: solid 2px #00000012 !important;
  978. }
  979. .tab-label {
  980.   margin-block: 0 !important;
  981.   color: white !important;
  982.     font-size: 1.12em !important;
  983.   font-weight: 580 !important;
  984.   padding: 0px 2px !important;
  985. }
  986. .tab-label-container {
  987.   opacity: 1 !important;
  988. }
  989. .tab-icon-image {
  990.   margin-top: 0 !important;
  991. }
  992. .close-icon {
  993.   fill: white !important;
  994. }
  995. #TabsToolbar #new-tab-button,
  996. #tabs-newtab-button {
  997.   margin: 5px 0px 5px 0px !important;
  998.   min-height: 21px !important;
  999.   max-width: 25px !important;
  1000.   overflow: hidden !
  1001. }
  1002. #tabs-newtab-button > image:nth-child(1) {
  1003.   margin: 0px !important;
  1004.   padding: 3px 4px !important;
  1005.   border: 2px solid rgba(255,255,255, 0.0)  !important;
  1006.   transition: all 0.1s ease !important;
  1007. }
  1008. #tabs-newtab-button:hover > image:nth-child(1) {
  1009.   padding: 3px 4px !important;
  1010.   background: rgba(255,255,255, 0.0) !important;
  1011.   border: 2px solid rgba(255,255,255, 0.5)  !important;
  1012. }
  1013. .titlebar-spacer[type="pre-tabs"] {
  1014.     display: none !important;
  1015. }
  1016.  
  1017.  
  1018. /* Disable seperator right of the hamburger menu */
  1019. #PanelUI-button{ border-left: none !important }
  1020.  
  1021.  
  1022. /* No white flash on new tab opening in dark theme */
  1023. #browser vbox#appcontent tabbrowser, #content, #tabbrowser-tabpanels, browser[type=content-primary], browser[type=content] > html { background: #222 !important; }
  1024.  
  1025.  
  1026. /* Removes shadow under tab overflow arrows: https://redd.it/jyjucp */
  1027. [part="overflow-start-indicator"],
  1028. [part="overflow-end-indicator"]{ background-image: none !important }
  1029.  
  1030.  
  1031. /* Disabled changes */
  1032.  
  1033. /* Context Menus
  1034. menupopup {
  1035.     -moz-appearance: none !important;
  1036.     background-color: #3c3c3f !important;
  1037.     border: 1px solid #333 !important;
  1038.     margin: -1px 0 0 0 !important;
  1039. }
  1040. menuseparator {
  1041.     -moz-appearance: none !important;
  1042.     max-height: 1px !important;
  1043.     border: none !important;
  1044.     padding: 0.5px 0 !important;
  1045.     margin: 0 10px !important;
  1046.     background-color: #2f2f2f !important;
  1047. }
  1048. menuitem, menu {
  1049.     -moz-appearance: none !important;
  1050.     color: white !important;
  1051.     padding: 0 0 2px 0 !important;
  1052.     min-height: 25px !important;
  1053. }
  1054. menugroup {
  1055.     padding: 0 !important;
  1056.     background-color: transparent !important;
  1057. }
  1058. .menu-right {
  1059.     -moz-appearance: none !important;
  1060.     padding: 7px !important;
  1061.     margin-right: 6px !important;
  1062.     color: white !important;
  1063.     border: solid white;
  1064.     border-width: 0 2px 2px 0;
  1065.     transform: rotate(-45deg) scale(.35);
  1066. } */
  1067.  
  1068.  
  1069. /* Bigger Bookmark Icons */
  1070. /*
  1071. #personal-bookmarks .bookmark-item > .toolbarbutton-icon {
  1072. height: 21px !important;
  1073. width: 21px !important;
  1074. border: 2px solid transparent !important;
  1075. border-radius: 2px !important;
  1076. }
  1077. */
  1078.  
  1079.  
  1080. /* Show tab close button when cursor is over the tab icon */
  1081. /*
  1082. .tab-close-button{
  1083.   -moz-box-ordinal-group: 0;
  1084.   display: -moz-box !important;
  1085.   position: relative;
  1086.   margin-right: -18px !important;
  1087.   z-index: -1;
  1088.   visibility: hidden;
  1089. }
  1090. .tabbrowser-tab[pinned] .tab-close-button{ display: none !important; }
  1091. .tab-close-button:hover{ background-color: var(--lwt-accent-color); }
  1092.  
  1093. .tabbrowser-tab[selected] .tab-close-button:hover{ background-color: var(--lwt-selected-tab-background-color, var(--toolbar-bgcolor)); }
  1094. */
  1095.  
  1096. /**** ONLY USE ONE OF THE FOLLOWING ****/
  1097. /**** These select the behavior of a scenario where the page has no favicon ****/
  1098.  
  1099. /*** Option 1 - no favicon - no close-button ***/
  1100.  
  1101. /*
  1102. .tab-icon-image:hover ~ .tab-close-button, .tab-close-button:hover{ visibility: visible; z-index: 1 }
  1103. */
  1104.  
  1105. /*** Option 2 - No icon - always show close-button ***/
  1106.  
  1107. /*
  1108. .tab-icon-image:hover ~ .tab-close-button,
  1109. .tab-close-button:hover,
  1110. .tab-icon-image:not([src]) ~ .tab-close-button{ visibility: visible; z-index: 1 }
  1111. .tab-icon-image:not([src]) ~  .tab-close-button{ margin-right:0px !important; }
  1112. */
  1113.  
  1114. /*** Option 3 - No icon - show close-button when cursor is over the tab text ***/
  1115.  
  1116. /*.tab-icon-image:hover ~ .tab-close-button,
  1117. .tab-close-button:hover,
  1118. .tab-icon-image:not([src]) ~ .tab-label-container:hover ~ .tab-close-button{ visibility: visible; z-index: 1 }
  1119. .tab-icon-image:not([src]) ~ .tab-label-container:hover ~ .tab-close-button,
  1120. .tab-icon-image:not([src]) ~  .tab-close-button:hover {margin-right: 0px !important; }
  1121. */
  1122.  
  1123.  
  1124. /* Accent Color */
  1125. /*
  1126. .tab-line[selected="true"] {
  1127.      background: -moz-win-accentcolor !important;
  1128.  }
  1129.  :root {
  1130.      --tab-loading-fill: -moz-win-accentcolor !important;
  1131.  }
  1132. */
  1133.  
  1134.  
  1135. /* Extension popup in overflow menu: Force width to 600px extension popup max */
  1136. /*
  1137. #widget-overflow panelview[id^="PanelUI-webext"] {
  1138.   min-width: 600px !important;
  1139.   max-width: 600px !important;
  1140. }
  1141. */
  1142.  
  1143.  
  1144. /** Replace favicon with close buttom attempts **/
  1145. /* Replace favicon with close buttom V3 */
  1146. /*
  1147. .tab-icon-image {
  1148.   -moz-box-ordinal-group: 2 !important;
  1149.   margin-left: 3px !important;
  1150.   margin-right: 1px !important;
  1151. }
  1152.  
  1153. .tabbrowser-tab:not(:hover) .tab-close-button{ display:none; }
  1154. .tabbrowser-tab:not([pinned]):hover .tab-close-button{ display:block !important; }
  1155.  
  1156. .tabbrowser-tab:not([pinned]):hover  .tab-icon-image {
  1157.   display: none !important;
  1158. }
  1159. */
  1160.  
  1161. /* Replace favicon with close button V2*/
  1162. /*
  1163. .tabbrowser-tab:not(:hover) .tab-close-button{ display:none; }
  1164. .tabbrowser-tab:not([pinned]):hover .tab-close-button{ display:block !important; }
  1165.  
  1166.  
  1167. .tabbrowser-tab:not([pinned]):hover  .tab-icon-image {
  1168.   display: none !important;
  1169. }
  1170.  
  1171. .tabbrowser-tab:hover  .tab-throbber,
  1172. .tabbrowser-tab:hover  .tab-icon-image,
  1173. .tabbrowser-tab:hover .tab-sharing-icon-overlay,
  1174. .tabbrowser-tab:hover  .tab-icon-overlay,
  1175. .tabbrowser-tab:hover  .tab-label-container,
  1176. .tabbrowser-tab:hover  .tab-icon-sound {
  1177.    -moz-box-ordinal-group: 2 !important;
  1178. }
  1179.  
  1180. .tabbrowser-tab .tab-close-button {
  1181.   margin-left: -2px !important;
  1182.   margin-right: 2px !important;
  1183. }
  1184. */
  1185.  
  1186. /* Replace favicon with close button*/
  1187. /*
  1188. .tabbrowser-tab:not(:hover):not([selected=true]) .tab-close-button{ display:none; }
  1189. .tabbrowser-tab:not([pinned])[selected=true] .tab-close-button{ display:block !important; }
  1190. .tabbrowser-tab:not([pinned]):hover[selected=true]  .tab-throbber {
  1191. display: none !important;
  1192. }
  1193.  
  1194. .tabbrowser-tab:not([pinned]):hover[selected=true]  .tab-icon-image {
  1195. display: none !important;
  1196. }
  1197.  
  1198. .tabbrowser-tab:not([pinned]):not(:hover)[selected=true]  .tab-close-button {
  1199. display: none !important;
  1200. }
  1201. .tabbrowser-tab:hover .tab-throbber,
  1202. .tabbrowser-tab:hover .tab-icon-image,
  1203. .tabbrowser-tab:hover .tab-sharing-icon-overlay,
  1204. .tabbrowser-tab:hover .tab-icon-overlay,
  1205. .tabbrowser-tab:hover .tab-label-container,
  1206. .tabbrowser-tab:hover .tab-icon-sound {
  1207. -moz-box-ordinal-group: 2 !important;
  1208. }
  1209. .tabbrowser-tab .tab-close-button {
  1210. margin-left: -2px !important;
  1211. margin-right: 2px !important;
  1212. }
  1213. */
  1214.  
  1215.  
  1216. /*Refined Search Bar */
  1217. /*
  1218. @keyframes scale-in {
  1219.     0% {
  1220.         transform: scaleY(0);
  1221.     }
  1222.     100% {
  1223.         transform: scaleY(1);
  1224.     }
  1225. }
  1226. @keyframes scale-out {
  1227.     0% {
  1228.         transform: scaleY(1);
  1229.     }
  1230.     100% {
  1231.         transform: scaleY(0);
  1232.     }
  1233. }
  1234. .browserContainer {
  1235.     position: relative;
  1236. }
  1237. findbar {
  1238.     animation: 0.2s scale-in;
  1239.     transform-origin: top center;
  1240.     background: var(--toolbar-bgcolor) !important;
  1241.     padding: 4px 6px 6px 6px;
  1242.     border: 1px solid var(--toolbox-border-bottom-color);
  1243.     border-top-width: 0;
  1244.     border-radius: 0 0 var(--toolbarbutton-border-radius) var(--toolbarbutton-border-radius);
  1245.     position: absolute;
  1246.     top: -2px;
  1247.     right: 38px;
  1248. }
  1249. findbar[hidden="true"] {
  1250.     animation: 0.2s scale-out;
  1251. }
  1252. findbar .findbar-container {
  1253.     padding: 0 !important;
  1254.     padding-inline-start: 0 !important;
  1255.     padding-inline-end: 0 !important;
  1256. }
  1257. findbar .findbar-container .findbar-textbox {
  1258.     padding: 6px 8px !important;
  1259.     background-color: var(--url-and-searchbar-background-color) !important;
  1260.     border-color: var(--backbutton-border-color) !important;
  1261. }
  1262. findbar .findbar-container .findbar-textbox[status="notfound"] {
  1263.     background-color: #E74C3C !important;
  1264.     color: white !important;
  1265. }
  1266. findbar .findbar-container .findbar-find-previous,
  1267. findbar .findbar-container .findbar-find-next {
  1268.     background: transparent !important;
  1269.     border-color: var(--backbutton-border-color) !important;
  1270. }
  1271. findbar .findbar-container .findbar-find-previous:hover, findbar .findbar-container .findbar-find-previous:focus,
  1272. findbar .findbar-container .findbar-find-next:hover,
  1273. findbar .findbar-container .findbar-find-next:focus {
  1274.     background-color: var(--toolbarbutton-hover-background) !important;
  1275. }
  1276. findbar .findbar-button {
  1277.     border: 1px solid var(--backbutton-border-color);
  1278.     border-radius: var(--toolbarbutton-border-radius) !important;
  1279. }
  1280. findbar .findbar-closebutton {
  1281.     margin-right: 4px !important;
  1282.     padding-inline-end: 0 !important;
  1283.     position: relative;
  1284.     top: 6px;
  1285. }
  1286. window[lwtheme="true"] findbar {
  1287.     background: var(--lwt-header-image) !important;
  1288.     background-attachment: fixed !important;
  1289.     background-position: top right !important;
  1290.     top: -1px;
  1291. }
  1292. window[lwtheme="true"] findbar:before {
  1293.     display: block;
  1294.     content: '';
  1295.     position: absolute;
  1296.     top: 0;
  1297.     left: 0;
  1298.     z-index: 0;
  1299.     width: 100%;
  1300.     height: 100%;
  1301.     background-color: var(--toolbar-bgcolor);
  1302. }
  1303. window[lwtheme="true"] findbar .findbar-container,
  1304. window[lwtheme="true"] findbar .findbar-closebutton {
  1305.     position: relative;
  1306.     z-index: 1;
  1307. }
  1308. window[lwtheme="true"] findbar .findbar-textbox {
  1309.     color: var(--lwt-text-color) !important;
  1310.     background-color: var(--toolbar-bgcolor) !important;
  1311. }
  1312. window[lwtheme="true"] findbar .findbar-textbox[status="notfound"] {
  1313.     background-color: #E74C3C !important;
  1314.     color: white !important;
  1315. }
  1316. window[lwtheme="true"] findbar .findbar-button[checked="true"] {
  1317.     font-weight: bold;
  1318.     background-color: var(--toolbar-bgcolor) !important;
  1319. }
  1320. window[lwtheme="true"] findbar .findbar-find-status, window[lwtheme="true"] findbar .found-matches {
  1321.     color: var(--lwt-text-color) !important;
  1322. }
  1323. */
  1324.  
  1325. /* Tab Close Appears on Hover */
  1326. /*
  1327. #TabsToolbar .tabbrowser-tab:hover .close-icon{
  1328. display: inline-block !important;
  1329. }
  1330. */
  1331.  
  1332. /*
  1333. #statuspanel-label {
  1334.     background-color: #262626!important;
  1335.     color: #A8A8A8!important;
  1336.     border-color: #353535!important;
  1337. } */
Add Comment
Please, Sign In to add comment
Public Pastes
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!