Advertisement
Master-Classter

Firefox CSS

Apr 2nd, 2023 (edited)
231
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.90 KB | None | 0 0
  1. /****************************************************************************************************************/
  2.  
  3. /* remove menus padding to condense them */
  4. menupopup > menu, menupopup > menuitem{
  5. padding-block: 1px !important;
  6. }
  7. :root{
  8. --arrowpanel-menuitem-padding: 2px !important;
  9. }
  10.  
  11. /* Remove border around URL SEARCH bar */
  12. :root {
  13. --urlbar-container-padding: 0px !important; /* do not remove 'px' */
  14. }
  15.  
  16. /* make inactive tabs darker color */
  17. .tab-background{
  18. border-radius: 0px 0px !important;
  19. margin-bottom: 0px !important;
  20. }
  21. .tabbrowser-tab:not([selected=true]):not([multiselected=true]) .tab-background{
  22. background-color: color-mix(in srgb, currentColor 5%, transparent);
  23. }
  24.  
  25.  
  26. /****************************************************************************************************************/
  27.  
  28. /* New Tweaks for Version 110 */
  29.  
  30. /* Remove bookmarks star from address bar */
  31. #star-button-box{ display: none }
  32.  
  33. /* remove black border around tab */
  34. .tab-background[selected]{ outline: none !important }
  35.  
  36. /* Remove the add-ons puzzle piece icon */
  37. #unified-extensions-button{
  38. width: 3px;
  39. padding-inline: 0 !important
  40. }
  41. #unified-extensions-button > .toolbarbutton-icon {
  42. width: 0 !important;
  43. }
  44.  
  45. /****************************************************************************************************************/
  46.  
  47.  
  48. /* TABS: on bottom - 89+ This moves the tab bar back to under the address bar instead of at bottom of screen*/
  49. *|*:root {
  50. --tab-toolbar-navbar-overlap: 0px !important;
  51. --tab-min-height: 32px !important; /* adjust to suit your needs */
  52. --tab-min-width: 100px !important; /* adjust to suit your needs */
  53. --menubar-height: 30px;
  54. --bookmarkbar-height: 38px;
  55. --tabbar-top: calc(var(--menubar-height) + var(--bookmarkbar-height) + var(--tab-min-height) + 0px); /*89+*/
  56. }
  57.  
  58. #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
  59. #TabsToolbar {-moz-box-ordinal-group:1000!important}
  60. #TabsToolbar {
  61. display: block !important;
  62. position: absolute !important;
  63. top: var(--tabbar-top) !important;
  64. width: 100vw !important;
  65. }
  66.  
  67. :root[sizemode="normal"] #TabsToolbar {
  68. top: calc(var(--tabbar-top) - 0px) !important;
  69. }
  70.  
  71. /* navigator-toolbox - padding */
  72. *|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
  73. padding-bottom: calc(var(--tab-min-height) + 1px) !important; /*adjust*/
  74. }
  75.  
  76. /* TABS: height */
  77. #tabbrowser-tabs,
  78. #tabbrowser-tabs .tabbrowser-tab {
  79. min-height: var(--tab-min-height) !important;
  80. max-height: var(--tab-min-height) !important;
  81. }
  82.  
  83. #TabsToolbar {
  84. height: var(--tab-min-height) !important;
  85. margin-bottom: 1px !important;
  86. box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important; /* omit */
  87. background-color: var(--toolbar-bgcolor) !important;
  88. color: var(--toolbar-color) !important;
  89. }
  90.  
  91. /* drag space */
  92. .titlebar-spacer[type="pre-tabs"],
  93. .titlebar-spacer[type="post-tabs"] {
  94. width: 40px;
  95. }
  96.  
  97. /* active tab color */
  98. .tabbrowser-tab[selected="true"] .tab-background {
  99. background-color: #E4E4E4 !important;
  100. background-image: none !important;
  101. }
  102.  
  103. /* Override vertical shifts when moving a tab */
  104. #navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  105. padding-bottom: unset !important;
  106. }
  107. #navigator-toolbox[movingtab] #tabbrowser-tabs {
  108. padding-bottom: unset !important;
  109. margin-bottom: unset !important;
  110. }
  111. #navigator-toolbox[movingtab] > #nav-bar {
  112. margin-top: unset !important;
  113. }
  114.  
  115. /* hide indicators and caption buttons */
  116. #TabsToolbar .private-browsing-indicator {display: none !important;}
  117. #TabsToolbar .accessibility-indicator {display: none !important;}
  118. #TabsToolbar .titlebar-buttonbox-container {display: none !important;}
  119.  
  120.  
  121. /* Status-bar */
  122. #browser-bottombox { height: 20px; border-top: solid 0px #505050; }
  123. .browserContainer>statuspanel { left: 4px !important; bottom: 0px; transition-duration: 0s !important; transition-delay: 0s !important; }
  124. .browserContainer>statuspanel>.statuspanel-inner>.statuspanel-label { margin-left: 0px !important; border: none !important; padding: 0px !important; }
  125.  
  126. window[inFullscreen="true"] #browser-bottombox { display:none !important; }
  127. window[inFullscreen="true"] .browserContainer>statuspanel[type="overLink"] .statuspanel-label { display:none !important; }
  128.  
  129. #statuspanel #statuspanel-label {
  130. -moz-appearance: none !important;
  131. background-color: #FFFFFF !important;
  132. border: 0px solid black !important;
  133. }
  134.  
  135. #statuspanel {
  136. background-color: transparent !important;
  137. border: none !important;
  138. bottom: 18px !important; /* adjust*/
  139. height: 18px !important; /* adjust */
  140. max-width: 30% !important; /* Change the value to suite your needs */
  141. transition: none !important;
  142. }
  143.  
  144. #PopupAutoCompleteRichResult {
  145.  
  146. display: none!important;
  147.  
  148. }}
  149.  
  150. .tab-line{
  151. display:none!important;
  152. }
  153.  
  154. /****************************************************************************************************************/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement