168 lines
5.5 KiB
CSS
168 lines
5.5 KiB
CSS
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
|
|
|
/* An ugly hack to add rounded corners to the headerbar
|
|
* TODO remove it when this gets fixed:
|
|
* https://bugzilla.mozilla.org/show_bug.cgi?id=1408360
|
|
* width=960 - horizontally half the screen (1920x1080)
|
|
* height=1053 - vertically maximized (1920x1080) */
|
|
:root[tabsintitlebar] window:not([width="960"]):not([height="1053"]) #nav-bar {
|
|
border-top-left-radius: 8px;
|
|
}
|
|
:root[tabsintitlebar] window:not([width="960"]):not([height="1053"]) #titlebar-buttonbox {
|
|
border-top-right-radius: 8px;
|
|
}
|
|
|
|
:root[tabsintitlebar] #nav-bar {
|
|
margin-top: -47px !important;
|
|
padding-right: 7px !important;
|
|
position: relative;
|
|
}
|
|
|
|
:root[tabsintitlebar] #toolbar-menubar {
|
|
padding-bottom: 0 !important;
|
|
}
|
|
|
|
/* Add window controls separator */
|
|
:root[tabsintitlebar] #nav-bar::after {
|
|
content: "";
|
|
position: absolute;
|
|
right: 3px;
|
|
top: 6px;
|
|
height: 32px;
|
|
border-right: 1px solid rgba(0, 0, 0, .1);
|
|
}
|
|
|
|
:root[tabsintitlebar] #titlebar {
|
|
height: 52px !important;
|
|
margin-bottom: 0px !important;
|
|
margin-right: -4px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* Move window buttons next to the header bar */
|
|
:root[tabsintitlebar] #titlebar-buttonbox {
|
|
background-image: var(--gnome-headerbar-bgimage) !important;
|
|
border: none !important;
|
|
border-bottom: var(--gnome-headerbar-border-bottom) !important;
|
|
box-shadow: var(--gnome-headerbar-box-shadow);
|
|
height: unset !important;
|
|
margin-top: 0 !important;
|
|
padding-bottom: 0 !important;
|
|
padding-right: 3px;
|
|
padding-top: 0 !important;
|
|
}
|
|
:root[tabsintitlebar] #titlebar-buttonbox:-moz-window-inactive {
|
|
background-image: var(--gnome-inactive-headerbar-bgimage) !important;
|
|
border-bottom: var(--gnome-inactive-headerbar-border-bottom) !important;
|
|
box-shadow: var(--gnome-inactive-headerbar-box-shadow);
|
|
}
|
|
:root[tabsintitlebar] #navigator-toolbox {
|
|
margin-top: -5px;
|
|
}
|
|
|
|
/* Window buttons */
|
|
:root[tabsintitlebar] #titlebar toolbarbutton {
|
|
-moz-appearance: none !important;
|
|
border: var(--gnome-headerbar-button-border) !important;
|
|
border-color: transparent !important;
|
|
border-radius: 3px !important;
|
|
height: 34px;
|
|
margin: 6px 3px !important;
|
|
padding: 0 2px !important;
|
|
position: relative;
|
|
transition: all .3s ease-out;
|
|
width: 34px;
|
|
}
|
|
:root[tabsintitlebar] #titlebar toolbarbutton image {
|
|
filter: invert(85%);
|
|
margin-left: 6px;
|
|
width: 16px;
|
|
}
|
|
:root[tabsintitlebar] #titlebar:-moz-window-inactive toolbarbutton image {
|
|
opacity: .7 !important;
|
|
}
|
|
:root[tabsintitlebar] #titlebar:not(:-moz-window-inactive) toolbarbutton:not([disabled]):hover {
|
|
background-image: var(--gnome-headerbar-button-hover-bgimage);
|
|
border: var(--gnome-headerbar-button-border) !important;
|
|
}
|
|
:root[tabsintitlebar] #titlebar:not(:-moz-window-inactive) toolbarbutton:not([disabled]):active {
|
|
background-image: var(--gnome-headerbar-button-active-bgimage);
|
|
box-shadow: var(--gnome-headerbar-button-active-box-shadow);
|
|
border: var(--gnome-headerbar-button-border) !important;
|
|
}
|
|
:root[tabsintitlebar] #titlebar:not(:-moz-window-inactive) toolbarbutton[disabled] {
|
|
background-color: var(--gnome-headerbar-button-disabled-bgcolor);
|
|
box-shadow: var(--gnome-headerbar-button-disabled-box-shadow);
|
|
border: var(--gnome-headerbar-button-border) !important;
|
|
}
|
|
|
|
:root[tabsintitlebar] #titlebar-close .toolbarbutton-icon {
|
|
filter: var(--gnome-icons-hack-filter);
|
|
list-style-image: url("moz-icon://stock/window-close-symbolic?size=dialog") !important;
|
|
}
|
|
:root[tabsintitlebar] #titlebar-max .toolbarbutton-icon {
|
|
filter: var(--gnome-icons-hack-filter);
|
|
list-style-image: url("moz-icon://stock/window-maximize-symbolic?size=dialog") !important;
|
|
}
|
|
:root[tabsintitlebar] #titlebar-min .toolbarbutton-icon {
|
|
filter: var(--gnome-icons-hack-filter);
|
|
list-style-image: url("moz-icon://stock/window-minimize-symbolic?size=dialog") !important;
|
|
}
|
|
|
|
/* Remove ugly line before tabs */
|
|
:root[tabsintitlebar] .titlebar-placeholder[type="pre-tabs"] {
|
|
border-inline-end: 0px solid !important;
|
|
}
|
|
|
|
/* Remove blank space after tabs when window is maximized */
|
|
:root[tabsintitlebar] #main-window:not([sizemode="normal"]) .titlebar-placeholder[type="post-tabs"] {
|
|
display: none !important;
|
|
}
|
|
|
|
/* Remove window controls blank space after tabs */
|
|
:root[tabsintitlebar] .titlebar-placeholder[type="caption-buttons"] {
|
|
display: none !important;
|
|
}
|
|
|
|
/* Remove blank space before and after tabs */
|
|
:root[tabsintitlebar] .titlebar-placeholder[type="pre-tabs"],
|
|
:root[tabsintitlebar] .titlebar-placeholder[type="post-tabs"] {
|
|
display: none !important;
|
|
}
|
|
|
|
/* Fix the issue when dragging tabs */
|
|
:root[tabsintitlebar] #TabsToolbar[movingtab] + #nav-bar {
|
|
margin-top: -47px !important;
|
|
}
|
|
|
|
/* Window controls: at least 1 button */
|
|
@media (-moz-gtk-csd-minimize-button), (-moz-gtk-csd-maximize-button), (-moz-gtk-csd-close-button) {
|
|
:root[tabsintitlebar] #nav-bar {
|
|
margin-right: 43px;
|
|
}
|
|
}
|
|
/* Window controls: at least 2 buttons */
|
|
@media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button),
|
|
(-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-close-button),
|
|
(-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) {
|
|
:root[tabsintitlebar] #nav-bar {
|
|
margin-right: 83px;
|
|
}
|
|
}
|
|
/* Window controls: 3 buttons */
|
|
@media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) {
|
|
:root[tabsintitlebar] #nav-bar {
|
|
margin-right: 123px;
|
|
}
|
|
}
|
|
|
|
/* Fullscreen */
|
|
:root[tabsintitlebar][inFullscreen] #nav-bar {
|
|
padding-top: 52px !important;
|
|
padding-right: 0 !important;
|
|
margin-right: 0 !important;
|
|
}
|
|
:root[tabsintitlebar][inFullScreen] #nav-bar::after {
|
|
display: none;
|
|
}
|