Advertisement
kisazeky

userChrome.css

Feb 2nd, 2019
214
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 10.00 KB | None | 0 0
  1. /* Hide unwanted menu items */
  2. #context-navigation, #context-sendimage, #context-setDesktopBackground, #context-openlink, #context-openlinkprivate, #context-bookmarklink, #context-sep-sendlinktodevice, #context-sendlinktodevice, #context-sendpagetodevice, #screenshots_mozilla_org-menuitem-_create-screenshot, #spell-separator, #spell-check-enabled, #context-sep-sendpagetodevice, #bookmarksMenuItemsSeparator {
  3.     display: none !important
  4. }
  5.  
  6. /* Darken unselected tabs */
  7. #TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([selected]) .tab-content  {
  8.   background-color: #d4d5da !important;
  9. }
  10.  
  11. /* Tab hover gradient */
  12. #TabsToolbar #tabbrowser-tabs .tabbrowser-tab:hover:not([selected]) .tab-content {
  13.   background: linear-gradient(to bottom,#aaaaaf, #c4c5ca) !important;
  14. }
  15.  
  16. /* Hide colored tab lines */
  17. .tab-line {
  18.   opacity: 0 !important;
  19. }
  20.  
  21. /* Make the tab separators into full height borders */
  22. .tabbrowser-tab::before,
  23. .tabbrowser-tab::after{
  24. border-left: 1px solid #a4a5a9  !important;
  25. border-radius: 1px 1px 0px 0px !important;
  26. margin-top: 0px !important;
  27. margin-bottom: 0px !important;
  28. opacity: 1 !important;
  29. }
  30.  
  31. /* Add a border to the left of the first selected tab */
  32. .tabbrowser-tab[visuallyselected]:first-of-type{
  33.   border-left: 1px solid #a4a5a9 !important;
  34. }
  35.  
  36. /* Add a grey border to the right of the last unselected tab */
  37. .tabbrowser-tab:not([selected]):last-of-type::after{
  38. border-left: 1px solid #ecedf3  !important;
  39. border-radius: 1px 1px 0px 0px !important;
  40. }
  41.  
  42. /*Add a grey border to the left of the first unselected tab*/
  43. .tabbrowser-tab:not([selected]):first-of-type{
  44.   border-left: 1px solid #ecedf3 !important;
  45.   border-radius: 1px 1px 0px 0px !important;
  46. }
  47.  
  48. /* Adjust bookmarks toolbar height*/
  49. #navigator-toolbox #PersonalToolbar {
  50.    min-height: 23px !important;
  51.    margin-left: -5px !important;
  52. }
  53.  
  54. /* Hide close button on last tab */
  55. .tabbrowser-tab[first-visible-tab][last-visible-tab] .tab-close-button {
  56.   visibility: collapse !important;
  57. }
  58.  
  59. /* Move new tab button a tiny bit to the left*/
  60. #new-tab-button {
  61.     margin-left: -1px !important;
  62. }
  63.  
  64.  
  65.  
  66. /* Remove hamburger button */
  67. #PanelUI-menu-button {display: none !important;}
  68.  
  69. /*Replace dull grey bookmark folder icon with a nice colorized gold version */
  70.  .bookmark-item[container] {
  71.   list-style-image: url("data:image/png;base64,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") !important;
  72. }
  73.  
  74. /******** Begin tabs on bottom tweak ********/
  75.  
  76. /* Toolbar order (start) ************************************/
  77. #print-preview-toolbar,
  78. #printedit-toolbar,
  79. #titlebar {
  80.   -moz-box-ordinal-group: 0 !important;
  81. }
  82. #navigator-toolbox #toolbar-menubar {
  83.   -moz-box-ordinal-group: 1 !important;
  84. }
  85. /* navigation toolbar */
  86. #navigator-toolbox #nav-bar {
  87.   -moz-box-ordinal-group: 2 !important;
  88.   background-color: #ecedf3 !important;
  89. }
  90. /* bookmarks toolbar */
  91. #navigator-toolbox #PersonalToolbar {
  92.   -moz-box-ordinal-group: 3 !important;
  93. }
  94.  
  95. /* 3rd party toolbars */
  96. #navigator-toolbox toolbar {
  97.   -moz-box-ordinal-group: 10 !important;
  98. }
  99. /* tabs toolbar */
  100. #navigator-toolbox #TabsToolbar {
  101.   -moz-box-ordinal-group: 100 !important;
  102. }
  103. /* Toolbar order (end) **************************************/
  104.  
  105. /* Tab height */
  106. #tabbrowser-tabs,
  107. #tabbrowser-tabs > .tabbrowser-arrowscrollbox,
  108. .tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  109.     min-height: 30px !important;
  110.     margin-top:1px !important;
  111. }
  112.  
  113. /* Adjust padding of toolbars to accommodate tabs on bottom */
  114. #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
  115.     padding-bottom: 32px !important;
  116. }
  117.  
  118. /* Fit tabs and toolbar to the current width of the window */
  119. #TabsToolbar {
  120.     position: absolute !important;
  121.     bottom: 0 !important;
  122.     width: 100vw !important;
  123. }
  124. #tabbrowser-tabs {
  125.     width: 100vw !important;
  126. }
  127.  
  128. /* Tabs toolbar adjustment */
  129. #main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  130. #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  131. #main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  132. #main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
  133. #TabsToolbar{
  134.   -moz-padding-start: 2px !important;
  135. }
  136. #main-window[tabsintitlebar][sizemode="normal"]:not([inFullscreen]) #TabsToolbar {
  137.   margin-top: 0px !important;
  138. }
  139.  
  140. /* Remove color overlay for lw-themes */
  141. #main-window[style*='--lwt-header-image'] :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme{
  142.     background: unset !important;
  143. }
  144.  
  145. /* Remove toolbar borders */
  146. #main-window #navigator-toolbox::after {
  147.   opacity: 0 !important;
  148. }
  149. #TabsToolbar{
  150.   margin-bottom: 0px !important;
  151.   border-bottom: 1px solid #a4a5a9 !important;
  152. }
  153. #main-window:not([inFullscreen="true"])[tabsintitlebar] #TabsToolbar{
  154.   -moz-margin-end: 0px !important;
  155. }
  156. #main-window[tabsintitlebar] #TabsToolbar .titlebar-placeholder{
  157.   visibility: collapse !important;
  158. }
  159. #main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive="true"],
  160. #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] {
  161.   margin-top: 21px !important;
  162. }
  163. #tabbrowser-tabs .tab-drop-indicator {
  164.   margin-bottom: 0px !important;
  165. }
  166. #PersonalToolbar:-moz-lwtheme,
  167. #nav-bar:-moz-lwtheme {
  168.   background-image: none !important;
  169.   box-shadow: none !important;
  170.   border-top: none !important;
  171.   border-bottom: none !important;
  172. }
  173.  
  174. /* Remove vertical shift when dragging tabs*/
  175. #navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  176.     padding-bottom: unset !important;
  177. }
  178. #navigator-toolbox[movingtab] #tabbrowser-tabs {
  179.     padding-bottom: unset !important;
  180.     margin-bottom: unset !important;
  181. }
  182. #navigator-toolbox[movingtab] > #nav-bar {
  183.     margin-top: unset !important;
  184. }
  185.  
  186. /* Hide non-required items that break tab position */
  187. #TabsToolbar .private-browsing-indicator,
  188. #TabsToolbar #window-controls,
  189. #TabsToolbar *[type="caption-buttons"],
  190. #TabsToolbar *[type="pre-tabs"],
  191. #TabsToolbar *[type="post-tabs"] {
  192.     display: none !important;
  193. }
  194.  
  195. /************ End tabs on bottom tweak  *************/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement