From faeaf059fe682a597a80a9824d31a0f9dc97edba Mon Sep 17 00:00:00 2001 From: Saivann Date: Fri, 8 Aug 2014 00:25:50 -0400 Subject: [PATCH] Add platform icons in the wallet menu --- _less/rtl.less | 6 ++ _less/screen.less | 29 +++++- _templates/choose-your-wallet.html | 12 +-- img/os/wallet_menu_android.png | Bin 0 -> 571 bytes img/os/wallet_menu_android.svg | 107 ++++++++++++++++++++++ img/os/wallet_menu_blackberry.png | Bin 0 -> 694 bytes img/os/wallet_menu_blackberry.svg | 140 +++++++++++++++++++++++++++++ img/os/wallet_menu_iphone.png | Bin 0 -> 593 bytes img/os/wallet_menu_iphone.svg | 134 +++++++++++++++++++++++++++ img/os/wallet_menu_linux.png | Bin 0 -> 701 bytes img/os/wallet_menu_linux.svg | 86 ++++++++++++++++++ img/os/wallet_menu_mac.png | Bin 0 -> 593 bytes img/os/wallet_menu_mac.svg | 134 +++++++++++++++++++++++++++ img/os/wallet_menu_windows.png | Bin 0 -> 676 bytes img/os/wallet_menu_windows.svg | 109 ++++++++++++++++++++++ 15 files changed, 749 insertions(+), 8 deletions(-) create mode 100644 img/os/wallet_menu_android.png create mode 100644 img/os/wallet_menu_android.svg create mode 100644 img/os/wallet_menu_blackberry.png create mode 100644 img/os/wallet_menu_blackberry.svg create mode 100644 img/os/wallet_menu_iphone.png create mode 100644 img/os/wallet_menu_iphone.svg create mode 100644 img/os/wallet_menu_linux.png create mode 100644 img/os/wallet_menu_linux.svg create mode 100644 img/os/wallet_menu_mac.png create mode 100644 img/os/wallet_menu_mac.svg create mode 100644 img/os/wallet_menu_windows.png create mode 100644 img/os/wallet_menu_windows.svg diff --git a/_less/rtl.less b/_less/rtl.less index 244fecf6..65372f9c 100644 --- a/_less/rtl.less +++ b/_less/rtl.less @@ -205,6 +205,12 @@ h2 .rssicon{ left:auto; right:0; } +.walletmenu ul li ul li{ + background-position:right 10px; +} +.walletmenu ul li ul li:hover{ + background-position:right -24px; +} .walletmenu ul li ul li.select a{ background-position:left center; } diff --git a/_less/screen.less b/_less/screen.less index 4d6a1323..574c08db 100644 --- a/_less/screen.less +++ b/_less/screen.less @@ -1176,7 +1176,8 @@ table td,table th{ border-bottom-right-radius:0; } .walletmenu ul li.active, -.walletmenu ul li.select{ +.walletmenu ul li.select, +.walletmenu ul li:hover{ background-position:left -62px; background-color:#0d579b; color:#fff; @@ -1190,6 +1191,7 @@ table td,table th{ .walletmenu ul li a{ padding:8px 10px 5px 42px; display:block; + white-space:nowrap; } .walletmenu ul li ul{ display:none; @@ -1210,15 +1212,20 @@ table td,table th{ display:block; padding:0; margin:0; + background-position:left 10px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } +.walletmenu ul li ul li.select, +.walletmenu ul li ul li:hover{ + background-position:left -24px; +} .walletmenu ul li ul li a{ background-image:url(/img/wallet_select.svg); background-repeat:no-repeat; background-position:-32px center; - padding:8px 10px 5px 10px; + padding:8px 32px 5px 32px; margin:1px 0; } .walletmenu ul li ul li.select a{ @@ -1236,6 +1243,24 @@ table td,table th{ .walletmenu .wallet-web{ background-image:url(/img/wallet_menu_web.svg); } +.walletmenu .wallet-blackberry{ + background-image:url(/img/os/wallet_menu_blackberry.svg); +} +.walletmenu .wallet-iphone{ + background-image:url(/img/os/wallet_menu_iphone.svg); +} +.walletmenu .wallet-android{ + background-image:url(/img/os/wallet_menu_android.svg); +} +.walletmenu .wallet-windows{ + background-image:url(/img/os/wallet_menu_windows.svg); +} +.walletmenu .wallet-mac{ + background-image:url(/img/os/wallet_menu_mac.svg); +} +.walletmenu .wallet-linux{ + background-image:url(/img/os/wallet_menu_linux.png); +} .wallets{ width:605px; diff --git a/_templates/choose-your-wallet.html b/_templates/choose-your-wallet.html index d87e072a..64d5e80b 100755 --- a/_templates/choose-your-wallet.html +++ b/_templates/choose-your-wallet.html @@ -511,17 +511,17 @@ wallets:
  • {% translate walletcatmobile %}
  • {% translate walletcatdesktop %}
    • diff --git a/img/os/wallet_menu_android.png b/img/os/wallet_menu_android.png new file mode 100644 index 0000000000000000000000000000000000000000..d9887417d29fd3ee3458f1b9a4d29e45408a3651 GIT binary patch literal 571 zcmV-B0>u4^P)JndbRQCV*^|Zd7WEYIh zW`;ogvyLmbbr;;hGQPIR{f@hM(F!?t1Z(~XuTF9hEvj4WFm3i(Jplth@eE57BQQc_ zCvCctt|suH1Z(PDkUNTp_6V2p2EXwE4@-cmRMM&0)UTi;&=KeebObsA9f6KON1&8I zf8_lk#_Dkrn8RO%1jPzT34smV#yc$FB;Ml|Hgmype@f@^5ohtk(W!^=02gEk6tkg_ zM8tMP>_x;{MC>>CdPM9-L@R})Z3V92BF^J-fiG&61b*Q;9%mtzs2UNmlTN!55z8s=6p|u^%9N~ literal 0 HcmV?d00001 diff --git a/img/os/wallet_menu_android.svg b/img/os/wallet_menu_android.svg new file mode 100644 index 00000000..5848c542 --- /dev/null +++ b/img/os/wallet_menu_android.svg @@ -0,0 +1,107 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + diff --git a/img/os/wallet_menu_blackberry.png b/img/os/wallet_menu_blackberry.png new file mode 100644 index 0000000000000000000000000000000000000000..a34ec68d8da74e30b16dffddfcceeb13e4399372 GIT binary patch literal 694 zcmV;n0!jUeP)%(5tR;KJOO%Q^2o z=iECpZ%`SgT^MR~V5G>R5W;=nF3wEO79*Bc}*BX7y%x~>6W?~@oC^TNk-PygAl?v@C69K zC*ZmI<}Ck3GB5#L0WJZDDg1iGe*oQxJ&4$4;12LG*L#8bFOaSET*P-%*ha+WfmNUh zECLg`{tFOTN(JfyQ@~^osn=B+P%YF0Pk`~b2Oy-;QfvMsi<)SL)lm z3gi+vg;WC=13KzX#IBK?j^B4nTb<5zRwZq~GAHS80iz_xav#_O)_|wyQi4-5@EN!j zr{92^YNxa#3SPxM!LI`ENY45e(5xC9D)zv6+R)#IHG!HyO`s-F6Q~K)1Zn~`ftoC*+LPAoeKMD!38J{x>32;F27oAZ^fPY*e zQ5Sk@Js0ua6t)qud39B7s*CF1Dd&FM%OXxZWQz;s5{u07*qoM6N<$g2&7ic>n+a literal 0 HcmV?d00001 diff --git a/img/os/wallet_menu_blackberry.svg b/img/os/wallet_menu_blackberry.svg new file mode 100644 index 00000000..d83e4c83 --- /dev/null +++ b/img/os/wallet_menu_blackberry.svg @@ -0,0 +1,140 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/os/wallet_menu_iphone.png b/img/os/wallet_menu_iphone.png new file mode 100644 index 0000000000000000000000000000000000000000..54b80fa285ac195cd2ebd8c11b7ce24c1f6496e5 GIT binary patch literal 593 zcmV-X0MS)Rv~b;X(?nBo7b?Sj9h$MS{WwLlVZ~T!P)5^`3~z892>hcILY~v%Bn1W?J;a zeT;FZb?lM_Eg~M^4NmZ>IY1AypCIw%cg8Qg0@%YwW^P8rQf8jC48G9f91-ggu^kc9 zh}emUm-vXs5pjTNL`)*$YB^}bQm^4yx7_o-U5rX`8vyo;$$#K>Ic_oeN-=rjRZA0A zd*D*Jrd?B(tqRc6*|%B%swG&SK~zfc4L5r&L1s>|Rh-jhyp4$K73Y?7V57nJifY*! zw&4h$)ygpLbsPQyv5M0<$q#X(8Z%~r%N7xj@B&A=Tkt*Z;vv4`S!TW~$7==X+nO$; z0bl?a00w{oU;r2Z27tdA;7lQD9oUCHu#iI12f%Ycg?=#K;J=^ibcvv}vHkYF9# zm|_QK3JDHo|0n2QA<4|O%skGT?Pg|4A!&IR?BiO&?+EvFGR<78mSClr99~zGw*dUV z3Q4sGmUVl4RPg<-I~hMz0#{d{Ss}r{p^&ryjPa%DyQO+Bv?wH*xtf`$a}J@y%sfAZ f1alP + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/os/wallet_menu_linux.png b/img/os/wallet_menu_linux.png new file mode 100644 index 0000000000000000000000000000000000000000..c2859fb07b7714d839c0273b073f6e7cdf1dc1e2 GIT binary patch literal 701 zcmV;u0z&~UxE-Y-ZY#Xo)HiChm2;v{Ku+c(&#A7iN9TSns_};Ub3j_0h z^W(g8e{+TlUrBVia1#IF0d8PVC!LOeK8ZU>>sCrLwJlo@D~o_=W!Z1i%0kqKjJ3lODSh|t<)iaGpdmvY}BT44;$FK8@(A7A9Ks7c z-Tt7IvVdRepHpoGOFh0XHXQs=L;Ff8)1{P&Qp!0zYxJ+;_hC-pB9<}RsIB6O>QEYBv92%S z8fMyPx5@yNQjXy?zOPFU@OP3orIb0<7xE6PN&asos$~dAxxVH!><#n=dIPBzN-Z>Iq3tNaitmLXu=A$$FB5joNgQdr3BujE9ia6WChg zAtXtTCwZA<2O&wakYteLb&~ND5`0@iqGCj&AtWlJI|vCj8$F*85)6-!B)Qy3{Zx{* zBrDr`t~BmXB^fRu@iFxu2#E?%PGGczq)z>ElG#RWHOZ4yhteR)VqITKbubN=kf@Tq jgOK12<}?TiS`(7@iH0@PdM+?Z00000NkvXXu0mjf$ulZ^ literal 0 HcmV?d00001 diff --git a/img/os/wallet_menu_linux.svg b/img/os/wallet_menu_linux.svg new file mode 100644 index 00000000..e439e943 --- /dev/null +++ b/img/os/wallet_menu_linux.svg @@ -0,0 +1,86 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/img/os/wallet_menu_mac.png b/img/os/wallet_menu_mac.png new file mode 100644 index 0000000000000000000000000000000000000000..54b80fa285ac195cd2ebd8c11b7ce24c1f6496e5 GIT binary patch literal 593 zcmV-X0MS)Rv~b;X(?nBo7b?Sj9h$MS{WwLlVZ~T!P)5^`3~z892>hcILY~v%Bn1W?J;a zeT;FZb?lM_Eg~M^4NmZ>IY1AypCIw%cg8Qg0@%YwW^P8rQf8jC48G9f91-ggu^kc9 zh}emUm-vXs5pjTNL`)*$YB^}bQm^4yx7_o-U5rX`8vyo;$$#K>Ic_oeN-=rjRZA0A zd*D*Jrd?B(tqRc6*|%B%swG&SK~zfc4L5r&L1s>|Rh-jhyp4$K73Y?7V57nJifY*! zw&4h$)ygpLbsPQyv5M0<$q#X(8Z%~r%N7xj@B&A=Tkt*Z;vv4`S!TW~$7==X+nO$; z0bl?a00w{oU;r2Z27tdA;7lQD9oUCHu#iI12f%Ycg?=#K;J=^ibcvv}vHkYF9# zm|_QK3JDHo|0n2QA<4|O%skGT?Pg|4A!&IR?BiO&?+EvFGR<78mSClr99~zGw*dUV z3Q4sGmUVl4RPg<-I~hMz0#{d{Ss}r{p^&ryjPa%DyQO+Bv?wH*xtf`$a}J@y%sfAZ f1alP + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/os/wallet_menu_windows.png b/img/os/wallet_menu_windows.png new file mode 100644 index 0000000000000000000000000000000000000000..18f2f90fdb0bd439c81c6c5e1f26cdd47bd16710 GIT binary patch literal 676 zcmV;V0$crwP)PEi~N@Xu*0F$lsSVh}_O79>O>A|2X+0RxGh z%}m5(GMV@T#4NE;>4rp7I$#l^31Sd`0E4C;!)-TmyPY{YR)Vg^&H zJF#hySx|Sz1<&wORS#}rJ+@;B_1N$gc!vTHro^i97XXmA9>HGQMlqF(-IZAx*YI?xNHlmj@gD$$?u5Vw*{ zH;%E=pW`;AxFgUJ=m>NKIszSmjzCACBk)(y${|6mL!x?;{TAB(DSdz=i~53X_==Bh z3A9n5uS0@g91<+)khCE%-edkf)#G&)&dj$3oa-0#-*8A&Px00c3H}p@B*}&Rif>6y zC)t?fc#_E^GfAeBTu!nq4#^8W91;x1AxW|}$!v`RZ;~9W=}(enaY!btkVA3;`{p;f z+G9;)hongw4$p7=GmhXb-q*~3uCj0jMqnw_IwYz~xhw?!7~cVfqo^S( + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + +