145 lines
4.1 KiB
CSS
Raw Normal View History

2020-07-31 14:11:26 +08:00
/* Toolbox, a container for all toolbars (toolbox#navigator-toolbox):
* - menu bar (toolbar#toolbar-menubar)
* - tab bar (toolbar#TabsToolbar)
* - header bar (toolbar#nav-bar)
* - bookmark bar (toolbar#PersonalToolbar)
* - add-ons can add their own toolbars (toolbar) */
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
/* Toolbox colors */
#navigator-toolbox {
border: 0 !important;
background: none !important;
}
2024-07-25 00:46:29 +08:00
toolbar .toolbarbutton-1 {
> .toolbarbutton-icon,
> .toolbarbutton-text,
> .toolbarbutton-badge-stack {
border-radius: 0 !important;
}
}
2023-04-08 12:17:11 +08:00
#nav-bar, #PersonalToolbar, #toolbar-menubar, .notificationbox-stack {
2020-07-31 14:11:26 +08:00
border: 0 !important;
color: var(--gnome-toolbar-color);
background: var(--gnome-toolbar-background) !important;
border-bottom: none !important;
}
2023-04-08 12:17:11 +08:00
2020-07-31 14:11:26 +08:00
#TabsToolbar {
2023-10-27 03:34:27 +08:00
border: none !important;
2020-07-31 14:11:26 +08:00
background: var(--gnome-tabstoolbar-background) !important;
border-bottom: 1px solid var(--gnome-toolbar-border-color) !important;
box-shadow: inset 0 1px var(--gnome-toolbar-border-color) !important;
}
2023-04-08 12:17:11 +08:00
2024-02-18 20:59:22 +08:00
#navigator-toolbox {
background: var(--gnome-tabstoolbar-background) !important;
}
2023-04-08 12:17:11 +08:00
.container.infobar {
background: var(--gnome-browser-before-load-background) !important;
}
2024-02-18 20:59:22 +08:00
#navigator-toolbox:-moz-window-inactive,
2023-04-08 12:17:11 +08:00
#nav-bar:-moz-window-inactive, .notificationbox-stack:-moz-window-inactive,
2020-07-31 14:11:26 +08:00
#PersonalToolbar:-moz-window-inactive, #toolbar-menubar:-moz-window-inactive,
#TabsToolbar:-moz-window-inactive, findbar:-moz-window-inactive {
background: var(--gnome-inactive-toolbar-background) !important;
}
#navigator-toolbox:-moz-window-inactive label, #navigator-toolbox:-moz-window-inactive image,
#downloads-indicator-anchor:-moz-window-inactive,
findbar:-moz-window-inactive image:not(#hack),
findbar:-moz-window-inactive label,
#viewButton:-moz-window-inactive dropmarker {
opacity: 0.7 !important;
}
2024-08-25 10:18:09 +08:00
.tab-icon-overlay {
:is(:root[uidensity="compact"], #tabbrowser-tabs[secondarytext-unsupported], :root:not([uidensity="compact"]) #tabbrowser-tabs:not([secondarytext-unsupported]) .tabbrowser-tab:hover) .tab-icon-stack[indicator-replaces-favicon] > :not(&), :root:not([uidensity="compact"]) #tabbrowser-tabs:not([secondarytext-unsupported]) .tabbrowser-tab:not(:hover) &[indicator-replaces-favicon] {
opacity: 0 !important;
}
}
2020-07-31 14:11:26 +08:00
#toolbar-menubar:not([inactive=true]) {
margin-bottom: 0 !important;
}
#PersonalToolbar {
2024-07-18 20:59:58 +08:00
height: 28px !important;
max-height: 28px !important;
padding: 0 2px !important;
--bookmarks-toolbar-overlapping-browser-height: auto;
2020-07-31 14:11:26 +08:00
}
/* Overrides: Remove border below the menu bar / above the header bar */
#TabsToolbar:not([collapsed="true"]) + #nav-bar {
border-top-width: 0 !important;
}
#navigator-toolbox::after {
border-bottom-width: 0 !important;
}
/* Reorder toolbars */
#navigator-toolbox #nav-bar, findbar {
-moz-box-ordinal-group: 0;
2023-05-11 00:56:43 +08:00
order: 0;
2020-07-31 14:11:26 +08:00
}
#navigator-toolbox #PersonalToolbar {
-moz-box-ordinal-group: 1;
2023-05-11 00:56:43 +08:00
order: 1;
2020-07-31 14:11:26 +08:00
}
#navigator-toolbox #titlebar {
-moz-box-ordinal-group: 2;
2023-05-11 00:56:43 +08:00
order: 2;
2020-07-31 14:11:26 +08:00
}
#navigator-toolbox toolbar {
-moz-box-ordinal-group: 10;
2023-05-11 00:56:43 +08:00
order: 10;
2020-07-31 14:11:26 +08:00
}
#navigator-toolbox #TabsToolbar {
2023-06-12 02:18:15 +08:00
-moz-box-ordinal-group: 20;
order: 20;
}
.container.infobar {
2020-07-31 14:11:26 +08:00
-moz-box-ordinal-group: 100;
2023-05-11 00:56:43 +08:00
order: 100;
2020-07-31 14:11:26 +08:00
}
/* Overrides: Don't shift other toolbars on tab drag and drop */
#TabsToolbar[movingtab] {
padding-bottom: 0 !important;
}
#TabsToolbar[movingtab] > .tabbrowser-tabs {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
#TabsToolbar[movingtab] + #nav-bar {
margin-top: 0 !important;
}
2023-03-07 14:41:01 +08:00
/* Customization page */
#customization-container:-moz-lwtheme {
background-image: linear-gradient(var(--gnome-browser-before-load-background), var(--gnome-browser-before-load-background)) !important;
}
#customization-footer {
border-top: 1px solid var(--gnome-toolbar-border-color) !important;
color: var(--gnome-toolbar-color) !important;
background: var(--gnome-toolbar-background) !important;
border-radius: 0 0 12px 12px !important;
}
2020-07-31 14:11:26 +08:00
/* bookmark-item */
toolbarbutton.bookmark-item {
2023-01-13 15:13:44 +08:00
padding: 3px 6px !important;
2020-07-31 14:11:26 +08:00
margin: 0 2px !important;
border-radius: 3px !important;
2023-01-13 15:13:44 +08:00
max-height: 24px !important;
2024-09-01 01:16:34 +08:00
color: var(--gnome-toolbar-color) !important;
2020-07-31 14:11:26 +08:00
}