stonewareslord/treestyletab
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
treestyletab/skin/classic/treestyletab/treestyletab.css
piro e777d32499 スタイルシート修正 
git-svn-id: http://www.cozmixng.org/repos/piro/treestyletab/trunk@1875 599a83e7-65a4-db11-8015-0010dcdd6dc2
2008-02-24 10:05:11 +00:00

402 lines
20 KiB
CSS
Raw Blame History

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* Default style */
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tabs,
tabbrowser[treestyletab-tabbar-position="bottom"] .tabbrowser-tabs {
background: darkgray !important;
}
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-strip,
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tabs,
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-arrowscrollbox,
tabbrowser[treestyletab-mode="vertical"] .tabs-container {
height: auto !important;
max-height: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
tabbrowser[treestyletab-tabbar-position="left"][treestyletab-tabbar-fixed="true"] .tabbrowser-strip {
border-right: 1px solid ThreeDShadow !important;
-moz-border-right-colors: ThreeDShadow !important;
}
tabbrowser[treestyletab-tabbar-position="right"][treestyletab-tabbar-fixed="true"] .tabbrowser-strip {
border-left: 1px solid ThreeDShadow !important;
-moz-border-left-colors: ThreeDShadow !important;
}
tabbrowser[treestyletab-mode="vertical"] .tabs-bottom,
tabbrowser[treestyletab-mode="vertical"] .tabs-left,
tabbrowser[treestyletab-tabbar-position="bottom"] .tabs-bottom {
display: none !important;
}
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tab,
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tab:not([selected="true"]),
tabbrowser[treestyletab-tabbar-position="bottom"] .tabbrowser-tab,
tabbrowser[treestyletab-tabbar-position="bottom"] .tabbrowser-tab:not([selected="true"]) {
-moz-appearance: none !important;
min-height: 2em;
margin: 0 !important;
padding: 0 0.2em !important;
background: ThreeDFace !important;
border-top: 2px solid !important;
-moz-border-top-colors: ThreeDFace ThreeDFace !important;
border-bottom: 2px solid !important;
-moz-border-bottom-colors: ThreeDShadow ThreeDFace !important;
-moz-border-radius-topleft : 0 !important;
-moz-border-radius-topright : 0 !important;
-moz-border-radius-bottomleft : 0 !important;
-moz-border-radius-bottomright : 0 !important;
-moz-box-align: stretch !important;
}
tabbrowser[treestyletab-mode="vertical"][treestyletab-firsttab-border="true"] .tabbrowser-tab:not([selected="true"]):first-child {
-moz-border-top-colors: ThreeDShadow ThreeDFace !important;
}
tabbrowser[treestyletab-mode="vertical"] .tab-icon-image,
tabbrowser[treestyletab-tabbar-position="bottom"] .tab-icon-image {
margin-left: 0;
}
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tab[selected="true"],
tabbrowser[treestyletab-tabbar-position="bottom"] .tabbrowser-tab[selected="true"] {
margin: 0 !important;
padding: 0 0.2em !important;
background: ThreeDHighlight !important;
-moz-border-top-colors: ThreeDHighlight ThreeDHighlight !important;
-moz-border-bottom-colors: ThreeDShadow ThreeDHighlight !important;
}
tabbrowser[treestyletab-mode="vertical"][treestyletab-firsttab-border="true"] .tabbrowser-tab:first-child[selected="true"] {
-moz-border-top-colors: ThreeDShadow ThreeDHighlight !important;
}
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tab > .tab-image-left,
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tab > .tab-image-right,
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tab:not([selected="true"]) > .tab-image-left,
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tab:not([selected="true"]) > .tab-image-right,
tabbrowser[treestyletab-tabbar-position="bottom"] .tabbrowser-tab > .tab-image-left,
tabbrowser[treestyletab-tabbar-position="bottom"] .tabbrowser-tab > .tab-image-right,
tabbrowser[treestyletab-tabbar-position="bottom"] .tabbrowser-tab:not([selected="true"]) > .tab-image-left,
tabbrowser[treestyletab-tabbar-position="bottom"] .tabbrowser-tab:not([selected="true"]) > .tab-image-right {
height: auto;
margin: 0 !important;
padding: 0 !important;
background: transparent;
width: 0;
}
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tab > .tab-image-middle,
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tab > .tab-close-button,
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tab:not([selected="true"]):not(:hover) > .tab-image-middle,
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tab:not([selected="true"]):not(:hover) > .tab-image-middle > .tab-close-button,
tabbrowser[treestyletab-tabbar-position="bottom"] .tabbrowser-tab > .tab-image-middle,
tabbrowser[treestyletab-tabbar-position="bottom"] .tabbrowser-tab > .tab-close-button,
tabbrowser[treestyletab-tabbar-position="bottom"] .tabbrowser-tab:not([selected="true"]):not(:hover) > .tab-image-middle,
tabbrowser[treestyletab-tabbar-position="bottom"] .tabbrowser-tab:not([selected="true"]):not(:hover) > .tab-image-middle > .tab-close-button {
height: auto;
margin: 0 !important;
padding: 0 !important;
background: transparent;
}
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tab[selected="true"] > .tab-image-middle,
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tab[selected="true"] > .tab-close-button,
tabbrowser[treestyletab-tabbar-position="bottom"] .tabbrowser-tab[selected="true"] > .tab-image-middle,
tabbrowser[treestyletab-tabbar-position="bottom"] .tabbrowser-tab[selected="true"] > .tab-close-button {
background: transparent;
}
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tab,
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tab:not([selected="true"]) {
border-left: 2px solid !important;
-moz-border-left-colors: ThreeDLightShadow ThreeDFace !important;
border-right: 2px solid !important;
-moz-border-right-colors: ThreeDLightShadow ThreeDFace !important;
}
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tab[selected="true"] {
-moz-border-left-colors: ThreeDLightShadow ThreeDHighlight !important;
-moz-border-right-colors: ThreeDLightShadow ThreeDHighlight !important;
}
tabbrowser[treestyletab-tabbar-position="bottom"] .tabbrowser-tab,
tabbrowser[treestyletab-tabbar-position="bottom"] .tabbrowser-tab:not([selected="true"]) {
border-right: 2px solid !important;
-moz-border-right-colors: ThreeDShadow ThreeDFace !important;
border-left: 2px solid !important;
-moz-border-left-colors: ThreeDShadow ThreeDFace !important;
}
tabbrowser[treestyletab-tabbar-position="bottom"] .tabbrowser-tab[selected="true"] {
-moz-border-right-colors: ThreeDShadow ThreeDHighlight !important;
-moz-border-left-colors: ThreeDShadow ThreeDHighlight !important;
}
/* Vertigo style */
tabbrowser[treestyletab-mode="vertical"][treestyletab-style="vertigo"] .tabbrowser-tabs,
tabbrowser[treestyletab-tabbar-position="bottom"][treestyletab-style="vertigo"] .tabbrowser-tabs {
background: transparent !important;
}
tabbrowser[treestyletab-mode="vertical"][treestyletab-style="vertigo"] .tabbrowser-tabs,
tabbrowser[treestyletab-tabbar-position="bottom"][treestyletab-style="vertigo"] .tabbrowser-tabs {
border-right: 1px solid #aaa !important;
}
tabbrowser[reestyletab-tabbar-position="right"][treestyletab-style="vertigo"] .tabbrowser-tabs {
border-left: 1px solid #aaa !important;
}
tabbrowser[treestyletab-tabbar-position="bottom"][treestyletab-style="vertigo"] .tabbrowser-tabs {
border-top: 1px solid #aaa !important;
}
tabbrowser[treestyletab-mode="vertical"][treestyletab-style="vertigo"] .tabbrowser-tab:not([selected="true"]),
tabbrowser[treestyletab-tabbar-position="bottom"][treestyletab-style="vertigo"] .tabbrowser-tab:not([selected="true"]) {
background: transparent !important;
-moz-border-top-colors: transparent transparent !important;
-moz-border-bottom-colors: transparent transparent !important;
}
tabbrowser[treestyletab-mode="vertical"][treestyletab-style="vertigo"] .tabbrowser-tab:not([selected="true"]):hover,
tabbrowser[treestyletab-tabbar-position="bottom"][treestyletab-style="vertigo"] .tabbrowser-tab:not([selected="true"]):hover {
background: #e0e8f6 !important;
-moz-border-top-colors: #e0e8f6 #e0e8f6 !important;
-moz-border-bottom-colors: #e0e8f6 #e0e8f6 !important;
}
tabbrowser[treestyletab-mode="vertical"][treestyletab-style="vertigo"] .tabbrowser-tab[selected="true"],
tabbrowser[treestyletab-tabbar-position="bottom"][treestyletab-style="vertigo"] .tabbrowser-tab[selected="true"] {
background: #c1d2ee !important;
-moz-border-top-colors: #c1d2ee #c1d2ee !important;
-moz-border-bottom-colors: #c1d2ee #c1d2ee !important;
}
tabbrowser[treestyletab-mode="vertical"][treestyletab-style="vertigo"] .tabbrowser-tab[selected="true"]:hover,
tabbrowser[treestyletab-tabbar-position="bottom"][treestyletab-style="vertigo"] .tabbrowser-tab[selected="true"]:hover {
background: #d1e2fe !important;
-moz-border-top-colors: #d1e2fe #d1e2fe !important;
-moz-border-bottom-colors: #d1e2fe #d1e2fe !important;
}
tabbrowser[treestyletab-mode="vertical"][treestyletab-style="vertigo"] .tabbrowser-tab:not([selected="true"]),
tabbrowser[treestyletab-mode="vertical"][treestyletab-appearance-inverted="true"][treestyletab-style="vertigo"] .tabbrowser-tab:not([selected="true"]),
tabbrowser[treestyletab-tabbar-position="bottom"][treestyletab-style="vertigo"] .tabbrowser-tab:not([selected="true"]) {
-moz-border-left-colors: transparent transparent !important;
-moz-border-right-colors: transparent transparent !important;
}
tabbrowser[treestyletab-mode="vertical"][treestyletab-style="vertigo"] .tabbrowser-tab:not([selected="true"]):hover,
tabbrowser[treestyletab-mode="vertical"][treestyletab-appearance-inverted="true"][treestyletab-style="vertigo"] .tabbrowser-tab:not([selected="true"]):hover,
tabbrowser[treestyletab-tabbar-position="bottom"][treestyletab-style="vertigo"] .tabbrowser-tab:not([selected="true"]):hover {
-moz-border-left-colors: #e0e8f6 #e0e8f6 !important;
-moz-border-right-colors: #e0e8f6 #e0e8f6 !important;
}
tabbrowser[treestyletab-mode="vertical"][treestyletab-style="vertigo"] .tabbrowser-tab[selected="true"],
tabbrowser[treestyletab-mode="vertical"][treestyletab-appearance-inverted="true"][treestyletab-style="vertigo"] .tabbrowser-tab[selected="true"],
tabbrowser[treestyletab-tabbar-position="bottom"][treestyletab-style="vertigo"] .tabbrowser-tab[selected="true"] {
-moz-border-left-colors: #c1d2ee #c1d2ee !important;
-moz-border-right-colors: #c1d2ee #c1d2ee !important;
}
tabbrowser[treestyletab-mode="vertical"][treestyletab-style="vertigo"] .tabbrowser-tab[selected="true"]:hover,
tabbrowser[treestyletab-mode="vertical"][treestyletab-appearance-inverted="true"][treestyletab-style="vertigo"] .tabbrowser-tab[selected="true"]:hover,
tabbrowser[treestyletab-tabbar-position="bottom"][treestyletab-style="vertigo"] .tabbrowser-tab[selected="true"]:hover {
-moz-border-left-colors: #d1e2fe #d1e2fe !important;
-moz-border-right-colors: #d1e2fe #d1e2fe !important;
}
/* Mixed style */
tabbrowser[treestyletab-mode="vertical"][treestyletab-style="mixed"] .tabbrowser-tab:not([selected="true"]):hover,
tabbrowser[treestyletab-tabbar-position="bottom"][treestyletab-style="mixed"] .tabbrowser-tab:not([selected="true"]):hover {
background: #e0e8f6 !important;
-moz-border-top-colors: #e0e8f6 #e0e8f6 !important;
-moz-border-bottom-colors: ThreeDShadow #e0e8f6 !important;
}
tabbrowser[treestyletab-mode="vertical"][treestyletab-style="mixed"][treestyletab-firsttab-border="true"] .tabbrowser-tab:first-child:not([selected="true"]):hover {
-moz-border-top-colors: ThreeDShadow #e0e8f6 !important;
}
tabbrowser[treestyletab-mode="vertical"][treestyletab-style="mixed"] .tabbrowser-tab[selected="true"],
tabbrowser[treestyletab-tabbar-position="bottom"][treestyletab-style="mixed"] .tabbrowser-tab[selected="true"] {
background: #c1d2ee !important;
-moz-border-top-colors: #c1d2ee #c1d2ee !important;
-moz-border-bottom-colors: ThreeDShadow #c1d2ee !important;
}
tabbrowser[treestyletab-mode="vertical"][treestyletab-style="mixed"][treestyletab-firsttab-border="true"] .tabbrowser-tab:first-child[selected="true"] {
-moz-border-top-colors: ThreeDShadow #c1d2ee !important;
}
tabbrowser[treestyletab-mode="vertical"][treestyletab-style="mixed"] .tabbrowser-tab[selected="true"]:hover,
tabbrowser[treestyletab-tabbar-position="bottom"][treestyletab-style="mixed"] .tabbrowser-tab[selected="true"]:hover {
background: #d1e2fe !important;
-moz-border-top-colors: #d1e2fe #d1e2fe !important;
-moz-border-bottom-colors: ThreeDShadow #d1e2fe !important;
}
tabbrowser[treestyletab-mode="vertical"][treestyletab-style="mixed"][treestyletab-firsttab-border="true"] .tabbrowser-tab:first-child[selected="true"]:hover {
-moz-border-top-colors: ThreeDShadow #d1e2fe !important;
}
tabbrowser[treestyletab-mode="vertical"][treestyletab-style="mixed"] .tabbrowser-tab:not([selected="true"]):hover,
tabbrowser[treestyletab-mode="vertical"][treestyletab-appearance-inverted="true"][treestyletab-style="mixed"] .tabbrowser-tab:not([selected="true"]):hover {
-moz-border-left-colors: #e0e8f6 #e0e8f6 !important;
-moz-border-right-colors: #e0e8f6 #e0e8f6 !important;
}
tabbrowser[treestyletab-mode="vertical"][treestyletab-style="mixed"] .tabbrowser-tab[selected="true"],
tabbrowser[treestyletab-mode="vertical"][treestyletab-appearance-inverted="true"][treestyletab-style="mixed"] .tabbrowser-tab[selected="true"] {
-moz-border-left-colors: #c1d2ee #c1d2ee !important;
-moz-border-right-colors: #c1d2ee #c1d2ee !important;
}
tabbrowser[treestyletab-mode="vertical"][treestyletab-style="mixed"] .tabbrowser-tab[selected="true"]:hover,
tabbrowser[treestyletab-mode="vertical"][treestyletab-appearance-inverted="true"][treestyletab-style="mixed"] .tabbrowser-tab[selected="true"]:hover {
-moz-border-left-colors: #d1e2fe #d1e2fe !important;
-moz-border-right-colors: #d1e2fe #d1e2fe !important;
}
tabbrowser[treestyletab-tabbar-position="bottom"][treestyletab-style="mixed"] .tabbrowser-tab:not([selected="true"]):hover {
-moz-border-left-colors: ThreeDShadow #e0e8f6 !important;
-moz-border-right-colors: ThreeDShadow #e0e8f6 !important;
}
tabbrowser[treestyletab-tabbar-position="bottom"][treestyletab-style="mixed"] .tabbrowser-tab[selected="true"] {
-moz-border-left-colors: ThreeDShadow #c1d2ee !important;
-moz-border-right-colors: ThreeDShadow #c1d2ee !important;
}
tabbrowser[treestyletab-tabbar-position="bottom"][treestyletab-style="mixed"] .tabbrowser-tab[selected="true"]:hover {
-moz-border-left-colors: ThreeDShadow #d1e2fe !important;
-moz-border-right-colors: ThreeDShadow #d1e2fe !important;
}
/* Tree UI */
.treestyletab-twisty-container {
margin: 0 3px 0 -3px;
-moz-box-pack: start;
-moz-box-align: center;
-moz-box-flex: 1;
}
tabbrowser[treestyletab-mode="vertical"][treestyletab-appearance-inverted="true"] .treestyletab-twisty-container {
margin: 0 -3px 0 3px;
}
tabbrowser:not([treestyletab-mode="vertical"]) .treestyletab-twisty-container {
position: relative;
margin: 0 16px 0 -16px;
}
tabbrowser:not([treestyletab-mode="vertical"])[treestyletab-allow-subtree-collapse="true"] .tabbrowser-tab[treestyletab-children] .tab-icon {
margin-left: 16px;
}
.treestyletab-twisty {
list-style-image: url("tree-twisty.png");
-moz-image-region: rect(0, 32px, 16px, 16px);
}
.tabbrowser-tab[treestyletab-subtree-collapsed="true"] .treestyletab-twisty {
-moz-image-region: rect(0, 16px, 16px, 0);
}
.tabbrowser-tab[treestyletab-twisty-hover="true"] .treestyletab-twisty {
-moz-image-region: rect(16px, 32px, 32px, 16px);
}
.tabbrowser-tab[treestyletab-subtree-collapsed="true"][treestyletab-twisty-hover="true"] .treestyletab-twisty {
-moz-image-region: rect(16px, 16px, 32px, 0);
}
.treestyletab-counter-container {
-moz-box-align: center;
-moz-box-pack: end;
}
.treestyletab-counter {
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[treestyletab-tabbar-position="top"] .tabbrowser-tab[treestyletab-drop-position="self"] .treestyletab-drop-marker {
list-style-image: url("dropmarker-down.png");
}
tabbrowser[treestyletab-tabbar-position="top"] .tabbrowser-tab[treestyletab-children][treestyletab-drop-position="self"] .treestyletab-twisty,
tabbrowser[treestyletab-tabbar-position="top"] .tabbrowser-tab[treestyletab-drop-position="self"] .tab-icon-image,
tabbrowser[treestyletab-tabbar-position="top"] .tabbrowser-tab[treestyletab-drop-position="self"] .tab-extra-status {
visibility: hidden;
}
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tab[treestyletab-drop-position="self"][selected="true"],
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tab[treestyletab-drop-position="self"]:not([selected="true"]),
tabbrowser[treestyletab-mode="vertical"][treestyletab-firsttab-border="true"] .tabbrowser-tab:first-child[treestyletab-drop-position="self"][selected="true"],
tabbrowser[treestyletab-mode="vertical"][treestyletab-firsttab-border="true"] .tabbrowser-tab:first-child[treestyletab-drop-position="self"]:not([selected="true"]),
tabbrowser[treestyletab-tabbar-position="bottom"] .tabbrowser-tab[treestyletab-drop-position="self"][selected="true"],
tabbrowser[treestyletab-tabbar-position="bottom"] .tabbrowser-tab[treestyletab-drop-position="self"]:not([selected="true"]) {
-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[treestyletab-mode="vertical"] .tabbrowser-tab[treestyletab-drop-position="before"][selected="true"],
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tab[treestyletab-drop-position="before"]:not([selected="true"]),
tabbrowser[treestyletab-mode="vertical"][treestyletab-firsttab-border="true"] .tabbrowser-tab:first-child[treestyletab-drop-position="before"][selected="true"],
tabbrowser[treestyletab-mode="vertical"][treestyletab-firsttab-border="true"] .tabbrowser-tab:first-child[treestyletab-drop-position="before"]:not([selected="true"]) {
-moz-border-top-colors: -moz-dialogtext -moz-dialogtext !important;
}
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tab[treestyletab-drop-position="after"][selected="true"],
tabbrowser[treestyletab-mode="vertical"] .tabbrowser-tab[treestyletab-drop-position="after"]:not([selected="true"]) {
-moz-border-bottom-colors: -moz-dialogtext -moz-dialogtext !important;
}
tabbrowser[treestyletab-tabbar-position="bottom"] .tabbrowser-tab[treestyletab-drop-position="before"][selected="true"],
tabbrowser[treestyletab-tabbar-position="bottom"] .tabbrowser-tab[treestyletab-drop-position="before"]:not([selected="true"]) {
-moz-border-left-colors: -moz-dialogtext -moz-dialogtext !important;
}
tabbrowser[treestyletab-tabbar-position="bottom"] .tabbrowser-tab[treestyletab-drop-position="after"][selected="true"],
tabbrowser[treestyletab-tabbar-position="bottom"] .tabbrowser-tab[treestyletab-drop-position="after"]:not([selected="true"]) {
-moz-border-right-colors: -moz-dialogtext -moz-dialogtext !important;
}
/* vertical tab bar */
/* Firefox 2 */
tabbrowser[treestyletab-mode="vertical"] .tabs-alltabs-stack > hbox {
position: static !important;
}
tabbrowser[treestyletab-mode="vertical"] .tabs-alltabs-stack > hbox:not(:last-child) {
display: none !important;
}
tabbrowser[treestyletab-mode="vertical"] .tabs-alltabs-button {
-moz-appearance: none !important;
border-top: 1px solid ThreeDShadow !important;
-moz-border-top-colors: ThreeDShadow !important;
background: ThreeDFace !important;
}
tabbrowser[treestyletab-mode="vertical"] .tabs-alltabs-button:hover {
background: ThreeDHighlight !important;
}
tabbrowser[treestyletab-mode="vertical"] .tabs-alltabs-box,
tabbrowser[treestyletab-mode="vertical"] .tabs-alltabs-box-animate,
tabbrowser[treestyletab-mode="vertical"] .tabs-alltabs-button {
background-image: none !important;
margin: 0 !important;
padding: 0 2px !important;
width: 100% !important;
min-height: 0 !important;
height: 16px !important;
}
Reference in New Issue View Git Blame Copy Permalink