Guest User

userChrome.css

a guest
Mar 21st, 2023
201
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.13 KB | None | 0 0
  1. /*Command + L on Mac to focus on address bar*/
  2. #nav-bar {
  3. /* customize this value. */
  4. --navbar-margin: -44px;
  5.  
  6. margin-top: var(--navbar-margin);
  7. margin-bottom: 0;
  8. z-index: -100;
  9. transition: all 0.3s ease !important;
  10. opacity: 0;
  11. }
  12.  
  13. #navigator-toolbox:focus-within > #nav-bar,
  14. #navigator-toolbox:hover > #nav-bar
  15. {
  16. margin-top: 0;
  17. margin-bottom: var(--navbar-margin);
  18. z-index: 100;
  19. opacity: 1;
  20. }
  21.  
  22. /*
  23. * Hide Tabs on Topbar
  24. */
  25. #TabsToolbar {
  26. visibility: collapse;
  27. }
  28.  
  29. /* Hide main tabs toolbar */
  30. #main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar > .toolbar-items {
  31. opacity: 0;
  32. pointer-events: none;
  33. }
  34. #main-window:not([tabsintitlebar="true"]) #TabsToolbar {
  35. visibility: collapse !important;
  36. }
  37.  
  38. /* Sidebar min and max width removal */
  39. #sidebar {
  40. max-width: none !important;
  41. min-width: 0px !important;
  42. }
  43. /* Hide splitter, when using Tree Style Tab. */
  44. #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] + #sidebar-splitter {
  45. display: none !important;
  46. }
  47. /* Hide sidebar header, when using Tree Style Tab. */
  48. #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
  49. visibility: collapse;
  50. }
  51.  
  52. /* Shrink sidebar until hovered, when using Tree Style Tab. */
  53. :root {
  54. --thin-tab-width: 30px;
  55. --wide-tab-width: 200px;
  56. }
  57. #sidebar-box:not([sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]) {
  58. min-width: var(--wide-tab-width) !important;
  59. max-width: none !important;
  60. }
  61. #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] {
  62. position: relative !important;
  63. transition: all 100ms !important;
  64. min-width: var(--thin-tab-width) !important;
  65. max-width: var(--thin-tab-width) !important;
  66. }
  67. #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]:hover {
  68. transition: all 100ms !important;
  69. min-width: var(--wide-tab-width) !important;
  70. max-width: var(--wide-tab-width) !important;
  71. margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width)) * -1) !important;
  72. z-index: 1;
  73. }
Add Comment
Please, Sign In to add comment