Guest User

Hover-auto-open vertical tab bar, firefox

a guest
Jun 16th, 2026
81
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.57 KB | Source Code | 0 0
  1. @charset "utf-8";
  2. @namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  3. @namespace html url(http://www.w3.org/1999/xhtml);
  4. toolbarbutton#alltabs-button {
  5.   -moz-binding: url("userChrome.xml#js");
  6. }
  7. /*vertical width 16px,
  8. horizontal height 28px*/
  9. :root {
  10.   --tab-min-height: 16px !important;
  11.   --tabstrip-min-height: 16px !important;
  12.   --sidebar-launcher-collapsed-width: 16px !important;
  13.   --tab-collapsed-width: 16px !important;
  14. }
  15. /*horizontal*/
  16. #tabbrowser-tabs {
  17.   &[orient="horizontal"] {
  18.     max-height: 20px !important;
  19.   }
  20. }
  21. /*tab height*/
  22. .tab-background {
  23.   margin-block: 0px !important;
  24.   min-height: 20px !important;
  25.   margin-inline: 0px !important;
  26. }
  27.  
  28. /*title bar spaces erased*/
  29. .titlebar-spacer[type="pre-tabs"],
  30. .titlebar-spacer[type="post-tabs"] {
  31.   display:none !important;
  32. }
  33.  
  34. /*urlbar,searchbar no padding and margin*/
  35. #urlbar-container,
  36. #search-container {
  37.   padding-block:  0px !important;
  38.   margin-inline: 0px !important;
  39. }
  40.  
  41. /*toolbar height 28px*/
  42. :root {
  43.   --urlbar-container-height: 28.00px !important;
  44.   --border-radius-medium: 2px !important;
  45.   --border-radius-small: 2px !important;
  46.   --tab-border-radius: 2px !important;
  47. }
  48.  
  49. /*urlbar height 28px*/
  50. #urlbar-container[breakout] {
  51.   min-height: 28px !important;
  52. }
  53.  
  54. /*reduce min horizontal tab width*/
  55. #tabbrowser-tabs {
  56.   &[orient="horizontal"] {
  57.     --tab-min-width-pref: 48px !important;
  58.   }
  59. }
  60. /*current tab text*/
  61. .tab-text[selected]{
  62.       font-weight: bolder !important;
  63. }
  64.  
  65. /* Reduce Vertical Tabs Padding */
  66. #tabbrowser-tabs[orient="vertical"] {
  67.     & .tabbrowser-tab:not([pinned]) {
  68.       padding-block: 0px !important;
  69.     }
  70. }
  71. /*tab text height*/
  72. .tab-label {
  73.   line-height: 20px !important;
  74. }
  75.  
  76. /*icon paddeing*/
  77. toolbar,
  78. .toolbarbutton-1 {
  79.   padding: 0px !important;
  80. }
  81.  
  82. .tab-content {
  83.   padding:  0px 0px !important;
  84. }
  85.  
  86. /*max, min, close button padding*/
  87. .titlebar-button {
  88.   padding: 2px 2px !important;
  89. }
  90. /*list all tabs button*/
  91. .all-tabs-item {
  92.   &[selected] {
  93.     background-color: #222 !important;
  94.   }
  95. }
  96.  
  97. toolbar .toolbaritem-combined-buttons {
  98.   margin-inline: 0px !important;
  99. }
  100.  
  101. image.toolbarbutton-icon{
  102.   margin-left: 0px !important;
  103. }
  104.  
  105. /*tab close button*/
  106. .tab-close-button {
  107.   width: 20px !important;
  108.   height: 20px !important;
  109.   padding: 3px !important;
  110. }
  111. .button-background {
  112.    [type~="icon"]:not(.labelled),&&:not(.labelled):has(img) {
  113.     width: 16px !important;
  114.     height: 16px !important;
  115.   }
  116.   padding: 0px !important;
  117. }
  118.  
  119. hbox.titlebar-buttonbox{
  120.   display: visible !important;
  121. }
  122.  
  123. :root{
  124.   ---urlbar-width: 230px !important;
  125. }
  126. .actions-list {
  127.   & > moz-button:not(.tools-overflow) {
  128.     &:first-of-type {
  129.       --button-outer-padding-block-start: 0px !important;
  130.     }
  131.     &:last-of-type {
  132.       --button-outer-padding-block-end: 0px !important;
  133.     }
  134.     --button-outer-padding-inline: 0px !important;
  135.     --button-outer-padding-block: 0px !important;
  136.   }
  137. }
  138.  
  139. .expanded-button {
  140.   display: none !important;
  141. }
  142.  
  143. .overflow-button{
  144.   display: none !important;
  145. }
  146.  
  147. div[class="buttons-wrapper"]{
  148.   min-height: calc(var(--button-min-height) + 3px) !important;
  149.   padding-bottom: 0px !important;
  150. }
  151. button-group[class="tools-and-extensions actions-list"]{
  152.   margin: 0px!important;
  153.   padding: 0px !important;
  154. }
  155.  
  156. /*new tab button margin*/
  157. #tabs-newtab-button {
  158.   margin-block: 0px !important;
  159.   margin-inline: 0px !important;
  160. }
  161. /*new tab button text height*/
  162. #tabs-newtab-button, #vertical-tabs-newtab-button {
  163.   line-height: 1 !important;
  164. }
  165.  
  166. #vertical-tabs-newtab-button {
  167.   margin-inline: 0px !important;
  168. }
  169.  
  170. #tabbrowser-tabs[orient="vertical"] {
  171.   &::after {
  172.     margin-inline: 0px !important;
  173.   }
  174. }
  175.  
  176. /*sidebar*/
  177. :root[sidebar-expand-on-hover] {
  178. #sidebar-main {
  179.   z-index: 3 !important;
  180.   opacity: 50%  !important;
  181.   background-color: inherit !important;
  182.   /*background: var(--sidebar-background-color) !important;*/
  183.   margin-left: 0px !important;
  184.   width: 16px !important;
  185.   transition: 0ms !important;
  186.   border-right: 0px !important;
  187.   /*nova*/
  188.   inset-inline-start: 0px !important;
  189.   inset-block-end: 0px !important;
  190. }
  191. /*hover sidebar*/
  192. #sidebar-main[sidebar-launcher-expanded]{
  193.   z-index: 3 !important;
  194.   opacity: 85%  !important;
  195.   background: var(--sidebar-background-color) !important;
  196.   margin-left: 0px !important;
  197.   width: 250px !important;
  198.   border-right: 0px !important;
  199.   transition: 0ms !important;
  200.   box-shadow: none !important;
  201. }
  202.  will-change: auto !important;
  203.  
  204. /*shift only favicon image size*/
  205.    #tabbrowser-tabbox {
  206.     &:not([sidebar-positionend]) {
  207.       &:not([sidebar-panel-open]) {
  208.         margin-left: 0px !important;
  209.       }
  210.       &[sidebar-launcher-hovered][sidebar-launcher-expanded]{
  211.         margin-left: 0px !important;
  212.       }
  213.     }
  214.   }
  215. }
  216.  
  217. /*.sidebar-splitter {*/
  218. #sidebar-launcher-splitter {
  219.   min-width: 0px !important;
  220.     display: none !important;
  221. }
  222.  
  223. .tab-icon-stack [selected] {
  224.   opacity: 100% !important;
  225.   background-color: #aaa !important;
  226. }
  227.  
  228. #sidebar-launcher-splitter{
  229.   display:visible  !important;
  230.   width: 0px !important;
  231. }
  232.  
  233. /*reduce toolbar buttons padding*/
  234. toolbar .toolbarbutton-1 {
  235.   & > .toolbarbutton-icon{
  236.     width: 20px !important;
  237.     padding: 2px !important;
  238.   }
  239. }
  240.  
  241. /*reduce toolbar rest of buttons padding*/
  242. #downloads-button,
  243. #alltabs-button,
  244. #PanelUI-menu-button,
  245. #tabby_whatsyouridea_com-BAP,
  246. #_6a65273e-2b26-40f5-b66e-8eed317307da_-BAP,
  247. #ublock0_raymondhill_net-BAP{
  248.   & > stack.toolbarbutton-badge-stack{
  249.       padding: 6px 2px !important;
  250.   }
  251. }
  252.  
  253. /*reduce min window width*/
  254. #main-window {
  255. min-width:  100px !important;
  256. min-height: 100px !important;
  257. }
  258.  
  259. @media (-moz-bool-pref: "sidebar.verticalTabs") {
  260.   :root:not([chromehidden~="toolbar"]) {
  261.     min-width: 500px !important;
  262.   }
  263. }
  264. * {
  265.   -moz-transition: none ! important;
  266. }
  267. /*delete line of bottom of navibar */
  268. :root {
  269.   --chrome-content-separator-color: var(--toolbar-bgcolor) !important;
  270. }
  271.  
  272. #navigator-toolbox {
  273.   border-bottom: none !important;
  274.   z-index: 999 !important;
  275.   /*nova*/
  276.   margin: 0px !important;
  277.   border: 0px !important;
  278. }
  279.  
  280. /*nova*/
  281. #browser {
  282.   padding: 0px !important;
  283. }
  284.  
  285. .urlbar-input-container{
  286.   margin: 0px !important;
  287. }
  288.  
  289. /*scrollbar width*/
  290. * {
  291.   scrollbar-width: none !important;
  292. }
  293.  
  294. /*nova*/
  295. :root{
  296.   --allitem-main-radius: 12px !important;
  297.   --border-radius-xlarge: var(--allitem-main-radius) !important;
  298.   --border-radius-xxlarge: var(--allitem-main-radius) !important;
  299.   --button-border-radius: var(--allitem-main-radius) !important;
  300.   --card-border-radius: var(--allitem-main-radius) !important;
  301.   --panel-border-radius: var(--allitem-main-radius) !important;
  302.   --toolbarbutton-border-radius: var(--allitem-main-radius) !important;
  303.   --urlbar-margin-inline: 0px !important;
  304.   --urlbar-padding-block: 0px !important;
  305.   --urlbarView-labeled-tip-margin-top-extra: 0px !important;
  306.   --urlbarView-row-min-height: 24px !important;
  307.   --urlbarView-row-padding-block: 0.1em !important;
  308.   --urlbarView-padding: 0.4rem !important;
  309. }
  310.  
  311. /*nova*/
  312. .urlbar:not(moz-smartbar)[breakout] {
  313.     &[breakout-extend] > .urlbar-background {
  314.       display: block;
  315.       opacity: 90% !important;
  316.       /*position: absolute !important;*/
  317.       inset-inline: 0px !important;/*var(--urlbar-background-inset);*/
  318.       inset-block: 0px !important;
  319.       inset-block-end: var(--urlbar-background-inset);
  320.       box-shadow: var(--urlbar-background-shadow);
  321.       background-color: var(--toolbar-field-background-color);
  322.       border-radius: var(--border-radius-large) !important;
  323.     }
  324.   }
  325.  
Tags: CSS
Advertisement
Add Comment
Please, Sign In to add comment