API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Nov 29th, 2024
85
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 20.04 KB | Source Code | 0 0
raw download clone embed print report
  1. /*================== Simplify Sunset Light & Dark - Firefox Theme ==================
  2.  
  3. Author: dpcdpc11.gumroad.com
  4.  
  5. ENJOY!
  6. */
  7.  
  8. #navigator-toolbox {
  9.     border: 0 !important;
  10. }
  11.  
  12. #tabbrowser-arrowscrollbox {
  13.     padding-left: 0px !important;
  14. }
  15. html[sizemode="maximized"] #tabbrowser-arrowscrollbox {
  16.     margin-top: 0px !important;
  17.     padding-left: 2px !important;
  18. }
  19.  
  20. .titlebar-spacer[type="pre-tabs"] {
  21.     border: 0 !important;
  22. }
  23. .titlebar-buttonbox {
  24.     padding: 6px !important;
  25.     margin-right: 3px !important;
  26. }
  27.  
  28. .tab-line {
  29.     height: 0px !important;
  30. }
  31. .tabbrowser-tab::after {
  32.     border: 0 !important;
  33. }
  34.  
  35. #nav-bar {
  36.     box-shadow: none !important;
  37.     padding: 0  !important;
  38. }
  39.  
  40. #urlbar-background {
  41.     border: 0 !important;
  42.     box-shadow: none !important;
  43.     border-radius: 3px !important;
  44. }
  45. #urlbar[open] > .urlbarView > .urlbarView-body-outer > .urlbarView-body-inner {
  46.     border-top: 0 !important;
  47. }
  48. .urlbarView {
  49.     border-radius: 4px !important;
  50.     padding: 0 4px !important;
  51.     margin-bottom: 6px;
  52. }
  53.  
  54. .findbar-button, toolbarbutton.bookmark-item:not(.subviewbutton), toolbar .toolbarbutton-1 > .toolbarbutton-text, toolbar .toolbarbutton-1 > .toolbarbutton-badge-stack {
  55.     border-radius: 3px !important;
  56. }
  57.  
  58. #tabs-newtab-button,
  59. .titlebar-button > .toolbarbutton-icon,
  60. .titlebar-button,
  61. toolbar #tabs-newtab-button:not([disabled="true"]):not([checked]):not([open]):not(:active) > .toolbarbutton-icon,
  62. .tabbrowser-tab > .tab-stack > .tab-background:not([selected="true"]),
  63. toolbar#nav-bar toolbarbutton .toolbarbutton-icon,
  64. toolbar#nav-bar toolbarbutton #fxa-avatar-image {
  65.     transition: all 0.3s ease !important;
  66. }
  67.  
  68.  
  69. #PersonalToolbar .toolbarbutton-1:not([disabled="true"]):not([checked]):not([open]):not(:active),
  70. .tabbrowser-arrowscrollbox:not([scrolledtostart="true"])::part(scrollbutton-up),
  71. .tabbrowser-arrowscrollbox:not([scrolledtoend="true"])::part(scrollbutton-down),
  72. .findbar-button:not(:-moz-any([checked="true"], [disabled="true"])),
  73. toolbar .toolbarbutton-1:not([disabled="true"]):not([checked]):not([open]):not(:active) > .toolbarbutton-icon,
  74. toolbar .toolbarbutton-1:not([disabled="true"]):not([checked]):not([open]):not(:active) > .toolbarbutton-text,
  75. toolbar .toolbarbutton-1:not([disabled="true"]):not([checked]):not([open]):not(:active) > .toolbarbutton-badge-stack {
  76.     transition: all 0.3s ease !important;
  77. }
  78.  
  79. .titlebar-button {
  80.     border-radius: 3px !important;
  81. }
  82.  
  83.  
  84. #titlebar #TabsToolbar {
  85.     padding-left: 3px !important;
  86. }
  87.  
  88. html[sizemode="maximized"] #titlebar #TabsToolbar {
  89.     padding-left: 0px !important;
  90. }
  91.  
  92. .titlebar-spacer[type="pre-tabs"] {
  93.     display: none;
  94. }
  95.  
  96. /* Show full height tab separators on selected tabs. */
  97. #tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[beforeselected-visible]::after,
  98. #tabbrowser-tabs[movingtab] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[visuallyselected]::before,
  99. .tabbrowser-tab[visuallyselected]::after {
  100.     display:none !important;
  101. }
  102.  
  103.  
  104. /*========================================================= Light Mode style =========================================================*/
  105.  
  106. #TabsToolbar > .titlebar-buttonbox-container {
  107.     background: #E8EFFE !important;
  108. }
  109.  
  110. .titlebar-button {
  111.     background-color: #E8EFFE !important;
  112.     padding: 5px 5px !important;
  113.     margin-left: 26px !important;
  114. }
  115. .titlebar-button > .toolbarbutton-icon {
  116.     width: 10px !important;
  117.     height: 10px !important;
  118.     background: #4D5B6D !important;
  119.     stroke: #4D5B6D !important;
  120.     border-radius: 3px !important;
  121. }
  122. .titlebar-button.titlebar-close > .toolbarbutton-icon {
  123.     background: #E76463 !important;
  124.     stroke: #E76463 !important;
  125. }
  126. .titlebar-button:hover > .toolbarbutton-icon {
  127.     background: #E8EFFE !important;
  128. }
  129.  
  130.  
  131. #nav-bar {
  132.     background: #E8EFFE !important;
  133. }
  134.  
  135. #urlbar-background {
  136.     background: #E8EFFE !important;
  137. }
  138. #urlbar-input, #urlbar-scheme,
  139. .searchbar-textbox {
  140.     color: #4D5B6D !important
  141. }
  142. .urlbarView-url {
  143.     color: #E76463 !important;
  144. }
  145.  
  146. .urlbarView {
  147.     background: #FFFFFF !important;
  148. }
  149. .urlbarView-row:not([type="tip"], [type="dynamic"])[selected] > .urlbarView-row-inner, .urlbarView-row-inner[selected] {
  150.     background: #A8BFE16E !important;
  151. }
  152. .urlbarView-row[dynamicType="onboardTabToSearch"]:hover > .urlbarView-row-inner,
  153. .urlbarView-row:not([type="tip"], [type="dynamic"], [has-help]):hover > .urlbarView-row-inner, .urlbarView-row[has-help] > .urlbarView-row-inner:not([selected]):hover,
  154. .searchbar-engine-one-off-item:not([selected]):hover, .addengine-item:hover {
  155.     background: #A8BFE130 !important;
  156. }
  157. .urlbarView .urlbarView-results .urlbarView-row .urlbarView-title {
  158.     color: #4D5B6D !important
  159. }
  160.  
  161. .tab-background[multiselected="true"], .tab-background[selected="true"] {
  162.     background: #FFFFFF !important;
  163.     box-shadow: none !important;
  164. }
  165. .tabbrowser-tab[selected="true"] .tab-label {
  166.     color: #4D5B6D !important;
  167. }
  168. .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]) {
  169.     background-color: #E7646333 !important;
  170. }
  171. .tabbrowser-tab:not([visuallyselected="true"]) {
  172.     color: #4D5B6D !important;
  173. }
  174.  
  175. #tabs-newtab-button,
  176. #alltabs-button,
  177. #new-tab-button,
  178. #scrollbutton-up,
  179. #scrollbutton-down {
  180.     fill: #4D5B6D !important;
  181. }
  182. #tabs-newtab-button:hover > image,
  183. #alltabs-button:hover > stack,
  184. #new-tab-button:hover > image,
  185. #scrollbutton-up:hover,
  186. #scrollbutton-down:hover {
  187.     fill: #E76463 !important;
  188. }
  189. toolbar #tabs-newtab-button:hover:not([disabled="true"]):not([checked]):not([open]):not(:active) > .toolbarbutton-icon,
  190. #alltabs-button:hover > .toolbarbutton-badge-stack,
  191. #new-tab-button:hover > .toolbarbutton-icon,
  192. #scrollbutton-up:hover,
  193. #scrollbutton-down:hover {
  194.     background-color: #E8EFFE !important;
  195. }
  196.  
  197. toolbar#nav-bar.browser-toolbar #urlbar-container .urlbar-icon-wrapper,
  198. toolbar#nav-bar.browser-toolbar #urlbar-container .urlbar-icon,
  199. toolbar#nav-bar.browser-toolbar #urlbar-container .identity-box-button image#identity-icon,
  200. toolbar#nav-bar.browser-toolbar #urlbar-container #tracking-protection-icon-box #tracking-protection-icon {
  201.     transition: all 0.3s ease !important;
  202.     border-radius: 3px !important;
  203.     fill: #4D5B6D !important;
  204. }
  205. toolbar#nav-bar.browser-toolbar #urlbar-container .identity-box-button,
  206. toolbar#nav-bar.browser-toolbar #urlbar-container #tracking-protection-icon-container {
  207.     transition: all 0.3s ease !important;
  208. }
  209. :not(.urlbar-icon-wrapper) > .urlbar-icon:not([disabled]):hover,
  210. .urlbar-icon-wrapper:not([disabled]):hover,
  211. .identity-box-button:hover:not([open="true"]),
  212. #tracking-protection-icon-container:hover:not([open="true"]) {
  213.     background-color: #E7646333 !important;
  214. }
  215.  
  216. #PersonalToolbar .toolbarbutton-1:not([disabled="true"]):not([checked]):not([open]):not(:active), .tabbrowser-arrowscrollbox:not([scrolledtostart="true"])::part(scrollbutton-up), .tabbrowser-arrowscrollbox:not([scrolledtoend="true"])::part(scrollbutton-down), .findbar-button:not(:-moz-any([checked="true"], [disabled="true"])), toolbarbutton.bookmark-item:not(.subviewbutton):not([disabled="true"]):not([open]), toolbar .toolbarbutton-1:not([disabled="true"]):not([checked]):not([open]):not(:active) > .toolbarbutton-icon, toolbar .toolbarbutton-1:not([disabled="true"]):not([checked]):not([open]):not(:active) > .toolbarbutton-text, toolbar .toolbarbutton-1:not([disabled="true"]):not([checked]):not([open]):not(:active) > .toolbarbutton-badge-stack {
  217.     border-radius: 3px !important;
  218.     fill: #4D5B6D !important;
  219. }
  220. #PersonalToolbar .toolbarbutton-1:not([disabled="true"]):not([checked]):not([open]):not(:active):hover, .tabbrowser-arrowscrollbox:not([scrolledtostart="true"])::part(scrollbutton-up):hover, .tabbrowser-arrowscrollbox:not([scrolledtoend="true"])::part(scrollbutton-down):hover, .findbar-button:not(:-moz-any([checked="true"], [disabled="true"])):hover, toolbarbutton.bookmark-item:not(.subviewbutton):hover:not([disabled="true"]):not([open]), toolbar .toolbarbutton-1:not([disabled="true"]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon, toolbar .toolbarbutton-1:not([disabled="true"]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-text, toolbar .toolbarbutton-1:not([disabled="true"]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack {
  221.     background-color: #E7646333 !important;
  222. }
  223.  
  224. .tab-close-button.close-icon {
  225.     color: #4D5B6D !important;
  226.     padding: 2px !important;
  227.     width: 15px !important;
  228.     height: 15px !important;
  229. }
  230. .tab-close-button.close-icon:hover {
  231.     background-color: #E76463 !important;
  232.     color: #E8EFFE !important;
  233. }
  234. tab[selected="true"] .tab-content .tab-close-button.close-icon {
  235.     color: #E76463 !important;
  236. }
  237. tab[selected="true"] .tab-content .tab-close-button.close-icon:hover {
  238.     color: #E8EFFE !important;
  239. }
  240.  
  241. #PersonalToolbar {
  242.     background-color: #E8EFFE !important;
  243. }
  244.  
  245. panelview {
  246.     background: #FFFFFF !important;
  247. }
  248. panelview .toolbarbutton-1:not([disabled], [open], :active):is(:hover), toolbarbutton.subviewbutton:not([disabled], [open], :active):is(:hover), .navigable.subviewbutton:not([disabled], [open], :active):is(:hover), menu.subviewbutton:not([disabled], :active)[_moz-menuactive], menuitem.subviewbutton:not([disabled], :active)[_moz-menuactive], .widget-overflow-list .toolbarbutton-1:not([disabled], [open], :active):is(:hover), .toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]), [overflowedItem="true"]) > toolbarbutton:not([disabled], [open], :active):is(:hover),
  249. .all-tabs-item:hover {
  250.     background: #A8BFE130 !important;
  251. }
  252. .all-tabs-item:hover > toolbarbutton.subviewbutton:not([disabled], [open], :active):is(:hover).all-tabs-button,
  253. .all-tabs-item:hover > toolbarbutton.subviewbutton:not([disabled], [open], :active):is(:hover).all-tabs-secondary-button {
  254.     background-color: transparent !important;
  255. }
  256.  
  257. /*================== SEARCH BAR ==================*/
  258. searchbar#searchbar {
  259.     border: 0 !important;
  260.     background-color: #E8EFFE !important;
  261.     box-shadow: none !important;
  262. }
  263.  
  264. /*================== SIDEBAR ==================*/
  265. #sidebar-box,
  266. .sidebar-panel[lwt-sidebar-brighttext] {
  267.     background-color: #E8EFFE !important;
  268. }
  269.  
  270.  
  271. /*========================================================= Dark Mode style =========================================================*/
  272.  
  273. @media (prefers-color-scheme: dark) {
  274.  
  275. #TabsToolbar > .titlebar-buttonbox-container {
  276.     background: #343D49 !important;
  277. }
  278.    
  279. #titlebar #TabsToolbar {
  280.     background: #343D49 !important;
  281. }
  282.  
  283. .titlebar-button {
  284.     background-color: #343D49 !important;
  285.     padding: 5px 5px !important;
  286.     margin-left: 26px !important;
  287. }
  288. .titlebar-button > .toolbarbutton-icon {
  289.     width: 10px !important;
  290.     height: 10px !important;
  291.     background: #4D5B6D !important;
  292.     stroke: #4D5B6D !important;
  293.     border-radius: 3px !important;
  294. }
  295. .titlebar-button.titlebar-close > .toolbarbutton-icon {
  296.     background: #E76463 !important;
  297.     stroke: #E76463 !important;
  298. }
  299. .titlebar-button:hover > .toolbarbutton-icon {
  300.     background: #343D49 !important;
  301. }
  302.  
  303. #nav-bar {
  304.     background: #343D49 !important;
  305. }
  306.  
  307. #urlbar-background {
  308.     background: #343D49 !important;
  309. }
  310. #urlbar-input, #urlbar-scheme,
  311. .searchbar-textbox {
  312.     color: #D7DEEA !important
  313. }
  314. .urlbarView-url {
  315.     color: #E76463 !important;
  316. }
  317. .urlbarView {
  318.     background: #455060 !important;
  319. }
  320. .urlbarView-row:not([type="tip"], [type="dynamic"])[selected] > .urlbarView-row-inner, .urlbarView-row-inner[selected] {
  321.     background: #A8BFE16E !important;
  322. }
  323. .urlbarView-row[dynamicType="onboardTabToSearch"]:hover > .urlbarView-row-inner,
  324. .urlbarView-row:not([type="tip"], [type="dynamic"], [has-help]):hover > .urlbarView-row-inner, .urlbarView-row[has-help] > .urlbarView-row-inner:not([selected]):hover,
  325. .searchbar-engine-one-off-item:not([selected]):hover, .addengine-item:hover {
  326.     background: #A8BFE130 !important;
  327. }
  328. .urlbarView .urlbarView-results .urlbarView-row .urlbarView-title {
  329.     color: #D7DEEA !important
  330. }
  331.  
  332. .tab-background[multiselected="true"], .tab-background[selected="true"] {
  333.     background: #A8BFE133 !important;
  334.     box-shadow: none !important;
  335. }
  336. .tabbrowser-tab[selected="true"] .tab-label {
  337.     color: #D7DEEA !important;
  338. }
  339. .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]) {
  340.     background-color: #E764634D !important;
  341. }
  342. .tabbrowser-tab:not([visuallyselected="true"]) {
  343.     color: #D7DEEA !important;
  344. }
  345.  
  346. #tabs-newtab-button,
  347. #alltabs-button,
  348. #new-tab-button,
  349. #scrollbutton-up,
  350. #scrollbutton-down {
  351.     fill: #D7DEEA !important;
  352. }
  353. #tabs-newtab-button:hover > image,
  354. #alltabs-button:hover > stack,
  355. #new-tab-button:hover > image,
  356. #scrollbutton-up:hover,
  357. #scrollbutton-down:hover {
  358.     fill: #E76463 !important;
  359. }
  360. toolbar #tabs-newtab-button:hover:not([disabled="true"]):not([checked]):not([open]):not(:active) > .toolbarbutton-icon,
  361. #alltabs-button:hover > .toolbarbutton-badge-stack,
  362. #new-tab-button:hover > .toolbarbutton-icon,
  363. #scrollbutton-up:hover,
  364. #scrollbutton-down:hover {
  365.     background-color: #343D49 !important;
  366. }
  367.  
  368. toolbar#nav-bar.browser-toolbar #urlbar-container .urlbar-icon-wrapper,
  369. toolbar#nav-bar.browser-toolbar #urlbar-container .urlbar-icon,
  370. toolbar#nav-bar.browser-toolbar #urlbar-container .identity-box-button image#identity-icon,
  371. toolbar#nav-bar.browser-toolbar #urlbar-container #tracking-protection-icon-box #tracking-protection-icon {
  372.     transition: all 0.3s ease !important;
  373.     border-radius: 3px !important;
  374.     fill: #D7DEEA !important;
  375. }
  376. toolbar#nav-bar.browser-toolbar #urlbar-container .identity-box-button,
  377. toolbar#nav-bar.browser-toolbar #urlbar-container #tracking-protection-icon-container {
  378.     transition: all 0.3s ease !important;
  379. }
  380. :not(.urlbar-icon-wrapper) > .urlbar-icon:not([disabled]):hover,
  381. .urlbar-icon-wrapper:not([disabled]):hover,
  382. .identity-box-button:hover:not([open="true"]),
  383. #tracking-protection-icon-container:hover:not([open="true"]) {
  384.     background-color: #E764634D !important;
  385. }
  386.  
  387. #PersonalToolbar .toolbarbutton-1:not([disabled="true"]):not([checked]):not([open]):not(:active), .tabbrowser-arrowscrollbox:not([scrolledtostart="true"])::part(scrollbutton-up), .tabbrowser-arrowscrollbox:not([scrolledtoend="true"])::part(scrollbutton-down), .findbar-button:not(:-moz-any([checked="true"], [disabled="true"])), toolbarbutton.bookmark-item:not(.subviewbutton):not([disabled="true"]):not([open]), toolbar .toolbarbutton-1:not([disabled="true"]):not([checked]):not([open]):not(:active) > .toolbarbutton-icon, toolbar .toolbarbutton-1:not([disabled="true"]):not([checked]):not([open]):not(:active) > .toolbarbutton-text, toolbar .toolbarbutton-1:not([disabled="true"]):not([checked]):not([open]):not(:active) > .toolbarbutton-badge-stack {
  388.     border-radius: 3px !important;
  389.     fill: #D7DEEA !important;
  390. }
  391. #PersonalToolbar .toolbarbutton-1:not([disabled="true"]):not([checked]):not([open]):not(:active):hover, .tabbrowser-arrowscrollbox:not([scrolledtostart="true"])::part(scrollbutton-up):hover, .tabbrowser-arrowscrollbox:not([scrolledtoend="true"])::part(scrollbutton-down):hover, .findbar-button:not(:-moz-any([checked="true"], [disabled="true"])):hover, toolbarbutton.bookmark-item:not(.subviewbutton):hover:not([disabled="true"]):not([open]), toolbar .toolbarbutton-1:not([disabled="true"]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon, toolbar .toolbarbutton-1:not([disabled="true"]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-text, toolbar .toolbarbutton-1:not([disabled="true"]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack {
  392.     background-color: #E764634D !important;
  393. }
  394.  
  395. .tab-close-button.close-icon {
  396.     color: #D7DEEA !important;
  397.     padding: 2px !important;
  398.     width: 15px !important;
  399.     height: 15px !important;
  400. }
  401. .tab-close-button.close-icon:hover {
  402.     background-color: #E76463 !important;
  403.     color: #D7DEEA !important;
  404. }
  405. tab[selected="true"] .tab-content .tab-close-button.close-icon {
  406.     color: #E76463 !important;
  407. }
  408. tab[selected="true"] .tab-content .tab-close-button.close-icon:hover {
  409.     color: #D7DEEA !important;
  410. }
  411.  
  412. #PersonalToolbar {
  413.     background-color: #343D49 !important;
  414. }
  415.  
  416. panelview {
  417.     background: #455060 !important;
  418. }
  419. panelview .toolbarbutton-1:not([disabled], [open], :active):is(:hover), toolbarbutton.subviewbutton:not([disabled], [open], :active):is(:hover), .navigable.subviewbutton:not([disabled], [open], :active):is(:hover), menu.subviewbutton:not([disabled], :active)[_moz-menuactive], menuitem.subviewbutton:not([disabled], :active)[_moz-menuactive], .widget-overflow-list .toolbarbutton-1:not([disabled], [open], :active):is(:hover), .toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]), [overflowedItem="true"]) > toolbarbutton:not([disabled], [open], :active):is(:hover),
  420. .all-tabs-item:hover {
  421.     background: #A8BFE130 !important;
  422. }
  423. .all-tabs-item:hover > toolbarbutton.subviewbutton:not([disabled], [open], :active):is(:hover).all-tabs-button,
  424. .all-tabs-item:hover > toolbarbutton.subviewbutton:not([disabled], [open], :active):is(:hover).all-tabs-secondary-button {
  425.     background-color: transparent !important;
  426. }
  427.  
  428.  
  429. /*================== SEARCH BAR ==================*/
  430. searchbar#searchbar {
  431.     border: 0 !important;
  432.     background-color: #343D49 !important;
  433.     box-shadow: none !important;
  434. }
  435.  
  436. /*================== SIDEBAR ==================*/
  437. #sidebar-box,
  438. .sidebar-panel[lwt-sidebar-brighttext] {
  439.     background-color: #343D49 !important;
  440. }
  441.  
  442. /*================== BOOKMARKS TOOLBAR ==================*/
  443.  
  444. #PersonalToolbar {
  445.     /*background: var(--base_color1) !important;
  446.     color: var(--orbit_color) !important;*/
  447.     /*padding-bottom: 6px !important;
  448.     padding-top: 2px !important;*/
  449.   }
  450.   toolbarbutton.bookmark-item {
  451.     transition: all 0.3s ease !important;
  452.     padding: 3px 5px !important;
  453.   }
  454.   #PlacesToolbar toolbarseparator {
  455.     -moz-appearance: none !important;
  456.     width: 1px;
  457.     margin: 0 8px !important;
  458.     color: var(--orbit_color) !important;
  459.     background-color: var(--base_color1) !important;
  460.   }
  461.    
  462.   /*================== BOOKMARKS TOOLBAR AUTOHIDE (added by me) ===========*/
  463.    
  464.   #PersonalToolbar{
  465.     --uc-bm-height: 20px; /* Might need to adjust if the toolbar has other buttons */
  466.     --uc-bm-padding: 4px; /* Vertical padding to be applied to bookmarks */
  467.     --uc-autohide-toolbar-delay: 100ms; /* The toolbar is hidden after 0.6s */
  468.    
  469.     /* 0deg = "show" ; 90deg = "hide" ;  Set the following to control when bookmarks are shown */
  470.     --uc-autohide-toolbar-focus-rotation: 0deg; /* urlbar is focused */
  471.     --uc-autohide-toolbar-hover-rotation: 0deg; /* cursor is over the toolbar area */
  472.   }
  473.    
  474.   :root[uidensity="compact"] #PersonalToolbar{ --uc-bm-padding: 1px; }
  475.   :root[uidensity="touch"] #PersonalToolbar{ --uc-bm-padding: 7px }
  476.    
  477.   #PersonalToolbar:not([customizing]){
  478.     position: relative;
  479.     margin-bottom: calc(0px - var(--uc-bm-height) - 2 * var(--uc-bm-padding));
  480.     transform: rotateX(90deg);
  481.     transform-origin: top;
  482.     transition: transform 135ms linear var(--uc-autohide-toolbar-delay) !important;
  483.     z-index: 1;
  484.     /* The following properties should allow the themes with trasparent toolbars to work */
  485.     /*background-color: transparent !important;
  486.     background-repeat: no-repeat,no-repeat,var(--lwt-background-tiling);
  487.     --uc-bg-y: calc(-2 * (var(--tab-block-margin) + var(--toolbarbutton-inner-padding) + var(--toolbarbutton-outer-padding)) - var(--tab-min-height) - 16px - var(--bookmark-block-padding));
  488.     background-position: top left,top left,var(--lwt-background-alignment,top left);
  489.     background-position-y:top,top,var(--uc-bg-y),var(--uc-bg-y),var(--uc-bg-y);
  490.     background-image: var(--toolbar-bgimage), linear-gradient(var(--toolbar-bgcolor),var(--toolbar-bgcolor)),var(--lwt-header-image,var(--lwt-additional-images)) !important;*/
  491.   }
  492.    
  493.   #PlacesToolbarItems > .bookmark-item,
  494.   #OtherBookmarks,
  495.   #PersonalToolbar > #import-button{
  496.     padding-block: var(--uc-bm-padding) !important;
  497.   }
  498.    
  499.   #nav-bar:focus-within + #PersonalToolbar{
  500.     transition-delay: 100ms !important;
  501.     transform: rotateX(var(--uc-autohide-toolbar-focus-rotation,0));
  502.   }
  503.    
  504.   #navigator-toolbox:hover > #PersonalToolbar{
  505.     transition-delay: 100ms !important;
  506.     transform: rotateX(var(--uc-autohide-toolbar-hover-rotation,0));
  507.   }
  508.    
  509.   #navigator-toolbox:hover > #nav-bar:focus-within + #PersonalToolbar {  
  510.     transform: rotateX(0);
  511.   }
  512.  
  513. }
  514.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!