API tools faq
paste
difool2nice

userchrome.css june,26 2018

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