From 0127a9c698b04e013131143b2c49f4b3fbe231a8 Mon Sep 17 00:00:00 2001
From: piro <piro@599a83e7-65a4-db11-8015-0010dcdd6dc2>
Date: Sat, 20 Oct 2007 19:00:09 +0000
Subject: [PATCH] =?UTF-8?q?=E3=82=B9=E3=82=BF=E3=82=A4=E3=83=AB=E5=88=87?=
 =?UTF-8?q?=E3=82=8A=E6=9B=BF=E3=81=88=E6=A9=9F=E8=83=BD=E3=82=92=E8=BF=BD?=
 =?UTF-8?q?=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

git-svn-id: http://www.cozmixng.org/repos/piro/treestyletab/trunk@1254 599a83e7-65a4-db11-8015-0010dcdd6dc2
---
 content/treestyletab/config.xul            |  20 ++++++
 content/treestyletab/res/style-default.png | Bin 0 -> 1380 bytes
 content/treestyletab/res/style-mixed.png   | Bin 0 -> 1544 bytes
 content/treestyletab/res/style-vertigo.png | Bin 0 -> 1489 bytes
 content/treestyletab/treestyletab.js       |   5 ++
 defaults/preferences/treestyletab.js       |   1 +
 images/style-default-l.png                 | Bin 0 -> 2630 bytes
 locale/en-US/treestyletab/treestyletab.dtd |   5 ++
 locale/ja/treestyletab/treestyletab.dtd    |   5 ++
 skin/classic/treestyletab/config.css       |   7 ++
 skin/classic/treestyletab/treestyletab.css |  78 +++++++++++++++++++++
 11 files changed, 121 insertions(+)
 create mode 100644 content/treestyletab/res/style-default.png
 create mode 100644 content/treestyletab/res/style-mixed.png
 create mode 100644 content/treestyletab/res/style-vertigo.png
 create mode 100644 images/style-default-l.png
 create mode 100644 skin/classic/treestyletab/config.css

diff --git a/content/treestyletab/config.xul b/content/treestyletab/config.xul
index 8f6e0ef6..2b9ee5b1 100644
--- a/content/treestyletab/config.xul
+++ b/content/treestyletab/config.xul
@@ -1,5 +1,6 @@
 <?xml version="1.0"?>
 <?xml-stylesheet href="chrome://global/skin/"?>
