MrMobodies

Firefox UserCSS

Jul 21st, 2020
85
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.22 KB | None | 0 0
  1. #context-back image,
  2. #context-forward image,
  3. #context-reload image,
  4. #context-stop image,
  5. #context-bookmarkpage image,
  6. #context-navigation,
  7. #context-sep-navigation {
  8. display:none !important;
  9. }
  10.  
  11. /* New Tab Context - move the menu item to the top */
  12. #tabContextMenu menuitem[label="New Tab"] { -moz-box-ordinal-group: 0 !important; }
  13. /* New Tab Context - hide the icon */
  14. #tabContextMenu menuitem[label="New Tab"] .menu-iconic-icon { display: none !important; }
  15.  
  16.  
  17. /* Firefox userChrome.css */
  18. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  19. .tab-throbber {
  20. list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png") !important;
  21. }
  22.  
  23. /* Remove Tab Throbber Animation, from this author : https://www.reddit.com/r/firefox/comments/7cvzkq/how_can_i_remove_firefox_57_page_load_animation/ */
  24. .tab-throbber { display: none !important; }
  25. .tab-icon-image { visibility: show !important; display: block !important;}
  26. .tabbrowser-tab[progress="true"] .tab-icon-image {opacity:0.45; filter: blur(1px);}
  27. .tab-loading-burst[bursting]::before {
  28. background-image: none !important;
  29. animation: unset !important;
  30. }
  31.  
  32. @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
  33. * { transition: none !important;
  34. animation-duration: 0s !important; }
  35.  
  36. /* Close the useless Tab Bar Full, animate New Tab, from this author : http://forums.mozillazine.org/viewtopic.php?f=38&t=2282765 */
  37. .tabbrowser-tab:not([pinned]) {
  38. max-width: 250px !important;
  39. min-width: 100px !important;
  40. }
  41. .tabbrowser-tab:not([pinned]):not([fadein]) {
  42. max-width: 0.1px !important;
  43. }
  44. .closing-tabs-spacer {
  45. width: 0 !important;
  46. }
  47.  
  48. /* Remove the Ugly Distracting Transparent Tab effect, from this author : https://support.mozilla.org/en-US/questions/1187357#answer-1033293 */
  49. #tabbrowser-tabs > .tabbrowser-tab > .tab-stack > .tab-background * {
  50. background: none !important;
  51. }
  52.  
  53. /* Disable the Ugly Blue Glow Tab Effect, from this author : https://support.mozilla.org/en-US/questions/928081 */
  54. .tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) {
  55. background: -moz-linear-gradient(hsla(0,0%,100%,.2), hsla(0,0%,45%,.2) 2px, hsla(0,0%,32%,.2) 80%)
  56. !important;
  57. }
  58. .tabbrowser-tab[pinned][titlechanged]:not([selected="true"]):hover {
  59. background-image: -moz-linear-gradient(hsla(0,0%,100%,.6), hsla(0,0%,100%,.2) 4px, hsla(0,0%,75%,.2) 80%) !important;
  60. }
  61.  
  62. /* Disable the Tab Highlighting Fearure (absoluetly Useless for a normal use), from this author : http://forums.mozillazine.org/viewtopic.php?f=19&t=867225 */
  63. .tabbrowser-tab:not([selected="true"]) > .tab-image-middle {
  64. background-image: url("chrome://global/skin/icons/tab-middle-bkgnd.png") !important;
  65. }
  66. .tabbrowser-tab:hover:not([selected="true"]) > .tab-image-middle {
  67. background-image: url("chrome://global/skin/icons/tab-middle-bkgnd.png") !important;
  68. }
  69.  
  70. /* Remove some Random Annoying Animations in the Toolbar, from this author : annoying animations https://www.reddit.com/r/firefox/comments/37hw8o/how_to_disable_all_animations/ */
  71. * {
  72. animation-delay: 0ms !important;
  73. animation-duration: 0ms !important;
  74. transition: none !important;
  75. }
  76.  
  77. /* Remove the Very Ugly and Distracting and Useless Hamburger Button (because it is redundant with the arrows) */
  78. #PanelUI-menu-button {display: none;}
  79. /*
  80.  
  81.  
  82. #PopupAutoCompleteRichResult {
  83.  
  84. display: none!important;
  85. }
  86.  
  87.  
  88. /* TABS: on bottom */
  89. #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
  90. #TabsToolbar {-moz-box-ordinal-group:1000!important}
  91.  
  92. #TabsToolbar {
  93. display: block !important; /*required for 71+*/
  94. position: absolute !important;
  95. bottom: 0 !important;
  96. width: 100vw !important;
  97. }
  98.  
  99. #tabbrowser-tabs {
  100. width: 100vw !important;
  101. }
  102.  
  103. *|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}
  104.  
  105. /* TABS: height */
  106. *|*:root {
  107. --tab-toolbar-navbar-overlap: 0px !important;
  108. --tab-min-height: 27px !important; /* adjust to suit your needs */
  109. --tab-min-width: 80px !important;
  110. --tabstoolbar-adjust: 0px; /* menubar and titlebar hidden */
  111. }
  112.  
  113. #TabsToolbar {
  114. height: var(--tab-min-height) !important;
  115. margin-bottom: 1px !important;
  116. box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
  117. }
  118.  
  119. #tabbrowser-tabs,
  120. #tabbrowser-tabs > .tabbrowser-arrowscrollbox,
  121. .tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  122. min-height: var(--tab-min-height) !important;
  123. max-height: var(--tab-min-height) !important;
  124. }
  125.  
  126. /* TabsToolbar with menubar and titlebar hidden */
  127. *|*:root[tabsintitlebar]:not([inFullscreen="true"]):not([sizemode="maximized"])
  128. #toolbar-menubar[autohide="true"] ~ #TabsToolbar{
  129. bottom: var(--tab-min-height) !important;
  130. padding-top: calc(var(--tab-min-height) + var(--tabstoolbar-adjust)) !important; /*adjust var*/
  131. }
  132.  
  133. *|*:root[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"]
  134. ~ #TabsToolbar .titlebar-buttonbox-container {
  135. visibility: hidden !important;
  136. }
  137.  
  138. /* drag space */
  139. .titlebar-spacer[type="pre-tabs"],
  140. .titlebar-spacer[type="post-tabs"] {
  141. width: 40px;
  142. }
  143.  
  144. /* Override vertical shifts when moving a tab */
  145. #navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  146. padding-bottom: unset !important;
  147. }
  148. #navigator-toolbox[movingtab] #tabbrowser-tabs {
  149. padding-bottom: unset !important;
  150. margin-bottom: unset !important;
  151. }
  152. #navigator-toolbox[movingtab] > #nav-bar {
  153. margin-top: unset !important;
  154. }
  155.  
  156. /* hide indicators */
  157. .private-browsing-indicator {display: none !important;}
  158. .accessibility-indicator {display: none !important;}
  159.  
  160.  
  161.  
  162.  
  163.  
  164. /* based on https://old.reddit.com/comments/fwhlva//fmolndz */
  165. #urlbar[breakout][breakout-extend]:not([open]) {
  166. top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
  167. left: 0 !important;
  168. width: 100% !important;
  169. }
  170. #urlbar[breakout][breakout-extend]:not([open]) > #urlbar-input-container {
  171. height: var(--urlbar-height) !important;
  172. padding-block: 0px !important;
  173. padding-inline: 0px !important;
  174. }
  175. #urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
  176. animation-name: none !important;
  177. }
  178. #urlbar[breakout][breakout-extend]:not([open]) > #urlbar-background {
  179. box-shadow: none !important;
  180. }
Add Comment
Please, Sign In to add comment