表示が一部崩れていたのを修正
git-svn-id: http://www.cozmixng.org/repos/piro/treestyletab/trunk@6426 599a83e7-65a4-db11-8015-0010dcdd6dc2
This commit is contained in:
parent
fe153c36c0
commit
fa8c54fef6
@ -74,6 +74,13 @@ tabbrowser[treestyletab-mode="vertical"] .tabs-stack > *:first-child + * > hbox:
|
||||
}
|
||||
|
||||
|
||||
#TabsToolbar:not([treestyletab-tabbar-position="top"]) {
|
||||
line-height: 1 !important;
|
||||
position: fixed !important;
|
||||
-moz-appearance: none !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.tabbrowser-tabs:not([treestyletab-mode="vertical"]) .tabbrowser-tab:not([treestyletab-nest="0"]) + .tabbrowser-tab[treestyletab-nest="0"],
|
||||
.tabbrowser-tabs:not([treestyletab-mode="vertical"]) .tabbrowser-tab[treestyletab-nest="0"] + .tabbrowser-tab[treestyletab-nest="0"][treestyletab-children] {
|
||||
|
@ -1163,14 +1163,7 @@ TreeStyleTabBrowser.prototype = {
|
||||
|
||||
var strip = this.tabStrip;
|
||||
var tabContainer = this.mTabBrowser.tabContainer;
|
||||
if (this.currentTabbarPosition == 'top') {
|
||||
strip.style.position = 'static';
|
||||
strip.style.MozAppearance = '';
|
||||
}
|
||||
else {
|
||||
strip.style.position = 'fixed';
|
||||
strip.style.MozAppearance = 'none';
|
||||
|
||||
if (this.currentTabbarPosition != 'top') {
|
||||
let box = placeholder.boxObject;
|
||||
let root = document.documentElement.boxObject;
|
||||
strip.style.top = (box.screenY - root.screenY)+'px';
|
||||
|
@ -14,7 +14,7 @@ License.
|
||||
The Original Code is the Tree Style Tab.
|
||||
|
||||
The Initial Developer of the Original Code is SHIMODA Hiroshi.
|
||||
Portions created by the Initial Developer are Copyright (C) 2008-2009
|
||||
Portions created by the Initial Developer are Copyright (C) 2008-2010
|
||||
the Initial Developer. All Rights Reserved.
|
||||
|
||||
Contributor(s): SHIMODA Hiroshi <piro@p.club.ne.jp>
|
||||
|
@ -2,23 +2,41 @@
|
||||
|
||||
/* Square */
|
||||
|
||||
tabbrowser[treestyletab-style~="square"][treestyletab-tabbar-position="left"]:not([treestyletab-tabbar-fixed="true"]) .treestyletab-splitter {
|
||||
tabbrowser[treestyletab-style~="square"][treestyletab-tabbar-position="left"]:not([treestyletab-tabbar-fixed="true"])
|
||||
.treestyletab-splitter {
|
||||
border-right: 1px solid ThreeDShadow !important;
|
||||
-moz-border-right-colors: ThreeDShadow !important;
|
||||
}
|
||||
tabbrowser[treestyletab-style~="square"][treestyletab-tabbar-position="right"]:not([treestyletab-tabbar-fixed="true"]) .treestyletab-splitter {
|
||||
tabbrowser[treestyletab-style~="square"][treestyletab-tabbar-position="right"]:not([treestyletab-tabbar-fixed="true"])
|
||||
.treestyletab-splitter {
|
||||
border-left: 1px solid ThreeDShadow !important;
|
||||
-moz-border-left-colors: ThreeDShadow !important;
|
||||
}
|
||||
|
||||
#main-window:not([active="true"]) tabbrowser[treestyletab-style~="square"][treestyletab-mode="vertical"] .tabbrowser-tab > .tab-image-middle,
|
||||
#main-window:not([active="true"]) tabbrowser[treestyletab-style~="square"][treestyletab-mode="vertical"] .tabbrowser-tab > .tab-close-button,
|
||||
#main-window:not([active="true"]) tabbrowser[treestyletab-style~="square"][treestyletab-mode="vertical"] .tabbrowser-tab[selected="true"] > .tab-image-middle,
|
||||
#main-window:not([active="true"]) tabbrowser[treestyletab-style~="square"][treestyletab-mode="vertical"] .tabbrowser-tab[selected="true"] > .tab-close-button,
|
||||
#main-window:not([active="true"]) tabbrowser[treestyletab-style~="square"][treestyletab-tabbar-position="bottom"] .tabbrowser-tab > .tab-image-middle,
|
||||
#main-window:not([active="true"]) tabbrowser[treestyletab-style~="square"][treestyletab-tabbar-position="bottom"] .tabbrowser-tab > .tab-close-button,
|
||||
#main-window:not([active="true"]) tabbrowser[treestyletab-style~="square"][treestyletab-tabbar-position="bottom"] .tabbrowser-tab[selected="true"] > .tab-image-middle,
|
||||
#main-window:not([active="true"]) tabbrowser[treestyletab-style~="square"][treestyletab-tabbar-position="bottom"] .tabbrowser-tab[selected="true"] > .tab-close-button {
|
||||
#main-window:not([active="true"])
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"]
|
||||
.tabbrowser-tab > .tab-image-middle,
|
||||
#main-window:not([active="true"])
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"]
|
||||
.tabbrowser-tab > .tab-close-button,
|
||||
#main-window:not([active="true"])
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"]
|
||||
.tabbrowser-tab[selected="true"] > .tab-image-middle,
|
||||
#main-window:not([active="true"])
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-mode="vertical"]
|
||||
.tabbrowser-tab[selected="true"] > .tab-close-button,
|
||||
#main-window:not([active="true"])
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-tabbar-position="bottom"]
|
||||
.tabbrowser-tab > .tab-image-middle,
|
||||
#main-window:not([active="true"])
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-tabbar-position="bottom"]
|
||||
.tabbrowser-tab > .tab-close-button,
|
||||
#main-window:not([active="true"])
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-tabbar-position="bottom"]
|
||||
.tabbrowser-tab[selected="true"] > .tab-image-middle,
|
||||
#main-window:not([active="true"])
|
||||
.tabbrowser-tabs[treestyletab-style~="square"][treestyletab-tabbar-position="bottom"]
|
||||
.tabbrowser-tab[selected="true"] > .tab-close-button {
|
||||
height: auto;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
@ -29,13 +47,13 @@ tabbrowser[treestyletab-style~="square"][treestyletab-tabbar-position="right"]:n
|
||||
|
||||
/* Metal */
|
||||
|
||||
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"]
|
||||
.tabbrowser-tabs[treestyletab-style="metal"][treestyletab-mode="vertical"]
|
||||
.tabbrowser-tab .tab-close-button {
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"]
|
||||
.tabbrowser-tabs[treestyletab-style="metal"][treestyletab-mode="vertical"]
|
||||
.tabbrowser-strip {
|
||||
border-bottom: 0 none !important;
|
||||
}
|
||||
@ -43,52 +61,67 @@ tabbrowser[treestyletab-style="metal"][treestyletab-mode="vertical"]
|
||||
|
||||
/* horizontal tree */
|
||||
|
||||
tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
.tabbrowser-tabs {
|
||||
.tabbrowser-tabs[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"] {
|
||||
height: auto;
|
||||
background: #bbb;
|
||||
}
|
||||
|
||||
#main-window[active="true"] tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
.tabbrowser-tabs {
|
||||
#main-window[active="true"]
|
||||
.tabbrowser-tabs[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"] {
|
||||
background: #777;
|
||||
}
|
||||
|
||||
#main-window[active="true"] tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
#main-window[active="true"]
|
||||
.tabbrowser-tabs[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
.tabbrowser-tab:not([selected="true"]) .tab-image-middle,
|
||||
#main-window[active="true"] tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
#main-window[active="true"]
|
||||
.tabbrowser-tabs[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
.tabbrowser-tab:not([selected="true"]) .tab-close-button,
|
||||
#main-window:not([active="true"]) tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
#main-window:not([active="true"])
|
||||
.tabbrowser-tabs[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
.tabbrowser-tab:not([selected="true"]) .tab-image-middle,
|
||||
#main-window:not([active="true"]) tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
#main-window:not([active="true"])
|
||||
.tabbrowser-tabs[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
.tabbrowser-tab:not([selected="true"]) .tab-close-button,
|
||||
#main-window[active="true"] tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
#main-window[active="true"]
|
||||
.tabbrowser-tabs[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
.tabbrowser-tab[selected="true"] .tab-image-middle,
|
||||
#main-window[active="true"] tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
#main-window[active="true"]
|
||||
.tabbrowser-tabs[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
.tabbrowser-tab[selected="true"] .tab-close-button,
|
||||
#main-window:not([active="true"]) tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
#main-window:not([active="true"])
|
||||
.tabbrowser-tabs[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
.tabbrowser-tab[selected="true"] .tab-image-middle,
|
||||
#main-window:not([active="true"]) tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
#main-window:not([active="true"])
|
||||
.tabbrowser-tabs[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
.tabbrowser-tab[selected="true"] .tab-close-button {
|
||||
background-position: left bottom;
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
|
||||
#main-window[active="true"] tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
#main-window[active="true"]
|
||||
.tabbrowser-tabs[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
.tabbrowser-tab:not([selected="true"]) .tab-image-left,
|
||||
#main-window[active="true"] tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
#main-window[active="true"]
|
||||
.tabbrowser-tabs[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
.tabbrowser-tab:not([selected="true"]) .tab-image-right,
|
||||
#main-window:not([active="true"]) tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
#main-window:not([active="true"])
|
||||
.tabbrowser-tabs[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
.tabbrowser-tab:not([selected="true"]) .tab-image-left,
|
||||
#main-window:not([active="true"]) tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
#main-window:not([active="true"])
|
||||
.tabbrowser-tabs[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
.tabbrowser-tab:not([selected="true"]) .tab-image-right,
|
||||
#main-window[active="true"] tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
#main-window[active="true"]
|
||||
.tabbrowser-tabs[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
.tabbrowser-tab[selected="true"] .tab-image-left,
|
||||
#main-window[active="true"] tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
#main-window[active="true"]
|
||||
.tabbrowser-tabs[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
.tabbrowser-tab[selected="true"] .tab-image-right,
|
||||
#main-window:not([active="true"]) tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
#main-window:not([active="true"])
|
||||
.tabbrowser-tabs[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
.tabbrowser-tab[selected="true"] .tab-image-left,
|
||||
#main-window:not([active="true"]) tabbrowser[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
#main-window:not([active="true"])
|
||||
.tabbrowser-tabs[treestyletab-style][treestyletab-mode="horizontal"][treestyletab-tabs-indented="true"]
|
||||
.tabbrowser-tab[selected="true"] .tab-image-right {
|
||||
background-position: left bottom;
|
||||
background-repeat: no-repeat;
|
||||
|
@ -14,7 +14,7 @@ License.
|
||||
The Original Code is the Tree Style Tab.
|
||||
|
||||
The Initial Developer of the Original Code is SHIMODA Hiroshi.
|
||||
Portions created by the Initial Developer are Copyright (C) 2008
|
||||
Portions created by the Initial Developer are Copyright (C) 2008-2010
|
||||
the Initial Developer. All Rights Reserved.
|
||||
|
||||
Contributor(s): SHIMODA Hiroshi <piro@p.club.ne.jp>
|
||||
|
@ -1,6 +1,6 @@
|
||||
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
||||
|
||||
tabbrowser[treestyletab-style~="square"]:not([treestyletab-style="vertigo"])[treestyletab-mode="vertical"]
|
||||
.tabbrowser-tabs[treestyletab-style~="square"]:not([treestyletab-style="vertigo"])[treestyletab-mode="vertical"]
|
||||
.tabbrowser-tab {
|
||||
z-index: auto;
|
||||
}
|
||||
|
@ -3,9 +3,9 @@
|
||||
|
||||
/* horizontal tree */
|
||||
|
||||
tabbrowser[treestyletab-style][treestyletab-tabbar-position="top"][treestyletab-tabs-indented="true"]
|
||||
.tabbrowser-tabs[treestyletab-style][treestyletab-tabbar-position="top"][treestyletab-tabs-indented="true"]
|
||||
.tabbrowser-tab:not([selected="true"]),
|
||||
tabbrowser[treestyletab-style][treestyletab-tabbar-position="top"][treestyletab-tabs-indented="true"]
|
||||
.tabbrowser-tabs[treestyletab-style][treestyletab-tabbar-position="top"][treestyletab-tabs-indented="true"]
|
||||
.tabbrowser-tab[selected="true"] {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
@ -17,11 +17,13 @@ tabbrowser[treestyletab-style][treestyletab-tabbar-position="top"][treestyletab-
|
||||
|
||||
/* vertical tree */
|
||||
|
||||
tabbrowser[treestyletab-style~="square"][treestyletab-tabbar-position="left"]:not([treestyletab-tabbar-transparent="full"]) .tabbrowser-strip {
|
||||
.tabbrowser-strip[treestyletab-style~="square"][treestyletab-tabbar-position="left"]:not([treestyletab-tabbar-transparent="full"]),
|
||||
#TabsToolbar[treestyletab-style~="square"][treestyletab-tabbar-position="left"]:not([treestyletab-tabbar-transparent="full"]) {
|
||||
border-right: 1px solid ThreeDShadow !important;
|
||||
-moz-border-right-colors: none !important;
|
||||
}
|
||||
tabbrowser[treestyletab-style~="square"][treestyletab-tabbar-position="right"]:not([treestyletab-tabbar-transparent="full"]) .tabbrowser-strip {
|
||||
.tabbrowser-strip[treestyletab-style~="square"][treestyletab-tabbar-position="right"]:not([treestyletab-tabbar-transparent="full"]),
|
||||
#TabsToolbar[treestyletab-style~="square"][treestyletab-tabbar-position="right"]:not([treestyletab-tabbar-transparent="full"]) {
|
||||
border-left: 1px solid ThreeDShadow !important;
|
||||
-moz-border-right-colors: none !important;
|
||||
}
|
||||
|
@ -1,12 +1,12 @@
|
||||
/* horizontal tree */
|
||||
|
||||
tabbrowser[treestyletab-style][treestyletab-tabbar-position="top"][treestyletab-tabs-indented="true"]
|
||||
.tabbrowser-tabs[treestyletab-style][treestyletab-tabbar-position="top"][treestyletab-tabs-indented="true"]
|
||||
.tabbrowser-tab:not([selected="true"]),
|
||||
tabbrowser[treestyletab-style][treestyletab-tabbar-position="top"][treestyletab-tabs-indented="true"]
|
||||
.tabbrowser-tabs[treestyletab-style][treestyletab-tabbar-position="top"][treestyletab-tabs-indented="true"]
|
||||
.tabbrowser-tab[selected="true"],
|
||||
tabbrowser[treestyletab-style][treestyletab-tabbar-position="top"][treestyletab-tabs-indented="true"]
|
||||
.tabbrowser-tabs[treestyletab-style][treestyletab-tabbar-position="top"][treestyletab-tabs-indented="true"]
|
||||
.tabbrowser-tab:hover:not([selected="true"]),
|
||||
tabbrowser[treestyletab-style][treestyletab-tabbar-position="top"][treestyletab-tabs-indented="true"]
|
||||
.tabbrowser-tabs[treestyletab-style][treestyletab-tabbar-position="top"][treestyletab-tabs-indented="true"]
|
||||
.tabbrowser-tab:hover[selected="true"] {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
|
@ -2,6 +2,13 @@
|
||||
|
||||
/* tab bar */
|
||||
|
||||
#TabsToolbar[treestyletab-style="metal"][treestyletab-mode="vertical"]:not([treestyletab-tabbar-position="top"]) {
|
||||
border: 0 none !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
-moz-box-shadow: none !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style="metal"][treestyletab-mode="vertical"]
|
||||
.tabs-bottom,
|
||||
.tabbrowser-tabs[treestyletab-style="metal"][treestyletab-mode="vertical"]
|
||||
|
@ -3,14 +3,14 @@
|
||||
/* Unset bottom border, instead let's have a border on the right-hand
|
||||
side, much like the sidebar does. */
|
||||
.tabbrowser-strip[treestyletab-style="sidebar"][treestyletab-mode="vertical"],
|
||||
toolbar[treestyletab-style="sidebar"][treestyletab-mode="vertical"] {
|
||||
#TabsToolbar[treestyletab-style="sidebar"][treestyletab-mode="vertical"] {
|
||||
border-top: 1px solid #404040;
|
||||
border-bottom: none !important;
|
||||
}
|
||||
#main-window:not([active="true"])
|
||||
.tabbrowser-strip[treestyletab-style="sidebar"][treestyletab-mode="vertical"],
|
||||
#main-window:not([active="true"])
|
||||
toolbar[treestyletab-style="sidebar"][treestyletab-mode="vertical"] {
|
||||
#TabsToolbar[treestyletab-style="sidebar"][treestyletab-mode="vertical"] {
|
||||
border-top: 1px solid #868686;
|
||||
}
|
||||
|
||||
@ -237,6 +237,13 @@ tabbrowser[treestyletab-style="sidebar"][treestyletab-mode="vertical"] .treestyl
|
||||
|
||||
/* changed from original SidebarStyleTab */
|
||||
|
||||
#TabsToolbar[treestyletab-style="sidebar"][treestyletab-mode="vertical"]:not([treestyletab-tabbar-position="top"]) {
|
||||
border: 0 none !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
-moz-box-shadow: none !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tabs[treestyletab-style="sidebar"][treestyletab-mode="vertical"]
|
||||
.treestyletab-counter-paren {
|
||||
display: none !important;
|
||||
|
@ -21,6 +21,13 @@ toolbar[treestyletab-style~="square"][treestyletab-mode="vertical"],
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
#TabsToolbar[treestyletab-style~="square"][treestyletab-mode="vertical"]:not([treestyletab-tabbar-position="top"]) {
|
||||
border: 0 none !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
-moz-box-shadow: none !important;
|
||||
}
|
||||
|
||||
.tabbrowser-strip[treestyletab-style~="square"][treestyletab-tabbar-position="left"][treestyletab-tabbar-fixed="true"]:not([treestyletab-tabbar-transparent="full"]),
|
||||
toolbar[treestyletab-style~="square"][treestyletab-tabbar-position="left"][treestyletab-tabbar-fixed="true"]:not([treestyletab-tabbar-transparent="full"]) {
|
||||
border-right: 1px solid ThreeDShadow !important;
|
||||
|
Loading…
Reference in New Issue
Block a user