0d5d2c5ffc
git-svn-id: http://www.cozmixng.org/repos/piro/treestyletab/trunk@3901 599a83e7-65a4-db11-8015-0010dcdd6dc2
242 lines
12 KiB
CSS
242 lines
12 KiB
CSS
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
|
|
|
/* tab bar */
|
|
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"]
|
|
.tabs-bottom,
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"]
|
|
.tabs-left,
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-tabbar-position="bottom"]
|
|
.tabs-bottom,
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"]
|
|
.tab-text-shadow, /* Mac OS X */
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-tabbar-position="bottom"]
|
|
.tab-text-shadow /* Mac OS X */ {
|
|
display: none !important;
|
|
}
|
|
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"]
|
|
.tabbrowser-tab:first-child,
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"]
|
|
.tabbrowser-tab:first-child:hover,
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"]
|
|
.tabbrowser-tab:first-child[selected="true"],
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"]
|
|
.tabbrowser-tab:first-child[selected="true"]:hover {
|
|
margin-top: 5px !important;
|
|
}
|
|
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"]
|
|
.tabs-stack {
|
|
background: #797979 !important;
|
|
border: 1px solid #444444 !important;
|
|
border-width: 1px 0 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
:root:not([active="true"]) tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"]
|
|
.tabs-stack {
|
|
background: #acacac !important;
|
|
border-color: #797979 !important;
|
|
}
|
|
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"]
|
|
.tabbrowser-tabs:not([overflow="true"]) .tabbrowser-arrowscrollbox,
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"]
|
|
.tabbrowser-tabs[overflow="true"] .tabbrowser-arrowscrollbox .scrollbox-innerbox {
|
|
background: url("metal/shadow-active-l.png") repeat-y top right !important;
|
|
}
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"][treestyletab-appearance-inverted="true"]
|
|
.tabbrowser-tabs:not([overflow="true"]) .tabbrowser-arrowscrollbox,
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"][treestyletab-appearance-inverted="true"]
|
|
.tabbrowser-tabs[overflow="true"] .tabbrowser-arrowscrollbox .scrollbox-innerbox {
|
|
background: url("metal/shadow-active-r.png") repeat-y top left !important;
|
|
}
|
|
:root:not([active="true"]) tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"]
|
|
.tabbrowser-tabs:not([overflow="true"]) .tabbrowser-arrowscrollbox,
|
|
:root:not([active="true"]) tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"]
|
|
.tabbrowser-tabs[overflow="true"] .tabbrowser-arrowscrollbox .scrollbox-innerbox {
|
|
background: url("metal/shadow-inactive-l.png") repeat-y top right !important;
|
|
}
|
|
:root:not([active="true"]) tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"][treestyletab-appearance-inverted="true"]
|
|
.tabbrowser-tabs:not([overflow="true"]) .tabbrowser-arrowscrollbox,
|
|
:root:not([active="true"]) tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"][treestyletab-appearance-inverted="true"]
|
|
.tabbrowser-tabs[overflow="true"] .tabbrowser-arrowscrollbox .scrollbox-innerbox {
|
|
background: url("metal/shadow-inactive-r.png") repeat-y top left !important;
|
|
}
|
|
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"]
|
|
.tabs-container {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"]
|
|
.treestyletab-splitter {
|
|
background: #b3b2b3 !important;
|
|
border: 0 solid #666666 !important;
|
|
min-width: 5px;
|
|
-moz-appearance: none !important;
|
|
}
|
|
:root:not([active="true"]) tabbrowser[treestyletab-style="metal"]
|
|
.treestyletab-splitter {
|
|
border-color: #666666 !important;
|
|
background: #e4e4e4 !important;
|
|
}
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-tabbar-position="left"]
|
|
.treestyletab-splitter {
|
|
border-right-width: 1px !important;
|
|
}
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-tabbar-position="right"]
|
|
.treestyletab-splitter {
|
|
border-left-width: 1px !important;
|
|
}
|
|
|
|
|
|
/* tab contents */
|
|
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"]
|
|
.tabbrowser-tab .tab-icon {
|
|
margin: -10px -5px !important;
|
|
padding: 10px 5px !important;
|
|
}
|
|
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"]
|
|
.tabbrowser-tab label {
|
|
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
|
|
}
|
|
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"]
|
|
.tabbrowser-tab:hover .tab-icon,
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"]
|
|
.tabbrowser-tab[selected="true"]:hover .tab-icon {
|
|
background: url("metal/icon-bg.png") no-repeat right center !important;
|
|
}
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"][treestyletab-appearance-inverted="true"]
|
|
.tabbrowser-tab:hover .tab-icon,
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"][treestyletab-appearance-inverted="true"]
|
|
.tabbrowser-tab[selected="true"]:hover .tab-icon {
|
|
background-position: left center !important;
|
|
}
|
|
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"]
|
|
.tabbrowser-tab .tab-icon .tab-icon-image {
|
|
width: 16px !important;
|
|
height: 16px !important;
|
|
margin: 0 0 0 6px !important;
|
|
}
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"][treestyletab-appearance-inverted="true"]
|
|
.tabbrowser-tab .tab-icon .tab-icon-image {
|
|
margin: 0 6px 0 0 !important;
|
|
}
|
|
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"]
|
|
.tabbrowser-tab .tab-text {
|
|
margin: 0 !important;
|
|
padding: 3px 4px 4px !important;
|
|
text-align: center !important;
|
|
}
|
|
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"]
|
|
.tabbrowser-tab .tab-close-button {
|
|
z-index: 1 !important; /* for Linux */
|
|
margin: 0 !important;
|
|
padding: 3px 4px 4px !important;
|
|
text-align: center !important;
|
|
}
|
|
|
|
|
|
/* twisty */
|
|
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-twisty-style][treestyletab-mode="vertical"]
|
|
.treestyletab-twisty-container {
|
|
position: relative;
|
|
margin: 0 6px 0 -6px;
|
|
}
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-twisty-style="retro"][treestyletab-mode="vertical"]
|
|
.treestyletab-twisty-container {
|
|
margin: 0;
|
|
}
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-twisty-style="retro"][treestyletab-mode="vertical"]:not([treestyletab-appearance-inverted="true"])
|
|
.tabbrowser-tab .tab-icon {
|
|
margin-left: -6px !important;
|
|
}
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-twisty-style][treestyletab-mode="vertical"][treestyletab-appearance-inverted="true"]
|
|
.treestyletab-twisty-container {
|
|
margin: 0 -12px 0 12px;
|
|
}
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-twisty-style="retro"][treestyletab-mode="vertical"][treestyletab-appearance-inverted="true"]
|
|
.treestyletab-twisty-container {
|
|
margin: 0 -6px 0 6px;
|
|
}
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-twisty-style="retro"][treestyletab-mode="vertical"][treestyletab-appearance-inverted="true"]
|
|
.tabbrowser-tab .tab-icon {
|
|
margin-right: -6px !important;
|
|
}
|
|
|
|
|
|
|
|
/* buttons in the tab bar */
|
|
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"] .tabs-newtab-button,
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"] .tabs-newtab-button:hover,
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"] .tabs-alltabs-button,
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"] .tabs-alltabs-button:hover,
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"] .tabs-container > .tabs-closebutton,
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"] .tabs-container > .tabs-closebutton:hover,
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"] .tabs-closebutton-topbox > .tabs-closebutton, /* Tab Mix Plus */
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"] .tabs-closebutton-topbox > .tabs-closebutton:hover /* Tab Mix Plus */ {
|
|
background: #b3b2b3 !important;
|
|
border-top: 1px solid #666666 !important;
|
|
}
|
|
|
|
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"] .tabbrowser-arrowscrollbox .tabs-newtab-button {
|
|
margin-top: 1px !important;
|
|
height: 18px !important;
|
|
border: 1px solid #666666 !important;
|
|
}
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"]:not([treestyletab-appearance-inverted="true"]) .tabbrowser-arrowscrollbox .tabs-newtab-button {
|
|
background: #9a9a9a url("metal/shadow-active-l.png") repeat-y top right !important;
|
|
margin-left: 6px !important;
|
|
-moz-border-radius: 6px 0 0 6px;
|
|
}
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"][treestyletab-appearance-inverted="true"] .tabbrowser-arrowscrollbox .tabs-newtab-button {
|
|
background: #9a9a9a url("metal/shadow-active-r.png") repeat-y top left !important;
|
|
margin-right: 6px !important;
|
|
-moz-border-radius: 0 6px 6px 0;
|
|
}
|
|
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-tabbar-position="left"] .tabs-newtab-button,
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-tabbar-position="left"] .tabs-alltabs-button,
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-tabbar-position="left"] .tabs-container > .tabs-closebutton,
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-tabbar-position="left"] .tabs-closebutton-topbox > .tabs-closebutton /* Tab Mix Plus */ {
|
|
border-right: 1px solid #666666 !important;
|
|
}
|
|
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-tabbar-position="right"] .tabs-newtab-button,
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-tabbar-position="right"] .tabs-alltabs-button,
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-tabbar-position="right"] .tabs-container > .tabs-closebutton,
|
|
tabbrowser[treestyletab-style="metal"][treestyletab-tabbar-position="right"] .tabs-closebutton-topbox > .tabs-closebutton /* Tab Mix Plus */ {
|
|
border-left: 1px solid #666666 !important;
|
|
}
|
|
|
|
:root:not([active="true"]) tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"] .tabs-newtab-button,
|
|
:root:not([active="true"]) tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"] .tabs-newtab-button:hover,
|
|
:root:not([active="true"]) tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"] .tabs-alltabs-button,
|
|
:root:not([active="true"]) tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"] .tabs-alltabs-button:hover,
|
|
:root:not([active="true"]) tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"] .tabs-container > .tabs-closebutton,
|
|
:root:not([active="true"]) tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"] .tabs-container > .tabs-closebutton:hover,
|
|
:root:not([active="true"]) tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"] .tabs-closebutton-topbox > .tabs-closebutton, /* Tab Mix Plus */
|
|
:root:not([active="true"]) tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"] .tabs-closebutton-topbox > .tabs-closebutton:hover /* Tab Mix Plus */ {
|
|
background: #e4e4e4 !important;
|
|
border-color: #666666 !important;
|
|
}
|
|
|
|
:root:not([active="true"]) tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"]:not([treestyletab-appearance-inverted="true"]) .tabbrowser-arrowscrollbox .tabs-newtab-button {
|
|
background: #cecece url("metal/shadow-inactive-l.png") repeat-y top right !important;
|
|
border-color: #9a9a9a !important;
|
|
}
|
|
:root:not([active="true"]) tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"][treestyletab-appearance-inverted="true"] .tabbrowser-arrowscrollbox .tabs-newtab-button {
|
|
background: #cecece url("metal/shadow-inactive-r.png") repeat-y top left !important;
|
|
border-color: #9a9a9a !important;
|
|
}
|