60 lines
2.1 KiB
CSS
60 lines
2.1 KiB
CSS
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
|
|
|
|
|
/* drop-shadow of vertival tabs */
|
|
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"]
|
|
.tabbrowser-tab:not([pinned="true"]) {
|
|
box-shadow: -0.3em 0.3em 0.2em rgba(0, 0, 0, 0.15);
|
|
-moz-box-shadow: -0.3em 0.3em 0.2em rgba(0, 0, 0, 0.15);
|
|
}
|
|
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-tab-inverted="true"]
|
|
.tabbrowser-tab:not([pinned="true"]) {
|
|
box-shadow: 0.3em 0.3em 0.2em rgba(0, 0, 0, 0.15);
|
|
-moz-box-shadow: 0.3em 0.3em 0.2em rgba(0, 0, 0, 0.15);
|
|
}
|
|
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"]
|
|
.tabs-container:not([overflow="true"])
|
|
.tabbrowser-arrowscrollbox
|
|
.tabs-newtab-button,
|
|
.treestyletab-tabbar-toolbar
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"]:not([overflow="true"])
|
|
.tabbrowser-arrowscrollbox
|
|
.tabs-newtab-button {
|
|
box-shadow: 0 0.3em 0.2em rgba(0, 0, 0, 0.15);
|
|
-moz-box-shadow: 0 0.3em 0.2em rgba(0, 0, 0, 0.15);
|
|
}
|
|
|
|
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"]:not([overflow="true"])
|
|
.tabbrowser-arrowscrollbox,
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"][overflow="true"]
|
|
.tabbrowser-arrowscrollbox
|
|
.scrollbox-innerbox {
|
|
box-shadow: inset -0.2em 0.2em 0.3em rgba(0, 0, 0, 0.15) !important;
|
|
-moz-box-shadow: inset -0.2em 0.2em 0.3em rgba(0, 0, 0, 0.15) !important;
|
|
}
|
|
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-tab-inverted="true"]:not([overflow="true"])
|
|
.tabbrowser-arrowscrollbox,
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-tab-inverted="true"][overflow="true"]
|
|
.tabbrowser-arrowscrollbox
|
|
.scrollbox-innerbox {
|
|
box-shadow: inset 0.2em 0.2em 0.3em rgba(0, 0, 0, 0.15) !important;
|
|
-moz-box-shadow: inset 0.2em 0.2em 0.3em rgba(0, 0, 0, 0.15) !important;
|
|
}
|
|
|
|
|
|
/* Transparent tabs are shown above solid tabs.
|
|
We have to set z-index to show all tabs in the same layer. */
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"]
|
|
.tabbrowser-tab,
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"]
|
|
.tabbrowser-arrowscrollbox
|
|
.tabs-newtab-button {
|
|
position: relative;
|
|
z-index: auto;
|
|
}
|