API tools faq
paste
difool2nice

userChrome.css july 13 2018

difool2nice
Jul 12th, 2018
436
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 72.93 KB | None | 0 0
raw download clone embed print report
  1. /* --------------no fade effect address bar---------- */
  2.  
  3. @namespace "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
  4. @namespace html "http://www.w3.org/1999/xhtml";
  5. @-moz-document url("chrome://browser/content/browser.xul") {
  6.  
  7.     html|input.urlbar-input[textoverflow]:not([focused]) {
  8.         mask-image: initial !important;
  9.     }
  10. }
  11.  
  12. /*-------------------------------------- about firefox --------------------------------------------------------------------*/
  13.  
  14. @-moz-document url("chrome://browser/content/aboutDialog.xul") {
  15.     #leftBox {
  16.         background-image: url("Logo11.png") !important;
  17.         background-position: left !important;
  18.         background-repeat: no-repeat !important;
  19.     }
  20.     #aboutDialogContainer {
  21.         border: none !important;
  22.         background: #1f1f1f !important;
  23.         font-family: Fira Sans !important;
  24.         /*font-size: 14px !important;*/
  25.         color: #1e90ff !important;
  26.     }
  27.     #bottomBox {
  28.         background-color: #1f1f1f !important;
  29.     }
  30. }
  31.  
  32. /*-------------------------------------------------------------------------------*/
  33.  
  34. /* New arrows navigation icons */
  35.  
  36. #back-button {
  37.     list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfiAxMSNzVLQoGBAAAAb0lEQVQoz43ROQqDUBSF4UMEESKCBBehOODK7ezSWZnGJmuI4xp+66CX9077FXc40k1o+fCSFRoOOgKLa3Z6QosrNt5EFpesDDwtLlgYSSzOmZlILY758SW7ykO+cYzwWNLjTI9HSc5XS86ypP+6Tw/fVEqhFbEZAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTAzLTE5VDE4OjU1OjUzKzAxOjAwq3ccegAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wMy0xOVQxODo1NTo1MyswMTowMNoqpMYAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC') !important;
  38. }
  39.  
  40. #forward-button {
  41.     list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfiAxMSOA3k2CXQAAAAbklEQVQoz5WRMQqDABAEF4UgKEIIPkKJii+3s7NLpY1N3qBR84axsPYOt1sYuNtdSZLEi5FG1yKk5U9tIQ86dioLiejZKC0k5sPK20JSBn4UFvJkYiG3kIwvM8npAt2Vc8J50onpFOVU7Y51PfcBtUFUSir+geUAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDMtMTlUMTg6NTY6MTMrMDE6MDDECqmDAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTAzLTE5VDE4OjU2OjEzKzAxOjAwtVcRPwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAASUVORK5CYII=') !important;
  42. }
  43.  
  44. /*-----------------------------------------------------------------------------------*/
  45.  
  46. /*icones barre d'adresse à gauche */
  47.  
  48. #page-action-buttons {
  49.     -moz-box-ordinal-group: 0 !important;
  50.     /* Move the PageActions to the left */
  51. }
  52.  
  53. #pageActionButton {
  54.     -moz-box-ordinal-group: 2 !important;
  55.     /* Move the three dots to the end (rightmost) of the PageActions*/
  56. }
  57.  
  58. /*--------------------------*/
  59.  
  60. .tabbrowser-tab {
  61.    
  62.     -moz-box-align: inherit !important;
  63. }
  64. /*
  65. #TabsToolbar.titlebar-color.customization-target tabs#tabbrowser-tabs {
  66.     border-bottom: 0px solid rgba(0,0,0,.1) !important;
  67. }
  68. */
  69. .searchbar-textbox {
  70.     margin-bottom: 4px !important;
  71. }
  72.  
  73. /*------------------------------------------------------------------------------------*/
  74.  
  75. #statuspanel #statuspanel-label {
  76.     -moz-appearance: none !important;
  77.     background-color: transparent !important;
  78.     font-family: Fira Sans !important;
  79.     color: #1e90ff !important;
  80.     border: 0px solid black !important;
  81. }
  82.  
  83.  
  84. #statuspanel {
  85.     background-color: transparent !important;
  86.     border: none !important;
  87.     bottom: 18px !important;
  88.     height: 26px !important;
  89.     max-width: 30% !important;
  90.     /* Change the value to suite your needs */
  91.     transition: none !important;
  92. }
  93.  
  94. /* If you're not on the latest Nightly, change the #statuspanel-inner to .statuspanel-inner */
  95.  
  96. statuspanel #statuspanel-inner {
  97.     background-color: transparent !important;
  98.     border: none !important;
  99.     height: 26px !important;
  100. }
  101.  
  102. /* If you're not on the latest Nightly,change the #statuspanel-label
  103. to .statuspanel-label */
  104.  
  105. statuspanel #statuspanel-label {
  106.     background-color: transparent !important;
  107.     border: none !important;
  108.     /*color: black !important;*/
  109. }
  110.  
  111. /* Revert tab throbber */
  112.  
  113. .tab-throbber[busy]::before {
  114.     background-image: url("chrome://global/skin/icons/loading.png") !important;
  115.     animation: unset !important;
  116. }
  117.  
  118. .tab-throbber[busy]:not([progress])::before {
  119.     filter: grayscale(100%);
  120. }
  121.  
  122. @media (min-resolution: 2dppx) {
  123.     .tab-throbber[busy]::before {
  124.         background-image: url("chrome://global/skin/icons/loading@2x.png") !important;
  125.     }
  126. }
  127.  
  128. /* restart button */
  129.  
  130. #alltabs-button {
  131.     -moz-binding: url(data:text/xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+DQo8IS0tIENvcHlyaWdodCAoYykgMjAxNyBIYWdnYWkgTnVjaGkNCkF2YWlsYWJsZSBmb3IgdXNlIHVuZGVyIHRoZSBNSVQgTGljZW5zZToNCmh0dHBzOi8vb3BlbnNvdXJjZS5vcmcvbGljZW5zZXMvTUlUDQogLS0+DQoNCjwhLS0gUnVuIHVzZXJDaHJvbWUuanMvdXNlckNocm9tZS54dWwgYW5kIC51Yy5qcy8udWMueHVsLy5jc3MgZmlsZXMgIC0tPg0KPGJpbmRpbmdzIHhtbG5zPSJodHRwOi8vd3d3Lm1vemlsbGEub3JnL3hibCI+DQogICAgPGJpbmRpbmcgaWQ9ImpzIiBleHRlbmRzPSJjaHJvbWU6Ly9nbG9iYWwvY29udGVudC9iaW5kaW5ncy90b29sYmFyYnV0dG9uLnhtbCNtZW51Ij4NCiAgICAgICAgPGltcGxlbWVudGF0aW9uPg0KICAgICAgICAgICAgPGNvbnN0cnVjdG9yPjwhW0NEQVRBWw0KICAgICAgICAgICAgICAgIGlmKHdpbmRvdy51c2VyQ2hyb21lSnNNb2QpIHJldHVybjsNCiAgICAgICAgICAgICAgICB3aW5kb3cudXNlckNocm9tZUpzTW9kID0gdHJ1ZTsNCiAgICAgICAgICAgICAgICANCiAgICAgICAgICAgICAgICB2YXIgY2hyb21lRmlsZXMgPSBGaWxlVXRpbHMuZ2V0RGlyKCJVQ2hybSIsIFtdKS5kaXJlY3RvcnlFbnRyaWVzOw0KICAgICAgICAgICAgICAgIHZhciB4dWxGaWxlcyA9IFtdOw0KICAgICAgICAgICAgICAgIHZhciBzc3MgPSBDY1snQG1vemlsbGEub3JnL2NvbnRlbnQvc3R5bGUtc2hlZXQtc2VydmljZTsxJ10uZ2V0U2VydmljZShDaS5uc0lTdHlsZVNoZWV0U2VydmljZSk7DQogICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgd2hpbGUoY2hyb21lRmlsZXMuaGFzTW9yZUVsZW1lbnRzKCkpIHsNCiAgICAgICAgICAgICAgICAgICAgdmFyIGZpbGUgPSBjaHJvbWVGaWxlcy5nZXROZXh0KCkuUXVlcnlJbnRlcmZhY2UoQ2kubnNJRmlsZSk7DQogICAgICAgICAgICAgICAgICAgIHZhciBmaWxlVVJJID0gU2VydmljZXMuaW8ubmV3RmlsZVVSSShmaWxlKTsNCiAgICAgICAgICAgICAgICAgICAgDQogICAgICAgICAgICAgICAgICAgIGlmKGZpbGUuaXNGaWxlKCkpIHsNCiAgICAgICAgICAgICAgICAgICAgICAgIGlmKC8oXnVzZXJDaHJvbWV8XC51YylcLmpzJC9pLnRlc3QoZmlsZS5sZWFmTmFtZSkpIHsNCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBTZXJ2aWNlcy5zY3JpcHRsb2FkZXIubG9hZFN1YlNjcmlwdFdpdGhPcHRpb25zKGZpbGVVUkkuc3BlYywge3RhcmdldDogd2luZG93LCBpZ25vcmVDYWNoZTogdHJ1ZX0pOw0KICAgICAgICAgICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAgICAgICAgICAgZWxzZSBpZigvKF51c2VyQ2hyb21lfFwudWMpXC54dWwkL2kudGVzdChmaWxlLmxlYWZOYW1lKSkgew0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIHh1bEZpbGVzLnB1c2goZmlsZVVSSS5zcGVjKTsNCiAgICAgICAgICAgICAgICAgICAgICAgIH0NCiAgICAgICAgICAgICAgICAgICAgICAgIGVsc2UgaWYoL1wuYXNcLmNzcyQvaS50ZXN0KGZpbGUubGVhZk5hbWUpKSB7DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgaWYoIXNzcy5zaGVldFJlZ2lzdGVyZWQoZmlsZVVSSSwgc3NzLkFHRU5UX1NIRUVUKSkNCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3NzLmxvYWRBbmRSZWdpc3RlclNoZWV0KGZpbGVVUkksIHNzcy5BR0VOVF9TSEVFVCk7DQogICAgICAgICAgICAgICAgICAgICAgICB9DQogICAgICAgICAgICAgICAgICAgICAgICBlbHNlIGlmKC9eKD8hKHVzZXJDaHJvbWV8dXNlckNvbnRlbnQpXC5jc3MkKS4rXC5jc3MkL2kudGVzdChmaWxlLmxlYWZOYW1lKSkgew0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlmKCFzc3Muc2hlZXRSZWdpc3RlcmVkKGZpbGVVUkksIHNzcy5VU0VSX1NIRUVUKSkNCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3NzLmxvYWRBbmRSZWdpc3RlclNoZWV0KGZpbGVVUkksIHNzcy5VU0VSX1NIRUVUKTsNCiAgICAgICAgICAgICAgICAgICAgICAgIH0NCiAgICAgICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAgIH0NCiAgICAgICAgICAgICAgICANCiAgICAgICAgICAgICAgICBzZXRUaW1lb3V0KGZ1bmN0aW9uIGxvYWRYVUwoKSB7DQogICAgICAgICAgICAgICAgICAgIGlmKHh1bEZpbGVzLmxlbmd0aCA+IDApIHsNCiAgICAgICAgICAgICAgICAgICAgICAgIGRvY3VtZW50LmxvYWRPdmVybGF5KHh1bEZpbGVzLnNoaWZ0KCksIG51bGwpOw0KICAgICAgICAgICAgICAgICAgICAgICAgc2V0VGltZW91dChsb2FkWFVMLCA1KTsNCiAgICAgICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICAgIH0sIDApOw0KICAgICAgICAgICAgXV0+PC9jb25zdHJ1Y3Rvcj4NCiAgICAgICAgPC9pbXBsZW1lbnRhdGlvbj4NCiAgICA8L2JpbmRpbmc+DQo8L2JpbmRpbmdzPg==);
  132. }
  133.  
  134. /*titre de la page*/
  135.  
  136. #pagetitle-bar {
  137.     width: 900px;
  138.     /* Change this value if you want longer/shorter bar */
  139.     overflow: hidden;
  140.     text-overflow: "..";
  141.     white-space: nowrap;
  142.     margin-bottom: 0px;
  143.     color: #1e90ff !important;
  144.     font-family: 'Fira Sans' !important;
  145. }
  146.  
  147. #pagetitle-bar::before {
  148.     content: attr(titlepage);
  149.     margin-left: 5px;
  150.     margin-right: 5px;
  151. }
  152. /*-------------------------------closebutton on hover tabs -----------------*/
  153. /*
  154. .tabbrowser-tab:not([pinned]):not(:hover) .tab-close-button {
  155.     visibility: collapse !important;
  156. }
  157.  
  158. .tabbrowser-tab:not([pinned]):hover .tab-close-button {
  159.     visibility: visible !important;
  160.     background: none !important;
  161.     display: block !important;
  162. }*/
  163.  
  164. /*--------------------close tab size --------------*/
  165.  
  166. :root {
  167.     --tab_close_icons_size: 15px;
  168. }
  169.  
  170. #main-window #navigator-toolbox #TabsToolbar #closetab_fmarin_com-browser-action .toolbarbutton-icon,
  171. #main-window #navigator-toolbox #TabsToolbar #_fe8cab45-aaee-45f8-8765-781e0ebea300_-browser-action .toolbarbutton-icon,
  172. #main-window #navigator-toolbox #TabsToolbar .close-icon > .toolbarbutton-icon,
  173. #main-window #navigator-toolbox #TabsToolbar .tab-content .close-icon  {
  174.     min-width: var(--tab_close_icons_size) !important;
  175.     width: var(--tab_close_icons_size) !important;
  176.     min-height: var(--tab_close_icons_size) !important;
  177.     height: var(--tab_close_icons_size) !important;
  178.  
  179. }
  180.  
  181. /*-----------------------------------*/
  182.  
  183. .pageActionSeparator{
  184.     display: none !important;
  185. }
  186.  
  187.  
  188. #urlbar html|input.textbox-input::-moz-selection {
  189.     font-family: Fira Sans !important;
  190.     font-size: 14px !important;
  191.     background-color: #1e90ff !important;
  192.     border: 0px !important;
  193.     opacity: 1 !important;
  194.     color: #ffffff !important;
  195. }
  196.  
  197. #urlbar .urlbar-input-box {
  198.     text-align: left !important;
  199.    margin-top: 2.5px !important;
  200. }
  201.  
  202. menupopup {
  203.     -moz-appearance: none !important;
  204.     padding: 8px 2px 8px 2px !important;
  205.     background-color: #1f1f1f !important;
  206.     border: 0px  solid !important;
  207.     /*width: 280px !important;*/
  208.     min-width: 280px !important;
  209. }
  210.  
  211. menuseparator {
  212.     -moz-appearance: none !important;
  213.     border: none !important;
  214.     padding: .5px 0px .5px 0px !important;
  215.     margin: 4px 8px 4px 8px !important;
  216.     background-color: #80808049 !important;
  217. }
  218.  
  219. menuitem, menu {
  220.     -moz-appearance: none !important;
  221.     color: #ffffff !important;
  222.     padding: 3px 0px 3px 0px !important;
  223. }
  224.  
  225. menuitem[disabled="true"], menuitem[disabled="true"]>.menu-text {
  226.     color: #555 !important;
  227. }
  228.  
  229. menuitem:hover, menu:hover, menu[open="true"], menuitem[_moz-menuactive="true"] {
  230.     -moz-appearance: none !important;
  231.     padding: 3px 0px 3px 0px !important;
  232.     background-color: #1e90ff !important;
  233. }
  234.  
  235. menugroup {
  236.     padding: 0px !important;
  237.     background-color: transparent !important;
  238. }
  239.  
  240. menuitem>.menu-text, menuitem>.menu-iconic-text {
  241.     color: #ffffff !important;
  242. }
  243.  
  244. menuitem[type="checkbox"] {
  245.     padding-left: 8px !important;
  246.     padding-top: 5.5px !important;
  247.     padding-bottom: 5.5px !important;
  248. }
  249.  
  250. menuitem[type="radio"] {
  251.     padding-left: 8px !important;
  252.     padding-top: 5.5px !important;
  253.     padding-bottom: 5.5px !important;
  254. }
  255.  
  256. menuitem[type="checkbox"]>.menu-iconic-text, menuitem[type="radio"]>.menu-iconic-text {
  257.     padding-left: 5px !important;
  258. }
  259.  
  260. menuitem[checked="true"][type="checkbox"]>.menu-iconic-left {
  261.     padding: 7px 0px 0px 0px !important;
  262.     border: solid #ffffff !important;
  263.     border-width: 0 0 2px 2px !important;
  264.     transform: rotate(-45deg) scale(.75);
  265.     margin-bottom: 2px !important;
  266. }
  267.  
  268. menuitem[checked="true"][type="radio"]>.menu-iconic-left {
  269.     padding: 1px !important;
  270.     border: solid #ffffff !important;
  271.     height: 17px !important;
  272.     border-radius: 100% !important;
  273.     background: #ffffff !important;
  274.     transform: scale(.5);
  275. }
  276.  
  277. menucaption {
  278.     background-color: transparent !important;
  279.     color: #ffffff !important;
  280. }
  281.  
  282. #ContentSelectDropdown>menupopup {
  283.     background-image: none !important;
  284. }
  285.  
  286. #ContentSelectDropdown {
  287.     padding: 0px !important;
  288. }
  289.  
  290. menulist {
  291.     -moz-appearance: none !important;
  292.     padding: 4px 4px 4px 4px !important;
  293.     border: 0px !important;
  294.     background-color: #1f1f1f !important;
  295. }
  296.  
  297. menulist:hover {
  298.     padding: 4px 4px 4px 4px !important;
  299.     border: 0px !important;
  300.     background-color: #1e90ff !important;
  301. }
  302.  
  303. menulist[open="true"] {
  304.     border: 0px !important;
  305.     background-color: #1e90ff !important;
  306. }
  307.  
  308. #context-back>.menu-iconic-left, #context-forward>.menu-iconic-left, #context-reload>.menu-iconic-left, #context-stop>.menu-iconic-left, #context-bookmarkpage>.menu-iconic-left {
  309.     padding: 2px !important;
  310. }
  311.  
  312. .menu-iconic-left {
  313.     -moz-appearance: none !important;
  314.     padding: 0px 5px 0px 9px !important;
  315. }
  316.  
  317. .menu-right {
  318.     -moz-appearance: none !important;
  319.     padding: 7.5px !important;
  320.     margin-right: 6px !important;
  321.     color: #ffffff !important;
  322.     border: solid #ffffff !important;
  323.     border-width: 0 2px 2px 0px !important;
  324.     transform: rotate(-45deg) scale(.55) ;
  325. }
  326.  
  327. tooltip {
  328.     -moz-appearance: none !important;
  329.     color: #ffff00 !important;
  330.     background-color: #1f1f1f !important;
  331.     border: none !important;
  332.     padding: 5.5px !important;
  333.     font-family: Fira Sans !important;
  334.     font-size: 12px !important;
  335.     opacity: 1 !important;
  336. }
  337.  
  338. /*------coloring shortcuts in menus     */
  339.  
  340. menuitem .menu-iconic-accel {
  341.     font-family: Fira Sans !important;
  342.     font-size: 14px !important;
  343.     color: #1e90ff !important;
  344. }
  345.  
  346. menuitem .menu-accel {
  347.     font-size: 14px !important;
  348.     color: #1e90ff !important;
  349. }
  350.  
  351. #PopupAutoCompleteRichResult .ac-url:not([selected="true"]) {
  352.     color: #1e90ff !important;
  353. }
  354.  
  355. /*----------------*/
  356.  
  357. #TabsToolbar {
  358.     background-color: #000000 !important;
  359.     font-family: Fira-Sans !important;
  360.     color: #ffffff !important;
  361.     --toolbarbutton-inner-padding: 1px !important;
  362. }
  363.  
  364. /*-------------------------*/
  365. #urlbar-textbox {
  366.     margin-bottom: 4px !important;
  367. }
  368. #urlbar {
  369.     padding: 0 !important;
  370.     background: #1f1f1f  !important;
  371. }
  372.  
  373. #urlbar:hover {
  374.      background-color:  #1e8fff4d !important;
  375.     opacity: 1 !important;
  376.     color: #ffffff !important;
  377.     border: 0px !important;
  378. }
  379.  
  380. /*---------ombre onglets ------------*/
  381.  
  382. .tabbrowser-tab[visuallyselected="true"] {
  383.     box-shadow: 0 0 10px #ffffff !important;
  384. }
  385.  
  386. /* Tab Line At Bottom */
  387.  
  388. /*
  389. .tab-line {
  390. -moz-box-ordinal-group: 2;
  391. min-height: 3px;
  392. }*/
  393.  
  394. /*----------------------------*/
  395.  
  396. icons folders, favicons, default document icons treechildren::-moz-tree-image {
  397.     width: 22px !important;
  398.     height: auto !important;
  399.     min-height: 22px !important;
  400.     margin-top: 0px !important;
  401.     margin-bottom: 2px !important;
  402. }
  403.  
  404. /*--------------------------------------------*/
  405.  
  406. toolbarbutton.subviewbutton.subviewbutton-iconic .toolbarbutton-text {
  407.     display: -moz-box !important;
  408. }
  409.  
  410. toolbarbutton.bookmark-item[type="menu"] {
  411.     margin-right: .5em !important;
  412. }
  413.  
  414. toolbarbutton.bookmark-item[type="menu"] .toolbarbutton-text {
  415.     display: -moz-box !important;
  416. }
  417.  
  418. /*-----------*/
  419.  
  420. menubar, menubutton, menulist, menu, menuitem {
  421.     background-color: none !important;
  422.     font-family: 'Fira Sans' !important;
  423.     font-size: 14px !important;
  424. }
  425.  
  426. /*-------------------------------------------*/
  427.  
  428.  
  429. #PanelUI-menu-button:before {
  430. content: '';
  431. width: 1px;
  432. height: 20px;
  433. background: #1e90ff !important;
  434. display: flex;
  435. }
  436.  
  437. #sidebar-header {
  438.     padding: 0px !important;
  439. }
  440. #file-menu {
  441.     font-family: Fira Sans !important;
  442.     font-size: 14px !important;
  443.     }
  444.    
  445.     #edit-menu {
  446.     font-family: Fira Sans !important;
  447.     font-size: 14px !important;
  448.     }
  449.    
  450.     #toolbar-menubar {
  451.     font-family: Fira Sans !important;
  452.     font-size: 14px !important;
  453.     }
  454.    
  455.     #history-menu {
  456.     font-family: Fira Sans !important;
  457.     font-size: 14px !important;
  458.     }
  459.    
  460.     #bookmarksMenu {
  461.     font-family: Fira Sans !important;
  462.     font-size: 14px !important;
  463.     }
  464.    
  465.     #view-menu {
  466.     font-family: Fira Sans !important;
  467.     font-size: 14px !important;
  468.     }
  469.    
  470.     #tools-menu {
  471.     font-family: Fira Sans !important;
  472.     font-size: 14px !important;
  473.     }
  474.    
  475.     #help-menu {
  476.     font-family: Fira Sans !important;
  477.     text-decoration: none !important;
  478.     font-weight: normal !important;
  479.     font-style: normal !important;
  480.     font-size: 14px !important;
  481.     }
  482.    
  483.     #personal-bookmarks .menu-iconic-text, #personal-bookmarks .toolbarbutton-text {
  484.     font-family: Fira Sans !important;
  485.     font-size: 14px !important;
  486.     }
  487.    
  488.     .tab-text {
  489.     font-family: Fira Sans !important;
  490.     font-size: 14px !important;
  491.     }
  492.    
  493.     .autocomplete-richlistitem {
  494.     font-family: Fira Sans !important;
  495.     font-size: 14px !important;
  496.     }
  497.    
  498.     /*------coloring shortcuts in menus     */
  499.    
  500.     menuitem .menu-iconic-accel {
  501.     font-family: Fira Sans !important;
  502.     font-size: 14px !important;
  503.     color: #1e90ff !important;
  504.     }
  505.    
  506.     menuitem .menu-accel {
  507.     font-size: 14px !important;
  508.     color: #1e90ff !important;
  509.     }
  510.    
  511.     #PopupAutoCompleteRichResult .ac-url:not([selected="true"]) {
  512.     color: #1e90ff !important;
  513.     }
  514. /*----------hover button color------------*/
  515.  
  516. .toolbarbutton-1 {
  517.     --toolbarbutton-hover-background: #1e8fff80 !important;
  518.     --toolbarbutton-active-background: #1e8fff80 !important;
  519.     --toolbarbutton-border-radius: 0px !important;
  520. }
  521.  
  522. /*************************/
  523.  
  524. #urlbar, .searchbar-textbox {
  525.     font-family: Fira Sans !important;
  526.     font-size: 14px !important;
  527. }
  528.  
  529. #TabsToolbar:not([collapsed="true"])+#nav-bar {
  530.     border: 0px !important;
  531. }
  532.  
  533. #navigator-toolbox::after {
  534.     border: 0px !important;
  535. }
  536.  
  537. /*-----------------------*/
  538.  
  539. #sidebar-search-container, #sidebar-search-container *|input::placeholder {
  540.     color: #ffffff !important;
  541.     opacity: 1 !important;
  542.     border: 0px !important;
  543.     background-color: black !important;
  544. }
  545.  
  546. /* -------------------------------- */
  547.  
  548. #PersonalToolbar, #nav-bar {
  549.     background-color: #1f1f1f !important;
  550.     fill: #ffffff !important;
  551.     opacity: 1 !important;
  552. }
  553.  
  554. #PlacesToolbar .bookmark-item:hover {
  555.     border-radius: 0px !important;
  556.     background-color: #1e90ff !important;
  557.     color: #ffffff !important;
  558. }
  559.  
  560. #PlacesToolbar .bookmark-item:active {
  561.     border-radius: 0px !important;
  562.     background-color: #1e90ff !important;
  563.     color: black !important;
  564. }
  565.  
  566. #PlacesToolbar .bookmark-item{
  567.     border-radius: 0px !important;
  568.     background-color: #1f1f1f !important;
  569.     color: #ffffff !important;
  570. }
  571.  
  572. #toolbar-menubar {
  573.     background-color: black !important;
  574.     background-image: none !important;
  575. }
  576.  
  577. /* fonds icones carrés */
  578.  
  579. #nav-bar {
  580.     --toolbarbutton-border-radius: 0px !important;
  581. }
  582.  
  583. #feed-button {
  584.     list-style-image: url('rssblue1.png') !important;
  585. }
  586.  
  587. /*----------------------*/
  588.  
  589.  
  590. .toolbarbutton-1 {
  591.     --toolbarbutton-hover-background: #1e8fff86 !important;
  592.     border: 0px !important;
  593.     border-radius: 0px !important;
  594.     --toolbarbutton-active-background: #1e8fff86 !important;
  595.     border-radius: 0px !important;
  596. }
  597.  
  598. .urlbar-icon:not([disabled]):hover, .urlbar-icon-wrapper:not([disabled]):hover {
  599.     background-color: #1e8fff86 !important;
  600.     border-radius: 0px !important;
  601.     border: 0px !important;
  602. }
  603.  
  604. .urlbar-icon[open], .urlbar-icon-wrapper[open], .urlbar-icon:not([disabled]):hover:active, .urlbar-icon-wrapper:hover:active {
  605.     background-color: #1e8fff86 !important;
  606.     border-radius: 0px !important;
  607. }
  608.  
  609. .urlbar-icon-wrapper[open]>.urlbar-icon, .urlbar-icon-wrapper>.urlbar-icon:hover, .urlbar-icon-wrapper>.urlbar-icon:hover:active {
  610.     background-color: #1e8fff86 !important;
  611.     border-radius: 0px !important;
  612. }
  613.  
  614. /*== Identity Box ==*/
  615.  
  616. #identity-box:hover:not(.no-hover):not([open=true]) {
  617.     background-color: #1e8fff !important;
  618. }
  619.  
  620. #identity-box:hover:active:not(.no-hover), #identity-box[open=true] {
  621.     background-color: #1e8fff !important;
  622. }
  623.  
  624. /*== Identity Popup ==*/
  625.  
  626. #identity-popup-securityView, identity-popup-security-content, .identity-popup-section, #identity-popup-securityView-footer {
  627.     background-color: #1f1f1f !important;
  628.     color: #ffffff !important;
  629. }
  630.  
  631. /* tabs --- rotate close button */
  632.  
  633. .tab-close-button {    
  634.     list-style-image: url('tabclose.png') !important;
  635. }
  636.  
  637. #tabbrowser-tabs .tabbrowser-tab:hover .tab-close-button {
  638.     transform: rotate(1440deg) !important;
  639.     transition: transform ease-in-out 2s !important;
  640. }
  641.  
  642. #tab-close-button:hover {
  643.     list-style-image: url('tabclose.png') !important;
  644.  
  645. }
  646.  
  647. /*rotate close end */
  648.  
  649. /* Border color Drop Down */
  650.  
  651. #PopupAutoCompleteRichResult {
  652.     border: 0px !important;
  653. }
  654.  
  655. /*
  656. #tabbrowser-tabs {
  657. --tab-line-color: none !important;
  658. }
  659. */
  660.  
  661. /*------------------------*/
  662.  
  663. #tab-line[selected="true"] {
  664.     background: #1e90ff !important;
  665.     /*-moz-win-accentcolor !important;*/
  666. }
  667.  
  668. .tab-background[selected="true"] {
  669.     background-attachment: none !important;
  670.     /*background-color: #1f1f1f !important;*/
  671.     /* !important;*/
  672.     background-image: linear-gradient(rgba(30, 143, 255, 0.400),#1f1f1f) !important;
  673. }
  674.  
  675. /*--------------------------------------------*/
  676.  
  677. /* Border between background tabs */
  678.  
  679. .tabbrowser-tab::after, .tabbrowser-tab::before {
  680.     display: none !important;
  681. }
  682.  
  683. /*---------------------------------------------------------------------------------------------------*/
  684.  
  685. /*
  686. Firefox 57 users: https://www.jeffersonscher.com/gm/url-bar-tweaks.html
  687. You can copy/paste into a userChrome.css file, see https://www.userchrome.org/
  688. Firefox 52-56 users: roll back your Stylish to version 2.1.1 or 2.0.7 here:
  689. https://addons.mozilla.org/firefox/addon/stylish/versions/
  690. Then find Stylish on the Add-ons page, click its More link, and turn off updates
  691. */
  692.  
  693. /*
  694. @-moz-document url("chrome://browser/content/browser.xul") {*/
  695.  
  696. /* " - Visit" or " - Search with" bar NOT HIDDEN */
  697.  
  698. @-moz-document url("chrome://browser/content/browser.xul") {
  699.     /* " - Visit" or " - Search with" bar NOT HIDDEN */
  700.     /*:root {--panel-separator-color: grey !important;}
  701.     /* Restore persistent display of drop-marker */
  702.     #urlbar:not(:hover)>.urlbar-textbox-container>.urlbar-history-dropmarker {
  703.         opacity: 1 !important;
  704.         border: 0px !important;
  705.     }
  706.     /* Set max-height for items visible without scrolling */
  707.     #PopupAutoCompleteRichResult .autocomplete-richlistbox {
  708.         /* height:auto doesn't work in photon */
  709.         max-height: calc(40px * 10) !important;
  710.     }
  711.     /* Constrain drop-down width */
  712.     /*#PopupAutoCompleteRichResult {max-width: 1200px !important;}*/
  713.     /* Font-sizes */
  714.     #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-title {
  715.         font-size: 14px !important;
  716.     }
  717.     #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-url, #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-action {
  718.         font-family: Fira Sans !important;
  719.         font-size: 12px !important;
  720.     }
  721.     /* Dark Themed Drop-down */
  722.     /* Dark Theme - Firefox 48+ */
  723.     #PopupAutoCompleteRichResult .autocomplete-richlistbox {
  724.         background-color: #1f1f1f !important;
  725.     }
  726.     #PopupAutoCompleteRichResult .autocomplete-richlistitem {
  727.         border-bottom-color: #333 !important;
  728.     }
  729.     .autocomplete-richlistitem .ac-title, .autocomplete-richlistitem .ac-action, .autocomplete-richlistitem .ac-separator {
  730.         color: #ffffff !important;
  731.     }
  732.     #PopupAutoCompleteRichResult .ac-url:not([selected="true"]) {
  733.         color: #1e90ff !important;
  734.     }
  735.     .autocomplete-richlistitem[selected=true] {
  736.         background-color: #1e90ff !important;
  737.     }
  738.     .autocomplete-richlistitem[selected=true] .ac-title, .ac-title[selected], .autocomplete-richlistitem[selected=true] .ac-action, .ac-action[selected], .autocomplete-richlistitem[selected=true] .ac-separator, .ac-separator[selected] {
  739.         color: #eee !important;
  740.     }
  741.     .autocomplete-richlistitem[selected=true] .ac-url, .ac-url[selected] {
  742.         color: #1e90ff !important;
  743.     }
  744.     #PopupAutoCompleteRichResult .autocomplete-richlistitem:hover {
  745.         background-color: #1e90ff !important;
  746.     }
  747.     #PopupAutoCompleteRichResult .autocomplete-richlistitem[selected] {
  748.         background-color: #1e90ff !important;
  749.     }
  750.     /* Ability to scroll in Fx57 */
  751.     #PopupAutoCompleteRichResult .autocomplete-richlistbox>scrollbox {
  752.         overflow-y: auto !important;
  753.         padding-right: 3px !important;
  754.     }
  755.     #PopupAutoCompleteRichResult .autocomplete-richlistbox {
  756.         padding-right: 0 !important;
  757.     }
  758. }
  759.  
  760. /*----------Hamburger icon -----------*/
  761.  
  762. #PanelUI-menu-button {
  763.     list-style-image: url("ham.png") !important;
  764. }
  765.  
  766. @media (min-resolution: 4dppx) {
  767.     #PanelUI-menu-button {
  768.         list-style-image: url("ham.png") !important;
  769.         opacity: 1 !important;
  770.         /*transform: rotate(90deg);*/
  771.     }
  772. }
  773.  
  774. /*-----------------------------------------------------------------------------*/
  775.  
  776. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  777. #TabsToolbar {
  778.     height: 33px !important;
  779. }
  780.  
  781. .bookmark-item {
  782.     margin-left: 0 !important;
  783.     margin-right: 0 !important;
  784.     padding-right: 0 !important;
  785.     padding-left: 0 !important;
  786. }
  787.  
  788. toolbarbutton.bookmark-item .toolbarbutton-text {
  789.     display: none !important;
  790. }
  791.  
  792. toolbarbutton.bookmark-item .toolbarbutton-icon {
  793.     margin-left: 2px !important;
  794. }
  795.  
  796. #PlacesToolbarItems>.bookmark-item>.toolbarbutton-icon[label]:not([label=""]) {
  797.     margin-inline-end: 2px !important;
  798. }
  799.  
  800. toolbarbutton.subviewbutton.subviewbutton-iconic .toolbarbutton-text {
  801.     display: -moz-box !important;
  802. }
  803.  
  804. /* --- [2] --- */
  805.  
  806. toolbarbutton.bookmark-item[type="menu"] {
  807.     margin-right: .5em !important;
  808. }
  809.  
  810. toolbarbutton.bookmark-item[type="menu"] .toolbarbutton-text {
  811.     display: -moz-box !important;
  812. }
  813.  
  814. /*-------------------*/
  815.  
  816. /*
  817. @-moz-document url("chrome://browser/content/browser.xul"), url("chrome://browser/content/bookmarks/bookmarksPanel.xul"), url("chrome://browser/content/history/history-panel.xul") {
  818. */
  819.  
  820. #sidebar {
  821.     max-width: none !important;
  822.     min-width: 0px !important;
  823. }
  824.  
  825. #sidebar, #sidebar-header {
  826.     border: 0px solid !important;
  827.    
  828. }
  829.  
  830. #sidebar, #sidebar-header, #bookmarksPanel, #bookmarks-view, #history-panel, #historyTree, #downloads-panel {
  831.     background-color: #1f1f1f !important;
  832.     font-family: Fira Sans !important;
  833.     color: rgb(255, 255, 255) !important;
  834. }
  835. #sidebarMenu-popup label{
  836.     font-family: Fira Sans !important;
  837.     font-size: 14px !important;
  838. }
  839.  
  840.  
  841.  
  842. /* Sidebar items */
  843.  
  844. .sidebar-placesTreechildren::-moz-tree-row {
  845.     border: 0px !important;
  846. }
  847.  
  848. .sidebar-placesTreechildren::-moz-tree-cell(hover) {
  849.     background: #1e90ff !important;
  850. }
  851.  
  852. .sidebar-placesTreechildren::-moz-tree-row(selected) {
  853.     background: #1e90ff !important;
  854. }
  855.  
  856. .sidebar-placesTreechildren::-moz-tree-cell-text(selected) {
  857.     color: #ffffff !important;
  858. }
  859.  
  860. .sidebar-splitter {
  861.     opacity: 0 !important;
  862. }
  863.  
  864. /* Hide #ffffff bar. Not necessary, but helpful. */
  865.  
  866. #sidebar-splitter {
  867.     opacity: 0 !important;
  868. }
  869.  
  870. /* ****** END OPTIONAL ******  */
  871.  
  872. /*-------------------------------------------------------------------------------------------*/
  873.  
  874.  
  875.  
  876. #sidebar-switcher-bookmarks>.toolbarbutton-icon, #sidebar-box[sidebarcommand="viewBookmarksSidebar"]>#sidebar-header>#sidebar-switcher-target>#sidebar-icon {
  877.     color: #1e90ff !important;
  878.     fill: #1e90ff !important;
  879.     opacity: 1 !important;
  880. }
  881.  
  882. #sidebar-switcher-history>.toolbarbutton-icon, #sidebar-box[sidebarcommand="viewHistorySidebar"]>#sidebar-header>#sidebar-switcher-target>#sidebar-icon {
  883.     color: #1e90ff !important;
  884.     fill: #1e90ff !important;
  885.     opacity: 1 !important;
  886. }
  887.  
  888. .sidebar-switcher-tabs>.toolbarbutton-icon, .sidebar-box[sidebarcommand="viewTabsSidebar"]>#sidebar-header>#sidebar-switcher-target>#sidebar-icon {
  889.     color: #1e90ff !important;
  890.     fill: #1e90ff !important;
  891.     opacity: 1 !important;
  892. }
  893.  
  894. /*icones sidebar blancs
  895. @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
  896. .bookmark-item[container], treechildren::-moz-tree-image(container) {
  897. fill: #ffffff !important; opacity: 1 !important; }*
  898. treechildren::-moz-tree-image(OrganizerQuery_BookmarksToolbar) {
  899. fill: #ffffff !important;
  900. opacity: 1 !important; }
  901. treechildren::-moz-tree-image(OrganizerQuery_BookmarksMenu) {
  902. fill: #ffffff !important;
  903. opacity: 1 !important;}
  904. treechildren::-moz-tree-image(OrganizerQuery_UnfiledBookmarks) {
  905. fill: #ffffff !important;
  906. opacity: 1 !important;
  907. }*/
  908.  
  909. /*-----------------------------------------RSS ITEM ----------------------------------*/
  910.  
  911. /*.bookmark-item[container][livemark] .menuitem {*/
  912.  
  913. [livemark] menuitem {
  914.     list-style-image: url('rss3.svg') !important;
  915. }
  916.  
  917. .bookmark-item[container][livemark] .bookmark-item[visited] {
  918.     -moz-image-region: initial !important;
  919.     list-style-image: url('rsssvg5.svg') !important;
  920.     opacity: 0.45 !important;
  921. }
  922.  
  923. /*----------*/
  924.  
  925. .bookmark-item[container][query], treechildren::-moz-tree-image(query) {
  926.     fill: #ffffff !important;
  927.     opacity: 1 !important;
  928. }
  929.  
  930. /*------------------------*/
  931.  
  932. /*AGENT_SHEET*/
  933.  
  934. /* Firefox 57+ userChrome.css tweaks ****************************************************/
  935.  
  936. /* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **/
  937.  
  938. /* by Aris (aris-addons@gmx.net)*********************************************************/
  939.  
  940. /* Github: https://github.com/aris-t2/customcssforfx ************************************/
  941.  
  942. /****************************************************************************************/
  943.  
  944. /* remove background color */
  945.  
  946. #urlbar .urlbar-page-action, #urlbar #star-button-animatable-box, #urlbar #pageAction-panel-bookmark, #urlbar #star-button, #urlbar #star-button-animatable-box, #urlbar .urlbar-icon, #searchbar .search-go-button {
  947.     opacity: 1 !important;
  948.     background: unset !important;
  949.     box-shadow: unset !important;
  950. }
  951.  
  952. /* colorize location bar icons (except star button) */
  953.  
  954. /*
  955. #urlbar :-moz-any(#reader-mode-button, #pageActionButton,
  956. #pageAction-urlbar-emailLink, #pageAction-urlbar-sendToDevice,
  957. #pageAction-urlbar-screenshots,
  958. #pageAction-urlbar-copyURL),
  959. #urlbar,#urlbar-history-dropmarker {
  960. fill: #ffffff !important;
  961. }
  962. #urlbar :-moz-any(#reader-mode-button, #pageActionButton,
  963. #pageAction-urlbar-emailLink, #pageAction-urlbar-sendToDevice,
  964. #pageAction-urlbar-screenshots,
  965. #pageAction-urlbar-copyURL):-moz-any(:hover,
  966. :hover:active,
  967. [open]),
  968. #urlbar .urlbar-history-dropmarker:-moz-any(:hover,
  969. :hover:active,
  970. [open]) {
  971. fill: #ffffff !important;
  972. }
  973. */
  974.  
  975. /* colorize star button icon */
  976.  
  977. /*
  978. #urlbar #pageAction-panel-bookmark:not([starred]),
  979. #urlbar #star-button:not([starred]) {
  980. fill: yellow !important;
  981. opacity: 1.0 !important;
  982. }*/
  983.  
  984. /*
  985. .urlbar #star-button-box[open] #star-button,
  986. .urlbar #star-button:-moz-any(:hover,:hover, :active),
  987. .urlbar #star-button-animatable-box:-moz-any(:hover,:hover, :active) {
  988. filter: brightness(1.0) !important;
  989. }*/
  990.  
  991. /*
  992. #urlbar #pageAction-panel-bookmark:not([starred]):-moz-any(:hover,
  993. :hover:active,
  994. [open]),
  995. #urlbar #star-button-box[open] #star-button:not([starred]),
  996. #urlbar #star-button:not([starred]):-moz-any(:hover,
  997. :hover:active) {
  998. opacity: 1 !important;
  999. filter: brightness(1.0) !important;
  1000. }
  1001. */
  1002.  
  1003. /* increase brightness for search bars go button */
  1004.  
  1005. #searchbar .search-go-button:-moz-any(:hover, :hover :active, [open]) {
  1006.     opacity: 1 !important;
  1007.     filter: brightness(100%) !important;
  1008. }
  1009.  
  1010. /* change opacity for WE page action buttons */
  1011.  
  1012. /*
  1013. #urlbar #page-action-buttons>.urlbar-icon {
  1014. opacity: 1 !important;
  1015. }
  1016.  
  1017. #urlbar #page-action-buttons>.urlbar-icon:-moz-any(:hover,
  1018. :hover:active,[open]) {
  1019. opacity: 1 !important;
  1020. }*/
  1021.  
  1022. /**/
  1023.  
  1024. /* This change the color of the bottombar
  1025. to dark, don't use this if you want default color (#ffffff) */
  1026.  
  1027. #bottom-toolbar-vbox {
  1028.     background-color: #1f1f1f !important;
  1029. }
  1030.  
  1031. #bottom-toolbar {
  1032.     height: 35px !important;
  1033.     /* The value should be between 24-40px */
  1034.     direction: rtl !important;
  1035.     /* This makes the toolbar buttons positioned from right to left Should be used with the pseudo Separators below */
  1036. }
  1037.  
  1038. /* Pseudo Separators
  1039. This technically transforms the flexible spaces to separators
  1040. whenever they are put to the bottombar.
  1041. The down side is that
  1042. you cannot use flexible spaces on bottombar anymore */
  1043.  
  1044. #bottom-toolbar toolbarspring {
  1045.     background: transparent !important;
  1046.     max-width: 0px !important;
  1047.     min-width: 0px !important;
  1048.     width: 0px !important;
  1049.     border-left: 1px solid #ffffff !important;
  1050.     border-right: 1px solid black !important;
  1051.     margin-top: 4px !important;
  1052.     margin-bottom: 4px !important;
  1053.     margin-left: 3px !important;
  1054.     margin-right: 3px !important;
  1055. }
  1056.  
  1057. /*------------------------------------------------------------------*/
  1058.  
  1059. /*--------folder-----------------*/
  1060.  
  1061. /* Colored folders for bookmark sidebar, toolbar, menu button, classic menu Updated Dec. 19, 2017 */
  1062.  
  1063. /* Standard folder */
  1064.  
  1065. #bookmarks-view treechildren::-moz-tree-image(container), #PlacesToolbarItems toolbarbutton[container="true"] .toolbarbutton-icon, #PlacesToolbarItems menu[container="true"] .menu-iconic-left, #BMB_bookmarksPopup menu[container="true"] .menu-iconic-icon, #bookmarksMenu menu[container="true"] .menu-iconic-icon {
  1066.     list-style-image: url('foldericon.png') !important;
  1067. }
  1068.  
  1069. /* Live Bookmark (RSS Feed) */
  1070.  
  1071. #bookmarks-view treechildren::-moz-tree-image(livemark), #PlacesToolbarItems toolbarbutton[container="true"][livemark="true"] .toolbarbutton-icon, #PlacesToolbarItems menu[container="true"][livemark="true"] .menu-iconic-left, #BMB_bookmarksPopup menu[container="true"][livemark="true"] .menu-iconic-icon, #bookmarksMenu menu[container="true"][livemark="true"] .menu-iconic-icon {
  1072.     list-style-image: url("rsssvg4.svg") !important;
  1073.     opacity: 1 !important;
  1074. }
  1075.  
  1076. /* Smart bookmark folder
  1077. #bookmarks-view treechildren::-moz-tree-image(query),
  1078. #PlacesToolbarItems toolbarbutton[container="true"][query="true"] .toolbarbutton-icon,
  1079. #PlacesToolbarItems menu[container="true"][query="true"] .menu-iconic-left,
  1080. #BMB_bookmarksPopup menu[container="true"][query="true"] .menu-iconic-icon,
  1081. #bookmarksMenu menu[container="true"][query="true"] .menu-iconic-icon {
  1082. fill: #69c !important;
  1083. }*/
  1084.  
  1085. /* These "containers" are SVG in the sidebar, not yet on the menu
  1086. #bookmarks-view treechildren::-moz-tree-image(OrganizerQuery_BookmarksMenu) {
  1087. fill: olive !important;
  1088. }
  1089. #bookmarks-view treechildren::-moz-tree-image(OrganizerQuery_BookmarksToolbar) {
  1090. fill: olive !important;
  1091. }
  1092. #bookmarks-view treechildren::-moz-tree-image(OrganizerQuery_UnfiledBookmarks) {
  1093. fill: olive !important;
  1094. }*/
  1095.  
  1096. /* Avoid overriding classic Bookmarks Toolbar and Other Bookmarks icons in menus
  1097. #BMB_bookmarksPopup #BMB_bookmarksToolbar.menu-iconic-icon,
  1098. #bookmarksMenu #bookmarksToolbarFolderMenu.menu-iconic-icon {
  1099. list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important;
  1100. }
  1101. #BMB_bookmarksPopup #BMB_unsortedBookmarks.menu-iconic-icon,
  1102. #bookmarksMenu #menu_unsortedBookmarks.menu-iconic-icon {
  1103. list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png") !important;
  1104. }*/
  1105.  
  1106. /*-min max close */
  1107.  
  1108. #titlebar-min {
  1109.     list-style-image: url("yellow1.svg") !important;
  1110. }
  1111.  
  1112. #titlebar-min:hover {
  1113.     list-style-image: url("yellowmoins.svg") !important;
  1114.     background-color: transparent !important;
  1115. }
  1116.  
  1117. #titlebar-max {
  1118.     list-style-image: url("orange.svg") !important;
  1119. }
  1120.  
  1121. #titlebar-max:hover {
  1122.     list-style-image: url("plus.svg") !important;
  1123.     background-color: transparent !important;
  1124. }
  1125.  
  1126. #titlebar-close {
  1127.     list-style-image: url("rouge.svg") !important;
  1128. }
  1129.  
  1130. #titlebar-close:hover {
  1131.     list-style-image: url("rougeclose.svg") !important;
  1132.     background-color: transparent !important;
  1133. }
  1134.  
  1135. .titlebar-button>.toolbarbutton-icon {
  1136.     height: 16px !important;
  1137.     min-height: 16px !important;
  1138.     width: 16px !important;
  1139.     min-width: 16px !important;
  1140. }
  1141.  
  1142. .titlebar-button {
  1143.     padding-left: 6px !important;
  1144.     padding-right: 6px !important;
  1145.     padding-top: 6px !important;
  1146. }
  1147.  
  1148. /*----------------------hamburger menu-----------------------------*/
  1149.  
  1150. .panel-arrow {
  1151.     fill: #1f1f1f !important;
  1152. }
  1153.  
  1154. .panel-subview-body {
  1155.     color: #ffffff !important;
  1156.     background: #1f1f1f !important;
  1157.     border-color: #ffffff !important;
  1158. }
  1159.  
  1160. #appMenu-zoomReset-button {
  1161.     color: #1e90ff !important;
  1162.     border-color: #1e90ff !important;
  1163.     border-radius: 0px !important;
  1164.     background-color: #1f1f1f !important;
  1165. }
  1166.  
  1167. .subviewbutton.panel-subview-footer {
  1168.     background-color: #1f1f1f !important;
  1169.     border-top: 0px solid red !important;
  1170. }
  1171.  
  1172. .panel-header {
  1173.     border-bottom: 1px solid #1f1f1f !important;
  1174.     background: #1f1f1f !important;
  1175. }
  1176.  
  1177. .panel-subview-footer, [class^="PanelUI-"] {
  1178.     color: #ffffff !important;
  1179.     background: #1f1f1f !important;
  1180. }
  1181.  
  1182. .subviewbutton.panel-subview-footer {
  1183.     background-color: #1f1f1f !important;
  1184.     border-top: 1px solid #1f1f1f !important;
  1185. }
  1186.  
  1187. :root {
  1188.     --panel-separator-color: #323232 !important;
  1189. }
  1190.  
  1191. .subviewbutton[shortcut]::after {
  1192.     color: #1e90ff !important;
  1193. }
  1194.  
  1195. .subviewbutton-nav::after {
  1196.     fill: #1e90ff !important;
  1197. }
  1198.  
  1199. #appMenu-popup .subviewbutton .toolbarbutton-text,
  1200. /* Ctrl+N Ctrl+Shift+P ect. */
  1201.  
  1202. #appMenu-popup .panel-arrowcontent,
  1203. /* Zoom - Edit Labels */
  1204.  
  1205. panelmultiview .toolbaritem-combined-buttons>label {
  1206.     font-family: Fira Sans !important;
  1207. }
  1208.  
  1209. /*-------------*/
  1210.  
  1211. /*== PNG image Panel Star ==*/
  1212.  
  1213. #editBookmarkPanelStarIcon {
  1214.     background-image: none !important;
  1215.     background-color: transparent !important;
  1216.     list-style-image: url("star1.svg") !important;
  1217. }
  1218.  
  1219. /*== SVG image URL Star ==*/
  1220.  
  1221. #star-button {
  1222.     list-style-image: url("star1.svg") !important;
  1223. }
  1224.  
  1225.  
  1226.  
  1227. panel #editBookmarkPanel, .panel-arrow, .panel-arrowcontent {
  1228.     opacity: 1 !important;
  1229.     /* background-color: #1f1f1f !important;*/
  1230.     fill: #1f1f1f !important;
  1231. }
  1232.  
  1233. #urlbar, .searchbar-textbox {
  1234.     font-family: Fira Sans !important;
  1235.     border: 0px !important;
  1236.     border-radius: 0px !important;
  1237. }
  1238. /*
  1239. .searchbar {
  1240.     background-color: rgba(30, 143, 255, 0.300) !important;
  1241. }*/
  1242.  
  1243. /*==== Thumping Sound icon for tab that has sound playing ====*/
  1244.  
  1245. .tab-icon-sound[soundplaying] {
  1246.     /*transform: rotate(-90deg);*/
  1247.     animation: thump .47s linear infinite;
  1248. }
  1249.  
  1250. @keyframes thump {
  1251.     10%, 90% {
  1252.         margin-top: 7px;
  1253.     }
  1254. }
  1255.  
  1256. .tab-icon-sound[muted] {
  1257.     color: #1e90ff !important;
  1258.     transform: rotate(-90deg);
  1259.     animation: none;
  1260. }
  1261.  
  1262. .tab-icon-sound[soundplaying] {
  1263.     margin-right: 7px;
  1264. }
  1265.  
  1266. .tab-icon-sound[soundplaying] {
  1267.     margin-bottom: 6px;
  1268. }
  1269.  
  1270. /*-------------------------------------------------------*/
  1271.  
  1272. :root[uidensity=compact] #navigator-toolbox {
  1273.     --nav-bar-height: 35px;
  1274.     --tab-min-height: 29px;
  1275. }
  1276. #PersonalToolbar { min-height: 30px !important; }
  1277.  
  1278. /*--------------------------------------------------------------------------*/
  1279.  
  1280. #sidebar-header, #sidebar-search-container, #sidebar-search-container #viewButton, .content-header, .sidebar-header {
  1281.     background: black !important;
  1282.     /*var(--in-content-category-header-background)!important;*/
  1283.     color: #ffffff !important; opacity: 1 !important;
  1284. }
  1285.  
  1286. .sidebar-search-container.tabs-container.sync-state.selected .search-box, hbox#sidebar-search-container textbox#search-box {
  1287.     -moz-appearance: none !important;
  1288.     background-color: black !important;
  1289.     color: #ffffff !important;
  1290.     min-height: 20px !important;
  1291.     padding: 0 0 0 2px !important;
  1292.     border: 0px solid !important;
  1293.     border-color: black !important;
  1294.     border-radius: 0px !important;
  1295. }
  1296.  
  1297. .sidebar-search-container.tabs-container.sync-state.selected .search-box .textbox-input-box {
  1298.     background-color: black !important;
  1299.     padding: 2px !important;
  1300. }
  1301.  
  1302. #sidebar, #sidebar-box, #template-container, #webext-panels-browser, #webextpanels-window {
  1303.     background-color: #1f1f1f !important;
  1304.     color: #ffffff !important;
  1305.     font-family: Fira Sans !important;
  1306. }
  1307.  
  1308. #sidebarMenu-popup .panel-arrowcontent{
  1309.     background-color:#1f1f1f !important;
  1310. }
  1311.  
  1312.  
  1313. /*
  1314. .button-menu-dropmarker,
  1315. .button-menubutton-dropmarker {
  1316.   filter: invert(65%)
  1317. }
  1318. .item.client.device-image-desktop > .item-title-container > .item-icon-container,
  1319. .sidebar-placesTree::-moz-tree-image,
  1320. .sidebar-placesTreechildren::-moz-tree-image {
  1321.   fill: var(--in-content-page-color)!important
  1322. }
  1323. #sidebar-header,
  1324. .sidebar-splitter {
  1325.   border-color: hsla(240,5%,5%,.1)!important
  1326. }
  1327. .deck .instructions,
  1328. .item-title {
  1329.   color: var(--in-content-page-color)!important
  1330. }*/
  1331. /*hide #ffffff flash
  1332.  
  1333. #browser vbox#appcontent tabbrowser, #content, #tabbrowser-tabpanels, browser[type=content-primary], browser[type=content]>html {
  1334.     background: #1f1f1f !important;
  1335. }*/
  1336.  
  1337. /*
  1338. #main-window[chromemargin] #titlebar-spacer {
  1339. -moz-box-ordinal-group: 10;
  1340. }*/
  1341.  
  1342. #main-window[chromemargin] #toolbar-menubar, #main-window[chromemargin] #toolbar-menubar[autohide="true"]~#TabsToolbar {
  1343.     margin-left: 0px !important;
  1344. }
  1345.  
  1346. #main-window[chromemargin] #titlebar-placeholder-on-TabsToolbar-for-captions-buttons {
  1347.     display: none;
  1348. }
  1349.  
  1350. .searchbar-textbox {
  1351.     direction: ltr !important;
  1352.     background-color: #1e8fff4d !important;
  1353.     border: 16px !important;
  1354.     border-radius: 0px !important;
  1355.     color: #ffffff !important;
  1356. }
  1357.  
  1358. .tabbrowser-tab::after, .tabbrowser-tab::before {
  1359.     border-left: none !important;
  1360. }
  1361.  
  1362. /*---------------------------------library ----------------------------------*/
  1363.  
  1364. :root {
  1365.     --magenta-50: #ff1ad9;
  1366.     --magenta-60: #ed00b5;
  1367.     --magenta-70: #b5007f;
  1368.     --magenta-80: #7d004f;
  1369.     --magenta-90: #440027;
  1370.     --purple-50: #9400ff;
  1371.     --purple-60: #8000d7;
  1372.     --purple-70: #6200a4;
  1373.     --purple-80: #440071;
  1374.     --purple-90: #25003e;
  1375.     --blue-40: #45a1ff;
  1376.     --blue-50: #0a84ff;
  1377.     --blue-60: #0060df;
  1378.     --blue-70: #003eaa;
  1379.     --blue-80: #002275;
  1380.     --blue-90: #000f40;
  1381.     --teal-50: #00feff;
  1382.     --teal-60: #00c8d7;
  1383.     --teal-70: #008ea4;
  1384.     --teal-80: #005a71;
  1385.     --teal-90: #002d3e;
  1386.     --green-50: #30e60b;
  1387.     --green-60: #12bc00;
  1388.     --green-70: #058b00;
  1389.     --green-80: #006504;
  1390.     --green-90: #003706;
  1391.     --yellow-50: #ffe900;
  1392.     --yellow-60: #d7b600;
  1393.     --yellow-70: #a47f00;
  1394.     --yellow-80: #715100;
  1395.     --yellow-90: #3e2800;
  1396.     --red-50: #ff0039;
  1397.     --red-60: #d70022;
  1398.     --red-70: #a4000f;
  1399.     --red-80: #5a0002;
  1400.     --red-90: #3e0200;
  1401.     --orange-50: #ff9400;
  1402.     --orange-60: #d76e00;
  1403.     --orange-70: #a44900;
  1404.     --orange-80: #712b00;
  1405.     --orange-90: #3e1300;
  1406.     --grey-10: #f9f9fa;
  1407.     --grey-20: #ededf0;
  1408.     --grey-30: #d7d7db;
  1409.     --grey-40: #b1b1b3;
  1410.     --grey-50: #737373;
  1411.     --grey-60: #4a4a4f;
  1412.     --grey-70: #38383d;
  1413.     --grey-80: #2a2a2e;
  1414.     --grey-90: #0c0c0d;
  1415.     --code-green: #86de74 !important;
  1416.     --warning-color: #FCE19F;
  1417.     --warning-background-color: #44391F;
  1418.     --theme-highlight-green: #86DE74;
  1419.     --theme-highlight-blue: #75BFFF;
  1420.     --theme-highlight-purple: #B98EFF;
  1421.     --theme-highlight-red: #FF7DE9;
  1422.     --theme-highlight-yellow: #FFF89E;
  1423.     --theme-highlight-bluegrey: #5e88b0;
  1424.     --theme-highlight-lightorange: #d99b28;
  1425.     --theme-highlight-orange: #d96629;
  1426.     --theme-highlight-pink: #df80ff;
  1427.     --tone-1: var(--grey-10);
  1428.     --tone-2: var(--grey-20);
  1429.     --tone-3: var(--grey-30);
  1430.     --tone-4: var(--grey-40);
  1431.     --tone-5: var(--grey-50);
  1432.     --tone-6: var(--grey-60);
  1433.     --tone-7: var(--grey-70);
  1434.     --tone-8: var(--grey-80);
  1435.     --tone-9: var(--grey-90);
  1436.     --accent-1: var(--blue-40);
  1437.     --accent-2: var(--blue-50);
  1438.     --accent-3: var(--blue-60);
  1439.     --in-content-page-color: var(--tone-1) !important;
  1440.     --in-content-page-background: var(--tone-8) !important;
  1441.     --in-content-text-color: var(--tone-1) !important;
  1442.     --in-content-selected-text: var(--tone-1) !important;
  1443.     --in-content-box-background: var(--tone-7) !important;
  1444.     --in-content-box-background-odd: #f3f6fa;
  1445.     --in-content-box-background-hover: var(--tone-9) !important;
  1446.     --in-content-box-background-active: var(--tone-8) !important;
  1447.     --in-content-box-border-color: var(--tone-5) !important;
  1448.     --in-content-item-hover: rgba(0, 149, 221, 0.25);
  1449.     --in-content-item-selected: var(--tone-7) !important;
  1450.     --in-content-border-highlight: var(--accent-1) !important;
  1451.     --in-content-border-focus: var(--accent-1) !important;
  1452.     --in-content-border-color: var(--tone-9) !important;
  1453.     --in-content-category-outline-focus: 1px dotted #0a84ff;
  1454.     --in-content-category-text: var(--tone-1) !important;
  1455.     --in-content-category-text-active: #ffffff !important;
  1456.     --in-content-category-text-selected: var(--accent-5) !important;
  1457.     --in-content-category-text-selected-active: #1e90ff;
  1458.     --in-content-category-background-hover: #1e90ff; /*rgba(12, 12, 13, 0.1);*/
  1459.     --in-content-category-background-active: #1e90ff; /* rgba(12, 12, 13, 0.15);*/
  1460.     --in-content-category-background-selected-hover: #1e90ff; /*rgba(12, 12, 13, 0.15);*/
  1461.     --in-content-category-background-selected-active: #1e90ff; /*rgba(12, 12, 13, 0.2);*/
  1462.     --in-content-tab-color: #424f5a;
  1463.     --in-content-link-color: var(--accent-1) !important;
  1464.     --in-content-link-color-hover: #1e90ff !important; /*var(--accent-2) !important;*/
  1465.     --in-content-link-color-active: #003eaa;
  1466.     --in-content-link-color-visited: #0a8dff;
  1467.     --in-content-primary-button-background: var(--accent-2) !important;
  1468.     --in-content-primary-button-background-hover: var(--accent-3) !important;
  1469.     --in-content-primary-button-background-active: var(--accent-3) !important;
  1470.     --in-content-table-border-dark-color: var(--tone-8) !important;
  1471.     --in-content-table-header-background: var(--accent-1) !important;
  1472.     --theme-selection-background: #1e90ff !important; /*var(--accent-1) !important;*/
  1473.     --theme-selection-background-hover: var(--accent-1) !important;
  1474.     --in-content-category-header-background: var(--tone-8) !important;
  1475.     --selected-icon-fill-color: var(--tone-1) !important;
  1476.     --in-content-dark-header-background: var(--tone-9) !important;
  1477.     --secure-connection-color: var(--accent-1) !important;
  1478.     --theme-sidebar-background: #1f1f1f !important;
  1479.     --cm-background: var(--tone-9) !important;
  1480.     --cm-selection: #cfcfcf !important;
  1481.     --cm-marker: #555 !important;
  1482.     --cm-linenumber: #58575c !important;
  1483.     --cm-cursor: #fff !important;
  1484.     --cm-active-line-background: rgba(185, 215, 253, .15) !important;
  1485.     --cm-matching-bracket: #ffffff !important;
  1486.     --cm-search-background: rgba(24, 29, 32, 1) !important;
  1487.     --cm-red: red !important;
  1488.     --start-indicator-for-updater-scripts: black !important;
  1489.     --end-indicator-for-updater-scripts: black !important;
  1490.     --dummy-variable-for-updater-scripts: black !important;
  1491. }
  1492. /*
  1493. @-moz-document url("chrome://global/content/commonDialog.xul") {
  1494.     #commonDialog {
  1495.         -moz-appearance: none !important;
  1496.         background-color: var(--in-content-page-background) !important;
  1497.         color: #ffffff !important;
  1498.     }
  1499. }
  1500. */
  1501. @-moz-document url(chrome://browser/content/places/places.xul) {
  1502.     toolbar {
  1503.         -moz-appearance: none !important;
  1504.         background-color: var(--in-content-category-header-background) !important;
  1505.         border: none !important;
  1506.     }
  1507.     listbox, textbox {
  1508.         -moz-appearance: none !important;
  1509.         background-color: var(--in-content-box-background) !important;
  1510.         color: #ffffff !important;
  1511.         min-height: 20px !important;
  1512.         padding: 0 0 0 4px !important;
  1513.         border: 1px solid !important;
  1514.         border-color: var(--in-content-box-border-color) !important;
  1515.         border-radius: 0px !important;
  1516.     }
  1517.     #editBMPanel_rows>row>hbox>textbox, #editBMPanel_rows>row>textbox, #editBMPanel_tagsSelector {
  1518.         background: var(--in-content-box-background) !important;
  1519.     }
  1520.     #placesToolbar>toolbarbutton {
  1521.         margin: 6px 4px 5px !important;
  1522.         -moz-appearance: none !important;
  1523.         background-color: var(--tone-4) !important;
  1524.         border-radius: 0px !important;
  1525.         filter: invert(100%) !important;
  1526.     }
  1527.     #placesList {
  1528.         -moz-appearance: none !important;
  1529.         color: var(--in-content-page-color) !important;
  1530.         background-color: var(--in-content-page-background) !important;
  1531.     }
  1532.     #placesView>splitter {
  1533.         border-color: var(--in-content-border-color) !important;
  1534.     }
  1535.     #places #downloadsRichListBox {
  1536.         -moz-appearance: none !important;
  1537.         color: var(--in-content-page-color) !important;
  1538.         background-color: var(--in-content-box-background) !important;
  1539.     }
  1540.     #detailsDeck {
  1541.         font-family: Fira Sans !important;
  1542.         border: none !important;
  1543.         background-color: var(--in-content-page-background) !important;
  1544.         color: var(--in-content-page-color) !important;
  1545.     }
  1546.     .expander-down, .expander-up {
  1547.         filter: invert(77%) !important;
  1548.     }
  1549.     #placeContent treechildren:not(.autocomplete-treebody)::-moz-tree-cell-text() {
  1550.         color: var(--in-content-text-color) !important;
  1551.     }
  1552.     #places treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected), #placesList>treechildren::-moz-tree-row(selected) {
  1553.         -moz-appearance: none !important;
  1554.         -moz-font-smoothing-background-color: none !important;
  1555.         border-top: none !important;
  1556.          background:#1e90ff !important; /*var(--theme-selection-background) !important;*/
  1557.         color: var(--in-content-text-color) !important;
  1558.     }
  1559.     #placeContent treechildren:not(.autocomplete-treebody)::-moz-tree-cell-text(selected), #placesList>treechildren::-moz-tree-cell-text(selected) {
  1560.         color: var(--in-content-text-color) !important;
  1561.     }
  1562.     #places treechildren::-moz-tree-row {
  1563.         background-color: transparent !important;
  1564.     }
  1565.     #places treechildren::-moz-tree-image {
  1566.         fill: var(--in-content-page-color) !important;
  1567.     }
  1568.     #places treechildren::-moz-tree-image(selected) {
  1569.         fill: var(--selected-icon-fill-color) !important;
  1570.     }
  1571.     #placeContent>treechildren::-moz-tree-cell, #placeContent>treechildren::-moz-tree-column {
  1572.         border-color: var(--in-content-box-border-color) !important;
  1573.     }
  1574.     #contentView treecol {
  1575.         -moz-appearance: none !important;
  1576.         border: none !important;
  1577.         background: var(--in-content-category-header-background) !important;
  1578.         color: var(--in-content-text-color) !important;
  1579.         border-right: 1px solid !important;
  1580.         border-color: var(--in-content-box-border-color) !important;
  1581.     }
  1582.     tree {
  1583.         background-color: var(--in-content-box-background) !important;
  1584.     }
  1585.     #editBMPanel_tagsSelectorExpander.expander-down {
  1586.         -moz-appearance: -moz-mac-disclosure-button-closed !important;
  1587.         filter: invert(79%) !important;
  1588.     }
  1589.     #editBMPanel_tagsSelectorExpander.expander-up {
  1590.         -moz-appearance: -moz-mac-disclosure-button-open !important;
  1591.         filter: invert(79%) !important;
  1592.     }
  1593.     #main-menubar {
  1594.         background-color: var(--in-content-category-header-background) !important;
  1595.     }
  1596.     #main-menubar>* {
  1597.         color: var(--in-content-page-color) !important;
  1598.     }
  1599.     #main-menubar> :hover, menubar>menu[_moz-menuactive=true][open=true] {
  1600.         -moz-appearance: none !important;
  1601.         background: var(--in-content-page-background) !important;
  1602.     }
  1603.     @media screen and (-moz-windows-theme), screen and (-moz-windows-classic), screen and (-moz-windows-default-theme), screen and (-moz-os-version:windows-win7), screen and (-moz-os-version:windows-win8), screen and (-moz-os-version:windows-win10) {
  1604.         #metaTagsCaption, #security-identity, #security-identity-groupbox, #security-privacy, #security-privacy-groupbox, #security-technical, #security-technical-groupbox {
  1605.             -moz-appearance: none !important;
  1606.             background-color: var(--in-content-page-background) !important;
  1607.             border: none !important;
  1608.             color: var(--in-content-selected-text) !important;
  1609.         }
  1610.         #placesMenu>menu {
  1611.             color: var(--in-content-page-color) !important;
  1612.         }
  1613.         #security-identity-groupbox, #security-privacy-groupbox, #security-technical-groupbox {
  1614.             -moz-appearance: none !important;
  1615.             background-color: var(--in-content-category-header-background) !important;
  1616.         }
  1617.         #places treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover):not(.autocomplete-treebody)::-moz-tree-cell-text(selected) {
  1618.             background: 0 0 !important;
  1619.             -moz-border-top-colors: transparent !important;
  1620.             -moz-border-right-colors: transparent !important;
  1621.             -moz-border-left-colors: transparent !important;
  1622.             -moz-border-bottom-colors: transparent !important;
  1623.         }
  1624.     }
  1625.     @media screen and (-moz-os-version:windows-win7) {
  1626.         treechildren {
  1627.             --treechildren-outline: none !important;
  1628.         }
  1629.     }
  1630. }
  1631.  
  1632. /*-------------------------------------------------------------------------------------------------------------------------*/
  1633.  
  1634. /*
  1635. #urlbar,
  1636. .searchbar-textbox {
  1637. border-radius: 0px !important;
  1638. /*min-height: 25px !important;*/
  1639.  
  1640. /*}*/
  1641.  
  1642. /*
  1643. light & Dark🔥- userChrome.
  1644. :root:not([uidensity=compact]) #back-button {
  1645. padding-top: 0 !important;
  1646. padding-bottom: 0 !important;
  1647. }
  1648. :root:not([uidensity=compact]) #back-button > .toolbarbutton-icon {
  1649. background-color: unset !important;
  1650. border: none !important;
  1651. }*/
  1652.  
  1653. /*
  1654. .titlebar-placeholder[type="pre-tabs"],
  1655. .titlebar-placeholder[type="post-tabs"] {
  1656. width: 25px !important;
  1657. }
  1658. */
  1659.  
  1660. /*
  1661. #titlebar:active {
  1662. margin-bottom: 0 !important;
  1663. }
  1664. */
  1665.  
  1666. /* Move the tab toolbar below the content.
  1667.  
  1668. #TabsToolbar {
  1669. position: fixed;
  1670. bottom: -0em;
  1671. width: 100%;
  1672. }
  1673. */
  1674.  
  1675. /* Move the content deck bottom up by the tab height. */
  1676.  
  1677. /* margin-bottom: var(--tab-min-height) !important;
  1678. #content-deck {
  1679.  
  1680. margin-bottom: 33px !important;
  1681. }*/
  1682.  
  1683. /*
  1684. #TabsToolbar:-moz-window-inactive {
  1685. background-color: rgba(30, 143, 255, 0.185) !important;
  1686. transition: .75s ease-in-out !important;
  1687. }*/
  1688.  
  1689. /*
  1690. #TabsToolbar {
  1691. -moz-box-direction: reverse !important;
  1692. }
  1693.  
  1694. #titlebar {
  1695. direction: rtl !important;
  1696. }
  1697. #main-menubar {
  1698. margin-left: 85px !important;
  1699. }
  1700. */
  1701.  
  1702. /* ---------------TST ------------------*/
  1703.  
  1704. /* Hide main tabs toolbar
  1705.  
  1706. #main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar {
  1707. opacity: 0;
  1708. pointer-events: none;
  1709. }
  1710.  
  1711. #main-window:not([tabsintitlebar="true"]) #TabsToolbar {
  1712. visibility: collapse !important;
  1713. }
  1714. */
  1715.  
  1716. /* Sidebar min and max width removal
  1717.  
  1718. #sidebar {
  1719. max-width: none !important;
  1720. min-width: 0px !important;
  1721. }
  1722. */
  1723.  
  1724. /* Hide splitter, when using Tree Style Tab.
  1725.  
  1726. #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]+#sidebar-splitter {
  1727. display: none !important;
  1728. }*/
  1729.  
  1730. /* Hide sidebar header, when using Tree Style Tab
  1731.  
  1732. #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
  1733. visibility: collapse;
  1734. }*/
  1735.  
  1736. /* Shrink sidebar until hovered, when using Tree Style Tab.
  1737.  
  1738. :root {
  1739. --thin-tab-width: 30px;
  1740. --wide-tab-width: 300px;
  1741. }
  1742.  
  1743. #sidebar-box:not([sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]) {
  1744. min-width: var(--wide-tab-width) !important;
  1745. max-width: none !important;
  1746. }
  1747.  
  1748. #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] {
  1749. position: relative !important;
  1750. transition: all 100ms !important;
  1751. min-width: var(--thin-tab-width) !important;
  1752. max-width: var(--thin-tab-width) !important;
  1753. }
  1754.  
  1755. #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]:hover {
  1756. transition: all 200ms !important;
  1757. min-width: var(--wide-tab-width) !important;
  1758. max-width: var(--wide-tab-width) !important;
  1759. margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width)) * -1) !important;
  1760. }*/
  1761.  
  1762. /*==== Searchbar (If Needed) ====*/
  1763.  
  1764. /*
  1765. @-moz-document url(chrome://browser/content/pageinfo/pageInfo.xul) {
  1766.     #topBar {
  1767.         -moz-appearance: none !important;
  1768.         background: var(--in-content-category-header-background) !important;
  1769.     }
  1770.     #mainDeck {
  1771.         background: var(--in-content-page-background) !important;
  1772.         color: var(--in-content-page-color) !important;
  1773.     }
  1774.     textbox {
  1775.         color: var(--in-content-page-color) !important;
  1776.     }
  1777.     .text-link {
  1778.         color: var(--in-content-link-color) !important;
  1779.     }
  1780.     button {
  1781.         -moz-appearance: none !important;
  1782.         background-color: var(--in-content-page-background) !important;
  1783.         border: 1px solid !important;
  1784.         border-radius: 3px !important;
  1785.         color: var(--in-content-page-color) !important;
  1786.         border-color: var(--in-content-box-border-color) !important;
  1787.     }
  1788.     button:hover {
  1789.         background-color: var(--in-content-box-background) !important;
  1790.     }
  1791.     #feedListbox, #feedListbox>richlistitem, #imagecontainerbox, .groupbox-body, .permission {
  1792.         -moz-appearance: none !important;
  1793.         background: var(--in-content-box-background) !important;
  1794.         color: var(--in-content-page-color) !important;
  1795.         border-color: var(--in-content-box-border-color) !important;
  1796.     }
  1797.     #feedListbox richlistitem {
  1798.         border-color: var(--in-content-box-border-color) !important;
  1799.     }
  1800.     #permPluginTemplate {
  1801.         color: var(--in-content-page-color) !important;
  1802.     }
  1803.     #feedListbox, #imagecontainerbox, #permList, .groupbox-body {
  1804.         border: 1px solid !important;
  1805.         border-color: var(--in-content-box-border-color) !important
  1806.     }
  1807.     groupbox.collapsable caption .caption-icon {
  1808.         filter: invert(65%) !important;
  1809.         -webkit-filter: invert(65%) !important;
  1810. }
  1811.     tree {
  1812.         -moz-appearance: none !important;
  1813.         color: var(--in-content-page-color) !important
  1814.     }
  1815.     treecol {
  1816.         -moz-appearance: none !important;
  1817.         border: 0 solid !important;
  1818.         border-color: var(--in-content-box-background) !important
  1819.     }
  1820.     treecolpicker {
  1821.         -moz-appearance: none;
  1822.         border: none !important
  1823.     }
  1824.     #viewGroup>radio {
  1825.         -moz-appearance: none !important;
  1826.         background-color: var(--in-content-box-background) !important;
  1827.         text-shadow: none !important;
  1828.         padding: 0 8px !important;
  1829.         color: var(--in-content-page-color);
  1830.         border-right: 1px solid !important;
  1831.         border-color: var(--in-content-box-border-color) !important
  1832.     }
  1833.     #viewGroup>radio[selected=true] {
  1834.         color: var(--in-content-selected-text) !important
  1835.     }
  1836.     #viewGroup>radio:first-of-type {
  1837.         border-top-left-radius: 4px !important;
  1838.         border-bottom-left-radius: 4px !important
  1839.     }
  1840.     #viewGroup>radio:last-of-type {
  1841.         border: none !important;
  1842.         border-top-right-radius: 4px !important;
  1843.         border-bottom-right-radius: 4px !important
  1844.     }
  1845.     @media screen and (-moz-windows-theme), screen and (-moz-windows-classic), screen and (-moz-windows-default-theme), screen and (-moz-os-version:windows-win7), screen and (-moz-os-version:windows-win8), screen and (-moz-os-version:windows-win10) {
  1846.         #topBar {
  1847.             -moz-appearance: none !important;
  1848.             background-color: var(--in-content-category-header-background) !important;
  1849.             border: none !important;
  1850.             padding-top: 5px !important;
  1851.             padding-bottom: 5px !important;
  1852.             color: var(--selected-icon-fill-color) !important
  1853.         }
  1854.         #metaTagsCaption, #security-identity, #security-identity-groupbox, #security-privacy, #security-privacy-groupbox, #security-technical, #security-technical-groupbox {
  1855.             -moz-appearance: none !important;
  1856.             background-color: var(--in-content-page-background) !important;
  1857.             border: none !important;
  1858.             color: var(--in-content-selected-text) !important
  1859.         }
  1860.         #security-identity-groupbox, #security-privacy-groupbox, #security-technical-groupbox {
  1861.             -moz-appearance: none !important;
  1862.             background-color: var(--in-content-category-header-background) !important
  1863.         }
  1864.     }
  1865. }*/
  1866. /*
  1867. @-moz-document url-prefix(chrome: //browser/content/preferences/cookies.xul) {
  1868.     #CookiesDialog {
  1869.        -moz-appearance: none !important;
  1870.        background-color: var(--in-content-page-background) !important;
  1871.     }
  1872.  
  1873.     #domainCol, #nameCol {
  1874.        -moz-appearance: none !important;
  1875.        border: none !important;
  1876.     }
  1877.  
  1878.     #domainCol {
  1879.        border-right: 1px solid !important;
  1880.        border-color: var(--in-content-box-border-color) !important;
  1881.     }
  1882.  
  1883.     .windowDialog, textbox {
  1884.        color: var(--in-content-page-color) !important;
  1885.     }
  1886.  
  1887.     textbox[type=search] {
  1888.        -moz-appearance: none !important;
  1889.        background-color: var(--in-content-box-background) !important;
  1890.        border: 1px solid;
  1891.        border-color: var(--in-content-box-border-color) !important;
  1892.        border-radius: 3px !important;
  1893.        padding: 2px 4px 2px 2px !important;
  1894.     }
  1895.  
  1896.    #cookiesList {
  1897.        -moz-appearance: none !important;
  1898.        border: 1px solid !important;
  1899.        border-color: var(--in-content-box-border-color) !important;
  1900.     }
  1901.  
  1902.     button {
  1903.        -moz-appearance: none !important;
  1904.        background-color: var(--in-content-page-background) !important;
  1905.        border: 1px solid !important;
  1906.        border-radius: 3px !important;
  1907.        color: var(--in-content-page-color) !important;
  1908.        border-color: var(--in-content-box-border-color) !important;
  1909.     }
  1910.     button:hover {
  1911.        background-color: var(--in-content-box-background) !important;
  1912.     }
  1913. }
  1914.  
  1915. /*-------------------anims hover ------------------------------------------------------------*/
  1916.  
  1917. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  1918. /* Contextual toolbar buttons, only show on hover, this is what matters, the rest of the file are just style tweaks I like*/
  1919.  
  1920. :root:not([customizing]) #nav-bar toolbarbutton {
  1921.     margin-left: -28px !important;
  1922.     transform: scale(0, 0) !important;
  1923.     pointer-events: none !important;
  1924.     transition: all 300ms var(--animation-easing-function) !important;
  1925. }
  1926.  
  1927. :root:not([customizing]) :hover>#nav-bar toolbarbutton, :root:not([customizing]) #navigator-toolbox:focus-within #nav-bar toolbarbutton, :root:not([customizing]) :hover>#titlebar toolbarbutton {
  1928.     transform: scale(1, 1) !important;  
  1929.     margin-left: 0 !important;
  1930.     pointer-events: auto !important;
  1931. }
  1932.  
  1933. /* auto collapse nav bar height when in stealth mode (not active), kinda jumpy and annoying after a while so let's just comment it for now*/
  1934.  
  1935. #nav-bar {
  1936.     height: 30px !important;
  1937.     transition: all 300ms var(--animation-easing-function) !important;
  1938. }
  1939.  
  1940. :root:not([customizing]) :hover>#nav-bar, :root:not([customizing]) #navigator-toolbox:focus-within #nav-bar {
  1941.     height: 30px !important;
  1942. }
  1943.  
  1944. /* url bar text shrinks when in "stealth mode"*/
  1945.  
  1946. /* #nav-bar #urlbar {
  1947.  font-size: 0.85em !important;
  1948. transition: all 100ms var(--animation-easing-function) !important;
  1949. }
  1950. */
  1951. /*
  1952. :root:not([customizing]) :hover>#nav-bar #urlbar, :root:not([customizing]) #navigator-toolbox:focus-within #nav-bar #urlbar {
  1953.     font-size: 14px !important;
  1954. }
  1955. */
  1956.  
  1957. /* some experimentation with expanding tab on hover to see the title better, it's kinda stupid but I was just messing around, could be something useful in the future */
  1958.  
  1959. /*
  1960. .tabbrowser-tab:not([selected]):hover {
  1961.     min-width: 300px !important;
  1962.     transition: min-width 150ms var(--animation-easing-function) 2s !important;
  1963. }*/
  1964.  
  1965.  
  1966. /* random style tweaks I like */
  1967.  
  1968. /*
  1969. Remove borders everywhere, some code copied from edge style for firefox
  1970. */
  1971.  
  1972.  
  1973. :root {
  1974.     --tabs-border: transparent !important;
  1975. }
  1976.  
  1977. .tabbrowser-tab::after, .tabbrowser-tab::before {
  1978.     border-left: none !important;
  1979. }
  1980.  
  1981. #urlbar, .searchbar-textbox {
  1982.     border: none !important;
  1983.     box-shadow: none !important;
  1984. }
  1985.  
  1986.  
  1987. /* nav bar is semi opaque when unhovered */
  1988.  
  1989. /*
  1990. #nav-bar>* {
  1991. opacity: 0.5;
  1992. transition: opacity 0.3s;
  1993. }
  1994.  
  1995. #nav-bar:hover>* {
  1996. opacity: 1 !important;
  1997. }
  1998. */
  1999.  
  2000. #urlbar {
  2001.     opacity: 1 !important;
  2002. }
  2003.  
  2004. #urlbar .urlbar-input-box {
  2005.     opacity: 1 !important;
  2006. }
  2007. /*
  2008. #urlbar, .searchbar-textbox {
  2009.     border: 0px !important;
  2010.     height: 22px !important;
  2011. }
  2012. */
  2013. #urlbar {
  2014.     margin-left: 1px !important;
  2015.     margin-right: 1px !important;
  2016. }
  2017.  
  2018. .tab-background {
  2019.     border-top: none !important;
  2020. }
  2021.  
  2022. .tabs-newtab-button, #new-tab-button, #alltabs-button {
  2023.     fill: #ffffff !important;
  2024.     opacity: 1 !important;
  2025.     border-top: 0px !important;
  2026.     margin-bottom: 0px !important;
  2027.     margin-left: 0px !important;
  2028. }
  2029.  
  2030. window:not([chromehidden~="toolbar"]) #urlbar-container>.toolbarbutton-1:-moz-any([disabled], :not([open]):not([disabled]):not(:active))>.toolbarbutton-icon[class], #main-window:not([customizing]) #back-button[disabled]>.toolbarbutton-icon[class] {
  2031.     box-shadow: none !important;
  2032.     border: 0px !important;
  2033. }
  2034.  
  2035. /* bookmarks toolbar edge style */
  2036. /* toolbarbutton.bookmark-item { border: 1px rgba(0,0,0,0) solid !important; }
  2037. */
  2038.  
  2039.  
  2040. /* Override vertical shifts when moving a tab */
  2041. #TabsToolbar[movingtab] {
  2042.     padding-bottom: 0 !important;
  2043.     overflow:hidden!important;
  2044. }
  2045.  
  2046. #TabsToolbar[movingtab] > .tabbrowser-tabs {
  2047.     padding-bottom: 0 !important;
  2048. }
  2049. #TabsToolbar[movingtab] + #nav-bar {
  2050.     margin-top: 0 !important;
  2051. }
  2052. /*----------------------------*/
  2053.  
  2054. toolbarbutton.bookmark-item:hover {
  2055.     background-color: #1f1f1f !important;
  2056.     border: 1px #1f1f1f solid !important;
  2057. }
  2058.  
  2059. .titlebar-placeholder[type="post-tabs"] {
  2060.     width: 50px !important;
  2061. }
  2062.  
  2063. #TabsToolbar {
  2064.     margin-bottom: 0px !important;
  2065. }
  2066.  
  2067. #navigator-toolbox::after {
  2068.     border-bottom: 0px !important;
  2069. }
  2070.  
  2071. #TabsToolbar .tab-background {
  2072.     border-right: 0px !important;
  2073.     border-left: 0px !important;
  2074. }
  2075.  
  2076. .scrollbutton-up, .scrollbutton-down {
  2077.     margin-bottom: 0px !important;
  2078. }
  2079.  
  2080. .scrollbutton-up:hover, .scrollbutton-down:hover {
  2081.     background: #2a2a2a !important;
  2082. }
  2083.  
  2084. .scrollbutton-up:hover:active, .scrollbutton-down:hover:active {
  2085.     background: #444444 !important;
  2086. }
  2087.  
  2088. /*
  2089. .tabs-newtab-button .toolbarbutton-icon {
  2090. background: transparent;
  2091. }*/
  2092.  
  2093. #urlbar, .searchbar-textbox {
  2094.     box-shadow: none !important;
  2095. }
  2096.  
  2097. .close-icon>.toolbarbutton-icon {
  2098.     border-radius: 0px !important;
  2099. }
  2100.  
  2101. #TabsToolbar[movingtab] {
  2102.     padding-bottom: 0px !important;
  2103. }
  2104.  
  2105. #TabsToolbar[movingtab]>#tabbrowser-tabs {
  2106.     padding-bottom: 0px !important;
  2107.     margin-bottom: 0px !important;
  2108. }
  2109.  
  2110. #new-tab-button>.toolbarbutton-icon, #alltabs-button>.toolbarbutton-icon {
  2111.     background-color: transparent !important;
  2112. }
  2113.  
  2114. :root {
  2115.     --toolbarbutton-border-radius: 0px !important;
  2116. }
  2117.  
  2118. #context-back>.menu-iconic-left, #context-forward>.menu-iconic-left, #context-reload>.menu-iconic-left, #context-stop>.menu-iconic-left, #context-bookmarkpage>.menu-iconic-left {
  2119.     padding: 0px !important;
  2120. }
  2121.  
  2122. #tabbrowser-tabs {
  2123.     --tab-line-color: #1e90ff !important;
  2124.     --tab-loading-fill: #1e90ff !important;
  2125.     box-shadow: none !important;
  2126. }
  2127.  
  2128. :root[lwtheme-image]:-moz-lwtheme-brighttext {
  2129.     text-shadow: none !important;
  2130. }
  2131.  
  2132. toolbarspring {
  2133.     min-width: 8px;
  2134.     max-width: 8px;
  2135. }
  2136. /*---------------------autohide navbar*/
  2137. #nav-bar {
  2138.     z-index: 1 !important;
  2139. }
  2140.  
  2141. #PersonalToolbar {
  2142.     margin-top: -30px !important;
  2143.     transition: all 0.5s ease 0s !important;
  2144. }
  2145.  
  2146. #navigator-toolbox:hover>#PersonalToolbar {
  2147.     margin-top: 0px !important;
  2148.     transition: all 0.5s ease 0s !important;
  2149. }
  2150. /*------------------------------------*/
  2151. #customization-done-button {
  2152.     color: #ffffff;
  2153.     border-color: var(--in-content-primary-button-background) !important;
  2154.     background-color: var(--in-content-primary-button-background) !important;
  2155. }
  2156.  
  2157. #customization-done-button:-moz-any(:focus, :active, :hover):not([disabled]) {
  2158.     background-color: var(--in-content-primary-button-background-hover) !important;
  2159. }
  2160.  
  2161. input:not(.urlbar-input):not(.textbox-input):not(.form-control):not([type='checkbox']):not([type='radio']), textarea, select {
  2162.     -moz-appearance: none !important;
  2163.     background-color: #ffffff !important;
  2164.     color: #000000 !important;
  2165. }
  2166. /*
  2167. #identity-icon-label {*/
  2168.     /* Hides the EV SSL label
  2169.     visibility: collapse !important;
  2170. }
  2171.  
  2172. #identity-box:hover>#identity-icon-labels>#identity-icon-label {*/
  2173.     /* Shows the label on identity box hover
  2174.     visibility: visible !important;
  2175. }
  2176. */
  2177.  
  2178. .browserContainer {
  2179.     background-image: url(wall21.jpg) !important;
  2180.     background-repeat: no-repeat !important;
  2181.     background-position: center !important;
  2182.     background-size: cover !important;
  2183.     background-color: #000000 !important;
  2184. }
  2185.  
  2186. @-moz-document url("chrome://browser/content/browser.xul") {
  2187.     .tabbrowser .tabpanels {
  2188.         background-color: black !important;
  2189.     }
  2190. }
  2191.  
  2192.  
  2193. #PersonalToolbar { font-size: 14px !important; font-family: Fira Sans !important;
  2194.     background : #1f1f1f !important;
  2195. }
  2196.  
  2197.  
  2198. /*
  2199. .tab-icon-image {
  2200.     background-color: lighhtgrey !important;
  2201.     border-radius: 50%;
  2202.     padding: 2px;
  2203. }*/
  2204.  
  2205. #feed-button {
  2206.     list-style-image: url('rssblue1.png') !important;
  2207. }
  2208.  
  2209.  
  2210. .tabs-newtab-button.toolbarbutton-1 .toolbarbutton-icon {
  2211.     background-color: unset !important;
  2212.     list-style-image: url("bluearrow.png") !important;
  2213.     opacity: 1 !important;
  2214.     border-radius: 0 !important;
  2215.     width: calc(2 * var(--toolbarbutton-inner-padding) + 27px) !important;
  2216.     height: calc(2 * var(--toolbarbutton-inner-padding) +27px) !important;
  2217.     margin-left: 0px !important;
  2218. }
  2219.  
  2220.  
  2221.  
  2222. /*
  2223. * Auto-hide the URL-bar and bookmarks bar, show on hover or focus
  2224. *
  2225. * Contributor(s): Alex Vallat
  2226. */
  2227. /*
  2228. :root[uidensity=compact] #navigator-toolbox {
  2229.     --nav-bar-height: 33px;
  2230.     --tab-min-height: 29px;
  2231. }
  2232.  
  2233.  
  2234. :root:not([uidensity]) #navigator-toolbox {
  2235.     --nav-bar-height: 39px;
  2236.     --tab-min-height: 33px;
  2237. }
  2238.  
  2239. :root[uidensity=touch] #navigator-toolbox {
  2240.     --nav-bar-height: 41px;
  2241.     --tab-min-height: 41px;
  2242. }
  2243.  
  2244. #navigator-toolbox {
  2245.     --tabbar-height: calc(var(--tab-min-height) + var(--space-above-tabbar));
  2246.     --trigger-area-height: 5px;
  2247. }
  2248.  
  2249. :root[chromehidden~="toolbar"] #navigator-toolbox {
  2250.     --tabbar-height: 0.1px;
  2251. }
  2252.  
  2253. #toolbar-menubar {
  2254.     margin-top: 0px !important;
  2255. }*/
  2256.  
  2257. /* Undo add of 4px extra margin on top of the tabs toolbar on Windows 7. */
  2258. /* Note: @media -moz-os-version does not work in userChrome.css (https://bugzilla.mozilla.org/show_bug.cgi?id=1418963) *//*
  2259. :root[sizemode="normal"][chromehidden~="menubar"] #TabsToolbar,
  2260. :root[sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar {
  2261.     padding-top: var(--space-above-tabbar) !important;
  2262. }
  2263.  
  2264. #nav-bar, #PersonalToolbar {*/
  2265.       /* Otherwise spacers will not count as hover-able areas *//*
  2266.       -moz-window-dragging: default;
  2267. }
  2268.  
  2269. :root:not([customizing]) #nav-bar  {
  2270.     overflow-y: hidden;
  2271.     max-height:0;
  2272.     min-height:0 !important;
  2273.     padding-top:0 !important;
  2274.     padding-bottom:0 !important;
  2275.     opacity: 0;
  2276. }
  2277.  
  2278. :root:not([customizing]) :hover > #nav-bar,
  2279. :root:not([customizing]) #nav-bar:focus-within {
  2280.     max-height: var(--nav-bar-height);
  2281.     opacity: 1;
  2282.     transition: opacity 0.15s ease-in, max-height 0.15s linear;
  2283. }
  2284.  
  2285. :root:not([customizing]) #navigator-toolbox {
  2286.     max-height: calc(var(--tabbar-height) + var(--trigger-area-height));
  2287.     min-height: var(--tabbar-height);
  2288.     margin-bottom: calc(-1 * var(--trigger-area-height));
  2289. }
  2290.  
  2291. :root:not([customizing]) #navigator-toolbox:hover,
  2292. :root:not([customizing]) #navigator-toolbox:focus-within {
  2293.     max-height: calc(var(--tabbar-height) + var(--nav-bar-height));
  2294.     margin-bottom: calc(0px - var(--nav-bar-height));
  2295. }*/
  2296.  
  2297. /* If the bookmarks bar is turned on, auto-hide that too *//*
  2298. :root:not([customizing]) #PersonalToolbar {
  2299.     max-height: 0 !important;
  2300.     min-height: 0.1px !important;
  2301.     opacity: 0;
  2302.     transition: opacity 0.15s ease-in !important;
  2303. }
  2304.  
  2305. :root:not([customizing]) :hover > #PersonalToolbar,
  2306. :root:not([customizing]) #navigator-toolbox:focus-within #PersonalToolbar {
  2307.     max-height: 4em !important;
  2308.     opacity: 1;
  2309. }*/
  2310.  
  2311. /* Lightweight Theme Support *//*
  2312. :root:-moz-lwtheme #nav-bar,
  2313. :root:-moz-lwtheme #PersonalToolbar {
  2314.  background-color: var(--lwt-accent-color) !important;
  2315.  background-image: var(--lwt-header-image), var(--lwt-additional-images) !important;
  2316.  background-position: var(--lwt-background-alignment) !important;
  2317.  background-repeat: var(--lwt-background-tiling) !important;
  2318. }
  2319.  
  2320. #main-window[sizemode="normal"]:-moz-lwtheme #nav-bar {
  2321.    background-position-y: calc(-2px - var(--tabbar-height)) !important;
  2322. }
  2323. #main-window[sizemode="normal"]:-moz-lwtheme #PersonalToolbar {
  2324.    background-position-y: calc(-2px - var(--tabbar-height) - var(--nav-bar-height)) !important;
  2325. }
  2326.  
  2327. #main-window[sizemode="maximized"]:-moz-lwtheme #nav-bar {
  2328.    background-position-y: calc(-8px - var(--tabbar-height)) !important;
  2329. }
  2330.  
  2331. #main-window[sizemode="maximized"]:-moz-lwtheme #PersonalToolbar {
  2332.    background-position-y: calc(-8px - var(--tabbar-height) - var(--nav-bar-height)) !important;
  2333. }*/
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!