From 25e1a7ac637a5a3d331ff6ad0185158bb77594b9 Mon Sep 17 00:00:00 2001 From: Adam Miller Date: Thu, 1 Oct 2009 00:54:23 +0000 Subject: [PATCH] Adding the experimental tabs to vector/experiments --- .../experiments/images/tab-active-first.png | Bin 0 -> 981 bytes .../experiments/images/tab-active-last.png | Bin 0 -> 980 bytes skins/vector/experiments/images/tab-fade.png | Bin 0 -> 924 bytes skins/vector/experiments/images/tab-first.png | Bin 0 -> 1057 bytes skins/vector/experiments/images/tab-last.png | Bin 0 -> 1057 bytes skins/vector/experiments/new-tabs.css | 291 ++++++++++++++++++ 6 files changed, 291 insertions(+) create mode 100644 skins/vector/experiments/images/tab-active-first.png create mode 100644 skins/vector/experiments/images/tab-active-last.png create mode 100644 skins/vector/experiments/images/tab-fade.png create mode 100644 skins/vector/experiments/images/tab-first.png create mode 100644 skins/vector/experiments/images/tab-last.png create mode 100644 skins/vector/experiments/new-tabs.css diff --git a/skins/vector/experiments/images/tab-active-first.png b/skins/vector/experiments/images/tab-active-first.png new file mode 100644 index 0000000000000000000000000000000000000000..e4c39c4276af11695f2444f3f65dad458eeb732e GIT binary patch literal 981 zcmeAS@N?(olHy`uVBq!ia0vp^>_F_w!3-of%J8%SDajJoh?3y^w370~qErUQl>DSr z1<%~X^wgl##FWaylc_cg49pAxJ|V9E{{R2~@Bcp_`v3RWpWnZJ{kr=0=Z`;sufF-U z`u^9PlV5-R`T6(%uW$eVm7Mvq=HAbL|Nh+n^mEOFAN!vF{qz5S&hgKCU;NHK@iF_v zmmh!r7oGZ4bo%q}pTGY9|NZaZzgJ&>&%gb3=d+({?tS0=?0fI!FLyr!?fIX3;>)Wq ze}Dh^{^!^4?kiva|NHaj*Wdqtfo}Pmed06FML;i%g3%D5LkLuV53dDUlkMr^7*cWT zO^>_KAqN5G>YT}wPg+XKbTt3_Zz)#iC~CE0HNVhw-{-ev?yj(1buG(A<)(b!-rW;Z z)b)8@{dH3*l{}MFe9+Roc1N7u#H43|0m8u^s_73Gs{7qO%(MJX=IRfhFPYc>Q@hW^ Y!@y-4lEiIj{u|^wPgg&ebxsLQ0BDBM&Hw-a literal 0 HcmV?d00001 diff --git a/skins/vector/experiments/images/tab-active-last.png b/skins/vector/experiments/images/tab-active-last.png new file mode 100644 index 0000000000000000000000000000000000000000..a96f39162a545aa6dceb5de1546ff12e461dd26d GIT binary patch literal 980 zcmeAS@N?(olHy`uVBq!ia0vp^>_F_w!3-of%J8%SDajJoh?3y^w370~qErUQl>DSr z1<%~X^wgl##FWaylc_cg49pAxJ|V9E{{R2~@Bcp_`v3RWpWnZJ{kr=0=Z`;sufF-U z`u^9PlV5-R`T6(%uW$eVm7Mvq=HAbL|Nh+n^mEOFAN!vF{qz5S&hgKCU;NHK@iF_v zmmh!r7oGZ4bo%q}pTGY9|NZaZzgJ&>&%gb3=d+({?tS0=?0fI!FLyr!?fIX3;>)Wq ze}Dh^{^!^4?kiva|NHaj*Wdqtfo}Pmed06FML;i%g3%D5LkLuV53dDUljZ5+7*cWT zO^-X@AqD~F^vM^ZU+is-6aW9eIA>mCi+*zSrb?by->8U}fi7AzZCsS=07?>FXd_r8`|M>sm=f4-<|K0fT=hgTBm*4+>^!3mE&wn0% z{`>LQ|C=BGzWe$A!|%VhKmNJ;{?DCHe;<7Ld+y!uOYeR?{r2zmkAD~5{svk%3PwX< zh=#zNsF iweHEGbi~#9`|(hb6Mw<&;$T5*>EZV literal 0 HcmV?d00001 diff --git a/skins/vector/experiments/images/tab-first.png b/skins/vector/experiments/images/tab-first.png new file mode 100644 index 0000000000000000000000000000000000000000..439b713f69f025650865394306d1fa1b97af2aaa GIT binary patch literal 1057 zcmeHE-Ahw(0KF(n}~@@^dRKKIZ1}C?8_obLJXo{>>;YG?{$nUb#7Dl9qQH9KJM4P?so6*{_gGechrG%&eM4~=R9p`ZYV3=Rf-@; znf79RtL()xFO(F?svdc$l5OXJ=E^`@f6u@j-3>ib+uh%#uh1HG27Rku*L~0QU0;JB zMMz6iyC#trBdi!o3Lc6F00fc{MbWhkjON7kG+a#!entqVAjL^|R&Y{)<|S+zjpw8l zT3Diij|LG|j@XjCR*zZND2N91V4a#}I|9{Mo*jO}d`mwy4T6-1W9(M6qqR z8NAV$Pk%`p_kOi_+>RZV;e_?ueHU}^HFMqxL9eNo47s*6~@%H z!oK8ey2ip);iLOsDUa8cOx!f9)hDcz#*H(t-7VFZ`c&=DtBzK-wKk4h3U2p4+Gm2$63Heuf literal 0 HcmV?d00001 diff --git a/skins/vector/experiments/images/tab-last.png b/skins/vector/experiments/images/tab-last.png new file mode 100644 index 0000000000000000000000000000000000000000..08e283dd338baa22dfef4a14ce4fbf432ffcbd92 GIT binary patch literal 1057 zcmeHE>q}E{0KFyBFa(22*Mo|v46>FH_Q4R>R!vfdNtj7Fag{-gVv%JJ>w^!79^jWK z0*Q(cB=AF#vfaC3B(1gi*xaU@-fii&``Fxew|jrT-@V=bjyiD8`E)*na|Gzz8RToTT&B8Hd9EOat}6(qun z$8*vw3#VD&WkHmaBbJmPxmiAw$;9%~R1)|@qzxw)(qfVqt@zjsgUBqf*(YKgOah7F z5hWlu4IqTGN#Jxk*qpGKk$eF^K@hAUdKiIBBKTj;APUdd3sa0-w+8W(EIzfSC9m<`98feo=x2x6*kL$88Q8 zx~RO1MlKr2Tm8qsyub(3u{OE?XPu_Dsmo7Ic-1x)R_NNQ=v2iHR&@8TCEE{e+Mw4I zDv@M*l-Y4FJ-)5_ctiQS`X@n)=X~7@CR7?6-AK25ZS5NRWd708S}~Nk`!;x?mZyW- za9H^?9LXOoSgx*$YD?4?2Ta5FD@P4w-xkNN?f!VR#x>Z7mDcU=8LZs9=fnZq^L~|L zSFc+2Wu*I6-Qlh`-pNbnN@~Eka`?zgxcPl&Z@PZHp^SOfw;(+Px}G(dZS~gc?fasE OzZdGX4Vn>k+v7ibB3IS` literal 0 HcmV?d00001 diff --git a/skins/vector/experiments/new-tabs.css b/skins/vector/experiments/new-tabs.css new file mode 100644 index 0000000000..97ab904d55 --- /dev/null +++ b/skins/vector/experiments/new-tabs.css @@ -0,0 +1,291 @@ +/* Framework */ +body { + background-color: #f9f9f9; + color: #000000; +} + body div#left-navigation, + body div#right-navigation{ + top:3.15em; + } + body div#right-navigation{ + margin-top:3.15em; + } + body #p-search form, + body #p-search input, + body #simpleSearch { + margin-top:0; + } + body div#p-cactions{ + margin-top:0; + } + /* Namespaces and Views */ + /* @noflip */ + div.vectorTabs { + float: left; + } + body div.vectorTabs { + background-image: none; + padding-left: 0; + } + /* @noflip */ + div.vectorTabs ul { + float: left; + } + div.vectorTabs ul { + height: 100%; + list-style: none; + margin: 0; + padding: 0; + } + /* @noflip */ + div.vectorTabs ul li { + float: left; + } + /* OVERRIDDEN BY COMPLIANT BROWSERS */ + body div.vectorTabs ul li { + line-height: 1.125em; + display: inline-block; + height: 1.85em; + margin: 0 1px 0 0; + padding: 0; + background:none; + } + /* IGNORED BY IE6 */ + div.vectorTabs ul > li { + display: block; + } + body div.vectorTabs li.selected { + background-image: none; + border:none; + } + /* OVERRIDDEN BY COMPLIANT BROWSERS */ + body div.vectorTabs li a { + border-top:1px solid #c0c0c0; + border-left:1px solid #c0c0c0; + border-right:1px solid #c0c0c0; + border-bottom:1px solid #a7d7f9; + display: inline-block; + height: 1.75em; + padding-left: 0.4em; + padding-right: 0.4em; + background-image:url(images/tab-fade.png); + background-position:top left; + background-repeat:repeat-x; + } + div.vectorTabs li a, + div.vectorTabs li a span { + color: #0645ad; + cursor: pointer; + } + div.vectorTabs li a span { + font-size: 0.8em; + } + /* IGNORED BY IE6 */ + div.vectorTabs li > a { + display: block; + } + /* OVERRIDDEN BY COMPLIANT BROWSERS */ + body div.vectorTabs a span { + display: inline-block; + padding-top: 0.5em; + } + /* IGNORED BY IE6 */ + /* @noflip */ + div.vectorTabs a > span { + float: left; + display: block; + } + body div.vectorTabs li.last { + background-image: url(images/tab-last.png); + background-repeat:no-repeat; + background-position:top right; + border:none; + } + body div.vectorTabs li.last a{ + margin-right:7px; + padding-left:0.4em; + padding-right:0; + border-left:1px solid #c0c0c0; + border-top:1px solid #c0c0c0; + border-right:none; + background-image:url(images/tab-fade.png); + background-position:top left; + background-repeat:repeat-x; + } + body div.vectorTabs li.first { + background-image: url(images/tab-first.png); + background-repeat:no-repeat; + background-position:top left; + border:none; + } + body div.vectorTabs li.first a{ + margin-left:7px; + padding-left:0em; + padding-right:0.4em; + border-right:1px solid #c0c0c0; + border-top:1px solid #c0c0c0; + background-image:url(images/tab-fade.png); + background-position:top left; + background-repeat:repeat-x; + } + + div.vectorTabs li.selected a, + div.vectorTabs li.selected a span, + div.vectorTabs li.selected a:visited + div.vectorTabs li.selected a:visited span { + color: #be5900 !important; + text-decoration: none; + } + + body div.vectorTabs li.selected a{ + border-top:1px solid #6cc8f3; + border-right:1px solid #6cc8f3; + border-left:1px solid #6cc8f3; + border-bottom:#ffffff; + height: 1.8em; + background-color:#fff; + background-image:none; + } + body div.vectorTabs li.selected.first{ + background-image: url(images/tab-active-first.png); + background-repeat:no-repeat; + background-position:top left; + } + body div.vectorTabs li.selected.first a{ + margin-left:7px; + padding-right:0.4em; + padding-left:0.2em; + border-left:none; + } + body div.vectorTabs li.selected.last{ + background-image: url(images/tab-active-last.png); + background-repeat:no-repeat; + background-position:top right; + } + body div.vectorTabs li.selected.last a{ + margin-right:7px; + padding-left:0.4em; + padding-right:0.2em; + border-right:none; + } + div.vectorTabs li.new a, + div.vectorTabs li.new a span, + div.vectorTabs li.new a:visited, + div.vectorTabs li.new a:visited span { + color: #990000; + } + + /* Variants and Actions */ + /* @noflip */ + div.vectorMenu { + } + body.rtl div.vectorMenu { + direction: rtl; + } + /* @noflip */ + body #head div.vectorMenu h5 { + + border-top:1px solid #c0c0c0; + border-left:1px solid #c0c0c0; + border-right:1px solid #c0c0c0; + padding-left: 0; + margin-left: 0px; + } + /* OVERRIDDEN BY COMPLIANT BROWSERS */ + body div.vectorMenu h5 a { + display: inline-block; + width: 24px; + height:1.5em; + background-image: none; + } + /* IGNORED BY IE6 */ + div.vectorMenu h5 > a { + display: block; + } + div.vectorMenu div.menu { + position: relative; + display: none; + clear: both; + text-align: left; + } + /* OVERRIDDEN BY COMPLIANT BROWSERS */ + body.rtl div.vectorMenu div.menu { + margin-right: 24px; + } + /* IGNORED BY IE6 */ + body.rtl div.vectorMenu > div.menu { + margin-right: auto; + } + /* Fixes old versions of FireFox */ + body.rtl div.vectorMenu > div.menu, + x:-moz-any-link { + margin-right: 24px; + } + div.vectorMenu:hover div.menu { + display: block; + } + div.vectorMenu ul { + position: absolute; + background-color: white; + border: solid 1px silver; + border-top-width: 0; + list-style: none; + list-style-image: none; + list-style-type: none; + padding: 0; + margin: 0; + margin-left: -1px; + text-align: left; + } + /* Fixes old versions of FireFox */ + div.vectorMenu ul, + x:-moz-any-link { + min-width: 5em; + } + /* Returns things back to normal in modern versions of FireFox */ + div.vectorMenu ul, + x:-moz-any-link, + x:default { + min-width: 0; + } + div.vectorMenu li { + padding: 0; + margin: 0; + text-align: left; + line-height: 1em; + } + /* OVERRIDDEN BY COMPLIANT BROWSERS */ + div.vectorMenu li a { + display: inline-block; + padding: 0.5em; + white-space: nowrap; + } + /* IGNORED BY IE6 */ + div.vectorMenu li > a { + display: block; + } + div.vectorMenu li a { + color: #0645ad; + cursor: pointer; + font-size: 0.8em; + } + div.vectorMenu li.selected a, + div.vectorMenu li.selected a:visited { + color: #333333; + text-decoration: none; + } +#ca-unwatch.icon, +#ca-watch.icon{ + background-color:#ffffff; + +} +#ca-unwatch.icon a, +#ca-watch.icon a { + height: 1.75em !important; + padding-bottom:1px; + border-bottom:none; +} +#ca-watch.icon a, +#ca-unwatch.icon a{ + background-repeat:no-repeat; +} -- 2.20.1