96 lines
3.6 KiB
CSS
96 lines
3.6 KiB
CSS
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/toolbars_below_content.css made available under Mozilla Public License v. 2.0
|
|
See the above repository for updates as well as full license text. */
|
|
|
|
/* Moves tabs toolbar, bookmarks toolbar and main toolbar to the bottom of the window, and makes tabs be the bottom-most toolbar */
|
|
|
|
/* By default, menubar will stay on top with two options to select it's behavior - see below */
|
|
|
|
@-moz-document url(chrome://browser/content/browser.xhtml){
|
|
|
|
/* Dummy variable to support versions 94-96, can be removed when 96 lands */
|
|
:root{ --lwt-frame: var(--lwt-accent-color) }
|
|
|
|
#titlebar{ -moz-appearance: none !important; }
|
|
|
|
@media (-moz-platform: windows),
|
|
(-moz-os-version: windows-win7),
|
|
(-moz-os-version: windows-win10){
|
|
/* Next two variables are used by autohide_menubar.css */
|
|
#toolbar-menubar{ --uc-menubar-extra-margin: 0px }
|
|
:root[tabsintitlebar][sizemode="maximized"] #toolbar-menubar{
|
|
--uc-menubar-extra-margin: 8px
|
|
}
|
|
|
|
:root[sizemode="maximized"][tabsintitlebar] :where(#browser,#customization-container,#toolbar-menubar){ margin-top: 8px }
|
|
}
|
|
|
|
#navigator-toolbox > div{ display: contents }
|
|
.global-notificationbox,
|
|
#mainPopupSet,
|
|
#browser,
|
|
#customization-container,
|
|
#tab-notification-deck{
|
|
-moz-box-ordinal-group: 0
|
|
}
|
|
|
|
/* Remove the next row if you want tabs to be the top-most row */
|
|
#titlebar{ -moz-box-ordinal-group: 2 }
|
|
|
|
#toolbar-menubar{
|
|
position: fixed;
|
|
display: flex;
|
|
width: 100vw;
|
|
top: 0px;
|
|
-moz-window-dragging: drag;
|
|
}
|
|
/* Remove bottom border that won't do anything useful when at bottom of the window */
|
|
#navigator-toolbox{ border-bottom: none !important; }
|
|
|
|
#toolbar-menubar > spacer{ flex-grow: 1 }
|
|
|
|
#urlbar[breakout][breakout-extend]{
|
|
display: flex !important;
|
|
flex-direction: column-reverse;
|
|
bottom: -2px !important; /* Change to 3-5 px if using compact_urlbar_megabar.css depending on toolbar density */
|
|
top: auto !important;
|
|
}
|
|
|
|
.urlbarView-body-inner{ border-top-style: none !important; }
|
|
|
|
/* Yeah, removes window controls. Likely not wanted on bottom row */
|
|
#TabsToolbar > .titlebar-buttonbox-container{ display: none }
|
|
#toolbar-menubar > .titlebar-buttonbox-container{ order: 1000 }
|
|
|
|
/* Fix panels sizing */
|
|
.panel-viewstack{ max-height: unset !important; }
|
|
|
|
/* Fullscreen mode support */
|
|
#navigator-toolbox[inFullscreen]{ margin-top: 0 !important }
|
|
#navigator-toolbox[inFullscreen][style*="margin-top"]{ visibility: collapse }
|
|
#fullscr-toggler{ bottom: 0; top: unset !important; }
|
|
|
|
/* These three rules exist for compatibility with autohide_toolbox.css */
|
|
#navigator-toolbox{ bottom: 0px; transform-origin: bottom }
|
|
#main-window > body > box{ margin-top: 0 !important; }
|
|
#toolbar-menubar{ z-index: 1; background-color: var(--lwt-frame,black); }
|
|
|
|
/**************
|
|
Menubar options - By default, menubar is overlayed on top of web-content
|
|
***************/
|
|
|
|
/* Uncomment the following if you want static menubar on top of the window (make menubar enabled)
|
|
* Use when menubar is enabled to always show it */
|
|
|
|
/*
|
|
#browser,#customization-container{ padding-top: var(--uc-menubar-spacer,28px) }
|
|
*/
|
|
|
|
/* OR, if uncomment the following if you want menubar to appear below content, above tabs toolbar */
|
|
|
|
/*
|
|
#toolbar-menubar{ position: static; display: -moz-box; margin-top: 0px !important; background-color: transparent }
|
|
*/
|
|
|
|
/* set to "reverse" (without quotes) if you want tabs above menubar with the above option */
|
|
#titlebar{ -moz-box-direction: normal; }
|
|
}
|