From 2096e3531b10eb30c95f33e9d311df3cad02c9c2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?D=C3=A3o=20Gottwald?= Date: Tue, 19 Jun 2012 16:07:24 +0200 Subject: [PATCH] Bug 764755 - Remove the aero glass style border of arrow panels and reduce the arrow size. r=enndeakin --- browser/themes/winstripe/browser.css | 16 +- .../winstripe/downloads/downloads-aero.css | 4 - .../themes/winstripe/downloads/downloads.css | 5 - toolkit/content/widgets/popup.xml | 8 +- .../global/arrow/panelarrow-down-aero.png | Bin 1208 -> 0 bytes .../global/arrow/panelarrow-down.png | Bin 1336 -> 0 bytes .../global/arrow/panelarrow-horiz-aero.png | Bin 1152 -> 0 bytes .../global/arrow/panelarrow-horiz.png | Bin 1314 -> 0 bytes .../arrow/panelarrow-horizontal-white.png | Bin 0 -> 293 bytes .../global/arrow/panelarrow-horizontal.svg | 8 +- .../global/arrow/panelarrow-up-aero.png | Bin 917 -> 0 bytes .../winstripe/global/arrow/panelarrow-up.png | Bin 1236 -> 0 bytes .../arrow/panelarrow-vertical-white.png | Bin 0 -> 291 bytes .../global/arrow/panelarrow-vertical.svg | 8 +- toolkit/themes/winstripe/global/jar.mn | 12 +- .../themes/winstripe/global/popup-aero.css | 7 - toolkit/themes/winstripe/global/popup.css | 227 ++++++------------ 17 files changed, 101 insertions(+), 194 deletions(-) delete mode 100644 toolkit/themes/winstripe/global/arrow/panelarrow-down-aero.png delete mode 100644 toolkit/themes/winstripe/global/arrow/panelarrow-down.png delete mode 100644 toolkit/themes/winstripe/global/arrow/panelarrow-horiz-aero.png delete mode 100644 toolkit/themes/winstripe/global/arrow/panelarrow-horiz.png create mode 100644 toolkit/themes/winstripe/global/arrow/panelarrow-horizontal-white.png delete mode 100644 toolkit/themes/winstripe/global/arrow/panelarrow-up-aero.png delete mode 100644 toolkit/themes/winstripe/global/arrow/panelarrow-up.png create mode 100644 toolkit/themes/winstripe/global/arrow/panelarrow-vertical-white.png delete mode 100644 toolkit/themes/winstripe/global/popup-aero.css diff --git a/browser/themes/winstripe/browser.css b/browser/themes/winstripe/browser.css index 0220eb92c1f8..b7252a478378 100644 --- a/browser/themes/winstripe/browser.css +++ b/browser/themes/winstripe/browser.css @@ -1676,18 +1676,18 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- } .panel-promo-box { - margin: 16px 0 -2px; + margin: 10px -10px -10px; + padding: 8px 10px; + border-top: 1px solid ThreeDShadow; + background-image: -moz-linear-gradient(hsla(0,0%,0%,.15), hsla(0,0%,0%,.08) 6px); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; } @media (-moz-windows-default-theme) { .panel-promo-box { - margin: 8px -16px -16px; - padding: 8px 16px; -%ifndef WINSTRIPE_AERO - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -%endif - background-color: #f1f5fb; + border-top-style: none; + background: #f1f5fb; color: GrayText; box-shadow: 0px 1px 2px rgb(204,214,234) inset; } diff --git a/browser/themes/winstripe/downloads/downloads-aero.css b/browser/themes/winstripe/downloads/downloads-aero.css index b5bb0799f998..88d5751d2621 100644 --- a/browser/themes/winstripe/downloads/downloads-aero.css +++ b/browser/themes/winstripe/downloads/downloads-aero.css @@ -6,10 +6,6 @@ %include downloads.css %undef WINSTRIPE_AERO -#downloadsPanel > .panel-arrowcontainer > .panel-arrowcontent > .panel-inner-arrowcontent { - padding: 0; -} - @media (-moz-windows-default-theme) { #downloadsPanel[hasdownloads] > #downloadsHistory { background-color: #f1f5fb; diff --git a/browser/themes/winstripe/downloads/downloads.css b/browser/themes/winstripe/downloads/downloads.css index 8b3146eae58f..32838cb743b5 100644 --- a/browser/themes/winstripe/downloads/downloads.css +++ b/browser/themes/winstripe/downloads/downloads.css @@ -16,11 +16,6 @@ border-top-left-radius: 6px; border-top-right-radius: 6px; } - -#downloadsPanel > .panel-arrowcontainer > .panel-arrowcontent { - /* Avoid that the arrow overlaps the selection on first item */ - padding-top: 5px; -} %endif #downloadsPanel > .panel-arrowcontainer > .panel-arrowcontent { diff --git a/toolkit/content/widgets/popup.xml b/toolkit/content/widgets/popup.xml index 77893b846e4f..341c95fe84fb 100644 --- a/toolkit/content/widgets/popup.xml +++ b/toolkit/content/widgets/popup.xml @@ -310,11 +310,9 @@ - - - - + + + diff --git a/toolkit/themes/winstripe/global/arrow/panelarrow-down-aero.png b/toolkit/themes/winstripe/global/arrow/panelarrow-down-aero.png deleted file mode 100644 index 6ec2dbc9a7cf455b6b737b0a0c970e8f8c1e3716..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1208 zcmV;p1V{UcP)jNacTOm5Ala@qR9_rnJ=H$Rkowdv-e8J`Hi7a=y#~CA4Kzf z0mVQGP!hBNS_B#JyQvCsOeO=}b$E`x_y_{4nx^f%aJjP)upi7slJA!bz+Y5QzP;4d z*m3Smc~4KzbIAFKWiJB{qXsIt{}2Z zWWTpyZFPz3z}ZtLOZ)oz{-${#UmWLW^%zzlYKGVxfJ>uRLf|=Qt0%p^y$XD;y3`qJ zl8JPGDw25X7@){qzSXN7Jbj|g8xDtG!Pie|9@aLRP={_6M@243f)jicG!~FL5oZaW z0f-E(RdMzDjV4(l_okwWcZQLE&o;p3)$a9GtJH%h+kPz^7#NsBzulafkf1aQLtWu*79HLx_O95?z>Zw_**+5iY&<$#qJH8JtT0vHMnAM zaBv!8j>1o$*(9a|HE%VM?X;7L<^#P_%psXc;)0}fQF{h0K){iWH+p{y$N(}i8~-;O z2nEG?~N0!!z*Sa|?hu1i)KK z7hK5bgdLCsOMpRU8OSId*|uMfP>^QYG8`mdk=5!_Pi2`oA8c-FTo@S{$>hM20SN1D z@@>QZ;gZmNP?-2`?qa+7O3*60tAkd9iXqmn`uckRt#Chiqp5dhB8mS1Xj9SRm*&Pj z4Rd2-V-(;|<|3a1QK5xw1ElNE0$~@V5P?t?LA;u}y1I(n;r@Kd<9(6*^saW_o`%`+ z@$uJ??*$wAD4N8M0PI581@RzP(hfn)+M1f0ZQb47l`SnTW0RAUFIfxW1%kKFyc2+> zK-dAH5N-rS507q$yB+QopmE6a58p7EVrUsnpjF5=0EbX*Zm>L%k!2y!(Gi7$#UKIg z`w_HUr_chCu-KKC1n{%7lM@iW%codz`OGnXoLNL58d8eMa00MYh)f{jlAL0#mWOtE zQ#=*3=N6Cyh7$lM5LO`gv(92JAQ$j^i^2(6&lSKaL^elwfie<7&*J|ortqC3fLtI% z5MGds?!>|glHp&PV}M*Ch;Xi#&|OCWl6d~NDBR4Yh+H8=0Mo*OOyFcW0O<8qfB^ur W3cBqH|L&In0000R zW_r52%I{X)8mil#I6THlzVxK0`_^y1y7yMKP)d33D~hGyx5E4XUK*mS9E3@JM77(p#Vm!Qkg4Jd8Gv1{bmdgv+W z38)Y1>9Bj`S`E4Y{R;gA&4Wj~r{Sd3E|N1=f+7H7X5yI>4v~$R+Iu7%SOi_1U55$dd>k`biitMM^dV}tzz&u%QE zwRDw3+Jkx2u(6ux7NbnpzuCh$Pb-tBX7=oQgOdMG{=!RKoffRY#UNY3**#sraCtzz zojP#j*siCa+1hUa(X7Kj1Jd0TFHV&Pix_Nr;$-E6!8ea^p&4=0Mk-99-DF^YvlmP=!EhSeq%YYG^m~zJ~V%Hva9G zrvNs}j=5m99GG;$EKjo_>$urj@22A9HT{j{KQvZ@7=Rw z)TzpA`~_7iP~)o&4nEkH&HCZ`KM!H5e)_0{iWc zrA)JYtgp8it_{GzspKAhFe>x;lws=puwucaut6C}r6L8pAM8M>`oppxHV~ZjFX&GWQDm}W znN~@ct{s_3kz{St8mmd}+BBEs?tDJwbK|oQmt2yj2XCIc&%ul5p3n1qp68HZ7~ED| zJhw#`+9D1@RRSXR9#sj5NLcS$v`HvW2|o)U5nHrLs6bf^bPy|w6?$yKXkZPoPJEBb z1hUW?N-iP{cA*NPBIO;H1af1G5PBT!b9{xKI*4}|wvDJBpih9>#>U2uiWPpo39SXy zVK4w60lhdnI{NIvw)U&yCZKgh+X1*6bolb+Z=P=J>Yca|lYizbfVwD8cMxdX#Y>kC z9rd341)$^qq_YZN2GmKQbtI-3`T&Lo0)a!v-#PVrXi2_?p;o6`F{qn??gSkf85wEq zIdvuop8oXrS~g{MY?cbeF>M09HatAs>VN;knH$T>Re&a~&f`KUguXsBG<4w1 zM<0i$mgFCo6*XaX(6c8LPYS?{sYF5V!_a|&0nZ0#KlyViCjYRcsQ=k@5E^Qhsp&1w z(?$&K@9*~vp8G5kT2j7`DeAv=t%>$nWb+k(4H(+j*XKF==@;{}@$`2KsmzL9&$BuQ zL^BKk#2L`;_xnBPzC0hBiLYI`lgh+PZKhTpI{;Vk2OkrL;(rqfZ0*Vp!DnX^z_YMZ&$XN&v^GWNV^3d@#TcV1nIEML-hP4-EZR8RByn~mqtWQL>8W7T>61PC4Z*RHRCB8^ z_8E3y#DIA!pB-c^6^TS@Z{M0}I_>Le$s=Jtv7S?kfw=dvnf3k5qhBC?U}J00Mu z+1Xhsxf0*y>*{RIXvShny%%06FAWCHt{WI03WeP1RATRm&SUqlYsP}C=F@gyM5Q1{ z(vXGYwNx+|bnBUPi?^e_aaGk8m8`a249pe_3+Je{B;>iPhST>SZ+~?=fMcrwFQr6j zxWPPcR6Y*N#KeTNUUEKp?3I@#Ig?*3we}0a4GJ!gkB^JZjrC6*dFgqVXtQ~Gk$(;P zUWd}(I1UB}2MwpwdC+d!v>OR(sZnbO>5a``Jpxz$MTbPEtVV?MdA<^`72E{pK{-&i zQZT!Tw8t2n+YFd15Q=;?z*gbVstM)@@GiU>U^eeJ;MM$>zNcYq+28;F0t^6X2AS_S S5R3u<0000O3IP)Kl5+ z#fHQ<_S3wqRLY`Ma6~chh@4|7+mfP?vlpU0lCpS*$DgJq?1?AZi zovg3~#4<$JC_pQqL426QsTy`3`in)cgNp(OZY)dF7z1n;eK!yFKs2j9XoDqXiKYg* zG6ww!&9T#(lL3|tn+E0C6~V4q)jzNb^>B}6$*TaRhsG$~&b!Z+d&@WFY)b$t@CY~w*F#t8dT}~{*#?kuR-_^+SNg7g?}OnTcdWbX-eSQP zj$;X`%sAyzPtMWBh0^QQry2LP#T$Osx&81DLKzf|UV#6R-ygIfB_D59$0#89Ph`8cp2} zR$^EmU~d8TAc4po!JJ01w1zbtrT}%XB`dOg;LE998de~f6T|Ebur#3QPQ!}4WK{s$ zjRJW{!wOEbDzm^MATL?1`mF)mKQg(CV0oRhWiXKmW>%>Qb&U0~M~4xxM+jEb1+om5 zk(LOlFmk7hq!-TK0PN8`05J^Z&%M?uEVy2Oc zMin*-T3j|@bj9zF&VHc}grO36KuXa5M+tS=fOMshwg#{6+%hpe@%0cL^n+0N^-$CU zB?5xujO50v8=x{aJ*4W+=bza>J~ncY9J+oWJcz&nh?fFQbLc|WO96Tg51?8y!Akk>mcadsioqxO<=%4njP&wPScL-rEMFBr@kGVj-UuH zwtP`RbqY<(VZf?!F8_i4rY+x#TQ}^PnfzvkpsrW%3Yr9(&^kN)*L1q$xu^FYni`+= z80vKhwTxYxY5}b=^o(}8eallrvojM%Je|`B%6-}f8ae#=_cJQRWoY!}1x{bsy#AvI z>IZS3QXxfss-bN{+6L;UI3?(w!{1HKxdt>2ZM+1kc57({Xf**{*tY43y+>xJe{gAG zh?c-GT7S9r%`~Mh-dVz1HNqP?-MaDdj}hKufQHCrh_Hr$*1^;5JXBs}$)f_Kp0W#}aomP^t$x zq`Ij>1Uya?qWiy!reu|^uXS(I4J|(DXHkaaC z>VVgB?eH9q&*1~fr|L<0%W~N6--)z;HdJ#UdJ0igK3{l=^Sa2DOg{iFoCW%yjQ<4~ Y00bbhci2Uj^8f$<07*qoM6N<$g1hQ-lK=n! diff --git a/toolkit/themes/winstripe/global/arrow/panelarrow-horizontal-white.png b/toolkit/themes/winstripe/global/arrow/panelarrow-horizontal-white.png new file mode 100644 index 0000000000000000000000000000000000000000..24f06bcd5e3a7515bf82fa84fe30b61f21021d75 GIT binary patch literal 293 zcmeAS@N?(olHy`uVBq!ia0vp^Ahrkx8<5=cZcP}FVk{1FcVbv~PUa<$!O>_4Ag!dgc+SQW>)|O*-JcqUD@xj@pG#h>?xVE0w}c9)5S4F&SmU3e7da?dj3V@Bc2!}q4KT7D>0 h53QBkS - + - diff --git a/toolkit/themes/winstripe/global/arrow/panelarrow-up-aero.png b/toolkit/themes/winstripe/global/arrow/panelarrow-up-aero.png deleted file mode 100644 index b5e194e7b46dfd230764294f8acd7822a47d691a..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 917 zcmV;G18V$mNy0000PbVXQnQ*UN; zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU#H%UZ6RCwC7md|SwK@`Wcvy6H{;IS8}VChxpUtq0T z>5pW0eNW!XbebQV-8k^&&Fn5S?=$bs+ff|H2`P#a3fPnuW3f3c#%(q9pNE1sMR2-N z-*wiJ`VM^)2!wYC0L3ILzLx=P$p(rD?*IU+BUOMAA<$`ytWEFSzHboTApn)c1*vr) z5TGW=66W*`!UF=hJ01pUWL=3MB0!aNKvpaSzCd_D0F@lp2_oY5q2gix3RI66^gl!Y zBlP#l`8_G+szD;cIsgzMnV@b^FF1V)bR!;*r#3e?!89PC&sl^QOUN|!WU|2OfE?d@7JnOt98UHt;X53ufc zu)hdq$1e!_&wNBclK|WlItey8F)=YB17Pdz>*JM5B?>7vjG**=4{d-cM78bIY8Ht` z0J;RwgJ%G2VsdgaS|}6-Rn8kOy0^P)r_f3Z~X>I}vFX39kSc zfz!CNnM@}3qENU10P?lskRpbmtgNgILCRf5a3Lb%VUN&yo+8400LWEnd}?YcwzQNV zP*o0*#ocMHu%?Gzmr55Q^`bD(IBi6|s^tlU`-p()MgTN6Jv|-EK7P`#FxJ)|3PE1J zDh_Iz#)`!vOr?}DH9XvUkNih?i@Q)*ILP7|K!EX?nVH!A2aD$cz}KAzQ|~!MP=_Lr z&*yRNx6WabdN7C(=^rj`S}o~mL*&mYeLCYj?`H%VsLO578br*wo^N> ro&EnMoFCW0^-zucbZ^Mm|0BQvJ&@Nz9BKAE00000NkvXXu0mjf6U&kq diff --git a/toolkit/themes/winstripe/global/arrow/panelarrow-up.png b/toolkit/themes/winstripe/global/arrow/panelarrow-up.png deleted file mode 100644 index 2f7ffbed4660d30b7b08ad3ee87d5e16ee26f878..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1236 zcmV;_1S|WAP)V4|_>b=jFpPLUR(rZKaH1kxOULqjfyS{+y39yt9J%G7zI>oA!mwp~!v2yiZH^*OpUi)(A z_BX%4$Nypf!D_GuTg;ZQWyvCwq?8b%Ty)!GAww;O4MM3y5{%mGYsWr1cIMlI^gSzE z75lKGg0fuY!dm#EQz#|a(5dr3eEQm&(Vf0$R22BC8v5uxi zzmLaPIslgIsi=*vxN0%5-5w)H0|1*?JGSAyz&9$Wc&Y+G4Jeyf)rb>SYs9M2Ow`nG zzns~#W9#P_a}V|}hq}(z6d{heR@-iHUYq?T6(g|m6bw)iET|Z$Wfa&H*i;j6b%53C z&9uMv`>&I`KY05H13nUf4F+_OaW}Xklq(mmObni!{C<3N-Nx-9ph5;C)ePWhX*6F9 z!e**o3GlNHfEgsl$0azSS|B!WD9XhkhjQCfFbbzup4U>%onE9~3^)pJ9e^_kaUJ%@ z)YXf--rsT^BESYt!7*GyR_wC1oRC2q}Kz z+@%RhCQ%C`k;SG{5q25ss{SGd8#;aAatZy-N$_Ebiy1 z^s(Pu<`$LnSTzSWj6F87W^~qUF0BKW$Gun7{~$CCFmoS|xr9 zj;dP;j?$bH*iw-Ph}E)osb>e1fT?yozcne8@rLQKQUH2aTpa4aO9ZMR@o z8EBbHZMAUC`JHCJxA@uS4u0GqJg(GBVXyGn=f42BCM$Lub_e!2teCh6r^P7|iVNpL yH+Ru=zcUiR+0uPZK&k~+tet|&LAmxsfB^uhAEFT!P~!Ul0000| zgW!U_%O?XxI14-?i-Fp&gD|6$#_S59AbW|YuPgfjYfr!Jy#T~KMB_DO?cuQ}1Z@**L?(DjEvNA%`MVyx2y0%$$LcjOBzV~k%l?%>2 z*Z#nyB)zJE?ZuqpYnJJadiO)4HwY)Vs4R(b(|6d*Caazu8hUw&K-2jbi#*-WtXQ>V z=AQ3j2HqFgB%C<({+@{X&2Z~anwYWohDZMMkIt`4ddd{GsMa!*_luHJW^!fV;SRZ^ fp6y@i%Nxw)CS{-1b-T|FbS{IZtDnm{r-UW|s=aLJ literal 0 HcmV?d00001 diff --git a/toolkit/themes/winstripe/global/arrow/panelarrow-vertical.svg b/toolkit/themes/winstripe/global/arrow/panelarrow-vertical.svg index 3509a9d9475c..4bcac9da33a6 100644 --- a/toolkit/themes/winstripe/global/arrow/panelarrow-vertical.svg +++ b/toolkit/themes/winstripe/global/arrow/panelarrow-vertical.svg @@ -4,10 +4,10 @@ - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> - + - diff --git a/toolkit/themes/winstripe/global/jar.mn b/toolkit/themes/winstripe/global/jar.mn index 2f43afa63bdc..c14de25d008b 100644 --- a/toolkit/themes/winstripe/global/jar.mn +++ b/toolkit/themes/winstripe/global/jar.mn @@ -82,11 +82,10 @@ toolkit.jar: skin/classic/global/arrow/arrow-up-dis.gif (arrow/arrow-up-dis.gif) skin/classic/global/arrow/arrow-up-hov.gif (arrow/arrow-up-hov.gif) skin/classic/global/arrow/arrow-up-sharp.gif (arrow/arrow-up-sharp.gif) - skin/classic/global/arrow/panelarrow-up.png (arrow/panelarrow-up.png) - skin/classic/global/arrow/panelarrow-down.png (arrow/panelarrow-down.png) - skin/classic/global/arrow/panelarrow-horiz.png (arrow/panelarrow-horiz.png) skin/classic/global/arrow/panelarrow-horizontal.svg (arrow/panelarrow-horizontal.svg) + skin/classic/global/arrow/panelarrow-horizontal-white.png (arrow/panelarrow-horizontal-white.png) skin/classic/global/arrow/panelarrow-vertical.svg (arrow/panelarrow-vertical.svg) + skin/classic/global/arrow/panelarrow-vertical-white.png (arrow/panelarrow-vertical-white.png) skin/classic/global/checkbox/cbox-check.gif (checkbox/cbox-check.gif) skin/classic/global/checkbox/cbox-check-dis.gif (checkbox/cbox-check-dis.gif) skin/classic/global/console/console.css (console/console.css) @@ -217,7 +216,7 @@ toolkit.jar: skin/classic/aero/global/numberbox.css * skin/classic/aero/global/notification.css (notification-aero.css) skin/classic/aero/global/passwordmgr.css -* skin/classic/aero/global/popup.css (popup-aero.css) +* skin/classic/aero/global/popup.css skin/classic/aero/global/preferences.css skin/classic/aero/global/printPageSetup.css skin/classic/aero/global/printPreview.css @@ -259,11 +258,10 @@ toolkit.jar: skin/classic/aero/global/arrow/arrow-up-dis.gif (arrow/arrow-up-dis.gif) skin/classic/aero/global/arrow/arrow-up-hov.gif (arrow/arrow-up-hov.gif) skin/classic/aero/global/arrow/arrow-up-sharp.gif (arrow/arrow-up-sharp.gif) - skin/classic/aero/global/arrow/panelarrow-up.png (arrow/panelarrow-up-aero.png) - skin/classic/aero/global/arrow/panelarrow-down.png (arrow/panelarrow-down-aero.png) - skin/classic/aero/global/arrow/panelarrow-horiz.png (arrow/panelarrow-horiz-aero.png) skin/classic/aero/global/arrow/panelarrow-horizontal.svg (arrow/panelarrow-horizontal.svg) + skin/classic/aero/global/arrow/panelarrow-horizontal-white.png (arrow/panelarrow-horizontal-white.png) skin/classic/aero/global/arrow/panelarrow-vertical.svg (arrow/panelarrow-vertical.svg) + skin/classic/aero/global/arrow/panelarrow-vertical-white.png (arrow/panelarrow-vertical-white.png) skin/classic/aero/global/checkbox/cbox-check.gif (checkbox/cbox-check.gif) skin/classic/aero/global/checkbox/cbox-check-dis.gif (checkbox/cbox-check-dis.gif) * skin/classic/aero/global/console/console.css (console/console-aero.css) diff --git a/toolkit/themes/winstripe/global/popup-aero.css b/toolkit/themes/winstripe/global/popup-aero.css deleted file mode 100644 index e30c960e0b15..000000000000 --- a/toolkit/themes/winstripe/global/popup-aero.css +++ /dev/null @@ -1,7 +0,0 @@ -/* This Source Code Form is subject to the terms of the Mozilla Public - * License, v. 2.0. If a copy of the MPL was not distributed with this - * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ - -%define WINSTRIPE_AERO -%include popup.css -%undef WINSTRIPE_AERO diff --git a/toolkit/themes/winstripe/global/popup.css b/toolkit/themes/winstripe/global/popup.css index 54adefc940cd..3175caccaefa 100644 --- a/toolkit/themes/winstripe/global/popup.css +++ b/toolkit/themes/winstripe/global/popup.css @@ -36,166 +36,93 @@ panel[type="arrow"] { -moz-transition: opacity 300ms; } +panel[type="arrow"][side="top"], +panel[type="arrow"][side="bottom"] { + margin-left: -20px; + margin-right: -20px; +} + +panel[type="arrow"][side="left"], +panel[type="arrow"][side="right"] { + margin-top: -20px; + margin-bottom: -20px; +} + +.panel-arrowcontent { + border-radius: 4px; + padding: 10px; + color: -moz-DialogText; + background: -moz-Dialog; + background-clip: padding-box; + border: 1px solid ThreeDShadow; + margin: 4px; +} + +.panel-arrow[side="top"], +.panel-arrow[side="bottom"] { + list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg"); + position: relative; + margin-left: 10px; + margin-right: 10px; +} + +.panel-arrow[side="top"] { + margin-bottom: -5px; +} + +.panel-arrow[side="bottom"] { + -moz-transform: scaleY(-1); + margin-top: -5px; +} + +.panel-arrow[side="left"], +.panel-arrow[side="right"] { + list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg"); + position: relative; + margin-top: 10px; + margin-bottom: 10px; +} + +.panel-arrow[side="left"] { + margin-right: -5px; +} + +.panel-arrow[side="right"] { + -moz-transform: scaleX(-1); + margin-left: -5px; +} + %ifdef XP_WIN -@media not all and (-moz-windows-default-theme) { -%endif - panel[type="arrow"][side="top"], - panel[type="arrow"][side="bottom"] { - margin-left: -23px; - margin-right: -23px; - } - - panel[type="arrow"][side="left"], - panel[type="arrow"][side="right"] { - margin-top: -23px; - margin-bottom: -23px; - } - +@media (-moz-windows-default-theme) { .panel-arrowcontent { - border-radius: 6px; - padding: 10px; - color: -moz-DialogText; - background: -moz-Dialog; - border: 1px solid ThreeDShadow; + border-color: rgba(0,0,0,.3); + box-shadow: 0 0 4px rgba(0,0,0,.3); + } + + .panel-arrowcontent[side="top"] { + background-image: -moz-linear-gradient(top, white 1px, rgba(255,255,255,0) 15px); + } + + .panel-arrowcontent[side="bottom"] { + background-image: -moz-linear-gradient(bottom, white 1px, rgba(255,255,255,0) 15px); + } + + .panel-arrowcontent[side="left"] { + background-image: -moz-linear-gradient(left, white 1px, rgba(255,255,255,0) 15px); + } + + .panel-arrowcontent[side="right"] { + background-image: -moz-linear-gradient(right, white 1px, rgba(255,255,255,0) 15px); } .panel-arrow[side="top"], .panel-arrow[side="bottom"] { - list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg"); - position: relative; - margin-left: 6px; - margin-right: 6px; - } - - .panel-arrow[side="top"] { - margin-bottom: -1px; - } - - .panel-arrow[side="bottom"] { - -moz-transform: scaleY(-1); - margin-top: -1px; + list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical-white.png"); } .panel-arrow[side="left"], .panel-arrow[side="right"] { - list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg"); - position: relative; - margin-top: 6px; - margin-bottom: 6px; - } - - .panel-arrow[side="left"] { - margin-right: -1px; - } - - .panel-arrow[side="right"] { - -moz-transform: scaleX(-1); - margin-left: -1px; - } -%ifdef XP_WIN -} -%endif - -%ifdef XP_WIN -@media (-moz-windows-default-theme) { - panel[type="arrow"][side="top"], - panel[type="arrow"][side="bottom"] { - margin-left: -25px; - margin-right: -25px; - } - - panel[type="arrow"][side="left"], - panel[type="arrow"][side="right"] { - margin-top: -25px; - margin-bottom: -25px; - } - - .panel-arrowcontent { - border-radius: 6px; -%ifdef WINSTRIPE_AERO - background-color: rgba(179,230,255,.35); - background-image: -moz-linear-gradient(rgba(250,253,255,.9), rgba(250,253,255,.75) 20px, rgba(250,253,255,.70) 39px, rgba(250,253,255,0) 41px, rgba(250,253,255,0)); - margin: 5px; - box-shadow: 0 0 0 1px rgba(255,255,255,.65) inset, - 0 1px 0 rgba(255,255,255,.3) inset, - 0 0 0 1px rgba(0,0,0,.75), - 0 1px 3px 2px rgba(0,0,0,.65); -%else - background: rgb(250,251,253); - padding: 16px; - margin: 3px; - box-shadow: 0 0 5px 1px rgba(184,205,232,1) inset, - 0 0 0 1px rgba(0,0,0,.25), - 0 1px 5px rgba(0,0,0,.5); -%endif - } - -%ifdef WINSTRIPE_AERO - .panel-inner-arrowcontent { - background-color: rgb(250,250,250); - background-clip: padding-box; - margin: 4px; - border: 2px solid; - border-radius: 2px; - -moz-border-top-colors: rgba(255,255,255,.6) rgba(0,0,0,.7); - -moz-border-left-colors: rgba(255,255,255,.6) rgba(0,0,0,.7); - -moz-border-bottom-colors: rgba(255,255,255,.6) rgba(0,0,0,.7); - -moz-border-right-colors: rgba(255,255,255,.6) rgba(0,0,0,.7); - padding: 16px; - } -%endif - - .panel-arrow[side="top"] { - list-style-image: url("chrome://global/skin/arrow/panelarrow-up.png"); -%ifdef WINSTRIPE_AERO - margin-bottom: -5px; - margin-top: -5px; -%else - margin-left: 6px; - margin-right: 6px; - margin-bottom: -13px; - margin-top: -4px; -%endif - } - - .panel-arrow[side="bottom"] { - list-style-image: url("chrome://global/skin/arrow/panelarrow-down.png"); -%ifdef WINSTRIPE_AERO - margin-top: -5px; - margin-bottom: -5px; -%else - margin-left: 6px; - margin-right: 6px; - margin-top: -12px; - margin-bottom: -4px; -%endif - } - - .panel-arrow[side="left"] { - list-style-image: url("chrome://global/skin/arrow/panelarrow-horiz.png"); -%ifdef WINSTRIPE_AERO - margin-right: -5px; - margin-left: -5px; -%else - margin-top: 6px; - margin-bottom: 6px; - margin-right: -12px; - margin-left: -4px; -%endif - } - - .panel-arrow[side="right"] { - list-style-image: url("chrome://global/skin/arrow/panelarrow-horiz.png"); - -moz-transform: scaleX(-1); -%ifdef WINSTRIPE_AERO - margin-left: -5px; - margin-right: -5px; -%else - margin-top: 6px; - margin-bottom: 6px; - margin-left: -12px; - margin-right: -4px; -%endif + list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal-white.png"); } } %endif