API tools faq
paste
difool2nice

userChrome.css 2020

difool2nice
Oct 6th, 2020
199
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 112.64 KB | None | 0 0
raw download clone embed print report
  1. /*--------------------About firefox --------------181a21---------*/
  2. @-moz-document url("chrome://browser/content/aboutDialog.xhtml") {
  3.     #leftBox {
  4.         background-image: url("foxy.gif") !important;
  5.         background-position: left !important;
  6.         background-repeat: no-repeat !important;
  7.     }
  8.  
  9.     #aboutDialogContainer {
  10.         background-image: url("spacex.jpg") !important;
  11.         border: none !important;
  12.         font-family: Fira Sans !important;
  13.         font-size: inherit !important;
  14.         color: #1e90ff !important;
  15.     }
  16.  
  17.     #aboutDialogContainer {
  18.         min-height: 350px !important;
  19.         max-height: 400px !important;
  20.     }
  21.  
  22.     #bottomBox {
  23.         background: none !important;
  24.     }
  25. }
  26.  
  27. #update-available-whats-new,
  28. .text-link {
  29.     color: #ffff !important;
  30.     font-style: normal !important;
  31. }
  32.  
  33.  
  34. /*------------------------*/
  35. #browserContainer {
  36.     background-color: #161825 !important;
  37.     /*15202b*/
  38. }
  39.  
  40.  
  41.  
  42. ::selection {
  43.     background: #1e90ff80 !important;
  44.     color: white !important;
  45. }
  46.  
  47. /* Tweaks for Ctrl+Tab */
  48.  
  49. #ctrlTab-previews {
  50.     border-radius: 0% !important;
  51. }
  52.  
  53. #ctrlTab-panel {
  54.     -moz-appearance: none !important;
  55.     color: #1e90ff !important;
  56.     border-style: none !important;
  57.     padding: 20px 10px 10px !important;
  58.     font-family: Fira Sans !important;
  59.     font-weight: normal !important;
  60.     background: transparent !important;
  61.     text-align: center !important;
  62. }
  63.  
  64. .ctrlTab-preview:not(#ctrlTab-showAll)>*>.ctrlTab-preview-inner {
  65.     margin: -10px -10px 0 !important;
  66. }
  67.  
  68. .ctrlTab-preview-inner {
  69.     padding: 8px !important;
  70.     border: 2px solid transparent !important;
  71.     border-radius: 0px !important;
  72. }
  73.  
  74. tabPreview-canvas element {
  75.     max-width: 272px !important;
  76.     min-width: 272px !important;
  77.     max-height: 153px !important;
  78.     min-height: 153px !important;
  79. }
  80.  
  81. .ctrlTab-favicon-container {
  82.     -moz-box-align: start !important;
  83.     -moz-box-pack: start !important;
  84. }
  85.  
  86. .ctrlTab-favicon[src] {
  87.     background-color: transparent !important;
  88.     width: 25px !important;
  89.     height: 25px !important;
  90.     padding: 2px !important;
  91. }
  92.  
  93. /*== Identity Popup ==*/
  94.  
  95. #identity-popup-securityView,
  96. identity-popup-security-content,
  97. .identity-popup-section,
  98. #identity-popup-securityView-footer {
  99.     background-color: transparent !important;
  100.     color: #ffff !important;
  101. }
  102.  
  103. #urlbar[pageproxystate="valid"]>#identity-box.verifiedIdentity {
  104.     border-image-slice: 0 !important;
  105. }
  106.  
  107. #urlbar[pageproxystate="valid"]>#identity-box.chromeUI {
  108.     border-image-slice: 0 !important;
  109. }
  110.  
  111. #identity-box.verifiedIdentity {
  112.     --urlbar-separator-color: transparent !important;
  113. }
  114.  
  115. #urlbar[pageproxystate="valid"]>#identity-box.extensionPage {
  116.     border-image-slice: 0 !important;
  117. }
  118.  
  119. #urlbar>#identity-box.verifiedIdentity>#identity-icon-labels>#identity-icon-label,
  120. #urlbar>#identity-box.verifiedIdentity>#identity-icon-labels>#identity-icon-country-label {
  121.     color: #1e90ff !important;
  122. }
  123.  
  124. #urlbar>#identity-box.notSecureText>#identity-icon-labels>#identity-icon-label {
  125.     color: #1e90ff !important;
  126.  
  127. }
  128.  
  129. /*#extension-icon[tooltiptext$="Tabliss"], #extension-icon[tooltiptext$="Tabliss"] ~ #identity-icon-labels{ display: none }*/
  130. #identity-box {
  131.     border-image-slice: 0 !important;
  132. }
  133.  
  134. #tracking-protection-icon-container {
  135.     /*visibility: collapse !important;*/
  136.     border: 0px solid transparent !important;
  137. }
  138.  
  139.  
  140. #extension-icon,
  141. #identity-icon-label {
  142.     display: none !important;
  143. }
  144.  
  145. /* identity button color */
  146. #identity-popup-clear-sitedata-button {
  147.     padding-bottom: 12px !important;
  148.     background-color: #1e90ff !important;
  149. }
  150.  
  151. #identity-popup-clear-sitedata-footer {
  152.     background: transparent !important;
  153. }
  154.  
  155. #identity-box {
  156.     border-inline-end: 0px !important;
  157. }
  158.  
  159. #tracking-protection-icon-container {
  160.     fill: #ffff !important;
  161.     fill-opacity: 100% !important;
  162.     border: 0px solid transparent !important;
  163. }
  164.  
  165. .identity-popup-section {
  166.     border-top: 0px solid #303030 !important;
  167. }
  168.  
  169. #identity-popup-mainView-panel-header {
  170.     background-color: #1e90ff !important;
  171. }
  172.  
  173. #popup-mainView-panel {
  174.     opacity: 1 !important;
  175.     background-color: #161825 !important;
  176. }
  177.  
  178. #protections-popup {
  179.     opacity: 1 !important;
  180.     background-color: transparent !important;
  181. }
  182.  
  183. #protections-popup-tp-switch-section {
  184.     opacity: 1 !important;
  185.     background-color: #161825 !important;
  186. }
  187.  
  188. #tracking-protection-container {
  189.     opacity: 1 !important;
  190.     background-color: #161825 !important;
  191. }
  192.  
  193. #protections-popup-mainView-panel-header {
  194.     background-color: #161825 !important;
  195.     color: inherit !important;
  196. }
  197.  
  198. #protections-popup-footer {
  199.     background-color: #161825 !important;
  200. }
  201.  
  202. .protections-popup-category:-moz-focusring,
  203. .protections-popup-category:hover,
  204. .protections-popup-footer-button:-moz-focusring,
  205. .protections-popup-footer-button:hover,
  206. #protections-popup-show-report-stack:hover>.protections-popup-footer-button {
  207.     border-radius: 0px !important;
  208.     background-color: #1e90ff !important;
  209.     color: #ffff !important;
  210. }
  211.  
  212.  
  213.  
  214. /*------------------------------------------------------------------------------*/
  215. #nav-bar {
  216.     box-shadow: none !important;
  217. }
  218.  
  219. #tabbrowser-tabpanels {
  220.     background-color: #161825 !important;
  221. }
  222.  
  223. #TabsToolbar {
  224.     background-color: black !important;
  225. }
  226.  
  227. /*-------------------------nav button----------------------------*/
  228. #back-button {
  229.     list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfiAxMSNzVLQoGBAAAAb0lEQVQoz43ROQqDUBSF4UMEESKCBBehOODK7ezSWZnGJmuI4xp+66CX9077FXc40k1o+fCSFRoOOgKLa3Z6QosrNt5EFpesDDwtLlgYSSzOmZlILY758SW7ykO+cYzwWNLjTI9HSc5XS86ypP+6Tw/fVEqhFbEZAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTAzLTE5VDE4OjU1OjUzKzAxOjAwq3ccegAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wMy0xOVQxODo1NTo1MyswMTowMNoqpMYAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") !important;
  230. }
  231.  
  232. #forward-button {
  233.     list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfiAxMSOA3k2CXQAAAAbklEQVQoz5WRMQqDABAEF4UgKEIIPkKJii+3s7NLpY1N3qBR84axsPYOt1sYuNtdSZLEi5FG1yKk5U9tIQ86dioLiejZKC0k5sPK20JSBn4UFvJkYiG3kIwvM8npAt2Vc8J50onpFOVU7Y51PfcBtUFUSir+geUAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDMtMTlUMTg6NTY6MTMrMDE6MDDECqmDAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTAzLTE5VDE4OjU2OjEzKzAxOjAwtVcRPwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAASUVORK5CYII=") !important;
  234. }
  235.  
  236.  
  237.  
  238. #back-button:not(:hover),
  239. #back-button:not(:hover)>.toolbarbutton-icon {
  240.     fill: #ffff !important;
  241.     background: none !important;
  242.     border: transparent !important;
  243.     box-shadow: none !important;
  244.     opacity: 1 !important;
  245. }
  246.  
  247. #back-button:hover,
  248. #back-button:hover>.toolbarbutton-icon {
  249.     background: none !important;
  250.     fill: #1e90ff !important;
  251.     border: transparent !important;
  252.     border-radius: 0px !important;
  253.     opacity: 1 !important;
  254. }
  255.  
  256. #forward-button:not(:hover),
  257. #forward-button:not(:hover)>.toolbarbutton-icon {
  258.     fill: #ffff !important;
  259.     background: none !important;
  260.     border: transparent !important;
  261.     box-shadow: none !important;
  262.     opacity: 1 !important;
  263. }
  264.  
  265. #forward-button:hover,
  266. #forward-button:hover>.toolbarbutton-icon {
  267.     background: none !important;
  268.     fill: #1e90ff !important;
  269.     border: transparent !important;
  270.     border-radius: 0px !important;
  271.     opacity: 1 !important;
  272. }
  273.  
  274. /*---------------------------------------------------------------------------*/
  275. /*Move the three dots to the end (rightmost) of the PageActions*/
  276. #page-action-buttons {
  277.     -moz-box-ordinal-group: 0 !important;
  278. }
  279.  
  280. #pageActionButton {
  281.     -moz-box-ordinal-group: 2 !important;
  282.  
  283. }
  284.  
  285. /*----------------------------*/
  286. #confirmation-hint {
  287.     visibility: collapse !important;
  288. }
  289.  
  290. /*--------------------------*/
  291.  
  292. .tabbrowser-tab {
  293.     -moz-box-align: inherit !important;
  294. }
  295.  
  296. .searchbar-textbox {
  297.     margin-bottom: 4px !important;
  298. }
  299.  
  300. /*---------------------------------------------------------------*/
  301. /*
  302. .PlacesToolbar {
  303.     height: 40px !important;
  304. }*/
  305.  
  306. #statuspanel #statuspanel-label {
  307.     -moz-appearance: none !important;
  308.     background-color: #161825 !important;
  309.     font-family: "Fira Sans" !important;
  310.     font-size-adjust: inherit !important;
  311.     font-weight: normal !important;
  312.     color: #1e90ff !important;
  313.     border: 1px solid #161825 !important;
  314.     border-radius: 0px !important;
  315. }
  316.  
  317. #statuspanel {
  318.     /*background-color: transparent !important;*/
  319.     border: none !important;
  320.     bottom: 16px !important;
  321.     height: 20px !important;
  322.     max-width: 45% !important;
  323.     transition: none !important;
  324. }
  325.  
  326. /* Revert tab throbber */
  327.  
  328. .tab-throbber[busy]::before {
  329.     background-image: url("chrome://global/skin/icons/loading.png") !important;
  330.     animation: unset !important;
  331. }
  332.  
  333. .tab-throbber[busy]:not([progress])::before {
  334.     filter: grayscale(100%) !important;
  335. }
  336.  
  337. @media (min-resolution: 2dppx) {
  338.     .tab-throbber[busy]::before {
  339.         background-image: url("chrome://global/skin/icons/loading@2x.png") !important;
  340.     }
  341. }
  342.  
  343. /*------------#tabs-newtab-button----------------------------------*/
  344. /* #tabs-newtab-button for v70                                     */
  345.  
  346. #tabs-newtab-button.toolbarbutton-1 .toolbarbutton-icon {
  347.     background-color: unset !important;
  348.     list-style-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhLS0gR2VuZXJhdG9yOiBHcmF2aXQuaW8gLS0+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0iaXNvbGF0aW9uOmlzb2xhdGUiIHZpZXdCb3g9IjAgMCAxNSAxNCIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE0Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Il9jbGlwUGF0aF9LTUVkenVLWUlnYVpuTnhJS0Z4eklvQjdMcmhpTVFmZiI+PHJlY3Qgd2lkdGg9IjE1IiBoZWlnaHQ9IjE0Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI19jbGlwUGF0aF9LTUVkenVLWUlnYVpuTnhJS0Z4eklvQjdMcmhpTVFmZikiPjxjbGlwUGF0aCBpZD0iX2NsaXBQYXRoX3RXWmJjbmxRdlRrdVo5Z241dTFuN3RTNWtPMnlKZEw2Ij48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTUiIGhlaWdodD0iMTQiIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMCwwKSIgZmlsbD0icmdiKDI1NSwyNTUsMjU1KSIvPjwvY2xpcFBhdGg+PGcgY2xpcC1wYXRoPSJ1cmwoI19jbGlwUGF0aF90V1piY25sUXZUa3VaOWduNXUxbjd0UzVrTzJ5SmRMNikiPjxnPjxsaW5lYXJHcmFkaWVudCBpZD0iX2xncmFkaWVudF8xIiB4MT0iLTAuMDAxNTU3OTcxMDE0NDkyNzQ5IiB5MT0iMC40OTk5NjMxNjQ4NzQwMjM4NyIgeDI9IjEuMDg4MDI1MzYyMzE4ODQwNSIgeTI9IjAuNDk5OTYzMTY0ODc0MDIzODciIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMTUsMCwwLDE0LDAsMCkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjEuNzM5MTMwNDM0NzgyNjA4NiUiIHN0b3Atb3BhY2l0eT0iMSIgc3R5bGU9InN0b3AtY29sb3I6cmdiKDAsMCwwKSIvPjxzdG9wIG9mZnNldD0iMjMuOTEzMDQzNDc4MjYwODclIiBzdG9wLW9wYWNpdHk9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYigzMCwxNDQsMjU1KSIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0iIE0gMCAwIEwgOC43MiAwIEwgMTUgNy4wMDkgTCA4LjcyIDE0IEwgMCAxNCBMIDAgMCBaICBNIDYuOTc1IDMuNzUxIEwgNi45NzUgNi41NjEgTCA0LjE2NSA2LjU2MSBMIDQuMTY1IDcuNDk4IEwgNi45NzUgNy40OTggTCA2Ljk3NSAxMC4zMDggTCA3LjkxMSAxMC4zMDggTCA3LjkxMSA3LjQ5OCBMIDEwLjcyMSA3LjQ5OCBMIDEwLjcyMSA2LjU2MSBMIDcuOTExIDYuNTYxIEwgNy45MTEgMy43NTEgTCA2Ljk3NSAzLjc1MSBaICIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJ1cmwoI19sZ3JhZGllbnRfMSkiLz48L2c+PC9nPjwvZz48L3N2Zz4=") !important;
  349.     opacity: 1 !important;
  350.     border-radius: 0 !important;
  351.     /*calc(2*var(--toolbarbutton-inner-padding)+24px)*/
  352.     width: 25px !important;
  353.     /*calc(2*var(--toolbarbutton-inner-padding)+24px)*/
  354.     height: 25px !important;
  355.     margin-left: -2px !important;
  356.     margin-bottom: 5px !important;
  357. }
  358.  
  359. /*--------------------close tab size --------------*/
  360.  
  361. :root {
  362.     --tab_close_icons_size: 16px;
  363. }
  364.  
  365. #main-window #navigator-toolbox #TabsToolbar #closetab_fmarin_com-browser-action .toolbarbutton-icon,
  366. #main-window #navigator-toolbox #TabsToolbar #_fe8cab45-aaee-45f8-8765-781e0ebea300_-browser-action .toolbarbutton-icon,
  367. #main-window #navigator-toolbox #TabsToolbar .close-icon>.toolbarbutton-icon,
  368. #main-window #navigator-toolbox #TabsToolbar .tab-content .close-icon {
  369.     min-width: var(--tab_close_icons_size) !important;
  370.     width: var(--tab_close_icons_size) !important;
  371.     min-height: var(--tab_close_icons_size) !important;
  372.     height: var(--tab_close_icons_size) !important;
  373.     margin-right: 2px !important;
  374. }
  375.  
  376. /*------close button anim-------*/
  377. /* tabs --- rotate close button */
  378.  
  379. .tab-close-button {
  380.     list-style-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhLS0gR2VuZXJhdG9yOiBHcmF2aXQuaW8gLS0+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0iaXNvbGF0aW9uOmlzb2xhdGUiIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Il9jbGlwUGF0aF92SDU2eGE0aWxxcmgzT2xoaUNsMGpRTnNpV0dGNWZuTiI+PHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI19jbGlwUGF0aF92SDU2eGE0aWxxcmgzT2xoaUNsMGpRTnNpV0dGNWZuTikiPjxwYXRoIGQ9IiBNIDAgOCBDIDAgMy41ODUgMy41ODUgMCA4IDAgQyAxMi40MTUgMCAxNiAzLjU4NSAxNiA4IEMgMTYgMTIuNDE1IDEyLjQxNSAxNiA4IDE2IEMgMy41ODUgMTYgMCAxMi40MTUgMCA4IFogIE0gOC44ODYgNS4yMzQgQyA4Ljg4NiAzLjk5IDkuODk2IDIuOTc5IDExLjE0IDIuOTc5IEMgMTIuMzg0IDIuOTc5IDEzLjM5NSAzLjk5IDEzLjM5NSA1LjIzNCBDIDEzLjM5NSA2LjMwNyAxMi42NDIgNy4yMDYgMTEuNjM3IDcuNDMzIEMgMTEuNDc3IDcuNDY5IDExLjMxMSA3LjQ4OCAxMS4xNCA3LjQ4OCBDIDkuODk2IDcuNDg4IDguODg2IDYuNDc4IDguODg2IDUuMjM0IFogIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9InJnYigxMzIsMTkzLDI1NSkiLz48L2c+PC9zdmc+") !important;
  381. }
  382.  
  383.  
  384. #tabbrowser-tabs .tabbrowser-tab:hover .tab-close-button {
  385.     transform: rotate(2880deg) !important;
  386.     transition: transform ease-in-out 4s !important;
  387. }
  388.  
  389.  
  390. .urlbar-input-box:-moz-selection {
  391.     font-family: 'Fira Sans' !important;
  392.     font-size: 14px !important;
  393.     background-color: #1e90ff50 !important;
  394.     border: 0px !important;
  395.     opacity: 1 !important;
  396.     color: #ffffff !important;
  397. }
  398.  
  399. #urlbar-input {
  400.     text-align: left !important;
  401.     margin-top: 1px !important;
  402. }
  403.  
  404. /*--------------------------------------------------------------*/
  405. menupopup {
  406.     -moz-appearance: none !important;
  407.     padding: 8px 2px 8px 2px !important;
  408.     background-color: #161825 !important;
  409.     color: white !important;
  410.     border: none !important;
  411.     border-radius: 0px !important;
  412.     min-width: 280px !important;
  413.     /*width: 280px !important;*/
  414.     /* opacity: 0.9 !important;*/
  415. }
  416.  
  417. menu,
  418. menupopup {
  419.     border: 0px !important;
  420. }
  421.  
  422. menuseparator {
  423.     -moz-appearance: none !important;
  424.     border: none !important;
  425.     padding: 0.5px 0px 0.5px 0px !important;
  426.     margin: 4px 8px 4px 8px !important;
  427.     background-color: #303030 !important;
  428. }
  429.  
  430. menuitem,
  431. menu {
  432.     -moz-appearance: none !important;
  433.     color: #ffffff !important;
  434.     padding: 3px 0px 3px 0px !important;
  435. }
  436.  
  437. menuitem[disabled="true"],
  438. menuitem[disabled="true"]>.menu-text {
  439.     color: #777 !important;
  440. }
  441.  
  442. menuitem:hover,
  443. menu:hover,
  444. menu[open="true"],
  445. menuitem[_moz-menuactive="true"] {
  446.     -moz-appearance: none !important;
  447.     padding: 3px 0px 3px 0px !important;
  448.     background-color: #1e90ff !important;
  449. }
  450.  
  451. menugroup {
  452.     padding: 0px !important;
  453.     background-color: transparent !important;
  454.     color: white !important;
  455. }
  456.  
  457. menuitem>.menu-text,
  458. menuitem>.menu-iconic-text {
  459.     color: white !important;
  460. }
  461.  
  462. menuitem[type="checkbox"] {
  463.     padding-left: 8px !important;
  464.     padding-top: 5.5px !important;
  465.     padding-bottom: 5.5px !important;
  466. }
  467.  
  468. menuitem[type="radio"] {
  469.     padding-left: 8px !important;
  470.     padding-top: 5.5px !important;
  471.     padding-bottom: 5.5px !important;
  472. }
  473.  
  474. menuitem[type="checkbox"]>.menu-iconic-text,
  475. menuitem[type="radio"]>.menu-iconic-text {
  476.     padding-left: 5px !important;
  477. }
  478.  
  479. menuitem[checked="true"][type="checkbox"]>.menu-iconic-left {
  480.     padding: 7px 0px 0px 0px !important;
  481.     border: solid #ffffff !important;
  482.     border-width: 0 0 2px 2px !important;
  483.     transform: rotate(-45deg) scale(0.55);
  484.     margin-bottom: 2px !important;
  485. }
  486.  
  487. menuitem[checked="true"][type="radio"]>.menu-iconic-left {
  488.     padding: 1px !important;
  489.     border: solid #ffffff !important;
  490.     height: 22px !important;
  491.     border-radius: 100% !important;
  492.     background: #ffffff !important;
  493.     transform: scale(0.5) !important;
  494. }
  495.  
  496. menucaption {
  497.     background-color: transparent !important;
  498.     color: #ffffff !important;
  499. }
  500.  
  501. #ContentSelectDropdown>menupopup {
  502.     background-image: none !important;
  503. }
  504.  
  505. #ContentSelectDropdown {
  506.     padding: 0px !important;
  507. }
  508.  
  509. menulist {
  510.     padding: 4px 4px 4px 4px !important;
  511.     border: 0px !important;
  512.     background-color: #161825 !important;
  513. }
  514.  
  515. menulist:hover {
  516.     padding: 4px 4px 4px 4px !important;
  517.     border: 0px !important;
  518.     background-color: #1e90ff !important;
  519. }
  520.  
  521. menulist[open="true"] {
  522.     border: 0px !important;
  523.     background-color: #1e90ff !important;
  524. }
  525.  
  526. #context-back>.menu-iconic-left,
  527. #context-forward>.menu-iconic-left,
  528. #context-reload>.menu-iconic-left,
  529. #context-stop>.menu-iconic-left,
  530. #context-bookmarkpage>.menu-iconic-left {
  531.     padding: 0px !important;
  532. }
  533.  
  534.  
  535. .menu-iconic-left {
  536.     -moz-appearance: none !important;
  537.     padding: 0px 5px 0px 9px !important;
  538. }
  539.  
  540. .menu-right {
  541.     list-style-image: none !important;
  542.     -moz-appearance: none !important;
  543.     padding: 7.5px !important;
  544.     margin-right: 6px !important;
  545.     color: #ffffff !important;
  546.     border: solid #ffffff !important;
  547.     border-width: 0 2px 2px 0px !important;
  548.     transform: rotate(-45deg) scale(0.55) !important;
  549. }
  550.  
  551. #btTooltip,
  552. #un-toolbar-tooltip,
  553. #tooltip,
  554. .tooltip,
  555. #aHTMLTooltip,
  556. #urlTooltip,
  557. tooltip,
  558. #tabbrowser-tab-tooltip {
  559.     -moz-appearance: none !important;
  560.     color: yellow !important;
  561.     background-color: #161825 !important;
  562.     border: none !important;
  563.     border-radius: 0px !important;
  564.     margin-inline: 2px !important;
  565.     font-family: Fira Sans !important;
  566.     font-size: 14px !important;
  567.     opacity: 1 !important;
  568.     height: auto !important;
  569.     padding: 6px !important;
  570.     width: 170px !important;
  571.     box-shadow: none !important;
  572. }
  573.  
  574.  
  575.  
  576. /*---menu bar menus---*/
  577. #file-menu,
  578. #edit-menu,
  579. #toolbar-menubar,
  580. #history-menu,
  581. #bookmarksMenu,
  582. #view-menu,
  583. #tools-menu,
  584. #help-menu {
  585.     font-family: Fira Sans !important;
  586.     text-decoration: none !important;
  587.     font-weight: normal !important;
  588.     font-style: normal !important;
  589.     font-size: 14px !important;
  590.     text-align: left !important;
  591. }
  592.  
  593. menubar,
  594. menubutton,
  595. menulist,
  596. menu,
  597. menuitem {
  598.     color: white !important;
  599.     font-family: Fira Sans !important;
  600.     font-size: 14px !important;
  601.     /*text-align: left !important;*/
  602. }
  603.  
  604. /*------coloring shortcuts in menus----------*/
  605. menuitem .menu-iconic-accel,
  606. menuitem .menu-accel {
  607.     margin-right: 6px !important;
  608.     font-family: Fira Sans !important;
  609.     font-size: 14px !important;
  610.     color: #1e90ff !important;
  611.     /*text-align: right !important;*/
  612.  
  613. }
  614.  
  615. /*----------------*/
  616.  
  617. #TabsToolbar {
  618.     background-color: black !important;
  619.     font-family: Fira Sans !important;
  620.     color: white !important;
  621.     --toolbarbutton-inner-padding: 0px !important;
  622.     text-align: center !important;
  623. }
  624.  
  625. /* Selected Tab Text */
  626. .tab-content[selected] label {
  627.     color: white !important;
  628.     text-align: center !important;
  629.  
  630. }
  631.  
  632. /* no text in urlbar and searchbox */
  633. #urlbar-input::placeholder,
  634. .searchbar-textbox::placeholder {
  635.     opacity: 0 !important;
  636.  
  637. }
  638.  
  639. /*--------------------------------------------------*/
  640.  
  641. toolbarbutton.subviewbutton.subviewbutton-iconic .toolbarbutton-text,
  642. toolbarbutton.bookmark-item[type="menu"] .toolbarbutton-text {
  643.     display: -moz-box !important;
  644. }
  645.  
  646. toolbarbutton.bookmark-item[type="menu"] {
  647.     margin-right: 0.1em !important;
  648. }
  649.  
  650. /*-----------*/
  651.  
  652. #PlacesToolbarItems>.bookmark-item:not([container])>.toolbarbutton-icon[label]:not([label=""]) {
  653.     fill: brightness(200%) !important;
  654.     border: none !important;
  655.     fill-opacity: 100% !important;
  656.     fill: #ffff !important;
  657. }
  658.  
  659. /*---menus hamburger separator-----*/
  660. #PanelUI-button {
  661.     border-image-slice: 0 !important;
  662.     /*border-inline-start: 0 !important;*/
  663.     /*hide panel menu separation */
  664. }
  665.  
  666. #sidebar-header {
  667.     padding: 0px !important;
  668. }
  669.  
  670. /*--------------------------*/
  671.  
  672. #personal-bookmarks .menu-iconic-text,
  673. #personal-bookmarks .toolbarbutton-text {
  674.     font-family: Fira Sans !important;
  675.     margin-top: 2px !important;
  676.     font-size: 14px !important;
  677.     text-align: left !important;
  678.  
  679. }
  680.  
  681. .tab-text {
  682.     font-family: Fira Sans !important;
  683.     color: white !important;
  684.     font-size: 14px !important;
  685.     margin-top: 2px !important;
  686.     text-align: center !important;
  687. }
  688.  
  689. .autocomplete-richlistitem {
  690.     font-family: Fira Sans !important;
  691.     font-size: 14px !important;
  692. }
  693.  
  694. #PopupAutoCompleteRichResult .ac-url:not([selected="true"]) {
  695.     color: #1e90ff !important;
  696. }
  697.  
  698. /*************************/
  699.  
  700. #urlbar,
  701. #searchbar {
  702.     font-family: Fira Sans !important;
  703.     font-size: 14px !important;
  704. }
  705.  
  706. #TabsToolbar:not([collapsed="true"])+#nav-bar {
  707.     border: 0px !important;
  708. }
  709.  
  710. #navigator-toolbox {
  711.     border: none !important;
  712. }
  713.  
  714. #navigator-toolbox::after {
  715.     border: 0px !important;
  716. }
  717.  
  718. /*-----------------------*/
  719.  
  720. #sidebar-search-container,
  721. #sidebar-searchbox,
  722. #sidebar-search-container input::placeholder {
  723.     color: white !important;
  724.     opacity: 1 !important;
  725.     border: 0px !important;
  726.     background-color: black !important;
  727.     background: black !important;
  728. }
  729.  
  730. /* -------------------------------- */
  731.  
  732.  
  733. #nav-bar {
  734.     background: transparent !important;
  735.     /*
  736.     background-color: #161825 !important;*/
  737.     /*fill: #ffffff !important;
  738.     opacity: 1 !important;*/
  739. }
  740.  
  741. #PlacesToolbar .bookmark-item:hover {
  742.     border-radius: 0px !important;
  743.     background-color: #1e90ff !important;
  744.     color: white !important;
  745. }
  746.  
  747. #PlacesToolbar .bookmark-item:active {
  748.     border-radius: 0px !important;
  749.     background-color: #1e90ff !important;
  750.  
  751. }
  752.  
  753. #PlacesToolbar .bookmark-item {
  754.     border-radius: 0px !important;
  755.     background-color: transparent !important;
  756.     color: white !important;
  757. }
  758.  
  759. #toolbar-menubar,
  760. #TabsToolbar {
  761.     background: none !important;
  762. }
  763.  
  764. /* Shows window title in menubar */
  765. /* Enable menubar for correct behavior */
  766. @-moz-document url(chrome://browser/content/browser.xhtml) {
  767.     :root:not([sizemode="fullscreen"])>head {
  768.         display: block !important;
  769.         position: fixed !important;
  770.         right: 140px !important;
  771.         /* Space for window controls */
  772.         width: calc(100vw - 830px) !important;
  773.         /* Window width - window control width - menuitem (English) width */
  774.         text-align: left !important;
  775.     }
  776.  
  777.     head>* {
  778.         display: none !important;
  779.     }
  780.  
  781.     head>title {
  782.         display: -moz-box !important;
  783.         padding-top: 7px !important;
  784.         margin-top: 6px !important;
  785.         max-width: 60vw !important;
  786.         overflow-x: -moz-hidden-unscrollable !important;
  787.         text-overflow: ellipsis !important;
  788.         -moz-box-pack: right !important;
  789.         font-family: Fira Sans !important;
  790.         font-size: 14px !important;
  791.         font-weight: bold !important;
  792.         color: dodgerblue !important;
  793.     }
  794.  
  795.     @media (-moz-os-version:windows-win10) {
  796.         :root[sizemode="maximized"]>head>title {
  797.             padding-top: 9px !important;
  798.         }
  799.     }
  800. }
  801.  
  802. /* shadow under bookmarks bar */
  803. #navigator-toolbox {
  804.     z-index: 999;
  805.     box-shadow: 0 0 10px rgba(0, 0, 0, 0.8) !important;
  806.     /*border-bottom: 2px ridge black !important;*/
  807. }
  808.  
  809. #nav-bar {
  810.     --toolbarbutton-border-radius: 0px !important;
  811. }
  812.  
  813. /*  unselected tabs hide tabline */
  814. .tabbrowser-tab:not([selected]) .tab-line {
  815.     display: none !important;
  816. }
  817.  
  818. /*----------hover button background color----#235f9b--------*/
  819.  
  820. .toolbarbutton-1 {
  821.     --toolbarbutton-hover-background: none !important;
  822.  
  823.     /*#1e90ff*/
  824.     border: 0px !important;
  825.     border-radius: 0px !important;
  826.     --toolbarbutton-active-background: none !important;
  827.     /*#1e90f*/
  828.  
  829. }
  830.  
  831. .urlbar-icon:not([disabled]):hover,
  832. .urlbar-icon-wrapper:not([disabled]):hover {
  833.     background-color: #1e90ff !important;
  834.     border-radius: 0px !important;
  835.     border: 0px !important;
  836. }
  837.  
  838. .urlbar-icon[open],
  839. .urlbar-icon-wrapper[open],
  840. .urlbar-icon:not([disabled]):hover:active,
  841. .urlbar-icon-wrapper:hover:active,
  842. .urlbar-icon-wrapper[open]>.urlbar-icon,
  843. .urlbar-icon-wrapper>.urlbar-icon:hover,
  844. .urlbar-icon-wrapper>.urlbar-icon:hover:active {
  845.     background-color: #1e90ff !important;
  846.     border-radius: 0px !important;
  847. }
  848.  
  849. /*------------------------*/
  850. /* Border color Drop Down */
  851.  
  852. #PopupAutoCompleteRichResult {
  853.     border: 0px !important;
  854. }
  855.  
  856. .tab-background[selected="true"] {
  857.     opacity: 1 !important;
  858.     background-image: linear-gradient(#161825, #161825) !important;
  859. }
  860.  
  861. /*--------------------------------------------*/
  862.  
  863. /* Border between background tabs */
  864.  
  865. .tabbrowser-tab::after,
  866. .tabbrowser-tab::before {
  867.     border-left: none !important;
  868. }
  869.  
  870. /*----------Hamburger icon -----------*/
  871.  
  872. #PanelUI-menu-button {
  873.     list-style-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM1IiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDEzNSAxNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0iI2ZmZiI+CiAgICA8cmVjdCB5PSIxMCIgd2lkdGg9IjE1IiBoZWlnaHQ9IjEyMCIgcng9IjYiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImhlaWdodCIKICAgICAgICAgICAgIGJlZ2luPSIwLjVzIiBkdXI9IjFzIgogICAgICAgICAgICAgdmFsdWVzPSIxMjA7MTEwOzEwMDs5MDs4MDs3MDs2MDs1MDs0MDsxNDA7MTIwIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ieSIKICAgICAgICAgICAgIGJlZ2luPSIwLjVzIiBkdXI9IjFzIgogICAgICAgICAgICAgdmFsdWVzPSIxMDsxNTsyMDsyNTszMDszNTs0MDs0NTs1MDswOzEwIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSIzMCIgeT0iMTAiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMjAiIHJ4PSI2Ij4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJoZWlnaHQiCiAgICAgICAgICAgICBiZWdpbj0iMC4yNXMiIGR1cj0iMXMiCiAgICAgICAgICAgICB2YWx1ZXM9IjEyMDsxMTA7MTAwOzkwOzgwOzcwOzYwOzUwOzQwOzE0MDsxMjAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJ5IgogICAgICAgICAgICAgYmVnaW49IjAuMjVzIiBkdXI9IjFzIgogICAgICAgICAgICAgdmFsdWVzPSIxMDsxNTsyMDsyNTszMDszNTs0MDs0NTs1MDswOzEwIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSI2MCIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE0MCIgcng9IjYiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImhlaWdodCIKICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIxcyIKICAgICAgICAgICAgIHZhbHVlcz0iMTIwOzExMDsxMDA7OTA7ODA7NzA7NjA7NTA7NDA7MTQwOzEyMCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InkiCiAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMXMiCiAgICAgICAgICAgICB2YWx1ZXM9IjEwOzE1OzIwOzI1OzMwOzM1OzQwOzQ1OzUwOzA7MTAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9IjkwIiB5PSIxMCIgd2lkdGg9IjE1IiBoZWlnaHQ9IjEyMCIgcng9IjYiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImhlaWdodCIKICAgICAgICAgICAgIGJlZ2luPSIwLjI1cyIgZHVyPSIxcyIKICAgICAgICAgICAgIHZhbHVlcz0iMTIwOzExMDsxMDA7OTA7ODA7NzA7NjA7NTA7NDA7MTQwOzEyMCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InkiCiAgICAgICAgICAgICBiZWdpbj0iMC4yNXMiIGR1cj0iMXMiCiAgICAgICAgICAgICB2YWx1ZXM9IjEwOzE1OzIwOzI1OzMwOzM1OzQwOzQ1OzUwOzA7MTAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9IjEyMCIgeT0iMTAiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMjAiIHJ4PSI2Ij4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJoZWlnaHQiCiAgICAgICAgICAgICBiZWdpbj0iMC41cyIgZHVyPSIxcyIKICAgICAgICAgICAgIHZhbHVlcz0iMTIwOzExMDsxMDA7OTA7ODA7NzA7NjA7NTA7NDA7MTQwOzEyMCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InkiCiAgICAgICAgICAgICBiZWdpbj0iMC41cyIgZHVyPSIxcyIKICAgICAgICAgICAgIHZhbHVlcz0iMTA7MTU7MjA7MjU7MzA7MzU7NDA7NDU7NTA7MDsxMCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgPC9yZWN0Pgo8L3N2Zz4K") !important;
  874. }
  875.  
  876.  
  877. @media (min-resolution: 4dppx) {
  878.     #PanelUI-menu-button {
  879.         list-style-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM1IiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDEzNSAxNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0iI2ZmZiI+CiAgICA8cmVjdCB5PSIxMCIgd2lkdGg9IjE1IiBoZWlnaHQ9IjEyMCIgcng9IjYiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImhlaWdodCIKICAgICAgICAgICAgIGJlZ2luPSIwLjVzIiBkdXI9IjFzIgogICAgICAgICAgICAgdmFsdWVzPSIxMjA7MTEwOzEwMDs5MDs4MDs3MDs2MDs1MDs0MDsxNDA7MTIwIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ieSIKICAgICAgICAgICAgIGJlZ2luPSIwLjVzIiBkdXI9IjFzIgogICAgICAgICAgICAgdmFsdWVzPSIxMDsxNTsyMDsyNTszMDszNTs0MDs0NTs1MDswOzEwIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSIzMCIgeT0iMTAiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMjAiIHJ4PSI2Ij4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJoZWlnaHQiCiAgICAgICAgICAgICBiZWdpbj0iMC4yNXMiIGR1cj0iMXMiCiAgICAgICAgICAgICB2YWx1ZXM9IjEyMDsxMTA7MTAwOzkwOzgwOzcwOzYwOzUwOzQwOzE0MDsxMjAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJ5IgogICAgICAgICAgICAgYmVnaW49IjAuMjVzIiBkdXI9IjFzIgogICAgICAgICAgICAgdmFsdWVzPSIxMDsxNTsyMDsyNTszMDszNTs0MDs0NTs1MDswOzEwIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSI2MCIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE0MCIgcng9IjYiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImhlaWdodCIKICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIxcyIKICAgICAgICAgICAgIHZhbHVlcz0iMTIwOzExMDsxMDA7OTA7ODA7NzA7NjA7NTA7NDA7MTQwOzEyMCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InkiCiAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMXMiCiAgICAgICAgICAgICB2YWx1ZXM9IjEwOzE1OzIwOzI1OzMwOzM1OzQwOzQ1OzUwOzA7MTAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9IjkwIiB5PSIxMCIgd2lkdGg9IjE1IiBoZWlnaHQ9IjEyMCIgcng9IjYiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImhlaWdodCIKICAgICAgICAgICAgIGJlZ2luPSIwLjI1cyIgZHVyPSIxcyIKICAgICAgICAgICAgIHZhbHVlcz0iMTIwOzExMDsxMDA7OTA7ODA7NzA7NjA7NTA7NDA7MTQwOzEyMCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InkiCiAgICAgICAgICAgICBiZWdpbj0iMC4yNXMiIGR1cj0iMXMiCiAgICAgICAgICAgICB2YWx1ZXM9IjEwOzE1OzIwOzI1OzMwOzM1OzQwOzQ1OzUwOzA7MTAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9IjEyMCIgeT0iMTAiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMjAiIHJ4PSI2Ij4KICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJoZWlnaHQiCiAgICAgICAgICAgICBiZWdpbj0iMC41cyIgZHVyPSIxcyIKICAgICAgICAgICAgIHZhbHVlcz0iMTIwOzExMDsxMDA7OTA7ODA7NzA7NjA7NTA7NDA7MTQwOzEyMCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InkiCiAgICAgICAgICAgICBiZWdpbj0iMC41cyIgZHVyPSIxcyIKICAgICAgICAgICAgIHZhbHVlcz0iMTA7MTU7MjA7MjU7MzA7MzU7NDA7NDU7NTA7MDsxMCIgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgPC9yZWN0Pgo8L3N2Zz4K") !important;
  880.         opacity: 1 !important;
  881.     }
  882. }
  883.  
  884.  
  885. /*----------------------------------------------*/
  886. /*
  887. #TabsToolbar {
  888.     height: 40px !important;
  889. }*/
  890.  
  891. #TabsToolbar,
  892. .tabbrowser-tab {
  893.     max-height: 40px !important;
  894. }
  895.  
  896. .bookmark-item {
  897.     margin-left: 0px !important;
  898.     margin-right: 0px !important;
  899.     padding-right: 0px !important;
  900.     padding-left: 0px !important;
  901. }
  902.  
  903. toolbarbutton.bookmark-item .toolbarbutton-text {
  904.     display: none !important;
  905. }
  906.  
  907. toolbarbutton.bookmark-item .toolbarbutton-icon {
  908.     margin-left: 2px !important;
  909. }
  910.  
  911. #PlacesToolbarItems>.bookmark-item {
  912.     padding-block: 2px !important;
  913. }
  914.  
  915. #bookmarks-toolbar-placeholder>.toolbarbutton-icon,
  916. #PlacesToolbarItems>.bookmark-item>.toolbarbutton-icon[label]:not([label=""]) {
  917.     margin-inline-end: 2px !important;
  918. }
  919.  
  920.  
  921. .toolbarbutton.subviewbutton.subviewbutton-iconic .toolbarbutton-text {
  922.     display: -moz-box !important;
  923. }
  924.  
  925. /* --- [2] --- */
  926.  
  927. .toolbarbutton.bookmark-item[type="menu"] {
  928.     margin-right: 2px !important;
  929. }
  930.  
  931. .toolbarbutton.bookmark-item[type="menu"] .toolbarbutton-text {
  932.     display: -moz-box !important;
  933. }
  934.  
  935. /*-------------------sidebar panel--------------------*/
  936.  
  937. #sidebar {
  938.     max-width: none !important;
  939.     min-width: 0px !important;
  940. }
  941.  
  942. .sidebar-placesTree treechildren::-moz-tree-separator {
  943.     border-color: #303030 !important;
  944. }
  945.  
  946. #sidebar,
  947. #sidebar-header {
  948.     border: 0px solid !important;
  949. }
  950.  
  951. #sidebar {
  952.     margin: 0 0 0 0 !important;
  953.     background-color: #161825 !important;
  954.     font-family: Fira Sans !important;
  955.     color: rgb(255, 255, 255) !important;
  956. }
  957.  
  958. #sidebar,
  959. #bookmarksPanel,
  960. #bookmarks-view,
  961. #history-panel,
  962. #historyTree,
  963. #downloadsPanel,
  964. #downloadsPanel-mainview,
  965. #downloadsPanel-multiview {
  966.     background-color: #161825 !important;
  967.     font-family: Fira Sans !important;
  968.     font-size: 14px !important;
  969.     color: #ffff !important;
  970. }
  971.  
  972. #sidebarMenu-popup label {
  973.     font-family: Fira Sans !important;
  974.     font-size: 14px !important;
  975. }
  976.  
  977. /* Sidebar items */
  978.  
  979. .sidebar-placesTreechildren::-moz-tree-row {
  980.     border: 0px !important;
  981. }
  982.  
  983. .sidebar-placesTreechildren::-moz-tree-cell(hover) {
  984.     background: #1e90ff !important;
  985. }
  986.  
  987. .sidebar-placesTreechildren::-moz-tree-row(selected) {
  988.     background: #1e90ff !important;
  989. }
  990.  
  991. .sidebar-placesTreechildren::-moz-tree-cell-text(selected) {
  992.     color: #ffff !important;
  993. }
  994.  
  995. .sidebar-splitter {
  996.     opacity: 0 !important;
  997. }
  998.  
  999. #sidebar-switcher-bookmarks>.toolbarbutton-icon,
  1000. #sidebar-box[sidebarcommand="viewBookmarksSidebar"]>#sidebar-header>#sidebar-switcher-target>#sidebar-icon {
  1001.     color: #1e90ff !important;
  1002.     fill: #1e90ff !important;
  1003.     opacity: 1 !important;
  1004. }
  1005.  
  1006. #sidebar-switcher-history>.toolbarbutton-icon,
  1007. #sidebar-box[sidebarcommand="viewHistorySidebar"]>#sidebar-header>#sidebar-switcher-target>#sidebar-icon {
  1008.     color: #1e90ff !important;
  1009.     fill: #1e90ff !important;
  1010.     opacity: 1 !important;
  1011. }
  1012.  
  1013. .sidebar-switcher-tabs>.toolbarbutton-icon,
  1014. .sidebar-box[sidebarcommand="viewTabsSidebar"]>#sidebar-header>#sidebar-switcher-target>#sidebar-icon {
  1015.     color: #1e90ff !important;
  1016.     fill: #1e90ff !important;
  1017.     opacity: 1 !important;
  1018. }
  1019.  
  1020. /*----------*/
  1021.  
  1022. .bookmark-item[container][query],
  1023. treechildren::-moz-tree-image(query) {
  1024.     fill: #ffffff !important;
  1025.     opacity: 1 !important;
  1026. }
  1027.  
  1028. /*-------------------------*/
  1029. /* remove background color */
  1030. /*-------------------------*/
  1031. #urlbar .urlbar-page-action,
  1032. #urlbar #star-button-animatable-box,
  1033. #urlbar #pageAction-panel-bookmark,
  1034. #urlbar #star-button,
  1035. #urlbar #star-button-animatable-box,
  1036. #urlbar .urlbar-icon,
  1037. #searchbar .search-go-button {
  1038.     fill-opacity: 1 !important;
  1039.     opacity: 1 !important;
  1040.     background: transparent !important;
  1041.     box-shadow: unset !important;
  1042.     font-family: Fira Sans !important;
  1043.     font-size: 14px !important;
  1044. }
  1045.  
  1046. #pageActionPanelMainView {
  1047.     font-family: Fira Sans !important;
  1048.     font-size: 14px !important;
  1049. }
  1050.  
  1051. /* increase brightness for search bars go button */
  1052.  
  1053. #searchbar .search-go-button:-moz-any(:hover, :hover :active, [open]) {
  1054.     opacity: 1 !important;
  1055.     filter: brightness(100%) !important;
  1056. }
  1057.  
  1058. /*-----------------------------------------*/
  1059.  
  1060. /* Standard folder*/
  1061. #bookmarks-view treechildren::-moz-tree-image(container),
  1062. #PlacesToolbarItems toolbarbutton[container="true"],
  1063. #PlacesToolbarItems menu[container="true"] .menu-iconic-left,
  1064. #BMB_bookmarksPopup menu[container="true"] .menu-iconic-icon,
  1065. #bookmarksMenu menu[container="true"] .menu-iconic-icon,
  1066. .bookmark-item[container] {
  1067.     list-style-image: url("folderflat1.svg") !important;
  1068.  
  1069. }
  1070.  
  1071. /*-min max close */
  1072. .titlebar-button>.toolbarbutton-icon {
  1073.     height: 17px !important;
  1074.     min-height: 17px !important;
  1075.     width: 17px !important;
  1076.     min-width: 17px !important;
  1077. }
  1078.  
  1079. .titlebar-button {
  1080.     padding-left: 5px !important;
  1081.     padding-right: 5px !important;
  1082.     padding-top: 5px !important;
  1083. }
  1084.  
  1085. .titlebar-buttonbox-container {
  1086.     -moz-appearance: none !important;
  1087.     margin-left: 21px !important;
  1088. }
  1089.  
  1090.  
  1091. .titlebar-min {
  1092.     list-style-image: url("KnobOrange.ico") !important;
  1093.     background-color: none !important;
  1094. }
  1095.  
  1096. .titlebar-min:hover {
  1097.     list-style-image: url("KnobRemove.ico") !important;
  1098.     background-color: transparent !important;
  1099. }
  1100.  
  1101.  
  1102. .titlebar-restore {
  1103.     list-style-image: url("KnobGreen.ico") !important;
  1104.     background-color: none !important;
  1105. }
  1106.  
  1107. .titlebar-restore:hover {
  1108.     list-style-image: url("KnobAdd.ico") !important;
  1109.     background-color: transparent !important;
  1110. }
  1111.  
  1112. .titlebar-max {
  1113.     list-style-image: url("KnobGreen.ico") !important;
  1114.     background-color: none !important;
  1115. }
  1116.  
  1117. .titlebar-max:hover {
  1118.     list-style-image: url("KnobAdd.ico") !important;
  1119.     background-color: transparent !important;
  1120. }
  1121.  
  1122. .titlebar-close {
  1123.     list-style-image: url("KnobRed.ico") !important;
  1124.     background-color: none !important;
  1125. }
  1126.  
  1127. .titlebar-close:hover {
  1128.     list-style-image: url("KnobCancel.ico") !important;
  1129.     background-color: transparent !important;
  1130.  
  1131. }
  1132.  
  1133.  
  1134. .titlebar-button {
  1135.     transition: all 0.3s ease !important;
  1136. }
  1137.  
  1138. .titlebar-button>.toolbarbutton-icon {
  1139.     transition: all 0.3s ease !important;
  1140.  
  1141. }
  1142.  
  1143. .subviewbutton-nav::after {
  1144.     transform: scale(-0.5) !important;
  1145. }
  1146.  
  1147. /*----------------------hamburger menu-----------------------------*/
  1148.  
  1149. .panel-arrow {
  1150.     fill: #161825 !important;
  1151.     background: transparent !important;
  1152. }
  1153.  
  1154. .panel-subview-body {
  1155.     color: #ffffff !important;
  1156.     background: #161825 !important;
  1157.     border-color: #ffffff !important;
  1158. }
  1159.  
  1160. .subviewbutton.panel-subview-footer {
  1161.     background-color: #161825 !important;
  1162.     border-top: 0px solid !important;
  1163. }
  1164.  
  1165. .panel-header {
  1166.     border-bottom: 1px solid #161825 !important;
  1167.     background: #161825 !important;
  1168. }
  1169.  
  1170. .panel-subview-footer,
  1171. [class^="PanelUI-"] {
  1172.     color: #ffffff !important;
  1173.     background: #161825 !important;
  1174. }
  1175.  
  1176. .subviewbutton.panel-subview-footer {
  1177.     background-color: #161825 !important;
  1178.     border-top: 1px solid #161825 !important;
  1179. }
  1180.  
  1181. .appMenu-tp-separator,
  1182. toolbarseparator {
  1183.     display: visible !important;
  1184.     border-color: #303030 !important;
  1185. }
  1186.  
  1187. .subviewbutton[shortcut]::after {
  1188.     font-family: Fira Sans !important;
  1189.     color: #1e90ff !important;
  1190. }
  1191.  
  1192. .subviewbutton-nav::after {
  1193.     fill: #1e90ff !important;
  1194. }
  1195.  
  1196. #appMenu-popup .subviewbutton .toolbarbutton-text,
  1197. #appMenu-popup .panel-arrowcontent,
  1198. panelmultiview .toolbaritem-combined-buttons>label {
  1199.     font-family: Fira Sans !important;
  1200.     font-size: 14px !important;
  1201.  
  1202. }
  1203.  
  1204. .PanelUI-subView .toolbaritem-combined-buttons>.subviewbutton-iconic>.toolbarbutton-text {
  1205.     display: none !important;
  1206. }
  1207.  
  1208. /* Hamburger Menu Zoom Control */
  1209. #appMenu-zoom-reduce {
  1210.     background: transparent !important;
  1211.     fill: #1e90ff !important;
  1212.     border: 0px solid #1e90ff !important;
  1213.     border-radius: 0px !important;
  1214. }
  1215.  
  1216. #appMenu-zoomReset-button label {
  1217.     background: transparent !important;
  1218.     color: #1e90ff !important;
  1219.     border-radius: 0px !important;
  1220.     font-family: "Fira Sans" !important;
  1221. }
  1222.  
  1223. #appMenu-zoomReset-button {
  1224.     background: transparent !important;
  1225.     color: #1e90ff !important;
  1226.     border: 1px solid #1e90ff !important;
  1227.     border-radius: 0px !important;
  1228. }
  1229.  
  1230. #appMenu-fullscreen-button {
  1231.     background: transparent !important;
  1232.     color: #1e90ff !important;
  1233.     border: 0px solid #ffffff !important;
  1234.     border-radius: 0px !important;
  1235. }
  1236.  
  1237. #appMenu-zoomEnlarge-button {
  1238.     background: transparent !important;
  1239.     color: #1e90ff !important;
  1240.     border: 0px solid #ffffff !important;
  1241.     border-radius: 0px !important;
  1242. }
  1243.  
  1244. #appMenu-cut-button,
  1245. #appMenu-copy-button,
  1246. #appMenu-paste-button {
  1247.     color: #1e90ff !important;
  1248. }
  1249.  
  1250. .PanelUI-subView .toolbaritem-combined-buttons>.subviewbutton-iconic>.toolbarbutton-text {
  1251.     display: none !important;
  1252. }
  1253.  
  1254. #appMenu-whatsnew-button {
  1255.     display: none !important;
  1256. }
  1257.  
  1258. /*== image Panel Star ==*/
  1259. /*== Panel Star ==*/
  1260. /* Star Bookmark Panel - Menulist Drop-down: 2 Colors + Border Width and Color */
  1261. @-moz-document url("chrome://browser/content/browser.xhtml") {
  1262.     #editBookmarkPanel menulist menupopup {
  1263.         -moz-appearance: none !important;
  1264.         border: 0px solid #777 !important;
  1265.         background-color: #161825 !important;
  1266.     }
  1267.  
  1268.     #editBookmarkPanel menulist menupopup menuitem {
  1269.         color: #ffffff !important;
  1270.     }
  1271.  
  1272.  
  1273.     #star-button {
  1274.         list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABl0lEQVQ4T2NkwAM+HuZrAEnz234C09gAIy6J/+cZBD585n8Kkhfg/SjNaMjwgSQDwLYzMtaDNf3/34jLFVhdALOdiYmBC6T/3z+Gb7hcgdUAFNth7sbhCsZPR3kT/jMwyv//z+gA8i4jA4MBvoD9z8BwgYGB4QMj4/8DjP//P2B8v0fgChPHf218mnDJ/fvGeIrxZadkNIvq7yUsYr9JMuPPMzaGn5e4A8Fh8LxWIYFN9+ssFqlfrMSY8ucZ2++/17jNxBoeXIAH4qsGBQNmra+nCBmCrBlkGUosvFsn3MEs9qccnyv+vWEuEgx41w9Tg2LA+y1CC5gE/sbjNeAD80JBn3cJ2A3YKXCHifu/Ml4DvjCeF/T4YITdgH0Cn5jY/vOCU993Jobf9zjegtisSj+EmTj/QVL1T6YXAs7vJbEa8PEI////vxkZfj/i+PnrLlcHF9O/CSCF3/4xFbApf6tglfvBzsj6n4Hf5iPc6yhh8HqexLs/z1lXcvxmrhRseICS+943KAj8YP3bziL9y1U04aUKzAUAjFOhhwB/HmYAAAAASUVORK5CYII=') !important;
  1275.     }
  1276.  
  1277.     /* #ffff text in star menu */
  1278.     #editBMPanel_folderMenuList {
  1279.         -moz-appearance: none !important;
  1280.         background: #161825 !important;
  1281.         color: #ffff !important;
  1282.     }
  1283.  
  1284.     #editBMPanel_folderTree {
  1285.         min-height: 300px !important;
  1286.     }
  1287.  
  1288.     .panel-arrow {
  1289.         fill: #161825 !important;
  1290.         background-color: transparent !important;
  1291.         color: #ffff !important;
  1292.  
  1293.     }
  1294.  
  1295.     panel #editBookmarkPanel,
  1296.     .panel-arrowcontent {
  1297.         border: 0px !important;
  1298.         opacity: 1 !important;
  1299.         color: white !important;
  1300.         font-family: Fira Sans !important;
  1301.         background-color: #161825 !important;
  1302.  
  1303.     }
  1304.  
  1305.     #editBMPanel_tagsSelector>richlistitem>image,
  1306.     radio>.radio-check,
  1307.     checkbox>.checkbox-check {
  1308.         -moz-appearance: none !important;
  1309.         border: 1px solid #303030;
  1310.         border-radius: 0px;
  1311.         height: 1.3em;
  1312.         width: 1.3em;
  1313.         padding: 1px;
  1314.     }
  1315.  
  1316.     #editBMPanel_tagsSelector>richlistitem>image {
  1317.         /*background-color: var(--toolbar-bgcolor, rgb(50, 50, 52)) !important;*/
  1318.         margin: 1px !important;
  1319.         border-color: graytext !important;
  1320.         border-radius: 0px !important;
  1321.     }
  1322.  
  1323.     #editBMPanel_tagsSelector>richlistitem:not([disabled]):hover>image,
  1324.     radio:not([disabled]):hover>.radio-check,
  1325.     checkbox:not([disabled]):hover>.checkbox-check {
  1326.         border-color: highlight !important;
  1327.     }
  1328.  
  1329.     #editBMPanel_tagsSelector>richlistitem[checked]>image,
  1330.     radio[selected]>.radio-check,
  1331.     checkbox[checked]>.checkbox-check {
  1332.         list-style-image: url("chrome://global/skin/icons/check.svg");
  1333.         -moz-context-properties: fill !important;
  1334.         fill: highlight !important;
  1335.     }
  1336.  
  1337.     radio[selected]>.radio-check {
  1338.         list-style-image: url("chrome://global/skin/in-content/radio.svg");
  1339.     }
  1340.  
  1341.     #editBMPanel_tagsSelector>richlistitem[disabled]>image,
  1342.     radio[disabled]>.radio-check,
  1343.     checkbox[disabled]>.checkbox-check {
  1344.         fill: graytext !important;
  1345.     }
  1346.  
  1347.     #editBMPanel_newFolderButton {
  1348.         -moz-appearance: none !important;
  1349.         border-radius: 0px !important;
  1350.         background: #1e90ff !important;
  1351.         color: #ffff !important;
  1352.         padding: 0.3em !important;
  1353.         margin-top: 0.1em !important;
  1354.         margin-bottom: 0.1em !important;
  1355.     }
  1356.  
  1357.     /*------------------------------------------------------------------------------*/
  1358.     /*#editBookmarkPanel button,*/
  1359.     #editBookmarkPanel textbox,
  1360.     #editBookmarkPanel menulist,
  1361.     #editBookmarkPanel richlistbox,
  1362.     #editBookmarkPanel tree {
  1363.         -moz-appearance: none !important;
  1364.         background-color: black !important;
  1365.         color: #ffffff !important;
  1366.         /*fill: #ffff !important;*/
  1367.     }
  1368.  
  1369.     #editBookmarkPanel button:hover {
  1370.         filter: brightness(50%) !important;
  1371.         border: none !important;
  1372.     }
  1373.  
  1374.     #editBookmarkPanel menulist {
  1375.         padding: 4px !important;
  1376.     }
  1377.  
  1378.     #editBMPanel_folderTree-row {
  1379.         background: black !important;
  1380.         color: #ffff !important;
  1381.     }
  1382.  
  1383.     #editBMPanel_folderTree treechildren::-moz-tree-cell(selected) {
  1384.         background-color: #1e90ff !important;
  1385.         border: none !important;
  1386.     }
  1387.  
  1388.     #editBMPanel_folderTree treechildren::-moz-tree-cell(hover) {
  1389.         background-color: rgba(30, 143, 255, 0.5) !important;
  1390.         border: none !important;
  1391.     }
  1392.  
  1393.     #editBookmarkPanel .expander-down,
  1394.     #editBookmarkPanel .expander-up {
  1395.         padding: 0 !important;
  1396.     }
  1397.  
  1398.     /* star panel image */
  1399.     #editBookmarkPanelImage {
  1400.         border-radius: 0px !important;
  1401.         height: 310px !important;
  1402.         background-repeat: no-repeat !important;
  1403.         background-size: cover !important;
  1404.         margin: 0 2px !important;
  1405.         /*transition: height 0.28s cubic-bezier(0.07, 0.95, 0, 1) !important;
  1406.         transition-delay: 400ms !important;*/
  1407.     }
  1408.  
  1409.     #editBookmarkPanelDoneButton {
  1410.         background-color: #1e90ff !important;
  1411.     }
  1412.  
  1413.     #editBookmarkPanelDoneButton:hover,
  1414.     #editBookmarkPanelDoneButton:active {
  1415.         background-color: #1e90ff !important;
  1416.     }
  1417.  
  1418.     #editBookmarkPanelRemoveButton {
  1419.         background-color: rgba(30, 143, 255, 0.500) !important;
  1420.         color: #ffff !important;
  1421.     }
  1422.  
  1423.     #editBookmarkPanelRemoveButton:hover,
  1424.     #editBookmarkPanelRemoveButton:active {
  1425.         background-color: rgba(30, 143, 255, 0.200) !important;
  1426.         color: #ffff !important;
  1427.     }
  1428.  
  1429.     #editBookmarkPanel textbox,
  1430.     #editBookmarkPanel menulist,
  1431.     #editBookmarkPanel richlistbox,
  1432.     #editBookmarkPanel tree,
  1433.     #editBookmarkPanel treechildren,
  1434.     #editBookmarkPanel treecol,
  1435.     #editBMPanel_folderTree treechildren .menu-iconic-icon,
  1436.     #editBookmarkPanel menulist menupopup menuitem,
  1437.     #editBMPanel_folderTree treechildren {
  1438.         list-style-image: url("folderflat1.svg") !important;
  1439.  
  1440.     }
  1441.  
  1442. }
  1443.  
  1444. /*==== Thum}ping Sound icon for tab that has sound playing ====*/
  1445.  
  1446. .tab-icon-sound[soundplaying] {
  1447.     fill: #ffff !important;
  1448.     list-style-image: url("data:image/svg+xml;base64,PCEtLSBCeSBTYW0gSGVyYmVydCAoQHNoZXJiKSwgZm9yIGV2ZXJ5b25lLiBNb3JlIEAgaHR0cDovL2dvby5nbC83QUp6YkwgLS0+Cjxzdmcgd2lkdGg9IjU1IiBoZWlnaHQ9IjgwIiB2aWV3Qm94PSIwIDAgNTUgODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0iI0ZGRiI+CiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDgwKSI+CiAgICAgICAgPHJlY3Qgd2lkdGg9IjEwIiBoZWlnaHQ9IjIwIiByeD0iMyI+CiAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImhlaWdodCIKICAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iNC4zcyIKICAgICAgICAgICAgICAgICB2YWx1ZXM9IjIwOzQ1OzU3OzgwOzY0OzMyOzY2OzQ1OzY0OzIzOzY2OzEzOzY0OzU2OzM0OzM0OzI7MjM7NzY7Nzk7MjAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgPC9yZWN0PgogICAgICAgIDxyZWN0IHg9IjE1IiB3aWR0aD0iMTAiIGhlaWdodD0iODAiIHJ4PSIzIj4KICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iaGVpZ2h0IgogICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIycyIKICAgICAgICAgICAgICAgICB2YWx1ZXM9IjgwOzU1OzMzOzU7NzU7MjM7NzM7MzM7MTI7MTQ7NjA7ODAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgPC9yZWN0PgogICAgICAgIDxyZWN0IHg9IjMwIiB3aWR0aD0iMTAiIGhlaWdodD0iNTAiIHJ4PSIzIj4KICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iaGVpZ2h0IgogICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIxLjRzIgogICAgICAgICAgICAgICAgIHZhbHVlcz0iNTA7MzQ7Nzg7MjM7NTY7MjM7MzQ7NzY7ODA7NTQ7MjE7NTAiIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgPC9yZWN0PgogICAgICAgIDxyZWN0IHg9IjQ1IiB3aWR0aD0iMTAiIGhlaWdodD0iMzAiIHJ4PSIzIj4KICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iaGVpZ2h0IgogICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIycyIKICAgICAgICAgICAgICAgICB2YWx1ZXM9IjMwOzQ1OzEzOzgwOzU2OzcyOzQ1Ozc2OzM0OzIzOzY3OzMwIiBjYWxjTW9kZT0ibGluZWFyIgogICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgIDwvcmVjdD4KICAgIDwvZz4KPC9zdmc+") !important;
  1449. }
  1450.  
  1451. .tab-icon-sound[muted] {
  1452.     opacity: 0.5 !important;
  1453.     transform: rotate(-90deg);
  1454.     animation: none !important;
  1455. }
  1456.  
  1457. .tab-icon-sound[soundplaying] {
  1458.     margin-right: 7px !important;
  1459.     margin-bottom: 5px !important;
  1460. }
  1461.  
  1462. /*-------------------------------------------------------*/
  1463.  
  1464.  
  1465.  
  1466. #PersonalToolbar {
  1467.     min-height: 24px !important;
  1468. }
  1469.  
  1470. /*--------------------------------------------------------------------------*/
  1471.  
  1472. #sidebar-header,
  1473. #sidebar-search-container,
  1474. #sidebar-search-container #viewButton,
  1475. .content-header,
  1476. .sidebar-header {
  1477.     background-color: black !important;
  1478.     background: black !important;
  1479.     color: #ffffff !important;
  1480.     opacity: 1 !important;
  1481. }
  1482.  
  1483. .sidebar-search-container.tabs-container.sync-state.selected .search-box,
  1484. hbox#sidebar-search-container textbox#search-box {
  1485.     /*-moz-appearance: none !important;*/
  1486.     background-color: black !important;
  1487.     /*
  1488.     #navigator-toolbox {
  1489.         border: none !important;
  1490.     }
  1491. */
  1492.     background: black !important;
  1493.     color: #ffffff !important;
  1494.     min-height: 20px !important;
  1495.     padding: 0 0 0 2px !important;
  1496.     border: 0px solid !important;
  1497.     border-color: black !important;
  1498.     border-radius: 0px !important;
  1499. }
  1500.  
  1501. .sidebar-search-container.tabs-container.sync-state.selected .search-box .textbox-input-box {
  1502.     background: black !important;
  1503.     padding: 2px !important;
  1504.     background-color: black !important;
  1505. }
  1506.  
  1507. #sidebar .search-textbox {
  1508.     background-color: black !important;
  1509.     background: black !important;
  1510. }
  1511.  
  1512. #sidebar,
  1513. #sidebar-box,
  1514. #template-container,
  1515. #webext-panels-browser,
  1516. #webextpanels-window {
  1517.     background-color: #161825 !important;
  1518.     color: #ffffff !important;
  1519.     font-family: Fira Sans !important;
  1520. }
  1521.  
  1522. #sidebarMenu-popup .panel-arrowcontent {
  1523.     background-color: #161825 !important;
  1524. }
  1525.  
  1526. /*-----------------------------------------------*/
  1527. #searchbar {
  1528.     direction: ltr !important;
  1529.     background-color: black !important;
  1530.     border-radius: 0px !important;
  1531.     color: #ffffff !important;
  1532.     border: none !important;
  1533. }
  1534.  
  1535. /* Remove add search section */
  1536. #search-add-engines {
  1537.     display: none !important;
  1538. }
  1539.  
  1540.  
  1541. /* Hide the green mark displayed on the magnifying glass icon */
  1542.  
  1543. .searchbar-search-icon-overlay {
  1544.     display: none !important;
  1545. }
  1546.  
  1547. #identity-box {
  1548.     visibility: collapse !important;
  1549. }
  1550.  
  1551. /*---------------------------------library ----------------------------------*/
  1552.  
  1553. @-moz-document url(chrome://browser/content/places/places.xhtml) {
  1554.     :root {
  1555.         --magenta-50: #ff1ad9;
  1556.         --magenta-60: #ed00b5;
  1557.         --magenta-70: #b5007f;
  1558.         --magenta-80: #7d004f;
  1559.         --magenta-90: #440027;
  1560.         --purple-50: #9400ff;
  1561.         --purple-60: #8000d7;
  1562.         --purple-70: #6200a4;
  1563.         --purple-80: #440071;
  1564.         --purple-90: #25003e;
  1565.         --blue-40: #45a1ff;
  1566.         --blue-50: #0a84ff;
  1567.         --blue-60: #0060df;
  1568.         --blue-70: #003eaa;
  1569.         --blue-80: #002275;
  1570.         --blue-90: #000f40;
  1571.         --teal-50: #00feff;
  1572.         --teal-60: #00c8d7;
  1573.         --teal-70: #008ea4;
  1574.         --teal-80: #005a71;
  1575.         --teal-90: #002d3e;
  1576.         --green-50: #30e60b;
  1577.         --green-60: #12bc00;
  1578.         --green-70: #058b00;
  1579.         --green-80: #006504;
  1580.         --green-90: #003706;
  1581.         --yellow-50: #ffe900;
  1582.         --yellow-60: #d7b600;
  1583.         --yellow-70: #a47f00;
  1584.         --yellow-80: #715100;
  1585.         --yellow-90: #3e2800;
  1586.         --red-50: #ff0039;
  1587.         --red-60: #d70022;
  1588.         --red-70: #a4000f;
  1589.         --red-80: #5a0002;
  1590.         --red-90: #3e0200;
  1591.         --orange-50: #ff9400;
  1592.         --orange-60: #d76e00;
  1593.         --orange-70: #a44900;
  1594.         --orange-80: #712b00;
  1595.         --orange-90: #3e1300;
  1596.         --grey-10: #f9f9fa;
  1597.         --grey-20: #ededf0;
  1598.         --grey-30: #d7d7db;
  1599.         --grey-40: #b1b1b3;
  1600.         --grey-50: #737373;
  1601.         --grey-60: #4a4a4f;
  1602.         --grey-70: #38383d;
  1603.         --grey-80: #2a2a2e;
  1604.         --grey-90: #0c0c0d;
  1605.         --code-green: #86de74;
  1606.         --warning-color: #fce19f;
  1607.         --warning-background-color: #44391f;
  1608.         --theme-highlight-green: #86de74;
  1609.         --theme-highlight-blue: #75bfff;
  1610.         --theme-highlight-purple: #b98eff;
  1611.         --theme-highlight-red: #ff7de9;
  1612.         --theme-highlight-yellow: #fff89e;
  1613.         --theme-highlight-bluegrey: #5e88b0;
  1614.         --theme-highlight-lightorange: #d99b28;
  1615.         --theme-highlight-orange: #d96629;
  1616.         --theme-highlight-pink: #df80ff;
  1617.         --tone-1: var(--grey-10);
  1618.         --tone-2: var(--grey-20);
  1619.         --tone-3: var(--grey-30);
  1620.         --tone-4: var(--grey-40);
  1621.         --tone-5: var(--grey-50);
  1622.         --tone-6: var(--grey-60);
  1623.         --tone-7: var(--grey-70);
  1624.         --tone-8: var(--grey-80);
  1625.         --tone-9: var(--grey-90);
  1626.         --accent-1: var(--blue-40);
  1627.         --accent-2: var(--blue-50);
  1628.         --accent-3: var(--blue-60);
  1629.         --in-content-page-color: var(--tone-1);
  1630.         --in-content-page-background: #161825;
  1631.         --in-content-text-color: var(--tone-1);
  1632.         --in-content-selected-text: var(--tone-1);
  1633.         --in-content-box-background: var(--tone-7);
  1634.         --in-content-box-background-odd: #f3f6fa;
  1635.         --in-content-box-background-hover: var(--tone-9);
  1636.         --in-content-box-background-active: var(--tone-8);
  1637.         --in-content-box-border-color: #161825;
  1638.         --in-content-item-hover: rgba(0, 149, 221, 0.25);
  1639.         --in-content-item-selected: var(--tone-7);
  1640.         --in-content-border-highlight: var(--accent-1);
  1641.         --in-content-border-focus: var(--accent-1);
  1642.         --in-content-border-color: var(--tone-9);
  1643.         --in-content-category-outline-focus: 1px dotted #0a84ff;
  1644.         --in-content-category-text: var(--tone-1);
  1645.         --in-content-category-text-active: #ffffff;
  1646.         --in-content-category-text-selected: var(--accent-5);
  1647.         --in-content-category-text-selected-active: #1e90ff;
  1648.         --in-content-category-background-hover: #1e90ff;
  1649.         /*rgba(12, 12, 13, 0.1);*/
  1650.         --in-content-category-background-active: #1e90ff;
  1651.         /* rgba(12, 12, 13, 0.15);*/
  1652.         --in-content-category-background-selected-hover: #1e90ff;
  1653.         /*rgba(12, 12, 13, 0.15);*/
  1654.         --in-content-category-background-selected-active: #1e90ff;
  1655.         /*rgba(12, 12, 13, 0.2);*/
  1656.         --in-content-tab-color: #424f5a;
  1657.         --in-content-link-color: var(--accent-1);
  1658.         --in-content-link-color-hover: #1e90ff;
  1659.         /*var(--accent-2) !important;*/
  1660.         --in-content-link-color-active: #003eaa;
  1661.         --in-content-link-color-visited: #0a8dff;
  1662.         --in-content-primary-button-background: var(--accent-2);
  1663.         --in-content-primary-button-background-hover: var(--accent-3);
  1664.         --in-content-primary-button-background-active: var(--accent-3);
  1665.         --in-content-table-border-dark-color: #161825;
  1666.         --in-content-table-header-background: var(--accent-1);
  1667.         --theme-selection-background: #1e90ff;
  1668.         /*var(--accent-1) !important;*/
  1669.         --theme-selection-background-hover: var(--accent-1);
  1670.         --in-content-category-header-background: #161825;
  1671.         --selected-icon-fill-color: var(--tone-1);
  1672.         --in-content-dark-header-background: var(--tone-9);
  1673.         --secure-connection-color: var(--accent-1);
  1674.         --theme-sidebar-background: #161825;
  1675.         --cm-background: var(--tone-9);
  1676.         --cm-selection: #cfcfcf;
  1677.         --cm-marker: #555;
  1678.         --cm-linenumber: #58575c;
  1679.         --cm-cursor: #fff;
  1680.         --cm-active-line-background: rgba(185, 215, 253, 0.15);
  1681.         --cm-matching-bracket: #ffffff;
  1682.         --cm-search-background: rgba(24, 29, 32, 1);
  1683.         --cm-red: red;
  1684.         --start-indicator-for-updater-scripts: black;
  1685.         --end-indicator-for-updater-scripts: black;
  1686.         --dummy-variable-for-updater-scripts: black;
  1687.     }
  1688.  
  1689.     * {
  1690.         font-family: Fira Sans !important;
  1691.         font-weight: inherit !important;
  1692.         font-size: 12px !important;
  1693.         fill-opacity: 1 !important;
  1694.     }
  1695.  
  1696.     toolbar {
  1697.         -moz-appearance: none !important;
  1698.         background-color: #161825 !important;
  1699.         border: 0px !important;
  1700.     }
  1701.  
  1702.     listbox,
  1703.     textbox {
  1704.         -moz-appearance: none !important;
  1705.         background-color: #161825 !important;
  1706.         /*var(--in-content-box-background) !important;*/
  1707.         color: var(--in-content-page-color) !important;
  1708.         min-height: 20px !important;
  1709.         padding: 0 0 0 4px !important;
  1710.         border: 1px solid !important;
  1711.         border-color: #161825 !important;
  1712.         border-radius: 0px !important;
  1713.     }
  1714.  
  1715.     #editBMPanel_rows>row>hbox>textbox,
  1716.     #editBMPanel_rows>row>textbox,
  1717.     #editBMPanel_tagsSelector {
  1718.         background: #161825 !important;
  1719.     }
  1720.  
  1721.     #placesToolbox {
  1722.         border: none !important;
  1723.     }
  1724.  
  1725.     #placesToolbar>toolbarbutton {
  1726.         margin: 6px 4px 5px !important;
  1727.         -moz-appearance: none !important;
  1728.         background-color: var(--tone-4) !important;
  1729.         border-radius: 0px !important;
  1730.         /*filter: invert(100%) !important;*/
  1731.         border: none !important;
  1732.     }
  1733.  
  1734.     #placesList {
  1735.         -moz-appearance: none !important;
  1736.         color: var(--in-content-page-color) !important;
  1737.         background-color: #161825 !important;
  1738.     }
  1739.  
  1740.     #placesView>splitter {
  1741.         border-color: var(--in-content-border-color) !important;
  1742.     }
  1743.  
  1744.     #places #downloadsRichListBox {
  1745.         -moz-appearance: none !important;
  1746.         color: var(--in-content-page-color) !important;
  1747.         background-color: #161825 !important;
  1748.  
  1749.     }
  1750.  
  1751.     #detailsDeck {
  1752.         border: none !important;
  1753.         background-color: #161825 !important;
  1754.         color: var(--in-content-page-color) !important;
  1755.     }
  1756.  
  1757.     #placeContent treechildren:not(.autocomplete-treebody)::-moz-tree-cell-text() {
  1758.         color: var(--in-content-text-color) !important;
  1759.     }
  1760.  
  1761.     #places treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected),
  1762.     #placesList>treechildren::-moz-tree-row(selected) {
  1763.         -moz-appearance: none !important;
  1764.         -moz-font-smoothing-background-color: none !important;
  1765.         border: none !important;
  1766.         background: #1e90ff !important;
  1767.         /* var(--theme-selection-background)*/
  1768.  
  1769.         color: var(--in-content-text-color) !important;
  1770.     }
  1771.  
  1772.     #placeContent treechildren:not(.autocomplete-treebody)::-moz-tree-cell-text(selected),
  1773.     #placesList>treechildren::-moz-tree-cell-text(selected) {
  1774.         color: var(--in-content-text-color) !important;
  1775.     }
  1776.  
  1777.     #places treechildren::-moz-tree-row {
  1778.         background-color: transparent !important;
  1779.     }
  1780.  
  1781.     #places treechildren::-moz-tree-image {
  1782.         fill: var(--in-content-page-color) !important;
  1783.     }
  1784.  
  1785.     #places treechildren::-moz-tree-image(selected) {
  1786.         fill: var(--selected-icon-fill-color) !important;
  1787.     }
  1788.  
  1789.     #placeContent>treechildren::-moz-tree-cell,
  1790.     #placeContent>treechildren::-moz-tree-column {
  1791.         border-color: #161825 !important;
  1792.     }
  1793.  
  1794.     #placesView treechildren::-moz-tree-row {
  1795.         min-height: 24px !important;
  1796.     }
  1797.  
  1798.  
  1799.     #contentView treecol {
  1800.         -moz-appearance: none !important;
  1801.         border: none !important;
  1802.         background: #161825 !important;
  1803.         color: var(--in-content-text-color) !important;
  1804.         border-right: 1px solid !important;
  1805.         border-color: #161825 !important;
  1806.     }
  1807.  
  1808.     /* library folders icons */
  1809.     #placesView treechildren::-moz-tree-image {
  1810.         list-style-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCEtLSBHZW5lcmF0b3I6IEdyYXZpdC5pbyAtLT48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHN0eWxlPSJpc29sYXRpb246aXNvbGF0ZSIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZwdCIgaGVpZ2h0PSIxNnB0Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Il9jbGlwUGF0aF8yclpGWXJFOUdxV2VHalBsNWZGOXlGcHllQ1hLQlU1ZCI+PHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI19jbGlwUGF0aF8yclpGWXJFOUdxV2VHalBsNWZGOXlGcHllQ1hLQlU1ZCkiPjxnPjxnPjxwYXRoIGQ9IiBNIDEwLjYwOSA5LjI2NyBDIDEwLjYwOSAxMC4wODcgMTAuMDExIDEwLjc1OCA5LjI4IDEwLjc1OCBMIDEuNDE1IDEwLjc1OCBDIDAuNjg0IDEwLjc1OCAwLjA4NSAxMC4wODcgMC4wODUgOS4yNjcgTCAwLjA4NSAzLjY1IEMgMC4wODUgMi44MjkgMC42ODQgMi4xNTggMS40MTUgMi4xNTggTCA5LjI4IDIuMTU4IEMgMTAuMDExIDIuMTU4IDEwLjYwOSAyLjgyOSAxMC42MDkgMy42NSBMIDEwLjYwOSA5LjI2NyBMIDEwLjYwOSA5LjI2NyBaICIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoMjQ5LDE3MCw0NSkiLz48cGF0aCBkPSIgTSAxMC42MDkgOC45NzMgQyAxMC42MDkgOS44MTcgMTAuMDExIDEwLjUwOCA5LjI4IDEwLjUwOCBMIDEuNDE1IDEwLjUwOCBDIDAuNjg0IDEwLjUwOCAwLjA4NSA5LjgxNyAwLjA4NSA4Ljk3MyBMIDAuMDg1IDMuMTkgQyAwLjA4NSAyLjM0NiAwLjY4NCAxLjY1NSAxLjQxNSAxLjY1NSBMIDkuMjggMS42NTUgQyAxMC4wMTEgMS42NTUgMTAuNjA5IDIuMzQ2IDEwLjYwOSAzLjE5IEwgMTAuNjA5IDguOTczIEwgMTAuNjA5IDguOTczIFogIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9InJnYigyNTUsMTYwLDApIi8+PHBhdGggZD0iIE0gMCAxMy41MjggQyAwIDE0LjMzIDAuNjE4IDE0Ljk4OCAxLjM3MyAxNC45ODggTCAxNC42MjYgMTQuOTg4IEMgMTUuMzgyIDE0Ljk4OCAxNiAxNC4zMyAxNiAxMy41MjggTCAxNiAyLjQ3MiBDIDE2IDEuNjY5IDE1LjM4MiAxLjAxMiAxNC42MjYgMS4wMTIgTCAxMC45NTYgMS4wMTIgQyAxMC4yMDEgMS4wMTIgOS4yMzUgMS41NTUgOC44MDkgMi4yMTkgTCA3LjYxOCA0LjA3NiBDIDcuMTkzIDQuNzM5IDYuMjI3IDUuMjgyIDUuNDcxIDUuMjgyIEwgMS4zNzMgNS4yODIgQyAwLjYxOCA1LjI4MiAwIDUuOTM5IDAgNi43NDEgTCAwIDEzLjUyOCBaICIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoMjU0LDIxMyw0NykiLz48ZyBzdHlsZT0ib3BhY2l0eTowLjI7Ij48ZyBzdHlsZT0ib3BhY2l0eTowLjI7Ij48ZyBvcGFjaXR5PSIwLjIiPjxwYXRoIGQ9IiBNIDE0LjYyNiAxMy41OTEgTCAxLjM3MyAxMy41OTEgQyAwLjYxOCAxMy41OTEgMCAxMi45MzQgMCAxMi4xMzEgTCAwIDEyLjQ2NiBDIDAgMTMuMjY4IDAuNjE4IDEzLjkyNiAxLjM3MyAxMy45MjYgTCAxNC42MjYgMTMuOTI2IEMgMTUuMzgyIDEzLjkyNiAxNiAxMy4yNjggMTYgMTIuNDY2IEwgMTYgMTIuMTMxIEMgMTYgMTIuOTM0IDE1LjM4MiAxMy41OTEgMTQuNjI2IDEzLjU5MSBaICIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoNDQsNDQsNDQpIi8+PC9nPjwvZz48L2c+PC9nPjwvZz48L2c+PC9zdmc+") !important;
  1811.         width: 16px !important;
  1812.         height: 16px !important;
  1813.     }
  1814.  
  1815.  
  1816.  
  1817.     tree {
  1818.         background-color: #161825 !important;
  1819.     }
  1820.  
  1821.     #main-menubar {
  1822.         background-color: #161825 !important;
  1823.     }
  1824.  
  1825.     #main-menubar>* {
  1826.         color: var(--in-content-page-color) !important;
  1827.     }
  1828.  
  1829.     #main-menubar> :hover,
  1830.     menubar>menu[_moz-menuactive="true"][open="true"] {
  1831.         -moz-appearance: none !important;
  1832.         background: #161825 !important;
  1833.     }
  1834.  
  1835.     @media screen and (-moz-windows-theme),
  1836.     screen and (-moz-windows-classic),
  1837.     screen and (-moz-windows-default-theme),
  1838.     screen and (-moz-os-version: windows-win7),
  1839.     screen and (-moz-os-version: windows-win8),
  1840.     screen and (-moz-os-version: windows-win10) {
  1841.  
  1842.         #metaTagsCaption,
  1843.         #security-identity,
  1844.         #security-identity-groupbox,
  1845.         #security-privacy,
  1846.         #security-privacy-groupbox,
  1847.         #security-technical,
  1848.         #security-technical-groupbox {
  1849.             -moz-appearance: none !important;
  1850.             background-color: #161825 !important;
  1851.             border: none !important;
  1852.             color: var(--in-content-selected-text) !important;
  1853.         }
  1854.  
  1855.         #placesMenu>menu {
  1856.             color: var(--in-content-page-color) !important;
  1857.         }
  1858.  
  1859.         #security-identity-groupbox,
  1860.         #security-privacy-groupbox,
  1861.         #security-technical-groupbox {
  1862.             -moz-appearance: none !important;
  1863.             background-color: #161825 !important;
  1864.         }
  1865.  
  1866.         #places treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover):not(.autocomplete-treebody)::-moz-tree-cell-text(selected) {
  1867.             background: 0 0 !important;
  1868.             -moz-border-top-colors: transparent !important;
  1869.             -moz-border-right-colors: transparent !important;
  1870.             -moz-border-left-colors: transparent !important;
  1871.             -moz-border-bottom-colors: transparent !important;
  1872.         }
  1873.     }
  1874.  
  1875.     #placesToolbar>toolbarbutton#back-button,
  1876.     #placesToolbar>toolbarbutton#forward-button {
  1877.         width: 24px !important;
  1878.         height: 24px !important;
  1879.     }
  1880.  
  1881.     @media screen and (-moz-os-version: windows-win7) {
  1882.         treechildren {
  1883.             --treechildren-outline: none !important;
  1884.         }
  1885.     }
  1886. }
  1887.  
  1888. :root {
  1889.     --tabs-border: none !important;
  1890. }
  1891.  
  1892. /*-----------------------*/
  1893. #urlbar,
  1894. #searchbar-textbox {
  1895.     border: none !important;
  1896.     box-shadow: none !important;
  1897.     font-family: Fira Sans !important;
  1898.     /*border: 0px !important;*/
  1899.     border-radius: 0px !important;
  1900.  
  1901. }
  1902.  
  1903. #urlbar .urlbar-input-box {
  1904.     opacity: 1 !important;
  1905. }
  1906.  
  1907. .tab-background {
  1908.     border-top: none !important;
  1909. }
  1910.  
  1911. .tabs-newtab-button,
  1912. #alltabs-button {
  1913.     fill: #ffffff !important;
  1914.     opacity: 1 !important;
  1915.     border-top: 0px !important;
  1916.     margin-bottom: 0px !important;
  1917.     margin-left: 0px !important;
  1918. }
  1919.  
  1920. window:not([chromehidden~="toolbar"]) #urlbar-container>.toolbarbutton-1:-moz-any([disabled], :not([open]):not([disabled]):not(:active))>.toolbarbutton-icon[class],
  1921. #main-window:not([customizing]) #back-button[disabled]>.toolbarbutton-icon[class] {
  1922.     box-shadow: none !important;
  1923.     border: transparent !important;
  1924.     opacity: 1 !important;
  1925. }
  1926.  
  1927. #back-button>.toolbarbutton-icon {
  1928.     border-color: transparent !important;
  1929. }
  1930.  
  1931. /* Override vertical shifts when moving a tab */
  1932.  
  1933. #TabsToolbar[movingtab] {
  1934.     padding-bottom: 0px !important;
  1935.     overflow: hidden !important;
  1936. }
  1937.  
  1938. #TabsToolbar[movingtab]>.tabbrowser-tabs {
  1939.     padding-bottom: 0px !important;
  1940. }
  1941.  
  1942. #TabsToolbar[movingtab]+#nav-bar {
  1943.     margin-top: 0px !important;
  1944. }
  1945.  
  1946. #TabsToolbar[movingtab]>#tabbrowser-tabs {
  1947.     padding-bottom: 0px !important;
  1948.     margin-bottom: 0px !important;
  1949. }
  1950.  
  1951. /*----------------------------
  1952. .titlebar-spacer {
  1953.     display: none !important;
  1954. }
  1955. */
  1956.  
  1957. .titlebar-spacer[type="pre-tabs"] {
  1958.     display: none !important;
  1959. }
  1960.  
  1961. toolbarbutton.bookmark-item:hover {
  1962.     background-color: #161825 !important;
  1963.     border: 0px #161825 solid !important;
  1964. }
  1965.  
  1966.  
  1967. .titlebar-spacer #TabsToolbar {
  1968.     margin-bottom: 0px !important;
  1969. }
  1970.  
  1971.  
  1972. #navigator-toolbox::after {
  1973.     border-bottom: 0px !important;
  1974. }
  1975.  
  1976. #TabsToolbar .tab-background {
  1977.     border-right: 0px !important;
  1978.     border-left: 0px !important;
  1979. }
  1980.  
  1981. .close-icon>.toolbarbutton-icon {
  1982.     border-radius: 0px !important;
  1983. }
  1984.  
  1985. #tabs-newtab-button>.toolbarbutton-icon,
  1986. #alltabs-button>.toolbarbutton-icon {
  1987.     background-color: transparent !important;
  1988. }
  1989.  
  1990. :root {
  1991.     --toolbarbutton-border-radius: 0px !important;
  1992. }
  1993.  
  1994. /*
  1995. #tabbrowser-tabs {
  1996.     --tab-line-color: #1e90ff !important;
  1997.     --tab-loading-fill: #1e90ff !important;
  1998.     box-shadow: none !important;
  1999. }*/
  2000.  
  2001. :root[lwtheme-image]:-moz-lwtheme-brighttext {
  2002.     text-shadow: none !important;
  2003. }
  2004.  
  2005. .tabbrowser-tab:hover>.tab-stack>.tab-background:not([selected="true"]) {
  2006.     background-color: #1e90ff50 !important;
  2007. }
  2008.  
  2009. /*----------autohide personal bar---------------------------*/
  2010.  
  2011. #PersonalToolbar {
  2012.     transition: margin 280ms linear !important;
  2013.     position: relative !important;
  2014.     z-index: 0 !important;
  2015.     margin-top: -24px !important;
  2016.     -moz-window-dragging: no-drag !important;
  2017. }
  2018.  
  2019. #nav-bar {
  2020.     z-index: 1 !important;
  2021. }
  2022.  
  2023. #PersonalToolbar {
  2024.     display: block;
  2025. }
  2026.  
  2027. #nav-bar:hover+#PersonalToolbar,
  2028. #PersonalToolbar:hover {
  2029.     margin-top: 0px !important;
  2030.     margin-bottom: -24px !important;
  2031. }
  2032.  
  2033. /*---colored blinking cursor in url bar ----*/
  2034. #urlbar {
  2035.     color: white !important;
  2036.     caret-color: #1e90ff !important;
  2037. }
  2038.  
  2039. /* Effect */
  2040.  
  2041. :root:not([uidensity="compact"]) #back-button {
  2042.     --uc-back-extra-padding: 1px !important;
  2043. }
  2044.  
  2045.  
  2046. .toolbarbutton-icon {
  2047.     transition: transform 82ms linear !important;
  2048. }
  2049.  
  2050. toolbarbutton:not([disabled]):active>.toolbarbutton-icon,
  2051. toolbarbutton:not([disabled]):active>.toolbarbutton-badge-stack>.toolbarbutton-icon {
  2052.     transform: scale(0.5) !important;
  2053. }
  2054.  
  2055. /* Firefox Quantum userChrome.css tweaks ************************************************/
  2056. /* Github: https://github.com/aris-t2/customcssforfx ************************************/
  2057. /****************************************************************************************/
  2058.  
  2059. /******* button icon colors ********/
  2060. #containers-panelmenu,
  2061. #web-apps-button,
  2062. #e10s-button,
  2063. #panic-button,
  2064. #cut-button,
  2065. #zoom-out-button,
  2066. #zoom-in-button,
  2067. #stop-button,
  2068. #stop-button .toolbarbutton-animatable-image,
  2069. #stop-reload-button[animate]>#reload-button[displaystop]+#stop-button>.toolbarbutton-animatable-box>.toolbarbutton-animatable-image,
  2070. #save-page-button,
  2071. #back-button,
  2072. #forward-button,
  2073. #new-window-button,
  2074. #tabs-newtab-button,
  2075. #alltabs-button,
  2076. #navigator-toolbox #TabsToolbar:not(:-moz-lwtheme) #alltabs-button,
  2077. #navigator-toolbox #TabsToolbar:not(:-moz-lwtheme) #tabbrowser-arrowscrollbox>.scrollbutton-up,
  2078. #navigator-toolbox #TabsToolbar:not(:-moz-lwtheme) #tabbrowser-arrowscrollbox>.scrollbutton-down,
  2079. #downloads-button,
  2080. #downloads-button[indicator="true"]:not([attention="success"]) #downloads-indicator-icon,
  2081. #copy-button,
  2082. #find-button,
  2083. #sidebar-button,
  2084. #fullscreen-button,
  2085. #PanelUI-customize,
  2086. #password-notification-icon,
  2087. #PanelUI-fxa-status,
  2088. #sync-button,
  2089. #tabview-button,
  2090. #paste-button,
  2091. #email-link-button,
  2092. #reload-button,
  2093. #reload-button .toolbarbutton-animatable-image,
  2094. #add-ons-button,
  2095. #open-file-button,
  2096. #home-button,
  2097. #feed-button,
  2098. #history-button,
  2099. #history-panelmenu,
  2100. #library-button,
  2101. #privatebrowsing-button,
  2102. #print-button,
  2103. #webide-button,
  2104. #PanelUI-menu-button,
  2105. #nav-bar-overflow-button,
  2106. #bookmarks-menu-button,
  2107. #bookmarks-button,
  2108. #bookmarks-menu-button>.toolbarbutton-menubutton-dropmarker>.dropmarker-icon,
  2109. #developer-button,
  2110. #preferences-button,
  2111. #characterencoding-button {
  2112.     fill: white !important;
  2113.     fill-opacity: 1 !important;
  2114.     opacity: 1 !important;
  2115. }
  2116.  
  2117. #navigator-toolbox:not(:focus-within) .tabbrowser-tab[visuallyselected] {
  2118.     z-index: 0 !important;
  2119. }
  2120.  
  2121. :root:not([customizing]) #urlbar {
  2122.     opacity: 0 !important;
  2123.     transition: opacity 300ms ease-in-out;
  2124. }
  2125.  
  2126. :root:not([customizing]) #urlbar:hover {
  2127.     opacity: 1 !important;
  2128. }
  2129.  
  2130.  
  2131. /*------------wrong password border --------------------*/
  2132. #notification-popup .popup-notification-invalid-input {
  2133.     box-shadow: none !important;
  2134. }
  2135.  
  2136. /*------------------------------------------------------*/
  2137.  
  2138. #appMenu-mainView toolbarbutton:hover,
  2139. #customizationui-widget-multiview toolbarbutton:hover,
  2140. #widget-overflow-list toolbarbutton:hover {
  2141.     background: #1e90ff !important;
  2142. }
  2143.  
  2144. #appMenu-mainView toolbarbutton,
  2145. #customizationui-widget-multiview toolbarbutton,
  2146. #widget-overflow-list toolbarbutton {
  2147.     color: #ffff !important;
  2148. }
  2149.  
  2150. panelview .toolbarbutton-1:-moz-any(:hover, :focus):not(:-moz-any([disabled], [open], :active)),
  2151. toolbarbutton.subviewbutton:-moz-any(:hover, :focus):not(:-moz-any([disabled], [open], :active)),
  2152. menu.subviewbutton[_moz-menuactive]:not(:-moz-any([disabled], :active)),
  2153. menuitem.subviewbutton[_moz-menuactive]:not(:-moz-any([disabled], :active)),
  2154. .widget-overflow-list .toolbarbutton-1:-moz-any(:hover, :focus):not(:-moz-any([disabled], [open], :active)),
  2155. .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem="true"])>toolbarbutton:-moz-any(:hover, :focus):not(:-moz-any([disabled], [open], :active)) {
  2156.     background: #1e90ff !important;
  2157. }
  2158.  
  2159. /***************************************************************************/
  2160.  
  2161. /* autohide forward button */
  2162. #forward-button {
  2163.     transform: scale(1, 1) !important;
  2164.     transition: margin-left 150ms var(--animation-easing-function), opacity 250ms var(--animation-easing-function), transform 350ms var(--animation-easing-function) !important;
  2165. }
  2166.  
  2167. #forward-button[disabled="true"] {
  2168.     margin-left: -28px !important;
  2169.     opacity: 0 !important;
  2170.     transform: scale(0.8, 0.8) !important;
  2171.     pointer-events: none !important;
  2172.  
  2173. }
  2174.  
  2175.  
  2176. /* remove this if you don't want the forward button to be slightly smaller than the back button, a la australis */
  2177. #forward-button .toolbarbutton-icon {
  2178.     padding: calc(var(--toolbarbutton-inner-padding)) !important;
  2179.     margin-left: -6px !important;
  2180.     margin-right: 2px !important;
  2181. }
  2182.  
  2183. */
  2184.  
  2185. /*changes color of not selected tabs close button*/
  2186. .tab-close-button:not([selected]) {
  2187.     filter: invert(50%) !important;
  2188. }
  2189.  
  2190. /*----------------by folder name-----------------------------------------------*/
  2191. .bookmark-item[container="true"] [label="Divers "],
  2192. .bookmark-item[container="true"] [label="BD "],
  2193. .bookmark-item[container="true"] [label="Perso "],
  2194. .bookmark-item[container="true"] [label="Code "] {
  2195.     list-style-image: url("Folderflat2.svg") !important;
  2196. }
  2197.  
  2198.  
  2199. /* Removes 1px border underneath the navbar */
  2200.  
  2201. #navigator-toolbox::after {
  2202.     border-bottom: 0px !important;
  2203. }
  2204.  
  2205.  
  2206. /* Removes 1px borders around the selected tab*/
  2207.  
  2208. .tab-background {
  2209.     margin-inline-start: -1px !important;
  2210.     margin-inline-end: -1px !important;
  2211.     border: 0 !important;
  2212.     border-image-width: 0 !important;
  2213. }
  2214.  
  2215.  
  2216. /* ################################################################################################# */
  2217. /* TAB ANIMATION: LOADING PROGRESS LINE INDICATOR */
  2218. /* ################################################################################################# */
  2219.  
  2220. .tabbrowser-tab .tab-loading-burst {
  2221.     background-image: linear-gradient(90deg, transparent, #1e90ff) !important;
  2222.     background-repeat: no-repeat !important;
  2223.     transition: background-size 0.5s ease-out !important;
  2224.     opacity: 0.5s linear !important;
  2225.     background-size: 0px 100% !important;
  2226.     background-position-y: bottom !important;
  2227. }
  2228.  
  2229. .tabbrowser-tab:not([busy]) .tab-loading-burst {
  2230.     opacity: 0 !important;
  2231. }
  2232.  
  2233. .tabbrowser-tab[busy] .tab-loading-burst {
  2234.     background-size: 20% 100% !important;
  2235.     transition: background-size 0.3s ease-out !important;
  2236. }
  2237.  
  2238. .tabbrowser-tab[busy][progress] .tab-loading-burst {
  2239.     background-size: 100% 100% !important;
  2240.     transition-duration: 2s !important;
  2241. }
  2242.  
  2243. .tabbrowser-tab[bursting] .tab-loading-burst {
  2244.     background-size: 100% 100% !important;
  2245.     transition-duration: 0.5s !important;
  2246. }
  2247.  
  2248. .tab-background,
  2249. .tab-loading-burst {
  2250.     border: none !important;
  2251.     border-radius: 0px !important;
  2252. }
  2253.  
  2254. /*--------------------------------------------*/
  2255. /*
  2256. .menubar-text {
  2257.     direction: ltr;
  2258.     transform: translateY(1px) !important;
  2259. }
  2260. */
  2261. .toolbarbutton-1 {
  2262.     padding-bottom: 0px !important;
  2263.     padding-top: 1px !important;
  2264. }
  2265.  
  2266. /*avatar account icon*/
  2267. #fxa-avatar-image {
  2268.     margin-bottom: 3px !important;
  2269.     transform: scale(1.25) !important;
  2270. }
  2271.  
  2272. /*#fxa-toolbar-menu-button {
  2273.     margin-bottom: 0px !important;
  2274. }
  2275. */
  2276. /* Dark library, page-info and bookmark-properties */
  2277. /* Color scheme matches default dark theme */
  2278.  
  2279. @-moz-document url(chrome://browser/content/places/places.xhtml),
  2280. url(chrome://browser/content/pageinfo/pageInfo.xhtml),
  2281. url(chrome://browser/content/places/bookmarkProperties.xhtml) {
  2282.  
  2283.     #placesToolbox,
  2284.     #placesView,
  2285.     #placesToolbar,
  2286.     #main-window,
  2287.     #topBar,
  2288.     tree {
  2289.         -moz-appearance: none !important;
  2290.         background-color: #161825 !important;
  2291.         color: #ffff !important;
  2292.     }
  2293.  
  2294.     #placesToolbar,
  2295.     tree {
  2296.         background: transparent !important;
  2297.     }
  2298.  
  2299.     #searchFilter,
  2300.     menulist,
  2301.     /*input,*/
  2302.     textbox,
  2303.     richlistbox,
  2304.     treecol,
  2305.     menu,
  2306.     #permList {
  2307.         -moz-appearance: none !important;
  2308.         background-color: #161825 !important;
  2309.         color: #ffff !important;
  2310.     }
  2311.  
  2312.     textbox,
  2313.     richlistbox {
  2314.         background-color: #161825 !important;
  2315.     }
  2316.  
  2317.     treecol:not([hideheader]) {
  2318.         height: 24px !important;
  2319.     }
  2320.  
  2321.     treecol:hover {
  2322.         filter: brightness(160%) !important;
  2323.     }
  2324.  
  2325.     treechildren::-moz-tree-row(multicol, odd),
  2326.     #permList {
  2327.         background-color: #161825 !important;
  2328.     }
  2329.  
  2330.     radiogroup>radio[selected],
  2331.     radiogroup>radio:hover,
  2332.     #permList>.permission:hover,
  2333.     treechildren::-moz-tree-row(hover),
  2334.     button:hover {
  2335.         background-color: rgba(255, 255, 255, 0.1) !important;
  2336.         color: inherit !important;
  2337.     }
  2338.  
  2339.     treechildren::-moz-tree-row(selected) {
  2340.         background-color: Highlight !important;
  2341.     }
  2342.  
  2343.     button {
  2344.         padding: 3px !important;
  2345.     }
  2346.  
  2347.     #placesMenu>menu {
  2348.         border: none !important;
  2349.     }
  2350.  
  2351.     #searchFilter,
  2352.     .search-textbox {
  2353.         background-color: black !important;
  2354.     }
  2355.  
  2356.     #editBMPanel_tagsSelector {
  2357.         -moz-appearance: none !important;
  2358.         background: black !important;
  2359.         color: #ffff !important;
  2360.  
  2361.     }
  2362.  
  2363.     .editBMPanel_foldersExpander {
  2364.         -moz-appearance: none !important;
  2365.         filter: invert(0%) !important;
  2366.         background: #ffff !important;
  2367.         color: black !important;
  2368.     }
  2369.  
  2370.     #editBMPanel_tagsSelector>richlistitem>image,
  2371.     radio>.radio-check,
  2372.     checkbox>.checkbox-check {
  2373.         -moz-appearance: none !important;
  2374.         border: 1px solid graytext !important;
  2375.         border-radius: 0px !important;
  2376.         height: 1.3em !important;
  2377.         width: 1.3em !important;
  2378.         padding: 1px !important;
  2379.     }
  2380.  
  2381.     #editBMPanel_tagsSelector>richlistitem>image {
  2382.         background-color: var(--toolbar-bgcolor, #161825) !important;
  2383.         margin: 1px !important;
  2384.         border-color: graytext !important;
  2385.         border-radius: 0px !important;
  2386.     }
  2387.  
  2388.     #editBMPanel_tagsSelector>richlistitem:not([disabled]):hover>image,
  2389.     radio:not([disabled]):hover>.radio-check,
  2390.     checkbox:not([disabled]):hover>.checkbox-check {
  2391.         border-color: highlight !important;
  2392.     }
  2393.  
  2394.     radio>.radio-check {
  2395.         padding: 0 !important;
  2396.         border-radius: 20px !important;
  2397.     }
  2398.  
  2399.     #editBMPanel_tagsSelector>richlistitem[checked]>image,
  2400.     radio[selected]>.radio-check,
  2401.     checkbox[checked]>.checkbox-check {
  2402.         list-style-image: url("chrome://global/skin/icons/check.svg") !important;
  2403.         -moz-context-properties: fill !important;
  2404.         fill: highlight !important;
  2405.     }
  2406.  
  2407.     radio[selected]>.radio-check {
  2408.         list-style-image: url("chrome://global/skin/in-content/radio.svg") !important;
  2409.     }
  2410.  
  2411.     #editBMPanel_tagsSelectorExpander {
  2412.         -moz-appearance: none !important;
  2413.         filter: invert(0%) !important;
  2414.         background: #ffff !important;
  2415.         padding: 2px !important;
  2416.     }
  2417.  
  2418.     #editBMPanel_tagsSelector>richlistitem[disabled]>image,
  2419.     radio[disabled]>.radio-check,
  2420.     checkbox[disabled]>.checkbox-check {
  2421.         fill: graytext !important;
  2422.     }
  2423. }
  2424.  
  2425. /*------------------------------------*/
  2426.  
  2427. .tabbrowser-tab {
  2428.     opacity: 0.50 !important;
  2429. }
  2430.  
  2431. .tabbrowser-tab:hover {
  2432.     opacity: 0.70 !important;
  2433. }
  2434.  
  2435. .tabbrowser-tab[selected] {
  2436.     opacity: 1 !important;
  2437. }
  2438.  
  2439. /*--------------------------------------------*/
  2440. .tabbrowser-tab {
  2441.     text-shadow: none !important;
  2442. }
  2443.  
  2444. .toolbarbutton-text {
  2445.     color: #ffff !important;
  2446.     text-shadow: none !important;
  2447. }
  2448.  
  2449. #navigator-toolbox {
  2450.     border-bottom: 0px !important;
  2451. }
  2452.  
  2453. /* Change visuals of unloaded/hibernated tabs */
  2454.  
  2455. .tab.discarded {
  2456.     color: orange !important;
  2457. }
  2458.  
  2459. .tab.discarded:hover {
  2460.     color: red !important;
  2461. }
  2462.  
  2463. /*-----------------zoom & copy paste button tweaks--------------------------*/
  2464. toolbar #zoom-controls>separator {
  2465.     color: transparent !important;
  2466. }
  2467.  
  2468. #zoom-reset-button label {
  2469.     font-family: 'Fira Sans' !important;
  2470.     font-weight: bold !important;
  2471.     padding-top: 3px !important;
  2472.     color: #1e90ff !important;
  2473.     margin-left: -10px !important;
  2474. }
  2475.  
  2476. #zoom-in-button {
  2477.     -moz-padding-start: 0px !important;
  2478.     padding-top: 0px !important;
  2479.     padding-bottom: 4px !important;
  2480.     fill: #1e90ff !important;
  2481.     margin-left: -10px !important;
  2482.  
  2483. }
  2484.  
  2485. #zoom-out-button {
  2486.     -moz-padding-end: 0px !important;
  2487.     padding-top: 0px !important;
  2488.     padding-bottom: 4px !important;
  2489.     fill: #1e90ff !important;
  2490.     /*margin-left: -6px !important;*/
  2491. }
  2492.  
  2493. toolbar #fullscreen-button {
  2494.     padding-top: 0px !important;
  2495.     padding-bottom: 4px !important;
  2496.     fill: #1e90ff !important;
  2497.     /*margin-left: -6px !important;*/
  2498. }
  2499.  
  2500. #cut-button {
  2501.     padding-top: 0px !important;
  2502.     padding-bottom: 4px !important;
  2503.     fill: #1e90ff !important;
  2504.  
  2505. }
  2506.  
  2507. #copy-button {
  2508.     padding-top: 0px !important;
  2509.     padding-bottom: 4px !important;
  2510.     fill: #1e90ff !important;
  2511.     margin-left: -6px !important;
  2512. }
  2513.  
  2514. #paste-button {
  2515.     padding-top: 0px !important;
  2516.     padding-bottom: 3px !important;
  2517.     fill: #1e90ff !important;
  2518.     margin-left: -6px !important;
  2519. }
  2520.  
  2521. .toolbaritem-combined-buttons>separator {
  2522.     display: none !important;
  2523. }
  2524.  
  2525. /* Hamburger Menu Zoom Control */
  2526. #appMenu-zoomReduce-button {
  2527.     background: transparent !important;
  2528.     fill: #1e90ff !important;
  2529.     border: 0px solid #1e90ff !important;
  2530.     border-radius: 0px !important;
  2531. }
  2532.  
  2533. #appMenu-zoomReset-button label {
  2534.     background: transparent !important;
  2535.     color: #1e90ff !important;
  2536.     border-radius: 0px !important;
  2537.     font-family: "Fira Sans" !important;
  2538. }
  2539.  
  2540. #appMenu-zoomReset-button {
  2541.     background: transparent !important;
  2542.     color: #1e90ff !important;
  2543.     border: 1px solid #1e90ff !important;
  2544.     border-radius: 0px !important;
  2545. }
  2546.  
  2547. #appMenu-fullscreen-button {
  2548.     background: transparent !important;
  2549.     fill: #1e90ff !important;
  2550.     border: 0px solid #ffffff !important;
  2551.     border-radius: 0px !important;
  2552. }
  2553.  
  2554. #appMenu-zoomEnlarge-button {
  2555.     background: transparent !important;
  2556.     fill: #1e90ff !important;
  2557.     border: 0px solid #ffffff !important;
  2558.     border-radius: 0px !important;
  2559. }
  2560.  
  2561. .PanelUI-subView .toolbaritem-combined-buttons>.subviewbutton-iconic>.toolbarbutton-text {
  2562.     display: none !important;
  2563. }
  2564.  
  2565. #tracking-protection-icon-container::after {
  2566.     border-right: 0px !important;
  2567. }
  2568.  
  2569. @-moz-document url(chrome://global/content/alerts/alert.xhtml) {
  2570.     #alertBox {
  2571.         background-color: #161825 !important;
  2572.         color: #ffff !important;
  2573.         font-family: Fira Sans !important;
  2574.     }
  2575.  
  2576.     #alertSourceLabel {
  2577.         color: #1e90ff !important;
  2578.         font-family: Fira Sans !important;
  2579.     }
  2580. }
  2581.  
  2582.  
  2583. /***************url dropdown************************/
  2584.  
  2585.  
  2586. /* Font-sizes */
  2587. #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-title {
  2588.     font-family: "Fira Sans" !important;
  2589.     font-size: 14px !important;
  2590. }
  2591.  
  2592. #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]).ac-url,
  2593. #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-action {
  2594.     font-family: "Fira Sans" !important;
  2595.     font-size: 14px !important;
  2596.     background-color: #161825 !important;
  2597. }
  2598.  
  2599. /* Dark Themed Drop-down */
  2600. /* Dark Theme - Firefox 48+ */
  2601.  
  2602. #PopupAutoComplete .ac-site {
  2603.     background-color: #16182580 !important;
  2604. }
  2605.  
  2606. /*
  2607. #PopupAutoCompleteRichResult .autocomplete-richlistitem {
  2608.     border-bottom-color: #333 !important;
  2609. }
  2610. */
  2611. .autocomplete-richlistitem .ac-title,
  2612. .autocomplete-richlistitem .ac-action,
  2613. .autocomplete-richlistitem .ac-separator {
  2614.     color: #ffff !important;
  2615.     background-color: #16182580 !important;
  2616.     background: #16182580 !important;
  2617.     font-family: Fira Sans !important;
  2618.     font-size: 14px !important;
  2619. }
  2620.  
  2621. #PopupAutoCompleteRichResult .ac-url:not([selected="true"]) {
  2622.     color: #1e90ff !important;
  2623. }
  2624.  
  2625. .autocomplete-richlistitem[selected="true"] {
  2626.     background-color: rgba(31, 143, 255, 0.502) !important;
  2627. }
  2628.  
  2629. .autocomplete-richlistitem[selected="true"] .ac-title,
  2630. .ac-title[selected],
  2631. .autocomplete-richlistitem[selected="true"] .ac-action,
  2632. .ac-action[selected],
  2633. .autocomplete-richlistitem[selected="true"] .ac-separator,
  2634. .ac-separator[selected] {
  2635.     color: #ffff !important;
  2636.     font-family: Fira Sans !important;
  2637.     font-size: 14px !important;
  2638.     background-color: #161825 !important;
  2639.     background: #161825 !important;
  2640. }
  2641.  
  2642. .autocomplete-richlistitem[selected="true"] .ac-url,
  2643. .ac-url[selected] {
  2644.     color: #1e90ff !important;
  2645.     font-family: Fira Sans !important;
  2646.     font-size: 14px !important;
  2647.     background-color: #161825 !important;
  2648.  
  2649. }
  2650.  
  2651. #PopupAutoCompleteRichResult .autocomplete-richlistitem:hover {
  2652.     background-color: rgba(31, 143, 255, 0.500) !important;
  2653. }
  2654.  
  2655. #PopupAutoCompleteRichResult .autocomplete-richlistitem[selected] {
  2656.     background-color: rgba(31, 143, 255, 0.500) !important;
  2657. }
  2658.  
  2659. /* Ability to scroll in Fx57 */
  2660. #PopupAutoCompleteRichResult .autocomplete-richlistbox>scrollbox {
  2661.     overflow-y: auto !important;
  2662.     padding-right: 3px !important;
  2663. }
  2664.  
  2665. #PopupAutoCompleteRichResult .autocomplete-richlistbox {
  2666.     padding-right: 0px !important;
  2667. }
  2668.  
  2669. *|span.urlbarView-url {
  2670.     font-family: Fira Sans !important;
  2671.     font-size: 14px !important;
  2672.  
  2673. }
  2674.  
  2675. *|span.urlbarView-secondary {
  2676.     font-family: Fira Sans !important;
  2677.     font-size: 14px !important;
  2678. }
  2679.  
  2680. /* Position page title, set font-size */
  2681. #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-title,
  2682. .urlbarView-row:not([type="search"]) .urlbarView-title {
  2683.  
  2684.     color: #ffff !important;
  2685.     font-family: Fira Sans !important;
  2686.     font-size: 14px !important;
  2687. }
  2688.  
  2689. /* Position page url / action, set font-size */
  2690. #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-url,
  2691. /*#PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-action,*/
  2692. .urlbarView-row:not([type="search"]) .urlbarView-url {
  2693.     color: #1e90ff !important;
  2694.     font-family: Fira Sans !important;
  2695.     font-size: 14px !important;
  2696. }
  2697.  
  2698. /* Constrains urlbar popup to urlbar width */
  2699. /* Firefox 70+ */
  2700.  
  2701. #urlbar-container {
  2702.     /*background-color: #161825 !important;*/
  2703.     transform: translateY(0);
  2704.     position: relative;
  2705.     z-index: 10;
  2706.     padding-block: 0px !important;
  2707.     padding-inline: 0px !important;
  2708.     margin-inline: 0px !important;
  2709. }
  2710.  
  2711. #nav-bar-customization-target {
  2712.     overflow: visible !important;
  2713. }
  2714.  
  2715.  
  2716. .urlbar-results {
  2717.     max-width: 100% !important;
  2718.  
  2719.     box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.800) !important;
  2720. }
  2721.  
  2722.  
  2723. :root[uidensity="compact"] .urlbarView {
  2724.     margin-top: 2px !important;
  2725. }
  2726.  
  2727. :root[uidensity="touch"] .urlbarView {
  2728.     margin-top: 1px !important;
  2729. }
  2730.  
  2731. #urlbar[open] {
  2732.     border-bottom-right-radius: 0px !important;
  2733.     border-bottom-left-radius: 0px !important;
  2734. }
  2735.  
  2736. /*
  2737. .urlbarView-row {
  2738.     padding: 6px 0px !important;
  2739. }
  2740. */
  2741. .popup-notification-body .menulist-label-box {
  2742.     color: #ffff !important;
  2743. }
  2744.  
  2745. .urlbarView-row[selected] .urlbarView-title,
  2746. .urlbarView-row[selected] .urlbarView-secondary,
  2747. .urlbarView-row[selected] .urlbarView-title-separator,
  2748. .urlbarView-row:hover .urlbarView-title,
  2749. .urlbarView-row:hover .urlbarView-secondary,
  2750. .urlbarView-row:hover .urlbarView-title-separator {
  2751.     color: #ffff !important;
  2752.  
  2753. }
  2754.  
  2755. .urlbarView-row[selected],
  2756. .urlbarView-row[selected],
  2757. .urlbarView-row[selected],
  2758. .urlbarView-row:hover,
  2759. .urlbarView-row:hover,
  2760. .urlbarView-row:hover {
  2761.     background-color: rgba(30, 143, 255, 0.500) !important;
  2762.     border-radius: 0px !important;
  2763.  
  2764. }
  2765.  
  2766. #sidebar-search-container #search-box {
  2767.     -moz-appearance: none !important;
  2768.     background-color: black !important;
  2769.     color: #ffff !important;
  2770. }
  2771.  
  2772. #search-box,
  2773. #searchFilter,
  2774. input:not(#urlbar-input) {
  2775.     -moz-appearance: none !important;
  2776.     background-color: black !important;
  2777.     /*padding: 2px !important;*/
  2778.     color: #ffff !important;
  2779.     border: 1px solid black !important;
  2780. }
  2781.  
  2782. .autocomplete-richlistitem[selected="true"] {
  2783.     background-color: rgba(31, 143, 255, 0.502) !important;
  2784. }
  2785.  
  2786. /* toolbar borders */
  2787. #main-window #navigator-toolbox {
  2788.     border: none !important;
  2789. }
  2790.  
  2791. .content-blocking-category.selected {
  2792.     border-radius: 0px !important;
  2793.     border: 1px solid #1e90ff !important;
  2794.     background-color: rgba(31, 143, 255, 0.5) !important;
  2795. }
  2796.  
  2797. .content-blocking-category {
  2798.     border-radius: 0px !important;
  2799.     margin: 3px 0 !important;
  2800.     padding: 9px !important;
  2801.     border: 1px solid #161825 !important;
  2802.     background-color: #161825 !important;
  2803. }
  2804.  
  2805. #trackingProtectionShield {
  2806.     fill: #1e90ff !important;
  2807. }
  2808.  
  2809. #customization-panel-container>.panel-arrowcontent {
  2810.     border-color: #161825 !important;
  2811.     border: 1px !important;
  2812. }
  2813.  
  2814. #customization-content-container,
  2815. #customization-panel-container,
  2816. #customization-panelDescription,
  2817. #customize-mode-overflow-list-description,
  2818. #widget-overflow-fixed-list {
  2819.     background-color: #161825 !important;
  2820.     color: #ffff !important;
  2821.     border: 0px !important;
  2822.     font-family: Fira Sans !important;
  2823. }
  2824.  
  2825. #customization-footer {
  2826.     background-color: #0f0f0f !important;
  2827.     font-family: Fira Sans !important;
  2828. }
  2829.  
  2830. /*
  2831. :root {
  2832.     --toolbar-bgcolor: #303030 !important;
  2833.     --toolbar-non-lwt-bgcolor: #303030 !important;
  2834.     --toolbar-non-lwt-textcolor: #ffff !important;
  2835. }
  2836. */
  2837. /* The customization page button colors */
  2838. .customizationmode-button {
  2839.     -moz-appearance: none !important;
  2840.     border-radius: 0px !important;
  2841.     background: #1e90ff7c !important;
  2842.     color: #ffff !important;
  2843.     border: none !important;
  2844. }
  2845.  
  2846. .customizationmode-button:hover {
  2847.     background: #1e90ff !important;
  2848.     color: #ffff !important;
  2849. }
  2850.  
  2851. .customization-lwtheme-menu-footeritem {
  2852.     border-right: 1px solid #222 !important;
  2853.     background: linear-gradient(#555, #161825) !important;
  2854.     color: #ffff !important;
  2855. }
  2856.  
  2857. .customization-lwtheme-menu-footeritem:hover {
  2858.     background: linear-gradient(#161825, #555) !important;
  2859.     color: #fff !important;
  2860. }
  2861.  
  2862. .button-menu-dropmarker .dropmarker-icon {
  2863.     filter: invert(75%) !important;
  2864. }
  2865.  
  2866. #customization-done-button {
  2867.     -moz-appearance: none !important;
  2868.     border-radius: 0px !important;
  2869.     background: #1e90ff80 !important;
  2870.     color: #ffff !important;
  2871.     border: none !important;
  2872. }
  2873.  
  2874. #customization-done-button:hover {
  2875.     background: #1e90ff !important;
  2876. }
  2877.  
  2878.  
  2879.  
  2880. .scrollbutton-up[orient="horizontal"]~spacer {
  2881.     border: none !important;
  2882. }
  2883.  
  2884. .scrollbutton-down[orient="horizontal"]~spacer {
  2885.     border: none !important;
  2886. }
  2887.  
  2888. /*--------------------scrollbar tweaks -----------------------------*/
  2889.  
  2890. * {
  2891.     scrollbar-color: #1e90ff #161825 !important;
  2892.     scrollbar-width: thin !important;
  2893. }
  2894.  
  2895. scrollbox[orient="horizontal"] {
  2896.     -moz-box-pack: center !important;
  2897. }
  2898.  
  2899. .scrollbutton-up[orient="horizontal"]~spacer {
  2900.     border: none !important;
  2901. }
  2902.  
  2903. .scrollbutton-down[orient="horizontal"]~spacer {
  2904.     border: none !important;
  2905. }
  2906.  
  2907. .toolbarbutton-animatable-box,
  2908. .toolbarbutton-1 {
  2909.     fill-opacity: 1 !important;
  2910. }
  2911.  
  2912. #PersonalToolbar,
  2913. #nav-bar {
  2914.     background-color: #161825 !important;
  2915.     fill: #ffffff !important;
  2916.     opacity: 1 !important;
  2917. }
  2918.  
  2919. /*-------------------makes github tab icon #ffff for dark theme--------------------------------------*/
  2920. .tabbrowser-tab .tab-icon-image[src="data:image/x-icon;base64,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AAAAAAAAKysrBhYWGUcWFhiVFRUYvxUVGNkWFhfzFhYX8xUVGNkVFRi/FhYYlRYWGUcrKysGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA="] {
  2921.     /* Makes Github icon #ffff on dark theme */
  2922.     filter: invert(100%) drop-shadow(0px 0px 5px #ffff) !important;
  2923. }
  2924.  
  2925.  
  2926. .tab-icon-image {
  2927.     margin-bottom: 2px !important;
  2928.     filter: drop-shadow(0px 0px 2px white) !important;
  2929. }
  2930.  
  2931. /*
  2932. .scrollbutton-up[orient="horizontal"]~spacer {
  2933.     width: 38px !important;
  2934.  
  2935.     background-size: 37px 100% !important;
  2936.  
  2937. }
  2938. */
  2939. /*
  2940. html[windowtype="Toolkit:PictureInPicture"] {
  2941.     border: 1px solid #1e90ff !important;
  2942. }
  2943. */
  2944. /*
  2945. html[windowtype="Toolkit:PictureInPicture"] .player-holder {
  2946.     height: calc(100vh - 20px) !important;
  2947. }*/
  2948.  
  2949. @-moz-document url("http://www.w3.org/1999/xhtml") {
  2950.     html|input.urlbar-scheme {
  2951.         display: none !important;
  2952.     }
  2953. }
  2954.  
  2955. @keyframes scale-in {
  2956.     0% {
  2957.         transform: scaleY(0);
  2958.     }
  2959.  
  2960.     100% {
  2961.         transform: scaleY(1);
  2962.     }
  2963. }
  2964.  
  2965. @keyframes scale-out {
  2966.     0% {
  2967.         transform: scaleY(1);
  2968.     }
  2969.  
  2970.     100% {
  2971.         transform: scaleY(0);
  2972.     }
  2973. }
  2974.  
  2975. .browserContainer {
  2976.     position: relative;
  2977. }
  2978.  
  2979. findbar {
  2980.     animation: 0.2s scale-in;
  2981.     transform-origin: top center;
  2982.     background: #161825 !important;
  2983.     padding: 4px 6px 6px 6px;
  2984.     border: 1px solid #161825;
  2985.     border-top-width: 0;
  2986.     border-radius: 0 0 var(--toolbarbutton-border-radius) var(--toolbarbutton-border-radius);
  2987.     position: absolute;
  2988.     top: -2px;
  2989.     right: 38px;
  2990.     display: block;
  2991. }
  2992.  
  2993. findbar[hidden="true"] {
  2994.     animation: 0.2s scale-out;
  2995. }
  2996.  
  2997. findbar .findbar-container {
  2998.     padding: 0 !important;
  2999.     padding-inline-start: 0 !important;
  3000.     padding-inline-end: 0 !important;
  3001. }
  3002.  
  3003. findbar .findbar-container .findbar-textbox {
  3004.     padding: 6px 8px !important;
  3005.     background-color: #1e90ff80 !important;
  3006.     border-color: var(--backbutton-border-color) !important;
  3007. }
  3008.  
  3009. findbar .findbar-container .findbar-textbox[status="notfound"] {
  3010.     background-color: #E74C3C !important;
  3011.     color: #ffff !important;
  3012. }
  3013.  
  3014. findbar .findbar-container .findbar-find-previous,
  3015. findbar .findbar-container .findbar-find-next {
  3016.     background: transparent !important;
  3017.     border-color: var(--backbutton-border-color) !important;
  3018. }
  3019.  
  3020. findbar .findbar-container .findbar-find-previous:hover,
  3021. findbar .findbar-container .findbar-find-previous:focus,
  3022. findbar .findbar-container .findbar-find-next:hover,
  3023. findbar .findbar-container .findbar-find-next:focus {
  3024.     background-color: #1e90ff !important;
  3025. }
  3026.  
  3027. findbar .findbar-button {
  3028.     border: 1px solid var(--backbutton-border-color);
  3029.     border-radius: var(--toolbarbutton-border-radius) !important;
  3030. }
  3031.  
  3032. findbar .findbar-closebutton {
  3033.     margin-right: 4px !important;
  3034.     padding-inline-end: 0 !important;
  3035.     position: relative;
  3036.     top: 6px;
  3037. }
  3038.  
  3039. window[lwtheme="true"] findbar {
  3040.     background: var(--lwt-header-image) !important;
  3041.     background-attachment: fixed !important;
  3042.     background-position: top right !important;
  3043.     top: -1px;
  3044. }
  3045.  
  3046. window[lwtheme="true"] findbar:before {
  3047.     display: block;
  3048.     content: '';
  3049.     position: absolute;
  3050.     top: 0;
  3051.     left: 0;
  3052.     z-index: 0;
  3053.     width: 100%;
  3054.     height: 100%;
  3055.     background-color: #161825;
  3056. }
  3057.  
  3058. window[lwtheme="true"] findbar .findbar-container,
  3059. window[lwtheme="true"] findbar .findbar-closebutton {
  3060.     position: relative;
  3061.     z-index: 1;
  3062. }
  3063.  
  3064. window[lwtheme="true"] findbar .findbar-textbox {
  3065.     color: #ffff !important;
  3066.     background-color: #161825 !important;
  3067. }
  3068.  
  3069.  
  3070. window[lwtheme="true"] findbar .findbar-button[checked="true"] {
  3071.     font-weight: bold;
  3072.     background-color: #161825 !important;
  3073. }
  3074.  
  3075. window[lwtheme="true"] findbar .findbar-find-status,
  3076. window[lwtheme="true"] findbar .found-matches {
  3077.     color: var(--lwt-text-color) !important;
  3078. }
  3079.  
  3080. .browserContainer>findbar {
  3081.     border-top: none !important;
  3082. }
  3083.  
  3084.  
  3085. button[class="dialog-button"] {
  3086.     -moz-appearance: none !important;
  3087.     background-color: black !important;
  3088.     color: #ffff !important;
  3089. }
  3090.  
  3091.  
  3092. /* Replace the button background-colors with a glow effect */
  3093. /* Edit the color choices how you see fit */
  3094.  
  3095.  
  3096. /* Make backgrounds transparent */
  3097.  
  3098. .urlbar-icon,
  3099. .urlbar-icon-wrapper,
  3100. toolbar .toolbarbutton-1,
  3101. #tabbrowser-tabs toolbarbutton,
  3102. toolbar toolbarbutton>.toolbarbutton-icon,
  3103. toolbar toolbarbutton>.toolbarbutton-badge-stack,
  3104. .titlebar-button,
  3105. .findbar-textbox~toolbarbutton,
  3106. toolbarbutton.scrollbutton-up,
  3107. toolbarbutton.scrollbutton-down {
  3108.     background-color: transparent !important;
  3109.     border-color: none !important;
  3110. }
  3111.  
  3112. .close-icon {
  3113.     fill-opacity: 0 !important;
  3114. }
  3115.  
  3116. /* show favicon for tabs without favicons */
  3117. .tabbrowser-tab:not([pinned]) .tab-icon-image:not([src]) {
  3118.     display: inline !important;
  3119. }
  3120.  
  3121. .tabbrowser-tab:not([pinned])[busy] .tab-icon-image {
  3122.     display: none !important;
  3123. }
  3124.  
  3125. .bookmark-item[label="about:config"] image {
  3126.     width: 0 !important;
  3127.     height: 0 !important;
  3128.     padding: 16px 16px 0 0 !important;
  3129.     background-image: url("aboutconfig.png") !important;
  3130.     -moz-image-region: auto !important;
  3131. }
  3132.  
  3133. .bookmark-item[label="about:config old"] image {
  3134.     width: 0 !important;
  3135.     height: 0 !important;
  3136.     padding: 16px 16px 0 0 !important;
  3137.     background-image: url('cogpng.png') !important;
  3138.     -moz-image-region: auto !important;
  3139. }
  3140.  
  3141. .bookmark-item[label="Redémarrage nécessaire"] image {
  3142.     width: 0 !important;
  3143.     height: 0 !important;
  3144.     padding: 16px 16px 0 0 !important;
  3145.     background-image: url('reloadpng.png') !important;
  3146.     -moz-image-region: auto !important;
  3147. }
  3148.  
  3149. #ublock0_raymondhill_net-browser-action label {
  3150.     color: #ffff !important;
  3151.     background-color: #1e90ff !important;
  3152.     opacity: 1 !important;
  3153. }
  3154.  
  3155. /*    */
  3156.  
  3157. /*
  3158. input:focus {
  3159.     outline: 0;
  3160.     box-shadow: none;
  3161. }*/
  3162. @-moz-document url(about:blank),
  3163. url-prefix(about:newtab) {
  3164.  
  3165.     #newtab-window,
  3166.     #newtab-customize-overlay,
  3167.     html {
  3168.         background: #161825 !important;
  3169.         color: #ffff !important;
  3170.         font-family: Fira Sans !important;
  3171.     }
  3172. }
  3173.  
  3174. /* webrender true and layout.css.backdrop-filter.enabled=true*/
  3175. .urlbarView {
  3176.     background-image: url("noise-512x512.png") !important;
  3177.     background-color: #16182580 !important;
  3178.     background: #16182580 !important;
  3179.     backdrop-filter: blur(8px) !important;
  3180.     box-shadow: 3px 03px 5px 0px #00000080 !important;
  3181. }
  3182.  
  3183. #urlbar-background {
  3184.     display: none !important;
  3185. }
  3186.  
  3187.  
  3188.  
  3189. #browser vbox#appcontent tabbrowser,
  3190. #content,
  3191. #tabbrowser-tabpanels,
  3192. browser[type=content-primary],
  3193. browser[type=content]>html {
  3194.     background: #161825 !important;
  3195. }
  3196.  
  3197.  
  3198.  
  3199. /* Prevents #ffff pre-load flash */
  3200. .browserContainer {
  3201.     background-color: #161825 !important;
  3202. }
  3203.  
  3204. .tabbrowser tabpanels {
  3205.     background-color: #161825 !important;
  3206. }
  3207.  
  3208.  
  3209. #scrollbutton-up,
  3210. #scrollbutton-down {
  3211.     display: var(--uc-scrollbutton-display-model, initial) !important;
  3212. }
  3213.  
  3214. #tabbrowser-tabs,
  3215. #tabbrowser-tabs>#tabbrowser-arrowscrollbox {
  3216.     min-height: 40px !important;
  3217.     margin-top: 0px !important;
  3218.     border: none !important;
  3219. }
  3220.  
  3221.  
  3222.  
  3223.  
  3224.  
  3225. /* REMOVE MEGABAR START
  3226.  * VERSION 1.0.3
  3227.  * CODE AT: http://userchrome.wesleybranton.com/megabar
  3228.  * RELEASE NOTES: http://userchrome.wesleybranton.com/notes/megabar */
  3229. @-moz-document url(chrome://browser/content/browser.xhtml) {
  3230.     /* DISABLE EXPANDING START */
  3231.  
  3232.     #urlbar[breakout][breakout-extend] {
  3233.         top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
  3234.         left: 0 !important;
  3235.         width: 100% !important;
  3236.     }
  3237.  
  3238.     #urlbar[breakout][breakout-extend]>#urlbar-input-container {
  3239.         height: var(--urlbar-height) !important;
  3240.         padding-block: 0 !important;
  3241.         padding-inline: 0 !important;
  3242.     }
  3243.  
  3244.     #urlbar[breakout][breakout-extend]>#urlbar-background {
  3245.         animation-name: none !important;
  3246.         /*box-shadow: 0 1px 4px rgba(0, 0, 0, .05) !important;*/
  3247.     }
  3248.  
  3249.  
  3250.     .urlbarView-body-inner {
  3251.         border-top: 0px !important;
  3252.     }
  3253.  
  3254.  
  3255.     /* DISABLE EXPANDING END */
  3256.     /* REMOVE URL RESULT PADDING START */
  3257.  
  3258.     .urlbarView {
  3259.         margin-inline: 0px !important;
  3260.         width: 100% !important;
  3261.         /*border-bottom-left-radius: 15px !important;
  3262.         border-bottom-right-radius: 15px !important;*/
  3263.         box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.5) !important;
  3264.     }
  3265.  
  3266.     .urlbarView-row {
  3267.         padding-block: 0px !important;
  3268.     }
  3269.  
  3270.     /* REMOVE URL RESULT PADDING END */
  3271.  
  3272.     /* MOVE URL RESULT TYPE ICON TO LEFT START */
  3273.     .urlbarView-type-icon {
  3274.         display: none !important;
  3275.         /*min-width: 16px !important;
  3276.         height: 16px !important;
  3277.         margin-bottom: 0px !important;
  3278.         margin-inline-start: 0px !important;*/
  3279.     }
  3280.  
  3281.  
  3282.     .urlbarView-favicon {
  3283.         margin-inline-start: 2px !important;
  3284.     }
  3285.  
  3286.     /* DISPLAY GO BUTTON WHEN TYPING START */
  3287.     #urlbar-input-container[pageproxystate="invalid"] #urlbar-go-button {
  3288.         display: block !important;
  3289.     }
  3290.  
  3291.     /* DISPLAY GO BUTTON WHEN TYPING END */
  3292.     /* Megabar custom background
  3293.     .urlbarView.megabar {
  3294.         background-color: #01323f !important;
  3295.         margin-bottom: 7px !important;
  3296.     }*/
  3297.  
  3298.     .urlbarView.megabar {
  3299.         /*background-image: url("noise-512x512.png") !important;*/
  3300.         /*background-color: #16182580 !important;*/
  3301.         /*background: #16182580 !important;*/
  3302.         /*backdrop-filter: blur(2px) !important;*/
  3303.         top: calc(100% - 5px) !important;
  3304.         width: 100% !important;
  3305.         /*background: #16182580 !important;*/
  3306.         /*border-width: 0 1px 1px 1px !important;   border-style: solid;*/
  3307.         border-color: none !important;
  3308.         box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.788) !important;
  3309.     }
  3310.  
  3311.     #urlbar-input-container[pageproxystate="invalid"] #urlbar-go-button {
  3312.         display: block !important;
  3313.     }
  3314. }
  3315.  
  3316. /* REMOVE MEGABAR END */
  3317.  
  3318.  
  3319. #main-window {
  3320.     background-color: #161825 !important;
  3321.     /*background-image: url('spacex.jpg') !important;*/
  3322. }
  3323.  
  3324.  
  3325.  
  3326.  
  3327. .bookmark-item[label="Github"]>.toolbarbutton-icon {
  3328.     width: 0px !important;
  3329.     height: 0px !important;
  3330.     padding: 0 0 16px 16px !important;
  3331.     background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCEtLSBHZW5lcmF0b3I6IEdyYXZpdC5pbyAtLT48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHN0eWxlPSJpc29sYXRpb246aXNvbGF0ZSIgdmlld0JveD0iMCAwIDQzOC41NDkgNDM4LjU0OSIgd2lkdGg9IjQzOC41NDlwdCIgaGVpZ2h0PSI0MzguNTQ5cHQiPjxkZWZzPjxjbGlwUGF0aCBpZD0iX2NsaXBQYXRoXzg3QXhvTjhPanFCRmEzQ3dVTlAwTzMxZ1U1Z2JteUNwIj48cmVjdCB3aWR0aD0iNDM4LjU0OSIgaGVpZ2h0PSI0MzguNTQ5Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI19jbGlwUGF0aF84N0F4b044T2pxQkZhM0N3VU5QME8zMWdVNWdibXlDcCkiPjxwYXRoIGQ9IiBNIDQwOS4xMzIgMTE0LjU3MyBDIDM4OS41MjQgODAuOTc3IDM2Mi45MjcgNTQuMzc5IDMyOS4zMzQgMzQuNzczIEMgMjk1LjczNiAxNS4xNjYgMjU5LjA1NyA1LjM2NSAyMTkuMjcxIDUuMzY1IEMgMTc5LjQ5IDUuMzY1IDE0Mi43OTkgMTUuMTY5IDEwOS4yMDggMzQuNzczIEMgNzUuNjEyIDU0LjM3OCA0OS4wMTYgODAuOTc3IDI5LjQwOCAxMTQuNTczIEMgOS44MDMgMTQ4LjE2OCAwIDE4NC44NTQgMCAyMjQuNjMgQyAwIDI3Mi40MSAxMy45NCAzMTUuMzc1IDQxLjgyNyAzNTMuNTM2IEMgNjkuNzExIDM5MS43IDEwNS43MzMgNDE4LjEwOCAxNDkuODkgNDMyLjc2MyBDIDE1NS4wMyA0MzMuNzE3IDE1OC44MzUgNDMzLjA0NiAxNjEuMzA5IDQzMC43NjcgQyAxNjMuNzg0IDQyOC40ODUgMTY1LjAyIDQyNS42MjcgMTY1LjAyIDQyMi4yMDUgQyAxNjUuMDIgNDIxLjYzNCAxNjQuOTcxIDQxNi40OTcgMTY0Ljg3NiA0MDYuNzg4IEMgMTY0Ljc3OCAzOTcuMDc5IDE2NC43MzIgMzg4LjYwOSAxNjQuNzMyIDM4MS4zODIgTCAxNTguMTY1IDM4Mi41MTggQyAxNTMuOTc4IDM4My4yODUgMTQ4LjY5NiAzODMuNjEgMTQyLjMxOSAzODMuNTE4IEMgMTM1Ljk0NSAzODMuNDI5IDEyOS4zMjggMzgyLjc2MSAxMjIuNDc3IDM4MS41MTkgQyAxMTUuNjIzIDM4MC4yODggMTA5LjI0OCAzNzcuNDMzIDEwMy4zNDcgMzcyLjk2IEMgOTcuNDQ5IDM2OC40ODcgOTMuMjYyIDM2Mi42MzIgOTAuNzg3IDM1NS40MDQgTCA4Ny45MzIgMzQ4LjgzNCBDIDg2LjAyOSAzNDQuNDYgODMuMDMzIDMzOS42MDEgNzguOTQgMzM0LjI3NSBDIDc0Ljg0NyAzMjguOTQ0IDcwLjcwOCAzMjUuMzMgNjYuNTIxIDMyMy40MjcgTCA2NC41MjIgMzIxLjk5NiBDIDYzLjE5IDMyMS4wNDUgNjEuOTU0IDMxOS44OTggNjAuODExIDMxOC41NjcgQyA1OS42NjkgMzE3LjIzNiA1OC44MTQgMzE1LjkwNCA1OC4yNDMgMzE0LjU3IEMgNTcuNjcxIDMxMy4yMzUgNTguMTQ1IDMxMi4xNCA1OS42NyAzMTEuMjgxIEMgNjEuMTk1IDMxMC40MjIgNjMuOTUxIDMxMC4wMDUgNjcuOTUgMzEwLjAwNSBMIDczLjY1OCAzMTAuODU4IEMgNzcuNDY1IDMxMS42MjEgODIuMTc0IDMxMy45IDg3Ljc5MSAzMTcuNzA5IEMgOTMuNDA1IDMyMS41MTUgOTguMDIgMzI2LjQ2MyAxMDEuNjM3IDMzMi41NTEgQyAxMDYuMDE3IDM0MC4zNTcgMTExLjI5NCAzNDYuMzA1IDExNy40ODMgMzUwLjM5OCBDIDEyMy42NjcgMzU0LjQ5MSAxMjkuOTAyIDM1Ni41MzQgMTM2LjE4MiAzNTYuNTM0IEMgMTQyLjQ2MiAzNTYuNTM0IDE0Ny44ODYgMzU2LjA1OCAxNTIuNDU2IDM1NS4xMTEgQyAxNTcuMDIxIDM1NC4xNTkgMTYxLjMwNCAzNTIuNzI4IDE2NS4zMDMgMzUwLjgyNiBDIDE2Ny4wMTYgMzM4LjA2OCAxNzEuNjggMzI4LjI2NyAxNzkuMjkxIDMyMS40MTYgQyAxNjguNDQzIDMyMC4yNzYgMTU4LjY5IDMxOC41NTkgMTUwLjAyNyAzMTYuMjc2IEMgMTQxLjM2OSAzMTMuOTkgMTMyLjQyMiAzMTAuMjggMTIzLjE5MiAzMDUuMTM2IEMgMTEzLjk1NyAyOTkuOTk5IDEwNi4yOTYgMjkzLjYyIDEwMC4yMDcgMjg2LjAxIEMgOTQuMTE3IDI3OC4zOTYgODkuMTE5IDI2OC40IDg1LjIyIDI1Ni4wMzEgQyA4MS4zMTkgMjQzLjY1NyA3OS4zNjggMjI5LjM4MyA3OS4zNjggMjEzLjIwNSBDIDc5LjM2OCAxOTAuMTcgODYuODg4IDE3MC41NjggMTAxLjkyNSAxNTQuMzg4IEMgOTQuODgxIDEzNy4wNyA5NS41NDYgMTE3LjY1NiAxMDMuOTIyIDk2LjE0OCBDIDEwOS40NDIgOTQuNDMzIDExNy42MjggOTUuNzIgMTI4LjQ3NiAxMDAuMDAxIEMgMTM5LjMyNiAxMDQuMjg0IDE0Ny4yNyAxMDcuOTUzIDE1Mi4zMTYgMTEwLjk5NSBDIDE1Ny4zNjIgMTE0LjAzNiAxNjEuNDA1IDExNi42MTMgMTY0LjQ1MSAxMTguNzAzIEMgMTgyLjE1NiAxMTMuNzU2IDIwMC40MjcgMTExLjI4MiAyMTkuMjY5IDExMS4yODIgQyAyMzguMTExIDExMS4yODIgMjU2LjM4NiAxMTMuNzU2IDI3NC4wOTIgMTE4LjcwMyBMIDI4NC45NDEgMTExLjg1NCBDIDI5Mi4zNiAxMDcuMjg0IDMwMS4xMjEgMTAzLjA5NiAzMTEuMjAzIDk5LjI4OSBDIDMyMS4yOTEgOTUuNDg0IDMyOS4wMDUgOTQuNDM2IDMzNC4zMzcgOTYuMTUxIEMgMzQyLjg5OSAxMTcuNjYgMzQzLjY2MiAxMzcuMDczIDMzNi42MTYgMTU0LjM5MSBDIDM1MS42NTIgMTcwLjU3MSAzNTkuMTc1IDE5MC4xNzggMzU5LjE3NSAyMTMuMjA4IEMgMzU5LjE3NSAyMjkuMzg2IDM1Ny4yMTcgMjQzLjcwNSAzNTMuMzIyIDI1Ni4xNzQgQyAzNDkuNDIyIDI2OC42NDUgMzQ0LjM4MSAyNzguNjMxIDMzOC4xOTcgMjg2LjE1MyBDIDMzMi4wMDYgMjkzLjY3NCAzMjQuMjk2IDMwMC4wMDMgMzE1LjA2NiAzMDUuMTM5IEMgMzA1LjgzNCAzMTAuMjc5IDI5Ni44ODQgMzEzLjk4OSAyODguMjI2IDMxNi4yNzUgQyAyNzkuNTY0IDMxOC41NjEgMjY5LjgxMSAzMjAuMjc5IDI1OC45NjMgMzIxLjQyMSBDIDI2OC44NTcgMzI5Ljk4MyAyNzMuODA1IDM0My40OTggMjczLjgwNSAzNjEuOTYgTCAyNzMuODA1IDQyMi4xOTcgQyAyNzMuODA1IDQyNS42MTkgMjc0Ljk5NSA0MjguNDc2IDI3Ny4zNzcgNDMwLjc1OSBDIDI3OS43NTYgNDMzLjAzOCAyODMuNTEzIDQzMy43MDkgMjg4LjY1MyA0MzIuNzU0IEMgMzMyLjgxNiA0MTguMTAxIDM2OC44MzggMzkxLjY5MiAzOTYuNzIxIDM1My41MjggQyA0MjQuNjAxIDMxNS4zNjcgNDM4LjU0NiAyNzIuNDAyIDQzOC41NDYgMjI0LjYyMiBDIDQzOC41MzYgMTg0Ljg1MSA0MjguNzI4IDE0OC4xNjggNDA5LjEzMiAxMTQuNTczIFogIiBmaWxsPSJyZ2IoMjU1LDI1NSwyNTUpIi8+PC9nPjwvc3ZnPg==") !important;
  3332.     background-size: cover !important;
  3333.  
  3334. }
  3335.  
  3336.  
  3337.  
  3338.  
  3339.  
  3340. /* https COLOR trick */
  3341. #identity-box.verifiedDomain[pageproxystate="valid"]~.urlbar-input-box::before {
  3342.     content: "https://";
  3343.     position: absolute;
  3344.     display: block;
  3345.     /*margin-top: -1px;*/
  3346.     line-height: var(--urlbar-height);
  3347.     z-index: 2;
  3348.     height: 100%;
  3349.     color: #1e90ff;
  3350.     text-shadow: 0 0 2px #161825;
  3351.     /*text-shadow: none !important;*/
  3352.     pointer-events: none;
  3353.     font-family: Fira Sans !important;
  3354.  
  3355. }
  3356.  
  3357. #tracking-protection-icon-container[hidden]~.urlbar-input-box::before {
  3358.     display: none !important;
  3359. }
  3360.  
  3361.  
  3362.  
  3363. /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/urlbar_connection_type_colors.css made available under Mozilla Public License v. 2.0
  3364. See the above repository for updates as well as full license text. */
  3365. /* Modifies the urlbar text color based on connection type - "normal" https: won't be mdofied */
  3366. /* Mixed content including neterror */
  3367. #identity-box[pageproxystate="valid"].unknownIdentity~.urlbar-input-box {
  3368.     color: orange !important;
  3369. }
  3370.  
  3371. /* http: and potentially some other insecure connections like ftp: */
  3372. #identity-box[pageproxystate="valid"].notSecure~.urlbar-input-box {
  3373.     color: red !important;
  3374. }
  3375.  
  3376. /* Extension pages */
  3377. #identity-box[pageproxystate="valid"].extensionPage~.urlbar-input-box {
  3378.     color: yellowgreen !important;
  3379. }
  3380.  
  3381. /* Internal about: and chrome:// urls (includes reader-view) */
  3382. #identity-box[pageproxystate="valid"].localResource~.urlbar-input-box,
  3383. #identity-box[pageproxystate="valid"].chromeUI~.urlbar-input-box {
  3384.     color: #1e90ff !important;
  3385.  
  3386. }
  3387.  
  3388. /* tabs roundness */
  3389. :root {
  3390.     --default_tab_border_roundness: 6px;
  3391. }
  3392.  
  3393. #TabsToolbar .tabbrowser-tab {
  3394.     border-radius: var(--default_tab_border_roundness) !important;
  3395.     overflow: hidden;
  3396.     margin-bottom: 5px !important;
  3397. }
  3398.  
  3399. .tab-line {
  3400.     height: 0px !important;
  3401. }
  3402.  
  3403. /*
  3404. .tabbrowser-tab>.tab-stack>.tab-background {
  3405.     border-radius: 4px !important;
  3406. }*/
  3407.  
  3408. /*--------- ombre onglets / tab shadow & background------------*/
  3409. /*.tabbrowser-tab[visuallyselected="true"],*/
  3410. .tabbrowser-tab[visuallyselected="true"] .tab-background {
  3411.     /*  box-shadow: 0px 0px 10px #1e90ff80 !important;*/
  3412.     background: #0063cb !important;
  3413. }
  3414.  
  3415. /* Show Tab Close buttons only when hovered (slide in using max-width) */
  3416. .tabbrowser-tab:not([pinned]) .tab-close-button {
  3417.     max-width: 0 !important;
  3418.     opacity: 0 !important;
  3419.     transition: all 250ms ease-in-out 0ms !important;
  3420.     /* no delay on exit*/
  3421. }
  3422.  
  3423. .tabbrowser-tab:not([pinned]):hover .tab-close-button {
  3424.     display: -moz-box !important;
  3425.     max-width: 20px !important;
  3426.     opacity: 1 !important;
  3427.     transition: all 250ms ease-in-out 250ms !important;
  3428.     /* quarter second delay on entry*/
  3429. }
  3430.  
  3431. .tab-text,
  3432. .tab-label {
  3433.     -moz-box-flex: 1 !important;
  3434.     text-align: center !important;
  3435. }
  3436.  
  3437. /* booksmark menu tweaks */
  3438. #BMB_bookmarksPopup menu[container="true"] .menu-right {
  3439.     /*padding: 8px !important;*/
  3440.     margin-right: 6px !important;
  3441.     color: #ffffff !important;
  3442.     border: solid #ffffff !important;
  3443.     border-width: 0 2px 2px 0px !important;
  3444. }
  3445.  
  3446. #BMB_bookmarksPopup menupopup>menulist,
  3447. #BMB_unsortedBookmarksPopup,
  3448. #BMB_bookmarksPopup menu {
  3449.     -moz-appearance: none !important;
  3450.     background: none !important;
  3451.     background-color: #161825 !important;
  3452.     border: 0px !important;
  3453. }
  3454.  
  3455. #BMB_bookmarksPopup menu:hover {
  3456.     -moz-appearance: none !important;
  3457.     background: none !important;
  3458.     background-color: #1e90ff !important;
  3459. }
  3460.  
  3461. #BMB_bookmarksPopup menuitem {
  3462.     background-color: #161825 !important;
  3463.     border: 0px !important;
  3464.  
  3465. }
  3466.  
  3467. #BMB_bookmarksPopup menuitem:hover {
  3468.     background: #1e90ff !important;
  3469. }
  3470.  
  3471. #BMB_bookmarksPopup .panel-arrowcontent * {
  3472.     -moz-appearance: none !important;
  3473.     box-shadow: none !important;
  3474.     border: 0px !important;
  3475. }
  3476.  
  3477. #BMB_bookmarksPopup menupopup .arrowscrollbox-scrollbox,
  3478. /*#BMB_bookmarksPopup menupopup,*/
  3479. #BMB_bookmarksPopup .panel-arrowcontent {
  3480.     background: none !important;
  3481.     padding: unset !important;
  3482.     margin: unset !important;
  3483.     /*border: unset !important;
  3484.     box-shadow: unset !important;*/
  3485.     border-radius: 0 !important;
  3486.     border: 0px !important;
  3487. }
  3488.  
  3489.  
  3490. #BMB_bookmarksPopup menupopup,
  3491. #BMB_bookmarksPopup .panel-arrowcontent {
  3492.     /*-moz-appearance: unset !important;*/
  3493.     border: 0px !important;
  3494. }
  3495.  
  3496.  
  3497. #BMB_bookmarksToolbarFolderMenu,
  3498. #BMB_bookmarksToolbar,
  3499. #BMB_bookmarksPopup,
  3500. #BMB_bookmarksToolbarPopup {
  3501.     border: 0px !important;
  3502. }
  3503.  
  3504. #BMB_bookmarksPopup menuitem .menu-iconic-accel,
  3505. #BMB_bookmarksPopup menuitem .menu-accel {
  3506.     margin-right: 6px !important;
  3507.     font-family: Fira Sans !important;
  3508.     font-size: 14px !important;
  3509.     color: #1e90ff !important;
  3510. }
  3511.  
  3512. #BMB_bookmarksPopup menuseparator {
  3513.     border-bottom: 1px solid #303030 !important;
  3514.     background: transparent !important;
  3515.  
  3516. }
  3517.  
  3518.  
  3519. .menupopup-arrowscrollbox {
  3520.     background-color: #161825 !important;
  3521.     border: none !important;
  3522. }
  3523.  
  3524. #bookmarksmenu-button {
  3525.     --uc-bmb-popup-border-width: 0px !important;
  3526. }
  3527.  
  3528. #bookmarks-menu-button {
  3529.     --uc-bmb-popup-border-width: 0px;
  3530.  
  3531. }
  3532.  
  3533. hbox[part="innerbox"] {
  3534.     border-width: var(--uc-bmb-popup-border-width, 1px) !important;
  3535.  
  3536. }
  3537.  
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!