API tools faq
paste
Guest User

Untitled

a guest
Aug 23rd, 2024
282
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.83 KB | None | 0 0
raw download clone embed print report
  1. /* :root{--WindowDraggingFromNewtabButton: no-drag} For windows /* */
  2. :root{--WindowDraggingFromNewtabButton: drag !important} /* For linux */
  3.  
  4. /* #reload-button, #stop-button{display:none !important} /* Removes the reload/stop button */
  5.  
  6. /* #back-button, #forward-button{display: none !important} /* Removes the forward/back button */
  7.  
  8. .tab-close-button{display: none !important} /* Removes the x-button from the tabs */
  9.  
  10. #tabs-newtab-button, #new-tab-button{opacity: 0 !important} /* Hide newtab button */
  11.  
  12. #navigator-toolbox{background-image: url("./Background.png"), url("./NavbarBackground.png")} /* Custom background -- Also check userContent.css */
  13.  
  14. :root{
  15. --tab-border-radius: 3px !important; /* Tab border radius -- Changes the tabs rounding *//* Default: 3px */
  16. --NavbarWidth: 36; /* Default values: 36 - 43 */
  17. --TabsHeight: 30; /* Minimum: 30 *//* Default: 36 */
  18. --TabsBorder: 8; /* Doesnt do anything on small layout *//* Default: 8 */
  19. --NavbarHeightSmall: calc(var(--TabsHeight) + var(--TabsBorder)) /* Only on small layout *//* Default: calc(var(--TabsHeight) + var(--TabsBorder)) *//* Default as a number: 44 */}
  20.  
  21. @media screen and (min-width:1325px) /* Only the tabs space will grow from here */
  22. {#nav-bar{margin-top: calc(var(--TabsHeight) * -1px - var(--TabsBorder) * 1px)!important; height: calc(var(--TabsHeight) * 1px + var(--TabsBorder) * 1px)} #TabsToolbar{margin-left: calc(1325px / 100 * var(--NavbarWidth)) !important} #nav-bar{margin-right: calc(100vw - calc(1325px / 100 * var(--NavbarWidth))) !important; vertical-align: center !important} #urlbar-container{min-width: 0px !important; flex: auto !important} toolbarspring{display: none !important}}
  23.  
  24. @media screen and (min-width:850px) and (max-width:1324px) /* Both the tabs space and the navbar will grow */
  25. {#nav-bar{margin-top: calc(var(--TabsHeight) * -1px - var(--TabsBorder) * 1px) !important; height: calc(var(--TabsHeight) * 1px + var(--TabsBorder) * 1px)} #TabsToolbar{margin-left: calc(var(--NavbarWidth) * 1vw) !important} #nav-bar{margin-right: calc(100vw - calc(var(--NavbarWidth) * 1vw)) !important; vertical-align: center !important} #urlbar-container{min-width: 0px !important; flex: auto !important} toolbarspring{display: none !important} #TabsToolbar, #nav-bar{transition: margin-top .25s !important}}
  26.  
  27. @media screen and (max-width:849px) /* The window is not enough wide for a one line layout */
  28. {#nav-bar{padding: 0 5px 0 5px!important; height: calc(var(--NavbarHeightSmall) * 1px) !important} toolbarspring{display: none !important;} #TabsToolbar, #nav-bar{transition: margin-top .25s !important}}
  29. #nav-bar, #PersonalToolbar{background-color: #0000 !important;background-image: none !important; box-shadow: none !important} #nav-bar{margin-left: 3px; border-top: none !important} .tab-background, .tab-stack { min-height: calc(var(--TabsHeight) * 1px) !important}
  30.  
  31. /* Removes rounding from the top corners, */
  32. #navigator-toolbox{appearance: none !important; border-radius: 0 !important}
  33. #navigator-toolbox-background{background-color: Field !important; background-image: none !important; appearance: none !important; border-radius: 0 !important}
  34.  
  35. #navigator-toolbox-background:-moz-window-inactive{filter: contrast(90%);} /* Fades window while not in focus */
  36. :root{--tabpanel-background-color: -moz-Dialog !important} /* Removes flash before loading pages */
  37.  
  38. /* Removes annoying buttons and spaces */
  39. #firefox-view-button, #save-to-pocket-button, #tracking-protection-icon-container, .titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"]{display: none !important}
  40. #tabbrowser-tabs{border-inline-start-width: 0!important}
  41.  
  42. /* Makes some buttons nicer */
  43. #PanelUI-menu-button, #unified-extensions-button, #reload-button, #stop-button {padding: 2px !important}
  44. #reload-button, #stop-button{margin: 1px !important;}
  45.  
  46. /* Newtab hack */
  47. #tabs-newtab-button, #new-tab-button{transition: .3s !important;color: transparent !important; fill: FieldText !important; background: none !important; opacity: 20%; padding-right: 20px !important; padding-left: 4px !important; -moz-window-dragging: var(--WindowDraggingFromNewtabButton)}
  48. #tabs-newtab-button:hover, #new-tab-button:hover{transition: .3s !important; color: transparent !important; fill: FieldText !important; opacity: 90%; padding-right: 20px !important; background: none !important; padding-left: 4px !important; -moz-window-dragging: var(--WindowDraggingFromNewtabButton)}
  49. #tabs-newtab-button > .toolbarbutton-icon , #new-tab-button > .toolbarbutton-icon{ background: none !important;}
  50.  
  51. /* Removes urlbar border/background */
  52. #urlbar-background{border: none !important; outline: none !important; transition: .15s !important;}
  53.  
  54. /* Cool animation on tab/bookmark icons */
  55. /* .tabbrowser-tab:not([pinned]):not([selected]) .tab-icon-image ,.bookmark-item .toolbarbutton-icon{opacity: 0!important; transition: .15s !important; width: 0!important; padding-left: 16px!important} */
  56. /* .tabbrowser-tab:not([pinned]):hover .tab-icon-image,.bookmark-item:hover .toolbarbutton-icon{opacity: 100!important; transition: .15s !important; display: inline-block!important; width: 16px!important; padding-left: 0!important} */
  57. /* .tabbrowser-tab:not([hover]) .tab-icon-image,.bookmark-item:not([hover]) .toolbarbutton-icon{padding-left: 0!important} */
  58.  
  59. /* Removes space after pinned tabs */
  60. #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs])>#tabbrowser-arrowscrollbox>.tabbrowser-tab[first-visible-unpinned-tab] {margin-inline-start: 0!important}
  61.  
  62. /* X-button on the tabs */
  63. .tabbrowser-tab:not(:hover) .tab-close-button{opacity: 0% !important; transition: .3s !important; display: -moz-box !important;}
  64. .tab-close-button[selected]:not(:hover){opacity: 45% !important; transition: .3s !important; display: -moz-box !important;}
  65. .tabbrowser-tab:hover .tab-close-button{opacity: 50%; transition: .3s !important; background: none !important; cursor: pointer; display: -moz-box !important;}
  66. .tab-close-button:hover{opacity: 100% !important; transition: .3s !important; background: none !important; cursor: pointer; display: -moz-box !important;}
  67. .tab-close-button[selected]:hover{opacity: 100% !important; transition: .3s !important; background: none !important; cursor: pointer; display: -moz-box !important;}
  68.  
  69. /* Removes annoying border */
  70. #navigator-toolbox{border:none !important;}
  71.  
  72. /* Titlebar button fix#6322 */
  73. .titlebar-buttonbox-container{-moz-box-ordinal-group: auto;}
  74. .titlebar-button > .toolbarbutton-icon:-moz-lwtheme{-moz-context-properties: fill, stroke !important;}
  75. .titlebar-button > .toolbarbutton-icon {display: flex !important; height:unset !important; width: unset !important; appearance: -moz-window-decorations !important;}
  76. .titlebar-buttonbox{appearance: none !important}
  77.  
  78. /* Titlebar buttons - Minimize button */
  79. .titlebar-min {fill: var(--toolbarbutton-icon-fill) !important; -moz-context-properties: fill !important; list-style-image: url("data:image/svg+xml,%3Csvg width='40' height='30' version='1.1' viewBox='0 0 40 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EVetro%3C/title%3E%3Crect transform='matrix(3.7795 0 0 3.7795 -39.998 -533.51)' x='14.552' y='145.13' width='2.6458' height='.26458' ry='3.1658e-6' fill='context-fill' style='paint-order:stroke fill markers'/%3E%3C/svg%3E%0A")!important; border-radius: 0!important; margin: 0!important; padding: 0!important; border: 0!important; height: 100%!important; align-content: center!important; width: 56px!important; appearance: none!important}.titlebar-min:hover {background-color: color-mix(in srgb,currentColor 17%,transparent)!important}.titlebar-min:active {background-color: color-mix(in srgb,currentColor 30%,transparent)!important}
  80.  
  81. /* Titlebar buttons - Maximize button */
  82. .titlebar-max {fill: var(--toolbarbutton-icon-fill) !important; -moz-context-properties: fill !important; list-style-image: url("data:image/svg+xml,%3Csvg width='40' height='30' version='1.1' viewBox='0 0 40 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EVetro%3C/title%3E%3Cpath transform='matrix(3.7795 0 0 3.7795 -101 -533.51)' d='m30.692 143.81v2.6458h2.6458v-2.6458zm0.26458 0.26459h2.1167v2.1167h-2.1167z' fill='context-fill' style='paint-order:stroke fill markers'/%3E%3C/svg%3E")!important; border-radius: 0!important; margin: 0!important; padding: 0!important; border: 0!important; height: 100%!important; align-content: center!important; width: 56px!important; appearance: none!important}.titlebar-max:hover {background-color: color-mix(in srgb,currentColor 17%,transparent)!important}.titlebar-max:active {background-color: color-mix(in srgb,currentColor 30%,transparent)!important}
  83.  
  84. /* Titlebar buttons - Restore button */
  85. .titlebar-restore {fill: var(--toolbarbutton-icon-fill) !important; -moz-context-properties: fill !important; list-style-image: url("data:image/svg+xml,%3Csvg width='40' height='30' version='1.1' viewBox='0 0 40 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EVetro%3C/title%3E%3Cpath d='m17.001 10.016v2h-2v8.0001h8.0001v-2h2v-8.0001zm0.99998 1h6v6h-0.99998v-4.9999h-4.9999zm-2 2h6v6h-6z' fill='context-fill' stroke-width='3.7795' style='paint-order:stroke fill markers'/%3E%3C/svg%3E%0A")!important; border-radius: 0!important; margin: 0!important; padding: 0!important; border: 0!important; height: 100%!important; width: 56px!important; appearance: none!important}.titlebar-restore:hover {background-color: color-mix(in srgb,currentColor 17%,transparent)!important}.titlebar-restore:active {background-color: color-mix(in srgb,currentColor 30%,transparent)!important}
  86.  
  87. /* Titlebar buttons - Close button */
  88. .titlebar-close:not(:hover, :active) {fill: var(--toolbarbutton-icon-fill) !important; -moz-context-properties: fill !important; list-style-image: url("data:image/svg+xml,%3Csvg width='40' height='30' version='1.1' viewBox='0 0 40 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EVetro%3C/title%3E%3Cpath transform='matrix(3.7796 0 0 3.7795 -165 -533.51)' d='m47.718 143.71-0.18707 0.18706 1.2294 1.2294-1.2294 1.2289 0.18707 0.18707 1.2294-1.2289 1.2289 1.2289 0.18707-0.18707-1.2289-1.2289 1.2289-1.2294-0.18707-0.18706-1.2289 1.2294z' fill='context-fill' style='paint-order:stroke fill markers'/%3E%3C/svg%3E%0A")!important; margin: 0 !important; padding: 0!important; border: 0!important; border-radius: 0!important; height: 100%!important; width: 56px!important; appearance: none!important}
  89. .titlebar-close:hover {background-color: #f44!important; fill: var(--toolbarbutton-icon-fill) !important; -moz-context-properties: fill !important; list-style-image: url("data:image/svg+xml,%3Csvg width='40' height='30' version='1.1' viewBox='0 0 40 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EVetro%3C/title%3E%3Cpath transform='matrix(3.7796 0 0 3.7795 -165 -533.51)' d='m47.718 143.71-0.18707 0.18706 1.2294 1.2294-1.2294 1.2289 0.18707 0.18707 1.2294-1.2289 1.2289 1.2289 0.18707-0.18707-1.2289-1.2289 1.2289-1.2294-0.18707-0.18706-1.2289 1.2294z' fill='context-fill' style='paint-order:stroke fill markers;fill:%23ffffff' /%3E%3C/svg%3E%0A")!important; margin: 0 !important; padding: 0!important; border: 0!important; border-radius: 0!important; height: 100%!important; width: 56px!important; appearance: none!important}
  90. .titlebar-close:active {background-color: #f33!important; fill: var(--toolbarbutton-icon-fill) !important; -moz-context-properties: fill !important; list-style-image: url("data:image/svg+xml,%3Csvg width='40' height='30' version='1.1' viewBox='0 0 40 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EVetro%3C/title%3E%3Cpath transform='matrix(3.7796 0 0 3.7795 -165 -533.51)' d='m47.718 143.71-0.18707 0.18706 1.2294 1.2294-1.2294 1.2289 0.18707 0.18707 1.2294-1.2289 1.2289 1.2289 0.18707-0.18707-1.2289-1.2289 1.2289-1.2294-0.18707-0.18706-1.2289 1.2294z' fill='context-fill' style='paint-order:stroke fill markers;fill:%23ffffff' /%3E%3C/svg%3E%0A")!important; margin: 0 !important; padding: 0!important; border: 0!important; border-radius: 0!important; height: 100%!important; width: 56px!important; appearance: none!important}
  91.  
  92. /* Alltabs button */
  93. #TabsToolbar-customization-target {counter-reset: tabCount}.tabbrowser-tab {counter-increment: tabCount}
  94. #alltabs-button>.toolbarbutton-badge-stack>.toolbarbutton-icon {fill: var(--toolbarbutton-icon-fill) !important; -moz-context-properties: fill !important; list-style-image: url("data:image/svg+xml,%3Csvg width='40' height='30' version='1.1' viewBox='0 0 40 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EVetro%3C/title%3E%3Cpath transform='translate(49,-60)' d='m-29 78.888-7.0703-7.0703 0.70703-0.70703 6.3633 6.3633 6.3633-6.3633 0.70703 0.70703-6.3633 6.3633z' fill='context-fill' style='paint-order:stroke fill markers'/%3E%3C/svg%3E"); overflow: hidden!important; padding: 0!important; border: 0!important; width: 40px!important; height: calc(100% + 1px)!important; margin: 0 -2px 0 0!important; transform: translate(20%,15%); padding: 0 3px}
  95. #alltabs-button>.toolbarbutton-badge-stack {position: relative!important; border-radius: 0!important; padding: 0!important; border: 0!important; height: calc(100% + 1px)!important; width: 56px!important; margin: 0-2px 0 0!important}
  96. #alltabs-button>.toolbarbutton-badge-stack::before {content: counter(tabCount); color: var(--toolbarbutton-icon-fill) !important; position: absolute; top: 16.5px; left: 50%; transform: translate(-50%,-30%); padding: 0 3px}
  97.  
  98. /* Removes the background from the urlbar while not in use */
  99. #urlbar:not(:hover):not([breakout][breakout-extend])>#urlbar-background {box-shadow: none!important; background: #0000 !important} */
  100.  
  101. /* Urlbar popup thing */
  102. /* .urlbarView-row{display: none !important}
  103. .urlbarView-row:nth-child(1), .urlbarView-row:nth-child(2){display: flex !important}
  104. #urlbar-anon-search-settings{margin-inline-start: 0px !important} */
  105.  
  106. /* Makes the space between the reload button and the urlbar less akwardly large */
  107. #urlbar-container{margin-left: 1px !important}
  108.  
  109. /* Makes the sidebar a little nicer */
  110. #sidebar-splitter{display: none}
  111. #sidebar-header{padding-bottom: 0!important; border-bottom: 0!important}
  112.  
  113. /* The thing in the bottom with links */
  114. #statuspanel-label{background-color: -moz-Dialog!important; border-color: transparent!important; border-radius: 5px !important; color: currentColor!important; margin: 0 0 2.5px 2px!important; padding: 5px!important; opacity: 100%;}
  115.  
  116. /* Removes the annoying rainbow thing from the hamburger */
  117. #appMenu-fxa-separator{border-image:none !important;}
  118.  
  119. /* Navbar buttons order */
  120. #nav-bar{direction: rtl;} #urlbar-container, #customizationui-widget-panel{direction: ltr !important;}
  121. #forward-button{order: -1 !important;}
  122. #back-button{padding-right: 2px !important;} #forward-button{padding-right: 8px !important;}
  123.  
  124. /* Rounded corner in pages *//* layout.css.has-selector.enabled */
  125. #main-window:has(#navigator-toolbox[style=""]) #tabbrowser-tabpanels, :not([sizemode="fullscreen"]) #tabbrowser-tabpanels{margin: -10px 0 0 0!important; border-top-left-radius: 10px !important; border-top-right-radius: 10px !important;}
  126. #main-window:has(#navigator-toolbox[style=""]) .browserStack>browser, :not([sizemode="fullscreen"]) .browserStack>browser{border-top-left-radius: 10px !important; border-top-right-radius: 10px !important;}
  127. #navigator-toolbox{padding-bottom: 10px;}
  128. [inFullscreen] #tabbrowser-tabpanels, [inFullscreen] .browserStack>browser{border-radius: 0 !important; margin: 0 !important; transition: border-radius .7s !important}
  129. .browserStack{background-color: -moz-Dialog !important; border-radius: 10px !important; z-index: 2;}
  130. .browserContainer{background-color: transparent}
  131. .browserContainer:has(> .devtools-toolbox-bottom-iframe) .browserStack>browser{margin-bottom: -10px !important; border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important; transition: border-radius .2s !important}
  132. findbar{height: 50px; border: none !important; background-color: -moz-Dialog !important; z-index: 1;}
  133. .browserContainer:has(> .devtools-toolbox-bottom-iframe) findbar{border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
  134. .findbar-container, findbar .close-icon{margin-top: 10px !important}
  135. .browserContainer:has(> findbar) .browserStack>browser{margin-bottom: -10px !important; border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important; transition: border-radius .2s !important}
  136. .browserContainer:has(> .devtools-toolbox-bottom-iframe):has(> findbar) findbar{margin-bottom: -10px !important;}
  137. [inFullscreen] .browserContainer:has(> .devtools-toolbox-bottom-iframe) .browserStack>browser{margin-bottom: -10px !important; border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important; transition: border-radius .2s !important}
  138. [inFullscreen] .browserContainer:has(> findbar) .browserStack>browser{margin-bottom: -10px !important; border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important; transition: border-radius .2s !important}
  139. #main-window{background-color: -moz-Dialog}
  140.  
  141. /* Devtools */
  142. .devtools-horizontal-splitter{margin-top: 7px !important;margin-bottom:-12px !important;opacity: 0;}
  143. .devtools-side-splitter{opacity: 0;}
  144. .devtools-toolbox-side-iframe{margin-top: -10px; border-radius: 10px;}
  145.  
  146. #customization-panelWrapper {max-width: 30em!important} /* Fixes the customization page */
  147. #customization-container > *{margin-top: -10px; background-color: -moz-Dialog !important} /* Customizes the customization page */
  148.  
  149. #urlbar:not([open]){color: currentColor!important} #urlbar[open]{color: var(--toolbar-field-focus-color)} /* Fixes the urlbar color on some themes */
  150.  
  151. /* Makes sidebars nicer */
  152. #sidebar-box{margin-top: -10px !important; border-radius: 0 10px 0 0!important; z-index: 1}
  153. #sidebar-box[positionend="true"]{border-radius: 10px 0 0 0!important}
  154. #sidebar-box > *{background-image:none;}
  155.  
  156. /* Drop menus */
  157. [position="bottomright topright"]{--panel-border-radius: 0 5px 5px 5px!important}
  158. [position="bottomleft topleft"]{--panel-border-radius: 5px 0 5px 5px!important}
  159. [part="content"]{border: none !important;}
  160. .toolbarbutton-1[open]{--toolbarbutton-border-radius: 4px 4px 0 0!important;}
  161.  
  162. [class*="identity-color"] > * > * .tab-context-line{border-radius: 0 0 5px 5px !important} /* Identity-color */
  163.  
  164.  
  165. /* Private tabs */
  166. [privatebrowsingmode="temporary"] #PanelUI-menu-button > .toolbarbutton-badge-stack{
  167. fill: currentColor !important; -moz-context-properties: fill !important; list-style-image: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4.4607598 4.7745347c-1.6558046-0.022972-3.308558 0.6945846-4.38033889 2.1016252-0.24667376 0.9746947 0.1329625 4.5740951 0.34896868 5.1407791 0.43334585 2.286732 2.30300841 4.007931 4.54440651 4.007931 1.1186988 0 2.1336268-0.446805 2.9349832-1.161493l0.4869937-0.419283a2.4174054 2.4174054 0 0 1 3.138115-0.02344l0.734397 0.606788v-0.0026c0.772021 0.621352 1.717989 1.002634 2.752686 1.002634 2.240064 0 4.109726-1.721199 4.544406-4.007931 0.214673-0.569353 0.608977-4.1526899 0.348969-5.1433851-1.905389-2.5014054-5.647401-2.8223737-7.976801-0.682312l-1.302122 1.1979524h-1.2760796l-1.302122-1.1979524c-1.0196962-0.936277-2.3086136-1.4014458-3.5964616-1.4193132zm1.0390935 3.6954225c0.9293602 0 1.7557821 0.389533 2.2891309 0.992217a0.86669252 0.86669252 0 0 1 0 1.1302418c-0.5333488 0.602685-1.3597707 0.989614-2.2891309 0.989614-0.9293601 0-1.7557821-0.386929-2.2891308-0.989614a0.86669252 0.86669252 0 0 1 0-1.1302418c0.5333487-0.602684 1.3597707-0.992217 2.2891308-0.992217zm9.0002687 0c0.929359 0 1.755781 0.389533 2.289131 0.992217a0.86669252 0.86669252 0 0 1 0 1.1302418c-0.53335 0.602685-1.359772 0.989614-2.289131 0.989614-0.92936 0-1.755782-0.386929-2.289131-0.989614a0.86669252 0.86669252 0 0 1 0-1.1302418c0.533349-0.602684 1.359771-0.992217 2.289131-0.992217z' fill='context-fill' stroke-width='1.33337'/%3E%3C/svg%3E%0A");}
  168. #private-browsing-indicator-with-label{display: none}
  169.  
  170. /* Notification */
  171. #tab-notification-deck .container.infobar{background: -moz-Dialog !important}
  172. #tab-notification-deck .notificationbox-stack{background: transparent !important}
  173.  
  174. /* Customization navbar fix */
  175. #wrapper-urlbar-container{width: 100px !important}
  176. [title="Flexible Space"]{display: none !important}
  177.  
  178. /* Fullscreen thing */
  179. #fullscreen-warning{border: none !important; background: -moz-Dialog !important}
  180.  
  181. /* Responsive Design Mode */
  182. html.theme-dark body div#root div#app header#toolbar.user-agent{background: -moz-Dialog !important; border: none !important;}
  183. html.theme-dark body div#root div#app header#toolbar.user-agent *{border-radius: 7px !important;}
  184. html.theme-dark body div#root div#app header#toolbar.user-agent .devtools-separator{opacity:0 !important}
  185.  
  186. /* Changes for macos compatibility */
  187. .titlebar-button { display: flex !important; }
  188. .titlebar-buttonbox-container{ order: 1000 !important; }
  189. .titlebar-buttonbox{ height: 100% !important; }
  190. :root:not([sizemode="maximized"], [sizemode="fullscreen"]) .titlebar-restore, :root:is([sizemode="maximized"], [sizemode="fullscreen"]) .titlebar-max{display: none !important;}
  191. .titlebar-buttonbox { margin-inline: 0 !important; }
  192. .titlebar-buttonbox-container{margin-bottom: 0px;}
  193.  
  194. /* Menubar */
  195. /* #toolbar-menubar[inactive] */
  196. /* #main-window:has(#toolbar-menubar:not([inactive])) #toolbar-menubar{margin-bottom: -20px !important}
  197. #main-window:has(#toolbar-menubar:not([inactive])) #toolbar-menubar .titlebar-buttonbox-container{margin-top: -1px !important; height: 44px !important}
  198. #main-window:has(#toolbar-menubar:not([inactive])) #alltabs-button {margin-top: -24px !important; margin-bottom: 24.2px !important; }
  199. @media screen and (min-width:566px) {#main-window:has(#toolbar-menubar[autohide="false"]) #alltabs-button {margin: -25px 168px 25.2px 0 !important;}}
  200. #main-menubar{flex-wrap: wrap !important; max-width: calc(100vw - 226px);}
  201. @media screen and (max-width:565px) { #main-window:has(#toolbar-menubar:not([inactive])) #TabsToolbar-customization-target { margin-top: 20px;}#main-window:has(#toolbar-menubar:not([inactive])) #alltabs-button { height: 44px !important; position: absolute; top: 24px; right: 168px; } #main-window:has(#toolbar-menubar:not([inactive])) #toolbar-menubar { height: fit-content !important;}}
  202. #main-menubar { z-index: 1; } */
  203. #titlebar #toolbar-menubar .titlebar-buttonbox-container{ display: none !important; }
  204. #toolbar-menubar { display: none !important; }
  205.  
  206. /* about:config setting */
  207. /* Floating URL bar */
  208. @media not (-moz-bool-pref: "css.disable.floating.search") {
  209. #urlbar:is([breakout][breakout-extend], [breakout][usertyping][focused]) {
  210. #urlbar-input {
  211. font-size: 16px !important;
  212. }
  213.  
  214. z-index: 2;
  215. position: fixed !important;
  216. bottom: auto !important;
  217. top: 20vh !important;
  218. padding-left: 6px !important;
  219. padding-right: 8px !important;
  220.  
  221. left: 20vw !important;
  222. right: 20vw !important;
  223. width: 60vw !important;
  224.  
  225. &:after {
  226. content: "";
  227. position: fixed;
  228. pointer-events: none;
  229.  
  230. width: 100vw;
  231. height: 100vh;
  232.  
  233. top: 0px;
  234. left: 0px;
  235.  
  236. background-color: rgba(0, 0, 0, 0.3);
  237. backdrop-filter: blur(5px);
  238.  
  239. z-index: -1;
  240. }
  241.  
  242. #identity-box {
  243. margin: auto 0;
  244. height: 30px;
  245. margin-right: 10px;
  246. }
  247.  
  248. .urlbar-go-button {
  249. margin: auto 0;
  250. }
  251. }
  252. }
  253.  
  254. /* Hide and Hover icons in URL Bar */
  255. @media not (-moz-bool-pref: "css.disable.hover.urlbar.icons") {
  256.  
  257. #nav-bar:not([customizing="true"]):not(.searchButton)
  258. > #nav-bar-customization-target
  259. > #urlbar-container:not(:hover)
  260. > #urlbar:not([focused])
  261. > #urlbar-input-container
  262. > #page-action-buttons
  263. .urlbar-page-action {
  264. opacity: 0;
  265. transition-delay: 500ms;
  266. }
  267.  
  268. #nav-bar:not([customizing="true"]):not(.searchButton)
  269. > #nav-bar-customization-target
  270. > #urlbar-container:not(:hover)
  271. > #urlbar:not([focused])
  272. > #urlbar-input-container
  273. > #identity-box
  274. > #identity-permission-box:not([open]) {
  275. opacity: 0;
  276. transition-delay: 500ms;
  277. }
  278.  
  279. #page-action-buttons .urlbar-page-action,
  280. #identity-permission-box,
  281. #notification-popup-box .notification-anchor-icon {
  282. transition: opacity 0.2s ease;
  283. }
  284.  
  285. #urlbar #identity-icon-box,
  286. #urlbar #identity-permission-box {
  287. opacity: 0 !important;
  288. margin-inline-start: calc(-16px - 2 * var(--urlbar-icon-padding));
  289. transition: margin-inline-start 100ms linear, opacity 200ms linear;
  290. }
  291.  
  292. #urlbar #identity-box.notSecureText #identity-icon-box {
  293. margin-inline-start: initial !important;
  294. opacity: 1 !important;
  295. color: #e36f6f !important;
  296. }
  297.  
  298. #urlbar #identity-box.extensionPage #identity-icon-box {
  299. margin-inline-start: initial !important;
  300. opacity: 1 !important;
  301. }
  302.  
  303. #identity-box:hover #identity-icon-box,
  304. #identity-box:hover #identity-permission-box,
  305. #identity-box #identity-permission-box[open="true"] {
  306. opacity: 1 !important;
  307. margin-inline-start: initial !important;
  308. }
  309.  
  310. #urlbar-input-container .urlbar-input-box {
  311. padding-inline-start: 2px !important;
  312. }
  313.  
  314. #identity-box:hover ~ .urlbar-input-box > #urlbar-input {
  315. mask-image: linear-gradient(to right, transparent, black 3ch) !important;
  316. }
  317.  
  318. #page-action-buttons {
  319. padding-inline-start: 8px;
  320. }
  321.  
  322. #page-action-buttons .urlbar-page-action {
  323. margin-inline-end: calc(-16px - 2 * var(--urlbar-icon-padding));
  324. opacity: 0;
  325. transition: margin-inline-end 100ms linear, opacity 200ms linear;
  326. }
  327.  
  328. #page-action-buttons:hover > .urlbar-page-action,
  329. .urlbar-page-action[open],
  330. .urlbar-page-action[open] ~ .urlbar-page-action {
  331. opacity: 1;
  332. margin-inline-end: 0px !important;
  333. }
  334.  
  335. #identity-box.chromeUI #identity-icon-box {
  336. opacity: 1 !important;
  337. margin-inline-start: initial;
  338. }
  339.  
  340. #identity-box.chromeUI::after,
  341. #identity-box.chromeUI:hover::after {
  342. opacity: 0 !important;
  343. }
  344.  
  345. #page-action-buttons:not(:hover) #translations-button[translationsactive="true"]:not([open]) {
  346. visibility:collapse !important;
  347. }
  348.  
  349. /* Create visual dots on both sides */
  350. #identity-box::after,
  351. #page-action-buttons::before {
  352. position: relative;
  353. content: "•••";
  354. pointer-events: none;
  355. transition: opacity 100ms ease;
  356. align-self: center;
  357. font-size: 1em;
  358. }
  359.  
  360. #identity-box::after,
  361. #page-action-buttons::before {
  362. opacity: 0.2;
  363. }
  364.  
  365. #identity-box::after {
  366. transform: rotate(90deg);
  367. left: 4px;
  368. }
  369.  
  370. #page-action-buttons::before {
  371. transform: rotate(-90deg);
  372. right: 4px;
  373. }
  374.  
  375. #identity-box:hover::after,
  376. #page-action-buttons:hover::before {
  377. opacity: 0.2 !important;
  378. transition: opacity 50ms ease;
  379. pointer-events: none;
  380. }
  381.  
  382. #identity-box[pageproxystate="invalid"]::after,
  383. #urlbar-input-container[pageproxystate="invalid"]
  384. > #page-action-buttons::before {
  385. opacity: 0 !important;
  386. transition: opacity 50ms ease;
  387. }
  388.  
  389. /* Linux changes for visual dots */
  390. @media (-moz-platform: linux) {
  391. #identity-box::after,
  392. #page-action-buttons::before {
  393. content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg fill="%23FFFFFF" width="11px" height="11px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M20.25 16c0 2.347-1.903 4.25-4.25 4.25s-4.25-1.903-4.25-4.25c0-2.347 1.903-4.25 4.25-4.25s4.25 1.903 4.25 4.25zM20.25 27c0 2.347-1.903 4.25-4.25 4.25s-4.25-1.903-4.25-4.25c0-2.347 1.903-4.25 4.25-4.25s4.25 1.903 4.25 4.25zM20.25 5c0 2.347-1.903 4.25-4.25 4.25s-4.25-1.903-4.25-4.25c0-2.347 1.903-4.25 4.25-4.25s4.25 1.903 4.25 4.25z"></path></svg>');
  394. transform: none;
  395. font-size: unset;
  396. }
  397.  
  398. #page-action-buttons::before {
  399. right: 2px;
  400. }
  401.  
  402. #identity-box::after {
  403. left: 2px;
  404. }
  405. }
  406.  
  407. #identity-box[pageproxystate="valid"].notSecureText > .identity-box-button,
  408. #identity-box[pageproxystate="valid"].extensionPage > .identity-box-button,
  409. #identity-box[pageproxystate="valid"].chromeUI > .identity-box-button,
  410. #urlbar-label-box,
  411. #urlbar-zoom-button {
  412. background-color: var(--firefoxcss-item-bg-color) !important;
  413. }
  414.  
  415. #urlbar-zoom-button:hover {
  416. background-color: var(--firefoxcss-urlbar-zoom-button) !important;
  417. }
  418.  
  419. #urlbar-input-container #identity-box > .identity-box-button,
  420. #tracking-protection-icon-container,
  421. #urlbar-go-button,
  422. #page-action-buttons .urlbar-page-action,
  423. #notification-popup-box {
  424. border-radius: 8px !important;
  425. }
  426.  
  427. #urlbar-go-button,
  428. #tracking-protection-icon-container
  429. {
  430. display: none !important;
  431. }
  432. }
Advertisement
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!