API tools faq
paste
Advertisement
Guest User

userChrome

a guest
Jun 8th, 2023
22
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 14.30 KB | Source Code | 0 0
raw download clone embed print report
  1. #navigator-toolbox-background:-moz-window-inactive{filter: contrast(90%);}
  2.  
  3. /*  Removes flash before loading pages  */
  4. :root{--tabpanel-background-color: var(--toolbar-field-background-color) !important}
  5.  
  6. /*  Tab border radius  */
  7. :root{--tab-border-radius: 3px!important}
  8.  
  9. :root {--navbarWidth: calc(450pt + 180px)}
  10. @media screen and (min-width:1325px){:root #nav-bar{margin-top: -44px!important; height: 44px!important; } #TabsToolbar{margin-left: var(--navbarWidth)!important} #nav-bar{ margin-right: calc(100vw - var(--navbarWidth))!important; vertical-align: center!important} toolbarspring{display: none !important;}}
  11.  
  12. @media screen and (min-width:850px) and (max-width:1325px){#TabsToolbar, #nav-bar{transition: margin-top .25s !important} :root #nav-bar{margin-top: -44px!important; height: 44px!important; } #TabsToolbar{margin-left: 59vw !important} #nav-bar{ vertical-align: center!important; margin-right: calc(100vw - 59vw) !important;}  #urlbar-container{min-width: 0px !important;  flex: auto !important;} toolbarspring{display: none !important;}}
  13.  
  14. @media screen and (max-width:849px) {#TabsToolbar, #nav-bar{transition: margin-top .25s !important} :root #nav-bar{padding: 0 80px 0 5px!important} toolbarspring{display: none !important;}}
  15. #nav-bar, #PersonalToolbar{background-color: #0000 !important;background-image: none !important; box-shadow: none !important}
  16.  
  17. #nav-bar{margin-left: 3px;}
  18.  
  19. /*  Removes rounding from the top corners,   */
  20. #navigator-toolbox{appearance: none !important; border-radius: 0 !important}
  21. #navigator-toolbox-background{background-color: Field !important; background-image: none !important;  appearance: none !important; border-radius: 0 !important}
  22.  
  23. /*  Fixes the customization page  */
  24. #customization-panelWrapper {max-width: 30em!important}
  25.  
  26. /*  Removes annoying buttons and spaces */
  27. #firefox-view-button, #save-to-pocket-button, #tracking-protection-icon-container, .titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"]{display: none !important}
  28. #tabbrowser-tabs{border-inline-start-width: 0!important}
  29.  
  30. /*  Makes some buttons nicer  */
  31. #PanelUI-menu-button, #unified-extensions-button{padding: 2px !important}
  32. #reload-button, #stop-button{margin: 1px !important;}
  33.  
  34. /* Newtab hack */
  35. #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: drag;}
  36. #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: drag;}
  37. #tabs-newtab-button > .toolbarbutton-icon , #new-tab-button > .toolbarbutton-icon{ background: none !important;}
  38. #tabbrowser-arrowscrollbox-periphery{-moz-user-select: -moz-none !important;}
  39.  
  40. /*  Removes urlbar border/background  */
  41. #urlbar-background{border: none !important; outline: none !important; transition: .15s !important;}
  42.  
  43. /*  Cool animation on tab/bookmark icons  */
  44. .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}
  45. .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}
  46. .tabbrowser-tab:not([hover]) .tab-icon-image,.bookmark-item:not([hover]) .toolbarbutton-icon{padding-left: 0!important}
  47.  
  48. /*  Removes space after pinned tabs  */
  49. #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs])>#tabbrowser-arrowscrollbox>.tabbrowser-tab[first-visible-unpinned-tab] {margin-inline-start: 0!important}
  50.  
  51. /*  X-button on the tabs  */
  52. .tabbrowser-tab:not(:hover) .tab-close-button{opacity: 0% !important; transition: .3s !important; display: -moz-box !important;}
  53. .tab-close-button[selected]:not(:hover){opacity: 45% !important; transition: .3s !important; display: -moz-box !important;}
  54. .tabbrowser-tab:hover .tab-close-button{opacity: 50%; transition: .3s !important; background: none !important; cursor: pointer; display: -moz-box !important;}
  55. .tab-close-button:hover{opacity: 100% !important; transition: .3s !important; background: none !important; cursor: pointer; display: -moz-box !important;}
  56. .tab-close-button[selected]:hover{opacity: 100% !important; transition: .3s !important; background: none !important; cursor: pointer; display: -moz-box !important;}
  57.  
  58. /*  Removes annoying border  */
  59. #navigator-toolbox{border:none !important;}
  60.  
  61. /*  Titlebar button fix#6322  */
  62. .titlebar-buttonbox-container{-moz-box-ordinal-group: auto;}
  63. .titlebar-button > .toolbarbutton-icon {display: flex !important; height:unset !important; width: unset !important;}
  64. .titlebar-buttonbox{appearance: none !important}
  65.  
  66. /*  Titlebar buttons  -  Minimize button  */
  67. .titlebar-min {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='currentColor' 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}
  68.  
  69. /*  Titlebar buttons  -  Maximize button  */
  70. .titlebar-max {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='currentColor' 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}
  71.  
  72. /*  Titlebar buttons  -  Restore button  */
  73. .titlebar-restore {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='currentColor' 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}
  74.  
  75. /*  Titlebar buttons  -  Close button  */
  76. .titlebar-close:not(:hover, :active) {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='currentColor' 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}
  77. .titlebar-close:hover {background-color: #f44!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='currentColor' 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}
  78. .titlebar-close:active {background-color: #f33!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='currentColor' 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}
  79.  
  80. /*  Alltabs button  */
  81. #TabsToolbar-customization-target {counter-reset: tabCount}.tabbrowser-tab {counter-increment: tabCount}
  82. #alltabs-button>.toolbarbutton-badge-stack>.toolbarbutton-icon {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='currentColor' 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}
  83. #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}
  84. #alltabs-button>.toolbarbutton-badge-stack::before {content: counter(tabCount); filter:contrast(500%)grayscale(100%); color: -moz-DialogText !important; position: absolute; bottom: 25%; left: 50%; transform: translate(-50%,-30%); padding: 0 3px}
  85.  
  86. /*  Removes the background from the urlbar while not in use  */
  87. #urlbar:not(:hover):not([breakout][breakout-extend])>#urlbar-background {box-shadow: none!important; background: #0000 !important}
  88.  
  89. /*  Urlbar popup thing  */
  90. .urlbarView-row{display: none !important}
  91. .urlbarView-row:nth-child(1), .urlbarView-row:nth-child(2){display: flex !important}
  92. .search-panel-one-offs-header.search-panel-header{display: none !important}
  93. #urlbar-anon-search-settings{margin-inline-start: 0px !important}
  94.  
  95. /*  Makes the space between the reload button and the urlbar less akwardly large  */
  96. #urlbar-container{margin-left: -1px !important}
  97.  
  98. /*  Makes the sidebar a little nicer  */
  99. #sidebar-splitter{display: none}
  100. #sidebar-header{padding-bottom: 0!important; border-bottom: 0!important}
  101.  
  102. /*  The thing in the bottom with links  */
  103. #statuspanel-label{background-color: var(--toolbar-field-background-color)!important; border-color: transparent!important; border-radius: 5px !important; color: currentColor!important; margin: 0 0 2.5px 2px!important; padding: 5px!important; opacity: 100%;}
  104.  
  105. /*  Removes the annoying rainbow thing from the hamburger  */
  106. #appMenu-fxa-separator{border-image:none !important;}
  107.  
  108. /*  Navbar buttons order  */
  109. #nav-bar{direction: rtl;} #urlbar-container, #customizationui-widget-panel{direction: ltr !important;}
  110. #forward-button{order: -1 !important;}
  111. #back-button{padding-right: 2px !important;} #forward-button{padding-right: 8px !important;}
  112.  
  113. /*  Rounded corner in pages  */
  114. #navigator-toolbox{padding-bottom: 10px;}
  115. #navigator-toolbox[style*="margin-top: -54px;"]{margin-top: -44px !important}
  116. .browserStack>browser{margin: -10px 0 0 0!important; border-radius: 10px 10px 0 0; transition: border-radius .2s !important}
  117. .browserStack:nth-last-child(3n)>browser, .browserStack:nth-last-child(4n)>browser{margin: -10px 0 !important; border-radius: 10px !important; transition: border-radius .2s !important}
  118. findbar{border-radius: 10px 10px 0 0 !important; margin-top: -10px; z-index: 2; padding-bottom: -10px;}
  119. [inFullscreen] .browserStack>browser{margin: -10px 0 0 0!important; border-radius: 0 !important; transition: border-radius .7s !important}
  120. [inFullscreen] .browserStack:nth-last-child(3n)>browser, .browserStack:nth-last-child(4n)>browser{margin: -10px !important; transition: border-radius .7s !important}
  121.  
  122. /*  Devtools  */
  123. .devtools-horizontal-splitter{margin-top: 7px !important;margin-bottom:-12px !important;opacity: 0;}
  124. .devtools-side-splitter{opacity: 0;}
  125. .devtools-toolbox-side-iframe{margin-top: -10px; border-radius: 10px;}
  126.  
  127. /*  Customizes the customization page  */
  128. #customization-container > *{margin-top: -10px; background-color: var(--toolbar-field-background-color) !important}
  129.  
  130. /*  Fixes the urlbar color on some themes  */
  131. #urlbar:not([open]){color: currentColor!important} #urlbar[open]{color: var(--toolbar-field-focus-color)}
  132.  
  133. /*  Makes sidebars nicer  */
  134. #sidebar-box{margin-top: -10px !important;border-radius: 10px 10px 0 0!important}
  135. #sidebar-box > *{background-image:none;}
  136.  
  137. /*  Drop menus  */
  138. [position="bottomright topright"]{--panel-border-radius: 0 5px 5px 5px!important}
  139. [position="bottomleft topleft"]{--panel-border-radius: 5px 0 5px 5px!important}
  140. [part="content"]{border: none !important;}
  141. .toolbarbutton-1[open]{--toolbarbutton-border-radius: 4px 4px 0 0!important;}
  142.  
  143. /*  Identity-color  */
  144. [class*="identity-color"] > * > * .tab-context-line{border-radius: 0 0 5px 5px !important}
  145.  
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!