69 lines
2.7 KiB
CSS

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* Unset bottom border, instead let's have a border on the right-hand
side, much like the sidebar does. */
#main-window:-moz-window-inactive
.tabbrowser-strip:not(.treestyletab-tabbar-placeholder):not([treestyletab-style~="aero"])[treestyletab-mode="vertical"],
#main-window:-moz-window-inactive
.treestyletab-tabbar-toolbar:not([treestyletab-style~="aero"])[treestyletab-mode="vertical"] {
border-top: 1px solid #868686;
}
/* Background colour for the tree sidebar (light blue when window is
active, grey otherwise) */
#main-window:-moz-window-inactive
.tabbrowser-strip:not([treestyletab-style~="aero"])[treestyletab-mode="vertical"] {
background-color: #e8e8e8 !important;
}
/* autohide */
#main-window:-moz-window-inactive
.treestyletab-tabbar-toolbar[treestyletab-tabbar-autohide]:not([treestyletab-style~="aero"])[treestyletab-mode="vertical"]
#treestyletab-tabbar-resizer-box {
background: rgba(232, 232, 232, 0.75);
}
/* Use the splitter to display the border of .tabbrowser-strip */
#main-window:-moz-window-inactive
tabbrowser:not([treestyletab-style~="aero"])[treestyletab-mode="vertical"]
.treestyletab-splitter,
#main-window:-moz-window-inactive
.treestyletab-tabbar-toolbar:not([treestyletab-style~="aero"])[treestyletab-mode="vertical"]
.treestyletab-splitter {
background-color: #868686;
}
#main-window:-moz-window-inactive
.tabbrowser-strip[treestyletab-tabbar-position="left"][treestyletab-tabbar-fixed="true"] {
border-right-color: #868686;
}
#main-window:-moz-window-inactive
.tabbrowser-strip[treestyletab-tabbar-position="right"][treestyletab-tabbar-fixed="true"] {
border-left-color: #868686;
}
/* Style tabs themselves. Get rid of most of the initial XUL styling */
#main-window:-moz-window-inactive
.tabbrowser-tabs[treestyletab-mode="vertical"]
.tabbrowser-tab[selected="true"] {
border-top: 1px solid #979797 !important;
background: -moz-linear-gradient(top, #B4B4B4, #8A8A8A) repeat-x !important;
}
/* Make the tab counter look like the bubbles in Mail.app et.al. */
#main-window:-moz-window-inactive
.tabbrowser-tabs[treestyletab-mode="vertical"]
.treestyletab-counter-container {
background-color: #b5b5b5 !important;
}
#main-window:-moz-window-inactive
.tabbrowser-tabs[treestyletab-mode="vertical"]
.tabbrowser-tab[selected="true"]
.treestyletab-counter-container {
background-color: #ffffff !important;
}
#main-window:-moz-window-inactive
.tabbrowser-tabs[treestyletab-mode="vertical"]
.tabbrowser-tab[selected="true"]
.treestyletab-counter {
color: #929292 !important;
}