13111d1906
git-svn-id: http://www.cozmixng.org/repos/piro/treestyletab/trunk@6454 599a83e7-65a4-db11-8015-0010dcdd6dc2
158 lines
8.1 KiB
CSS
158 lines
8.1 KiB
CSS
@import url("twisty/twisty.css");
|
|
|
|
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
|
|
|
/* Tree UI */
|
|
|
|
.treestyletab-counter-container {
|
|
-moz-box-align: center;
|
|
-moz-box-pack: end;
|
|
}
|
|
|
|
.treestyletab-counter,
|
|
.treestyletab-counter-paren {
|
|
font-size: 90%;
|
|
margin: 0;
|
|
padding: 0;
|
|
min-width: 0;
|
|
}
|
|
|
|
|
|
/* Drop Markers */
|
|
|
|
.treestyletab-drop-marker-container {
|
|
-moz-box-align: center;
|
|
-moz-box-pack: center;
|
|
}
|
|
|
|
.tabbrowser-tabs[treestyletab-tabbar-position="top"] .tabbrowser-tab[treestyletab-drop-position="self"] .treestyletab-drop-marker {
|
|
list-style-image: url("dropmarker-down.png");
|
|
}
|
|
|
|
.tabbrowser-tabs[treestyletab-tabbar-position="top"] .tabbrowser-tab[treestyletab-children][treestyletab-drop-position="self"] .treestyletab-twisty,
|
|
.tabbrowser-tabs[treestyletab-tabbar-position="top"] .tabbrowser-tab[treestyletab-drop-position="self"] .tab-icon-image,
|
|
.tabbrowser-tabs[treestyletab-tabbar-position="top"] .tabbrowser-tab[treestyletab-drop-position="self"] .tab-extra-status {
|
|
visibility: hidden;
|
|
}
|
|
|
|
|
|
.tabbrowser-tabs[treestyletab-tabbar-position="bottom"] .tabbrowser-tab[treestyletab-drop-position="before"][selected="true"],
|
|
.tabbrowser-tabs[treestyletab-tabbar-position="bottom"] .tabbrowser-tab[treestyletab-drop-position="before"][selected="true"]:hover,
|
|
.tabbrowser-tabs[treestyletab-tabbar-position="bottom"] .tabbrowser-tab[treestyletab-drop-position="before"]:not([selected="true"]),
|
|
.tabbrowser-tabs[treestyletab-tabbar-position="bottom"] .tabbrowser-tab[treestyletab-drop-position="before"]:not([selected="true"]):hover {
|
|
-moz-border-left-colors: -moz-dialogtext -moz-dialogtext !important;
|
|
}
|
|
|
|
.tabbrowser-tabs[treestyletab-tabbar-position="bottom"] .tabbrowser-tab[treestyletab-drop-position="after"][selected="true"],
|
|
.tabbrowser-tabs[treestyletab-tabbar-position="bottom"] .tabbrowser-tab[treestyletab-drop-position="after"][selected="true"]:hover,
|
|
.tabbrowser-tabs[treestyletab-tabbar-position="bottom"] .tabbrowser-tab[treestyletab-drop-position="after"]:not([selected="true"]),
|
|
.tabbrowser-tabs[treestyletab-tabbar-position="bottom"] .tabbrowser-tab[treestyletab-drop-position="after"]:not([selected="true"]):hover {
|
|
-moz-border-right-colors: -moz-dialogtext -moz-dialogtext !important;
|
|
}
|
|
|
|
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"] .tabbrowser-tab[treestyletab-drop-position="self"][selected="true"],
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"] .tabbrowser-tab[treestyletab-drop-position="self"][selected="true"]:hover,
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"] .tabbrowser-tab[treestyletab-drop-position="self"]:not([selected="true"]),
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"] .tabbrowser-tab[treestyletab-drop-position="self"]:not([selected="true"]):hover,
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-firsttab-border="true"] .tabbrowser-tab:first-child[treestyletab-style][selected="true"],
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-firsttab-border="true"] .tabbrowser-tab:first-child[treestyletab-style][selected="true"]:hover,
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-firsttab-border="true"] .tabbrowser-tab:first-child[treestyletab-drop-position="self"]:not([selected="true"]),
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-firsttab-border="true"] .tabbrowser-tab:first-child[treestyletab-drop-position="self"]:not([selected="true"]):hover,
|
|
.tabbrowser-tabs[treestyletab-tabbar-position="bottom"] .tabbrowser-tab[treestyletab-drop-position="self"][selected="true"],
|
|
.tabbrowser-tabs[treestyletab-tabbar-position="bottom"] .tabbrowser-tab[treestyletab-drop-position="self"][selected="true"]:hover,
|
|
.tabbrowser-tabs[treestyletab-tabbar-position="bottom"] .tabbrowser-tab[treestyletab-drop-position="self"]:not([selected="true"]),
|
|
.tabbrowser-tabs[treestyletab-tabbar-position="bottom"] .tabbrowser-tab[treestyletab-drop-position="self"]:not([selected="true"]):hover {
|
|
-moz-border-top-colors: -moz-dialogtext -moz-dialogtext !important;
|
|
-moz-border-right-colors: -moz-dialogtext -moz-dialogtext !important;
|
|
-moz-border-bottom-colors: -moz-dialogtext -moz-dialogtext !important;
|
|
-moz-border-left-colors: -moz-dialogtext -moz-dialogtext !important;
|
|
}
|
|
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"] .tabbrowser-tab[treestyletab-drop-position="before"][selected="true"],
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"] .tabbrowser-tab[treestyletab-drop-position="before"][selected="true"]:hover,
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"] .tabbrowser-tab[treestyletab-drop-position="before"]:not([selected="true"]),
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"] .tabbrowser-tab[treestyletab-drop-position="before"]:not([selected="true"]):hover,
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-firsttab-border="true"] .tabbrowser-tab:first-child[treestyletab-drop-position="before"][selected="true"],
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-firsttab-border="true"] .tabbrowser-tab:first-child[treestyletab-drop-position="before"][selected="true"]:hover,
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-firsttab-border="true"] .tabbrowser-tab:first-child[treestyletab-drop-position="before"]:not([selected="true"]),
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"][treestyletab-firsttab-border="true"] .tabbrowser-tab:first-child[treestyletab-drop-position="before"]:not([selected="true"]):hover {
|
|
-moz-border-top-colors: -moz-dialogtext -moz-dialogtext !important;
|
|
}
|
|
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"] .tabbrowser-tab[treestyletab-drop-position="after"][selected="true"],
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"] .tabbrowser-tab[treestyletab-drop-position="after"][selected="true"]:hover,
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"] .tabbrowser-tab[treestyletab-drop-position="after"]:not([selected="true"]),
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"] .tabbrowser-tab[treestyletab-drop-position="after"]:not([selected="true"]):hover {
|
|
-moz-border-bottom-colors: -moz-dialogtext -moz-dialogtext !important;
|
|
}
|
|
|
|
|
|
|
|
tabbrowser[treestyletab-drop-position] {
|
|
-moz-appearance: none !important;
|
|
border: 2px solid transparent !important;
|
|
-moz-border-top-colors: none !important;
|
|
-moz-border-right-colors: none !important;
|
|
-moz-border-bottom-colors: none !important;
|
|
-moz-border-left-colors: none !important;
|
|
}
|
|
.tabbrowser-strip[treestyletab-drop-position],
|
|
#TabsToolbar[treestyletab-drop-position] {
|
|
opacity: 0.5;
|
|
}
|
|
tabbrowser[treestyletab-drop-position="top"] {
|
|
border-top-color: -moz-dialogtext !important;
|
|
}
|
|
tabbrowser[treestyletab-drop-position="right"] {
|
|
border-right-color: -moz-dialogtext !important;
|
|
}
|
|
tabbrowser[treestyletab-drop-position="bottom"] {
|
|
border-bottom-color: -moz-dialogtext !important;
|
|
}
|
|
tabbrowser[treestyletab-drop-position="left"] {
|
|
border-left-color: -moz-dialogtext !important;
|
|
}
|
|
|
|
|
|
|
|
/* vertical tab bar */
|
|
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"] .tabs-alltabs-stack > hbox {
|
|
position: static !important;
|
|
}
|
|
.tabbrowser-tabs[treestyletab-mode="vertical"] .tabs-alltabs-stack > hbox:not(:last-child) {
|
|
display: none !important;
|
|
}
|
|
|
|
|
|
|
|
/* transaprent tab bar */
|
|
.tabbrowser-tabs[treestyletab-tabbar-autohide][treestyletab-tabbar-transparent] .tabbrowser-tab {
|
|
opacity: 0.85 !important;
|
|
}
|
|
.tabbrowser-tabs[treestyletab-tabbar-autohide][treestyletab-tabbar-transparent]:hover .tabbrowser-tab {
|
|
opacity: 0.9 !important;
|
|
}
|
|
.tabbrowser-tabs[treestyletab-tabbar-autohide][treestyletab-tabbar-transparent]:hover .tabbrowser-tab[selected="true"],
|
|
.tabbrowser-tabs[treestyletab-tabbar-autohide][treestyletab-tabbar-transparent]:hover .tabbrowser-tab:hover {
|
|
opacity: 0.95 !important;
|
|
}
|
|
.tabbrowser-tabs[treestyletab-tabbar-autohide][treestyletab-tabbar-transparent]:hover .tabbrowser-tab[selected="true"]:hover {
|
|
opacity: 0.98 !important;
|
|
}
|
|
|
|
|
|
|
|
/* auto hide */
|
|
tabbrowser[treestyletab-tabbar-position="left"] .treestyletab-tabbar-toggler {
|
|
border-right: 1px solid ThreeDShadow;
|
|
}
|
|
tabbrowser[treestyletab-tabbar-position="right"] .treestyletab-tabbar-toggler {
|
|
border-left: 1px solid ThreeDShadow;
|
|
}
|
|
tabbrowser[treestyletab-tabbar-position="bottom"] .treestyletab-tabbar-toggler {
|
|
border-top: 1px solid ThreeDShadow;
|
|
}
|
|
|