API tools faq
paste
difool2nice

userchrome1

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