101 lines
3.1 KiB
CSS
101 lines
3.1 KiB
CSS
|
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||
|
|
|
||
|
|
@-moz-document url(chrome://browser/content/browser.xul),
|
||
|
|
url(chrome://browser/content/browser.xhtml)
|
||
|
|
{
|
||
|
|
/*** TAB BAR ***/
|
||
|
|
/* Tabs below the address bar */
|
||
|
|
#nav-bar { -moz-box-ordinal-group: 1 !important; }
|
||
|
|
#PersonalToolbar { -moz-box-ordinal-group: 2 !important; }
|
||
|
|
#titlebar { -moz-box-ordinal-group: 3 !important; }
|
||
|
|
|
||
|
|
/* Tabs at bottom of window */
|
||
|
|
/* #TabsToolbar { */
|
||
|
|
/* transform: translateY(100vh) !important; */
|
||
|
|
/* z-index: 999999 !important; */
|
||
|
|
/* } */
|
||
|
|
/* #navigator-toolbox { */
|
||
|
|
/* margin-top: calc(0px - var(--tab-min-height)) !important; */
|
||
|
|
/* } */
|
||
|
|
/* #browser-panel { */
|
||
|
|
/* padding-bottom: var(--tab-min-height) !important; */
|
||
|
|
/* } */
|
||
|
|
|
||
|
|
/* :root:not([tabsintitlebar]) #TabsToolbar { -moz-box-ordinal-group: 0 !important; } */
|
||
|
|
/* :root:not([tabsintitlebar]) #toolbar-menubar { -moz-box-ordinal-group: 1 !important; } */
|
||
|
|
/* :root:not([tabsintitlebar]) #nav-bar { -moz-box-ordinal-group: 2 !important; } */
|
||
|
|
/* :root:not([tabsintitlebar]) #PersonalToolbar { -moz-box-ordinal-group: 3 !important; } */
|
||
|
|
/* :root:not([tabsintitlebar]) #navigator-toolbox::after { -moz-box-ordinal-group: 4 !important; } */
|
||
|
|
|
||
|
|
/* Hide tabbar if only one tab */
|
||
|
|
@import url(./css/tabs-hide-if-only-one.css);
|
||
|
|
|
||
|
|
/* Replace favicon on tabs with close button on hover */
|
||
|
|
.tabbrowser-tab:not(:hover) .tab-close-button,
|
||
|
|
.tabbrowser-tab:not([pinned]):hover .tab-icon-image { display: none !important; }
|
||
|
|
.tabbrowser-tab:not([pinned]):hover .tab-close-button { display:block !important; }
|
||
|
|
|
||
|
|
.tabbrowser-tab:hover .tab-throbber,
|
||
|
|
.tabbrowser-tab:hover .tab-icon-image,
|
||
|
|
.tabbrowser-tab:hover .tab-sharing-icon-overlay,
|
||
|
|
.tabbrowser-tab:hover .tab-icon-overlay,
|
||
|
|
.tabbrowser-tab:hover .tab-label-container,
|
||
|
|
.tabbrowser-tab:hover .tab-icon-sound {
|
||
|
|
-moz-box-ordinal-group: 2 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tabbrowser-tab .tab-close-button {
|
||
|
|
margin-left: -2px !important;
|
||
|
|
margin-right: 4px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tab-close-button:hover {
|
||
|
|
fill-opacity: 0 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tabbrowser-tab::after,
|
||
|
|
.tabbrowser-tab::before {
|
||
|
|
border-left: none !important;
|
||
|
|
border-right: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.scrollbutton-up[orient="horizontal"]~spacer { border-width: 0px; opacity: 0 }
|
||
|
|
|
||
|
|
|
||
|
|
/*** NAV BAR ***/
|
||
|
|
/* Hide urlbar */
|
||
|
|
#nav-bar {
|
||
|
|
position: relative !important;
|
||
|
|
z-index: 1 !important;
|
||
|
|
height: 2px !important;
|
||
|
|
min-height: 2px !important;
|
||
|
|
margin-bottom: -2px !important;
|
||
|
|
opacity: 0 !important;
|
||
|
|
overflow: hidden !important;
|
||
|
|
border: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
#nav-bar:hover {
|
||
|
|
height: auto !important;
|
||
|
|
margin-bottom: 0px !important;
|
||
|
|
opacity: 1 !important;
|
||
|
|
overflow: hidden !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
#nav-bar:focus-within {
|
||
|
|
height: auto !important;
|
||
|
|
margin-bottom: 0px !important;
|
||
|
|
opacity: 1 !important;
|
||
|
|
overflow: show !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
#content-deck{
|
||
|
|
position: relative !important;
|
||
|
|
z-index: 0 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*** Load local overrides ***/
|
||
|
|
@import url(./userChrome.local.css);
|
||
|
|
}
|