mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-07 00:45:30 +02:00
209 lines
6 KiB
CSS
209 lines
6 KiB
CSS
html {
|
|
--sidebery-width: 40px;
|
|
--sidebery-hidden-width: 10px;
|
|
--sidebery-open-width: 250px;
|
|
--sidebery-border-color: color-mix(
|
|
in srgb,
|
|
var(--sidebar-border-color) 60%,
|
|
transparent
|
|
);
|
|
--sidebery-background-color: var(--zen-colors-tertiary);
|
|
--lwt-sidebar-background-color: var(--zen-colors-tertiary);
|
|
--sidebar-background-color: var(--zen-colors-tertiary);
|
|
--tabbrowser-padding: var(--zen-element-separation);
|
|
}
|
|
#sidebar-splitter {
|
|
margin: 0 -2px 0 -2px !important;
|
|
}
|
|
#sidebar-box {
|
|
background-color: var(--zen-colors-tertiary) !important;
|
|
left: calc(var(--zen-element-separation));
|
|
border: 1px solid var(--sidebery-border-color) !important;
|
|
margin-left: 0 !important;
|
|
margin-right: var(--zen-element-separation) !important;
|
|
}
|
|
#sidebar-header {
|
|
padding: var(--zen-element-separation) !important;
|
|
border-color: var(--sidebery-border-color) !important;
|
|
font-size: 1em !important;
|
|
border-width: 1px !important;
|
|
}
|
|
#tabbrowser-tabbox {
|
|
padding-left: var(--tabbrowser-padding) !important;
|
|
}
|
|
@media (-moz-bool-pref: "theme.sidebery.hide-zen-tabbar") {
|
|
#navigator-toolbox {
|
|
position: absolute;
|
|
left: -100%;
|
|
}
|
|
#zen-sidebar-splitter {
|
|
display: none;
|
|
}
|
|
}
|
|
@media (-moz-bool-pref: "theme.sidebery.hide-zen-tabbar") and (-moz-bool-pref: "theme.sidebery.compact-view") {
|
|
#sidebar-box {
|
|
border-left-width: 0 !important;
|
|
border-top-left-radius: 0 !important;
|
|
border-bottom-left-radius: 0 !important;
|
|
}
|
|
}
|
|
@media (-moz-bool-pref: "theme.sidebery.compact-view") {
|
|
#tabbrowser-tabbox {
|
|
--tabbrowser-padding: calc(
|
|
var(--sidebery-width) + var(--zen-element-separation)
|
|
);
|
|
}
|
|
#sidebar-splitter {
|
|
display: none;
|
|
}
|
|
#sidebar-box {
|
|
z-index: 2;
|
|
position: absolute;
|
|
left: 0 !important;
|
|
top: 1px;
|
|
bottom: 1px;
|
|
box-shadow: none !important;
|
|
min-width: var(--sidebery-width) !important;
|
|
width: var(--sidebery-width) !important;
|
|
}
|
|
#sidebar-box:hover {
|
|
transition: width 150ms;
|
|
transition-delay: 50ms;
|
|
background-color: var(--zen-colors-tertiary) !important;
|
|
border-color: var(--zen-colors-border) !important;
|
|
width: var(--sidebery-open-width) !important;
|
|
}
|
|
#sidebar-box #sidebar-header {
|
|
display: none !important;
|
|
}
|
|
#sidebar-box #sidebar {
|
|
margin-left: var(--zen-element-separation) !important;
|
|
}
|
|
}
|
|
:root:has(#theme-Sidebery[theme-sidebery-layout="auto-hide"]),
|
|
:root[inFullscreen="true"]:has(
|
|
#theme-Sidebery[theme-sidebery-layout="auto-hide-fs"]
|
|
) {
|
|
--sidebery-width: var(--sidebery-hidden-width);
|
|
}
|
|
:root:has(#theme-Sidebery[theme-sidebery-layout="auto-hide"])
|
|
#tabbrowser-tabbox,
|
|
:root[inFullscreen="true"]:has(
|
|
#theme-Sidebery[theme-sidebery-layout="auto-hide-fs"]
|
|
)
|
|
#tabbrowser-tabbox {
|
|
--tabbrowser-padding: calc(
|
|
var(--sidebery-width) + var(--zen-element-separation)
|
|
);
|
|
}
|
|
:root:has(#theme-Sidebery[theme-sidebery-layout="auto-hide"]) #sidebar-splitter,
|
|
:root[inFullscreen="true"]:has(
|
|
#theme-Sidebery[theme-sidebery-layout="auto-hide-fs"]
|
|
)
|
|
#sidebar-splitter {
|
|
display: none;
|
|
}
|
|
:root:has(#theme-Sidebery[theme-sidebery-layout="auto-hide"]) #sidebar-box,
|
|
:root[inFullscreen="true"]:has(
|
|
#theme-Sidebery[theme-sidebery-layout="auto-hide-fs"]
|
|
)
|
|
#sidebar-box {
|
|
z-index: 2;
|
|
position: absolute;
|
|
left: 0 !important;
|
|
top: 1px;
|
|
bottom: 1px;
|
|
box-shadow: none !important;
|
|
min-width: var(--sidebery-width) !important;
|
|
width: var(--sidebery-width) !important;
|
|
}
|
|
:root:has(#theme-Sidebery[theme-sidebery-layout="auto-hide"])
|
|
#sidebar-box:hover,
|
|
:root[inFullscreen="true"]:has(
|
|
#theme-Sidebery[theme-sidebery-layout="auto-hide-fs"]
|
|
)
|
|
#sidebar-box:hover {
|
|
transition: width 150ms;
|
|
transition-delay: 50ms;
|
|
background-color: var(--zen-colors-tertiary) !important;
|
|
border-color: var(--zen-colors-border) !important;
|
|
width: var(--sidebery-open-width) !important;
|
|
}
|
|
:root:has(#theme-Sidebery[theme-sidebery-layout="auto-hide"])
|
|
#sidebar-box
|
|
#sidebar-header,
|
|
:root[inFullscreen="true"]:has(
|
|
#theme-Sidebery[theme-sidebery-layout="auto-hide-fs"]
|
|
)
|
|
#sidebar-box
|
|
#sidebar-header {
|
|
display: none !important;
|
|
}
|
|
:root:has(#theme-Sidebery[theme-sidebery-layout="auto-hide"])
|
|
#sidebar-box
|
|
#sidebar,
|
|
:root[inFullscreen="true"]:has(
|
|
#theme-Sidebery[theme-sidebery-layout="auto-hide-fs"]
|
|
)
|
|
#sidebar-box
|
|
#sidebar {
|
|
margin-left: var(--zen-element-separation) !important;
|
|
}
|
|
:root:has(#theme-Sidebery[theme-sidebery-layout="auto-hide"])
|
|
#tabbrowser-tabbox,
|
|
:root[inFullscreen="true"]:has(
|
|
#theme-Sidebery[theme-sidebery-layout="auto-hide-fs"]
|
|
)
|
|
#tabbrowser-tabbox {
|
|
--tabbrowser-padding: calc(var(--zen-element-separation) + 2px) !important;
|
|
}
|
|
:root:has(#theme-Sidebery[theme-sidebery-layout="auto-hide"]) #sidebar-box,
|
|
:root[inFullscreen="true"]:has(
|
|
#theme-Sidebery[theme-sidebery-layout="auto-hide-fs"]
|
|
)
|
|
#sidebar-box {
|
|
opacity: 0;
|
|
}
|
|
:root:has(#theme-Sidebery[theme-sidebery-layout="auto-hide"])
|
|
#sidebar-box:hover,
|
|
:root[inFullscreen="true"]:has(
|
|
#theme-Sidebery[theme-sidebery-layout="auto-hide-fs"]
|
|
)
|
|
#sidebar-box:hover {
|
|
opacity: 1;
|
|
}
|
|
:root[inDOMFullscreen="true"] #tabbrowser-tabbox {
|
|
--zen-element-separation: 0 !important;
|
|
}
|
|
@media (-moz-bool-pref: "browser.tabs.allow_transparent_browser") {
|
|
window.sidebar-panel,
|
|
window#webextpanels-window {
|
|
background-color: transparent !important;
|
|
}
|
|
#sidebar-box {
|
|
background-color: transparent !important;
|
|
border-color: transparent !important;
|
|
box-shadow: none !important;
|
|
}
|
|
#sidebar-box #sidebar-header {
|
|
opacity: 0.75;
|
|
order: 0;
|
|
border-style: none !important;
|
|
border-bottom-style: solid !important;
|
|
}
|
|
}
|
|
@media (-moz-bool-pref: "theme.sidebery.sidebar-header.bottom-layout") {
|
|
#sidebar-box #sidebar-header {
|
|
order: 1;
|
|
border-style: none !important;
|
|
border-top-style: solid !important;
|
|
}
|
|
#sidebar-box #sidebar-header #sidebar-switcher-arrow {
|
|
list-style-image: url("chrome://global/skin/icons/arrow-up-12.svg") !important;
|
|
}
|
|
}
|
|
@media (-moz-bool-pref: "theme.sidebery.sidebar-header.hide") {
|
|
#sidebar-box #sidebar-header {
|
|
display: none !important;
|
|
}
|
|
}
|