API tools faq
paste
Advertisement
Guest User

userChrome.css

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