mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-15 04:33:54 +02:00
166 lines
4.4 KiB
CSS
166 lines
4.4 KiB
CSS
/* Makes Browser Tab Zooms edge to edge */
|
|
#tabbrowser-tabbox, #tabbrowser-tabpanels {
|
|
padding: 0px !important;
|
|
}
|
|
|
|
#tabbrowser-tabpanels {
|
|
background: var(--zen-colors-border) !important;
|
|
}
|
|
|
|
@media (-moz-bool-pref: "zen.view.compact") {
|
|
:root:not([customizing]) {
|
|
@media (-moz-bool-pref: "zen.view.compact.hide-toolbar") {
|
|
&:not([inDOMFullscreen="true"]) #tabbrowser-tabpanels {
|
|
padding: 0px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (-moz-bool-pref: "zen.view.compact") {
|
|
:root:not([customizing]) {
|
|
@media (-moz-bool-pref: "zen.view.compact.hide-tabbar") {
|
|
& #tabbrowser-tabpanels {
|
|
:root:not([inDOMFullscreen="true"]) #browser:has(#navigator-toolbox:not([zen-right-side="true"])) & {
|
|
padding-left: 0px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (-moz-bool-pref: "zen.view.compact") {
|
|
:root:not([customizing]) {
|
|
@media (-moz-bool-pref: "zen.view.compact.hide-tabbar") {
|
|
& #tabbrowser-tabpanels {
|
|
:root:not([inDOMFullscreen="true"]) #browser:has(#navigator-toolbox[zen-right-side="true"]) & {
|
|
padding-right: 0px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.browserSidebarContainer {
|
|
padding: 0px !important;
|
|
box-shadow: 0 0 0 0px transparent !important;
|
|
border-radius: 0px !important;
|
|
}
|
|
|
|
:root:not([inDOMFullscreen="true"]):not([chromehidden~="location"]):not([chromehidden~="toolbar"]) {
|
|
& #tabbrowser-tabbox #tabbrowser-tabpanels .browserSidebarContainer[zen-split-active="true"] {
|
|
box-shadow: 0 0 0 0px transparent !important;
|
|
}
|
|
}
|
|
|
|
#tabbrowser-tabpanels:has(> [zen-split="true"]) {
|
|
--zen-split-row-gap: 1px !important;
|
|
--zen-split-column-gap: 1px !important;
|
|
}
|
|
|
|
|
|
.zen-split-view-splitter {
|
|
position: relative !important;
|
|
z-index: 1 !important;
|
|
padding: var(--zen-element-separation) !important;
|
|
}
|
|
|
|
.zen-split-view-splitter[orient="horizontal"] {
|
|
top: calc(calc(var(--zen-element-separation) / -2) - 1px) !important;
|
|
}
|
|
|
|
.zen-split-view-splitter[orient="vertical"] {
|
|
left: calc(calc(var(--zen-element-separation) / -2) - 1px) !important;
|
|
}
|
|
|
|
/* Makes Zen Sidebar Boxy */
|
|
#zen-sidebar-add-panel-wrapper * {
|
|
border-radius: 0px !important;
|
|
}
|
|
|
|
#zen-sidebar-web-panel-wrapper {
|
|
z-index: 2 !important;
|
|
margin: 0 !important;
|
|
border-right: 1px solid var(--zen-colors-border) !important;
|
|
padding: 0px !important;
|
|
}
|
|
|
|
#zen-sidebar-web-panel {
|
|
box-shadow: 0 0 0 0px transparent !important;
|
|
}
|
|
|
|
#zen-sidebar-web-panel-wrapper:has(#zen-sidebar-web-panel[hidden="true"]) {
|
|
border-right: 0px none transparent !important;
|
|
}
|
|
|
|
#zen-sidebar-web-panel-wrapper:has(#zen-sidebar-web-panel[pinned="true"]) {
|
|
margin: 10px !important;
|
|
border-right: 0px none transparent !important;
|
|
}
|
|
|
|
#zen-sidebar-web-panel[pinned="true"] {
|
|
border-radius: 0px !important;
|
|
box-shadow: 0 0 0 1px var(--zen-colors-border) !important;
|
|
}
|
|
|
|
/* Make tab bar BOXY */
|
|
#navigator-toolbox {
|
|
border-radius: 0px !important;
|
|
padding-bottom: 6px !important;
|
|
}
|
|
|
|
#navigator-toolbox:not([zen-expanded="true"]) {
|
|
border-right: 1px solid var(--zen-colors-border) !important;
|
|
}
|
|
|
|
#navigator-toolbox[zen-right-side="true"]:not([zen-expanded="true"]) {
|
|
|
|
border-left: 1px solid var(--zen-colors-border) !important;
|
|
border-right: 0px none transparent !important;
|
|
}
|
|
|
|
#navigator-toolbox[zen-user-hover="true"] {
|
|
z-index: 3 !important;
|
|
}
|
|
|
|
#navigator-toolbox[zen-user-hover="true"] #TabsToolbar {
|
|
border-top: 0px none transparent !important;
|
|
border-radius: 0px !important;
|
|
}
|
|
|
|
#navigator-toolbox[zen-user-hover="true"]:not([zen-has-hover="true"]) {
|
|
border-right: 1px solid var(--zen-colors-border) !important;
|
|
}
|
|
|
|
#navigator-toolbox[zen-user-hover="true"][zen-right-side="true"]:not([zen-has-hover="true"]) {
|
|
border-left: 1px solid var(--zen-colors-border) !important;
|
|
border-right: 0px none transparent !important;
|
|
}
|
|
|
|
#TabsToolbar {
|
|
padding-top: 7px !important;
|
|
}
|
|
|
|
#zen-sidebar-splitter {
|
|
opacity: 1 !important;
|
|
background: transparent !important;
|
|
border-left: 0px none transparent !important;
|
|
border-right: 1px solid var(--zen-colors-border) !important;
|
|
}
|
|
|
|
#zen-tabbox-wrapper:has(#navigator-toolbox[zen-right-side="true"]) > #zen-sidebar-splitter {
|
|
border-left: 1px solid var(--zen-colors-border) !important;
|
|
border-right: 0px none transparent !important;
|
|
}
|
|
|
|
#zen-sidebar-icons-wrapper {
|
|
padding-bottom: 3px !important;
|
|
}
|
|
|
|
/* Make the nav bar BOXY */
|
|
#zen-appcontent-navbar-container {
|
|
padding-top: 3px !important;
|
|
border: 0px !important;
|
|
border-radius: 0px !important;
|
|
border-bottom: 1px solid var(--zen-colors-border) !important;
|
|
}
|