+<?xml-stylesheet href="chrome://treestyletab/skin/config.css" type="text/css"?>
 <!DOCTYPE prefwindow [
 <!ENTITY % mainDTD SYSTEM "chrome://treestyletab/locale/treestyletab.dtd">
 %mainDTD;
@@ -17,6 +18,9 @@
 		<preference id="extensions.treestyletab.tabbar.position"
 			name="extensions.treestyletab.tabbar.position"
 			type="string"/>
+		<preference id="extensions.treestyletab.tabbar.style"
+			name="extensions.treestyletab.tabbar.style"
+			type="string"/>
 	</preferences>
 
 	<checkbox id="extensions.treestyletab.tabbar.scroll.smooth-check"
@@ -31,6 +35,22 @@
 			<radio value="right" label="&config.tabbar.position.right;"/>
 		</radiogroup>
 	</groupbox>
+	<groupbox>
+		<caption label="&config.tabbar.style.caption;"/>
+		<radiogroup id="extensions.treestyletab.tabbar.style-radiogroup"
+			preference="extensions.treestyletab.tabbar.style"
+			orient="horizontal">
+			<radio value="default" label="&config.tabbar.style.default;"
+				class="image" align="center"
+				src="chrome://treestyletab/content/res/style-default.png"/>
+			<radio value="vertigo" label="&config.tabbar.style.vertigo;"
+				class="image" align="center"
+				src="chrome://treestyletab/content/res/style-vertigo.png"/>
+			<radio value="mixed" label="&config.tabbar.style.mixed;"
+				class="image" align="center"
+				src="chrome://treestyletab/content/res/style-mixed.png"/>
+		</radiogroup>
+	</groupbox>
 </prefpane>
 
 <prefpane id="prefpane-tab" label="&config.tabs.tab;"
diff --git a/content/treestyletab/res/style-default.png b/content/treestyletab/res/style-default.png
new file mode 100644
index 0000000000000000000000000000000000000000..5955a1ede093cfddd50862a7e99ad75b193019ba
GIT binary patch
literal 1380
zcmV-q1)KVbP)<h;3K|Lk000e1NJLTq001%o002A)0ssI2t5<%O00009a7bBm000XU
z000XU0RWnu7ytkT7D+@wRCt{2mw!wfWf;ewD`kaIK)@npTO83D66Z8xx=4*2!!emz
z1ToOSkQuW?14hZlL<M?8<hPqfvdWnJkZr7Jz`;O6s2sX>6A{@YV=5b={2n0T$DsUZ
z>mM(<op+^hNLw&`|F~S<_qpf&-1A<aZ(nR-UT4P_z&aDAn;924xY!zlsdbEXQCZd1
z)z#P6$LsHR6$-oO=H7~p#Y01>Ad(~j0LO9ahMkCDX{ja6&)&z%%sLq!9^O)4|ALp7
z(@t^5xv%R~Dzc!!Gcb@!l$MreG#W7slgs61l42N!!i+|v`Ir@9xx2f!s8l{e;e=4=
z;^G{c_sJx{pGiqEnVA$8dO$9hlO%~MM-T)_k`yuHie?FdU{see8yFafa#9Hif>^{l
zaNxl9@o`tN*hwt@C_n$ZFU}^5+_YM4+~g#}B1y8TsVN{J0LO7U2ae-tVFp%XV<Rdm
z3ZSY^5CmhE%0?et#EOWBu%DfM)XNJKiHP)ceoalkPA5JhOG!*Y>FBRZRg1c!#g@gw
zahxhM9Sc>9K8WdN#s`PSii?Y@ii*N|dVUtd&ckmi6bkcuzlJjTsoif7DwPV3A6K@u
zhg4RCg@suS%cRz8-|E$NOibLfH3n0dQmJGN?cevb!JxMZ4J8v;!9maH_478Np|qi}
z%9T~Uy#s?oqx`|U$R%ULL-qy-P%&yvv(#Tgzo82asx{33z@BAf;DD8xbt+O8eVtU(
zU9vhm#Z9`HC?_``08S*vKlqUE$j~j5si~NyW|x{Whb7+T)7sd?aLM+BxX`4xsU?x5
zQi)pKOus=i6qZT8oZNgAFO^Dia`UDB5~)-I0BB@Mtd~P0cT7&PT~c<tg`SiS!M;+g
zYEAQ{s;^Km+CKV=(dn0|R!r<s!MvW~k{(fq-aYy{wFPQTGkQ6SkK!<cMIWbw(nm~V
zX?yz4pRf2{c?r4XwuslVGd}=}iT$0KYY^(Ity@zwD{gcIl%0Mt_<74=v9)pfmc(z@
z=;*LbXegP$V$1q2xgsp<Z|na8>$kR>H3`XXTJ6IAApchmTFxaoU{zmk$a^C`9l%)(
z*9L?ac8M+Lk{qxSj-|VOd+yj2TnFF_;o&K;oJ(@RdjG>Lzq2Lo0Db`106r6mE$5OP
zuu_R!ZDDEo!h#l{fX^50*<(4E<bd@}W!=qM)jOAK?+Bs#)x+}a<YgaRwYdEft>%&&
zxo=tDC9%JU|FZe1kS%O%<hITK#;~=BReGb_)uY3}!|V-nvzUO-ThJNxV6>BYAG9gf
zPo8mMuD1rJum0HAH-bI3+w~=h>uh26mM9sDL*3HM$qtq~`mF}5L}S1ANzc=YcE!g}
z2>4F54c%LLV}8HZ*d2)gTC0SmjTV+W`mF}5ShM|y`Zi_Gvkp!(a~L?zIU2U;?w-mL
zL`PHW(d~tCqt-N^NQ|fV_y5SZh;`<Q=uBlxSJ88Np1=;{8NsNxyEl>hxiK~zXk}n~
zZBA}J+B?QUZ*8!?)Hq)#@2tps{1LIoux{a`;`be*2f`;x1hOaqKu$-0j9xA3OuY8h
zD!t;p+jBZ2<CnsMeLmjMHSU=DUg4*{T7FE-vMCVsT76aj!YWg{$A`MKcTP9d-!VFf
z40=OIkfV2X85VtL4Hx5#b+NyWJ?Hz!*i(Vg)@K3$tgExt=BGloR%F%I*CrMhZDMiJ
mCKeZMVsX(X78k8ktbYJ1b2wMeMkM+G0000<MNUMnLSTYtlB1sh

literal 0
HcmV?d00001

diff --git a/content/treestyletab/res/style-mixed.png b/content/treestyletab/res/style-mixed.png
new file mode 100644
index 0000000000000000000000000000000000000000..71e78fb2f358d964d8f5b00ad191065399ff8d91
GIT binary patch
literal 1544
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

literal 0
HcmV?d00001

diff --git a/content/treestyletab/res/style-vertigo.png b/content/treestyletab/res/style-vertigo.png
new file mode 100644
index 0000000000000000000000000000000000000000..57fb7e3e84fdb11ee3dcdafe1dc9b692a292cb0e
GIT binary patch
literal 1489
zcmV;?1upuDP)<h;3K|Lk000e1NJLTq001%o002A)0ssI2t5<%O00009a7bBm000XU
z000XU0RWnu7ytkTgGod|RCt{2mwQapR}{xjp~$OJ!PT{7PMzCgoHA5EY&*zwGG8nr
zLwRTfoS7&KGKXMf$}(V<)(s-DQyfo4QKt@kWCkBV`=g^wYgJ?k(^)1W8k~TvBGCPD
z@p}FB;eHdLOZxre=H{Mr&;8tUe?2E<RcYJ7`oywfF%YXt+kXC3+1=LWj{A3<+HP|>
zoSQv8^Mb-Aisxe|O}!ETynRG?VjQSIE{TatCP#BeTDCsLDv(Q}moL3udu}eD?=oJH
zx%be?GiP>e+V0>Z#(@guk}7R`pqEE<T(X6rfnFZS&B7yCwmyS3c_ROE^|=WgP6vnM
z<~DMfY<nj_?b^?$uSvyNXhU>dvPP}&_7!W?ikP)27u5<(OdAX2668b6F3p+{8;oM+
z<X0GFE8?R!9(HgA0#||H>)hN^-|tD~x$AVgsgw?3Y19f$z0%u9<n1daITB)n(ZMvV
zocxM{o!bDw+gFUUi=K~WC8N=?64oqt?R)$tpU>j)($dq}6%{Rdy<=!-NLV5YM_w0a
z3y<iq=VB$q2IDl7SSVXDYf}K=qFOP{SInx?w*PhS*3m<IFB~roX>R_71MVTK;*z8W
z%a1>JGWn@JEf9^D6yvf|f4tl<Sza_<G~a0Zkjjed)^IbJ5bNHZM%q%B;q_rbA!Wm2
zBGXvM4)1IEQ+Kzm#i4beOGYe-oEEeQ`>3cIf8l%NgcMp-Q8fTyY^6nDfR!!Fh*%bO
zwW{(1KHv38mn@U)a1#a~pKMtM0IdIF^LW0?AFbUcLt`IvR&ypxSYthTn)7FAUGh?5
z(uc`k;Ukg!g#jw6nw%gSjAfE9Tb6<R{e=P9vUGo8fWI&R0MLqAtkA^^$8|n1?vjg|
z+Q^_Jgz<=3RaEtXBR?Z&^nB#SNc!hwD|Tgs)8igmmmC!t_UR|d_z6^04Z0lW!yFc{
z$n__n)hJtd#WYrHOY?!!;<IJNs7vyfu1?F$ftM!Z@61wxP}f#*x27D@UY%9EZ+1}d
z%fm9(|Eg{c3koR{Sk@pL785bUx~OTWNKAFt>3ZkR5iVIUGbj+7lvJHa=toXSp+zNC
z2LQ%aS_EcT<;N>!tK!oEMhZZ6n^XFhpj`5$yJ#R#mNXXtHYUZt^6DgWF|m(1D>gB}
zO5Bj{er)fCF1Q51=D@fv=mfZuxNdREXZT1Yk;qS}tRp9g24k7z%aZ0If04+K0oJC?
z+h*)3^Z=LvpaRI@2~d{||Gl0JN<tWqm{m#D{dBY#Iiu$zFUA0COPW-dSG2#kR|l|*
z&E|P|wdnPuBZJqkj)5mnprq>1bul02uz*FbGsZf6<YdE%GYQ8}T<1Xf$IG`$Qvc<~
z{~%_+L}l#-mo48M)LsiL**PyLz*?||Og1bgvTm#*?M?3JYyEaChyI>NEJwCouinrH
z2K#W&1;dI}GiF@~xAAs&ZS}2N_gHUF;V$&!KFX7fhzv)5s9Kt9XGkWy;R|6EQVuiU
z9kWw@MV>L$k?ne-@}`U3{TaVj*hen~qEv$UMhnk2wZXwEpk6zBT2q!a%gOcc9u_$F
zIQNgxw|%$GF)9k5N46K*L`l_cOo}J#`wQ|7VC`1$b|0y~kuUDEbF^pK8NkqI|FA>4
z!>}?Gh%^}Y+AL`<dON&`G&op4P$NtCHyxC{Gf^=5uD<tM`Q@>^QK21$j^U92fI1zy
zjm%b-G*=|_!_9v%vsI+<oHC|6GgF<nYxV?BxbeVwOLAWJBprLjisyzv(1Z0=J%d%E
z^oU>VcBQGi^7M6s6R*FofBqb2&+-yh)R6u?q+=auIcaR0^xJ*!_oId!3BcN`ytT=O
r#Y8qNCbD5MkqwK9Y*<WWrC9#}xIXhu9nm~200000NkvXXu0mjfEvwJs

literal 0
HcmV?d00001

diff --git a/content/treestyletab/treestyletab.js b/content/treestyletab/treestyletab.js
index 0b20a27e..d90349e5 100644
--- a/content/treestyletab/treestyletab.js
+++ b/content/treestyletab/treestyletab.js
@@ -11,6 +11,7 @@ var TreeStyleTabService = {
 	kDROP_POSITION     : 'treestyletab-drop-position',
 	kTABBAR_POSITION   : 'treestyletab-tabbar-position',
 	kVERTICAL          : 'treestyletab-vertical',
+	kSTYLE             : 'treestyletab-style',
 
 	kTWISTY                : 'treestyletab-twisty',
 	kTWISTY_CONTAINER      : 'treestyletab-twisty-container',
@@ -664,6 +665,7 @@ catch(e) {
 		}
 
 		aTabBrowser.__treestyletab__observer = new TreeStyleTabBrowserObserver(aTabBrowser);
+		aTabBrowser.__treestyletab__observer.observe(null, 'nsPref:changed', 'extensions.treestyletab.tabbar.style');
 
 		delete addTabMethod;
 		delete removeTabMethod;
@@ -2183,6 +2185,9 @@ TreeStyleTabBrowserObserver.prototype = {
 						TreeStyleTabService.updateAllTabsIndent(this.mTabBrowser);
 						break;
 
+					case 'extensions.treestyletab.tabbar.style':
+						this.mTabBrowser.setAttribute(TreeStyleTabService.kSTYLE, value);
+
 					default:
 						break;
 				}
diff --git a/defaults/preferences/treestyletab.js b/defaults/preferences/treestyletab.js
index dddd096a..02b3fb4c 100644
--- a/defaults/preferences/treestyletab.js
+++ b/defaults/preferences/treestyletab.js
@@ -10,6 +10,7 @@ pref("extensions.treestyletab.tabbar.position", "left");
 pref("extensions.treestyletab.tabbar.scroll.smooth", true);
 pref("extensions.treestyletab.tabbar.scroll.timeout", 250);
 pref("extensions.treestyletab.openGroupBookmarkAsTabSubTree", true);
+pref("extensions.treestyletab.tabbar.style", "default");
 
 
 pref("browser.link.open_newwindow.restriction", 0);
diff --git a/images/style-default-l.png b/images/style-default-l.png
new file mode 100644
index 0000000000000000000000000000000000000000..289bb1c477e8d036910d0e40252d9e81079c8176
GIT binary patch
literal 2630
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

literal 0
HcmV?d00001

diff --git a/locale/en-US/treestyletab/treestyletab.dtd b/locale/en-US/treestyletab/treestyletab.dtd
index e1fb5e06..493544d6 100644
--- a/locale/en-US/treestyletab/treestyletab.dtd
+++ b/locale/en-US/treestyletab/treestyletab.dtd
@@ -9,6 +9,11 @@
 <!ENTITY config.tabbar.position.left    "Leftside">
 <!ENTITY config.tabbar.position.right   "Rightside">
 
+<!ENTITY config.tabbar.style.caption "Appearance of the tab bar">
+<!ENTITY config.tabbar.style.default "Default">
+<!ENTITY config.tabbar.style.vertigo "Vertigo">
+<!ENTITY config.tabbar.style.mixed   "Mixed">
+
 
 <!ENTITY config.tabs.tab "Tab Operations">
 
diff --git a/locale/ja/treestyletab/treestyletab.dtd b/locale/ja/treestyletab/treestyletab.dtd
index 2083deb4..d13e6a8d 100644
--- a/locale/ja/treestyletab/treestyletab.dtd
+++ b/locale/ja/treestyletab/treestyletab.dtd
@@ -9,6 +9,11 @@
 <!ENTITY config.tabbar.position.left    "ウィンドウの左側">
 <!ENTITY config.tabbar.position.right   "ウィンドウの右側">
 
+<!ENTITY config.tabbar.style.caption "タブバーの表示スタイル">
+<!ENTITY config.tabbar.style.default "標準">
+<!ENTITY config.tabbar.style.vertigo "Vertigo">
+<!ENTITY config.tabbar.style.mixed   "Mixed">
+
 
 <!ENTITY config.tabs.tab "タブの開き方">
 
diff --git a/skin/classic/treestyletab/config.css b/skin/classic/treestyletab/config.css
new file mode 100644
index 00000000..36d804fc
--- /dev/null
+++ b/skin/classic/treestyletab/config.css
@@ -0,0 +1,7 @@
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+radio.image .radio-label-box,
+radio.image label.radio-label {
+	-moz-box-align: center;
+}
+
diff --git a/skin/classic/treestyletab/treestyletab.css b/skin/classic/treestyletab/treestyletab.css
index 7c396d58..469d74ad 100644
--- a/skin/classic/treestyletab/treestyletab.css
+++ b/skin/classic/treestyletab/treestyletab.css
@@ -1,5 +1,8 @@
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
+
+/* Default style */
+
 tabbrowser[treestyletab-vertical="true"] .tabbrowser-tabs {
 	background: darkgray !important;
 }
@@ -78,6 +81,79 @@ tabbrowser[treestyletab-tabbar-position="right"] .tabbrowser-tab[selected="true"
 }
 
 
+/* Vertigo style */
+
+tabbrowser[treestyletab-vertical="true"][treestyletab-style="vertigo"] .tabbrowser-tabs {
+	background: transparent !important;
+}
+tabbrowser[reestyletab-tabbar-position="left"][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-vertical="true"][treestyletab-style="vertigo"] .tabbrowser-tab {
+	background: transparent !important;
+	-moz-border-top-colors: transparent transparent !important;
+	-moz-border-bottom-colors: transparent transparent !important;
+}
+tabbrowser[treestyletab-vertical="true"][treestyletab-style="vertigo"] .tabbrowser-tab:hover {
+	background: #e0e8f6 !important;
+	-moz-border-top-colors: #e0e8f6 #e0e8f6 !important;
+	-moz-border-bottom-colors: #e0e8f6 #e0e8f6 !important;
+}
+tabbrowser[treestyletab-vertical="true"][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-tabbar-position="left"][treestyletab-style="vertigo"] .tabbrowser-tab,
+tabbrowser[treestyletab-tabbar-position="right"][treestyletab-style="vertigo"] .tabbrowser-tab {
+	-moz-border-left-colors: transparent transparent !important;
+	-moz-border-right-colors: transparent transparent !important;
+}
+tabbrowser[treestyletab-tabbar-position="left"][treestyletab-style="vertigo"] .tabbrowser-tab:hover,
+tabbrowser[treestyletab-tabbar-position="right"][treestyletab-style="vertigo"] .tabbrowser-tab:hover {
+	-moz-border-left-colors: #e0e8f6 #e0e8f6 !important;
+	-moz-border-right-colors: #e0e8f6 #e0e8f6 !important;
+}
+tabbrowser[treestyletab-tabbar-position="left"][treestyletab-style="vertigo"] .tabbrowser-tab[selected="true"],
+tabbrowser[treestyletab-tabbar-position="right"][treestyletab-style="vertigo"] .tabbrowser-tab[selected="true"] {
+	-moz-border-left-colors: #c1d2ee #c1d2ee !important;
+	-moz-border-right-colors: #c1d2ee #c1d2ee !important;
+}
+
+
+/* Mixed style */
+
+tabbrowser[treestyletab-vertical="true"][treestyletab-style="mixed"] .tabbrowser-tab:hover {
+	background: #e0e8f6 !important;
+	-moz-border-top-colors: #e0e8f6 #e0e8f6 !important;
+	-moz-border-bottom-colors: ThreeDShadow #e0e8f6 !important;
+}
+tabbrowser[treestyletab-vertical="true"][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-tabbar-position="left"][treestyletab-style="mixed"] .tabbrowser-tab:hover,
+tabbrowser[treestyletab-tabbar-position="right"][treestyletab-style="mixed"] .tabbrowser-tab:hover {
+	-moz-border-left-colors: ThreeDLightShadow #e0e8f6 !important;
+	-moz-border-right-colors: ThreeDLightShadow #e0e8f6 !important;
+}
+tabbrowser[treestyletab-tabbar-position="left"][treestyletab-style="mixed"] .tabbrowser-tab[selected="true"],
+tabbrowser[treestyletab-tabbar-position="right"][treestyletab-style="mixed"] .tabbrowser-tab[selected="true"] {
+	-moz-border-left-colors: ThreeDLightShadow #c1d2ee !important;
+	-moz-border-right-colors: ThreeDLightShadow #c1d2ee !important;
+}
+
+
+
+
+/* Tree UI */
 
 .treestyletab-twisty-container {
 	margin: 0 3px 0 -3px;
@@ -107,6 +183,8 @@ tab[treestyletab-subtree-collapsed="true"] .treestyletab-twisty {
 }
 
 
+/* Drop Markers */
+
 .treestyletab-drop-marker-container {
 	-moz-box-align: center;
 	-moz-box-pack: center;