Advertisement
Guest User

Mozilla tabs under search string

a guest
Sep 21st, 2022
95
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.30 KB | Source Code | 0 0
  1. @-moz-document url("chrome://browser/content/browser.xhtml") {
  2. *|*:root {
  3.     --v-toolbar-menubar-height: 20px; /* высота панели меню, только чётные числа не меньше 20px,
  4.     если изменяете эту переменную то и в --v-toolbar-menubar-height-content - атрибут height= нужно установить ровно в два раза больше*/
  5.     --v-toolbar-menubar-height-content: url("data:image/svg+xml,<svg width='20' height='40' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' width='100%' height='100%' style='fill:transparent;'/></svg>");  /* height='2 * --v-toolbar-menubar-height' */
  6. }
  7. #navigator-toolbox {
  8.     border-block: none !important;
  9.     box-shadow: none !important;
  10.     padding-top: 0 !important;
  11.     -moz-appearance: none !important;
  12.     appearance: none !important;
  13. }
  14. *|*:root:not([inFullscreen])[tabsintitlebar] #navigator-toolbox {
  15.     position: relative !important;
  16. }
  17. #navigator-toolbox > toolbar {
  18.     -moz-box-ordinal-group: 10 !important;
  19. }
  20. #navigator-toolbox > #nav-bar {
  21.     margin-block: 0 !important;
  22.     box-shadow: none !important;
  23.     -moz-box-ordinal-group: 0 !important;
  24.     padding-inline: 0 !important;
  25. }
  26. *|*:root:not([inFullscreen]) #navigator-toolbox > #nav-bar {
  27.     margin-top: var(--v-toolbar-menubar-height) !important;
  28. }
  29. #navigator-toolbox > #PersonalToolbar {
  30.     -moz-box-ordinal-group: 1 !important;
  31. }
  32. *|*:root:not([inFullscreen])[tabsintitlebar] > *|body::before {
  33.     content: var(--v-toolbar-menubar-height-content) !important;
  34.     display: -moz-box !important;
  35.     -moz-box-flex: 0 !important;
  36.     -moz-box-orient: vertical !important;
  37.     -moz-box-pack: start !important;
  38.     -moz-box-align: stretch !important;
  39.     -moz-box-ordinal-group: 0 !important;
  40.     margin-bottom: calc(-2 * var(--v-toolbar-menubar-height)) !important;
  41.     box-sizing: content-box !important;
  42. }
  43. *|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] > *|body::before {
  44.     -moz-appearance: -moz-window-titlebar !important;
  45.     appearance: -moz-window-titlebar !important;
  46. }
  47. *|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] > *|body::before {
  48.     -moz-appearance: -moz-window-titlebar-maximized !important;
  49.     appearance: -moz-window-titlebar-maximized !important;
  50. }
  51. *|*:root:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > *|body::before {
  52.     visibility: hidden !important;
  53. }
  54. #navigator-toolbox > #titlebar {
  55.     -moz-appearance: none !important;
  56.     appearance: none !important;
  57.     -moz-box-ordinal-group: 100 !important;
  58.     position: static !important;
  59. }
  60. #toolbar-menubar {
  61.     padding-block: 0 !important;
  62.     margin-block: 0 !important;
  63.     border: none !important;
  64.     background: none !important;
  65.     --toolbarbutton-outer-padding: 0px !important;
  66.     --toolbarbutton-inner-padding: calc((var(--v-toolbar-menubar-height) - 16px) / 2) !important;
  67.     -moz-appearance: none !important;
  68.     appearance: none !important;
  69. }
  70. *|*:root:not(:is([inFullscreen],[chromehidden~="menubar"])) #toolbar-menubar {
  71.     position: absolute !important;
  72.     top: 0 !important;
  73.     left: 0 !important;
  74.     right: 0 !important;
  75.     display: flex !important;
  76.     flex-wrap: nowrap !important;
  77.     flex-direction: row !important;
  78.     align-items: stretch !important;
  79.     justify-content: flex-start !important;
  80.     min-height: 0 !important;
  81.     height: var(--v-toolbar-menubar-height) !important;
  82.     overflow: hidden !important;
  83. }
  84. #toolbar-menubar *|*.toolbarbutton-badge {
  85.     margin-inline-end: calc(-1 * (var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding))) !important;
  86. }
  87. *|*:root:not([inFullscreen]) #toolbar-menubar > :is(toolbaritem,toolbarbutton) {
  88.     align-self: center !important;
  89. }
  90. *|*:root:not([inFullscreen]) #toolbar-menubar > :is(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) {
  91.     align-self: flex-start !important;
  92. }
  93. *|*:root:not([inFullscreen]) #toolbar-menubar > * {
  94.     padding-block: 0 !important;
  95.     margin-block: 0 !important;
  96. }
  97. *|*:root:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > *:not(.titlebar-buttonbox-container) {
  98.     opacity: 0 !important;
  99.     pointer-events: none !important;
  100. }
  101. *|*:root[inFullscreen] #toolbar-menubar {
  102.     visibility: collapse !important;
  103. }
  104. *|*:root:not([inFullscreen]) #toolbar-menubar > :is(*[style*="-moz-box-ordinal-group: 1000;"],.titlebar-buttonbox-container) {
  105.     order: 1000 !important;
  106. }
  107. *|*:root:not([inFullscreen]) #toolbar-menubar > :is(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) {
  108.     flex-grow: 1 !important;
  109. }
  110. *|*:root:not([inFullscreen]) #toolbar-menubar > :is(#search-container,#wrapper-search-container) {
  111.     flex-grow: 100 !important;
  112. }
  113. #toolbar-menubar #search-container {
  114.     padding-block: 0 !important;
  115. }
  116. #toolbar-menubar #searchbar {
  117.     min-height: calc(var(--v-toolbar-menubar-height) - 2px) !important;
  118. }
  119. #TabsToolbar {
  120.     -moz-appearance: none !important;
  121.     appearance: none !important;
  122.     padding-block: 0 !important;
  123.     margin-block: 0 !important;
  124.     box-shadow: 0 -1px 0 var(--tabs-border-color, rgba(0,0,0,.3)) inset !important;
  125.     position: static !important;
  126.     background-color: var(--toolbar-bgcolor, -moz-dialog) !important;
  127.     background-image: var(--toolbar-bgimage, none) !important;
  128.     color: var(--toolbar-color, -moz-dialogtext) !important;
  129.     --lwt-toolbarbutton-icon-fill: inherit !important;
  130. }
  131. #TabsToolbar #tabbrowser-tabs {
  132.     padding-bottom: 0 !important;
  133.     margin-bottom: 0 !important;
  134. }
  135. #TabsToolbar .tabbrowser-tab {
  136.     background-color: transparent !important;
  137.     border-top: none !important;
  138. }
  139. #TabsToolbar > .toolbar-items {
  140.     padding-top: 0 !important;
  141.     margin-top: 0 !important;
  142. }
  143. #TabsToolbar .tab-background {
  144.     border-top-style: solid !important;
  145. }
  146. #TabsToolbar .titlebar-buttonbox-container,
  147. #navigator-toolbox::after,
  148. #TabsToolbar::after,
  149. #TabsToolbar .titlebar-spacer:is([type="pre-tabs"],[type="post-tabs"]) {
  150.     display: none !important;
  151. }
  152. *|*:root[inFullscreen] #window-controls {
  153.     position: absolute !important;
  154.     display: flex !important;
  155.     align-items: start !important;
  156.     top: 0 !important;
  157.     left: auto !important;
  158.     right: 0 !important;
  159.     margin: 0 !important;
  160. }
  161. *|*:root[inFullscreen] #window-controls:-moz-locale-dir(rtl) {
  162.     left: 0 !important;
  163.     right: auto !important;
  164. }
  165. *|*:root[inFullscreen] #navigator-toolbox > #nav-bar {
  166.     padding-inline-end: var(--v-titlebar-buttonbox-container-width, 108px) !important;
  167. }
  168. *|*:root:not([inFullscreen])[v_menubar_autohide="true"] #navigator-toolbox > #nav-bar {
  169.     margin-top: 0 !important;
  170.     padding-inline-end: var(--v-titlebar-buttonbox-container-width, 108px) !important;
  171. }
  172. *|*:root:not([inFullscreen])[v_menubar_autohide="true"] #toolbar-menubar {
  173.     pointer-events: none !important;
  174. }
  175. *|*:root:not([inFullscreen])[v_menubar_autohide="true"] #toolbar-menubar .titlebar-buttonbox-container {
  176.     pointer-events: auto !important;
  177. }
  178. @media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) {
  179. *|*:root[sizemode="normal"] #TabsToolbar {
  180.     border-inline: 1px solid hsla(240,5%,5%,0.3) !important;
  181.     background-clip: padding-box !important;
  182. }
  183.     @media (-moz-windows-classic: 0) {
  184. *|*:root:not([inFullscreen])[v_menubar_autohide="true"][tabsintitlebar][sizemode="normal"] #navigator-toolbox > #nav-bar {
  185.     margin-top: 1px !important;
  186. }
  187. *|*:root:not([inFullscreen])[sizemode="normal"] #toolbar-menubar:not([autohide="true"]) > #menubar-items {
  188.     margin-top: 1px !important;
  189. }
  190.     }
  191. }
  192. @media (-moz-windows-classic) {
  193. *|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #navigator-toolbox::before {
  194.     content: "" !important;
  195.     display: -moz-box !important;
  196.     height: 4px !important;
  197.     -moz-box-ordinal-group: 0 !important;
  198.     visibility: visible !important;
  199. }
  200. *|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #navigator-toolbox::before {
  201.     background-image: linear-gradient(to bottom, ThreeDLightShadow 0, ThreeDLightShadow 1px, ThreeDHighlight 1px, ThreeDHighlight 2px, ActiveBorder 2px, ActiveBorder 4px, transparent 4px) !important;
  202. }
  203. *|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #toolbar-menubar {
  204.     margin-top: 4px !important;
  205. }
  206. }
  207. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement