From 56d9f1eff8d577826c11270e4c618be5d1e5251e Mon Sep 17 00:00:00 2001 From: Saivann Date: Tue, 9 Jul 2013 01:31:30 -0400 Subject: [PATCH] Improve wallets link button design --- _less/screen.less | 36 ++++++++++++++++++++++++++++++++---- css/ie.css | 17 +++++++++++++++-- img/bubble.svg | 12 ++++++------ img/bubblebottom.png | Bin 2925 -> 3249 bytes img/bubblebottom.svg | 12 ++++++------ img/bubblemiddle.png | Bin 297 -> 301 bytes img/bubblemiddle.svg | 10 +++++----- img/bubbletop.png | Bin 976 -> 970 bytes img/bubbletop.svg | 14 +++++++------- 9 files changed, 71 insertions(+), 30 deletions(-) diff --git a/_less/screen.less b/_less/screen.less index 6d091d15..2595eb57 100644 --- a/_less/screen.less +++ b/_less/screen.less @@ -689,10 +689,26 @@ li p{ position:relative; bottom:-10px; } -.previewrow>div>div>div>h2:first-child+span+p+p>a,.previewrow>div>div>div>h2:first-child+span+p+p>a:visited,.previewrow>div>div>div>h2:first-child+span+p+p>a:link,.previewrow>div>div>div>h2:first-child+span+p+p>a:active{ +.previewrow>div>div>div>h2:first-child+span+p+p>a, +.previewrow>div>div>div>h2:first-child+span+p+p>a:visited, +.previewrow>div>div>div>h2:first-child+span+p+p>a:link, +.previewrow>div>div>div>h2:first-child+span+p+p>a:active { font-weight:bold; text-decoration:none; - font-size:125%; + color:#fff; + background-color:#2c6fad; + background-image:linear-gradient(bottom, #255f96 14%, #2c6fad 70%); + background-image:-o-linear-gradient(bottom, #255f96 14%, #2c6fad 70%); + background-image:-moz-linear-gradient(bottom, #255f96 14%, #2c6fad 70%); + background-image:-webkit-linear-gradient(bottom, #255f96 14%, #2c6fad 70%); + background-image:-ms-linear-gradient(bottom, #255f96 14%, #2c6fad 70%); + border:1px solid #255f96; + padding:4px 8px; + border-radius:4px; + -webkit-border-radius:4px; +} +.previewrow>div>div>div>h2:first-child+span+p+p>a:hover{ + background-image:none; } .previewrow .walletwarning>div:first-child{ background:url(/img/bubblewarntop.svg) bottom center no-repeat; @@ -703,8 +719,20 @@ li p{ .previewrow .walletwarning>div:first-child+div+div{ background:url(/img/bubblewarnbottom.svg) bottom center no-repeat; } -.previewrow .walletwarning a,.previewrow .walletwarning a:link,.previewrow .walletwarning a:visited,.previewrow .walletwarning a:active{ - color:#b95357; +.previewrow .walletwarning>div>h2:first-child+span+p+p a, +.previewrow .walletwarning>div>h2:first-child+span+p+p a:link, +.previewrow .walletwarning>div>h2:first-child+span+p+p a:visited, +.previewrow .walletwarning>div>h2:first-child+span+p+p a:active { + background-color:#b95357; + background-image:linear-gradient(bottom, #a04246 14%, #b95357 70%); + background-image:-o-linear-gradient(bottom, #a04246 14%, #b95357 70%); + background-image:-moz-linear-gradient(bottom, #a04246 14%, #b95357 70%); + background-image:-webkit-linear-gradient(bottom, #a04246 14%, #b95357 70%); + background-image:-ms-linear-gradient(bottom, #a04246 14%, #b95357 70%); + border:1px solid #a04246; +} +.previewrow .walletwarning>div>h2:first-child+span+p+p a:hover{ + background-image:none; } .versiontext{ diff --git a/css/ie.css b/css/ie.css index c341137e..59bcd816 100644 --- a/css/ie.css +++ b/css/ie.css @@ -225,17 +225,23 @@ h3 .ieimg{ margin:0px; padding:10px 0px; } +.previewrow div div div p{ + text-align:expression((this.parentNode.getElementsByTagName('P')[1]==this)?'center':''); +} .previewrow div div div p a, .previewrow div div div p a:visited, .previewrow div div div p a:link, .previewrow div div div p a:active{ - display:block; + display:inline; + zoom:1; text-align:center; width:auto; height:auto; font-weight:bold; text-decoration:none; - font-size:125%; + padding:5px 10px; + color:#fff; + background-color:#2c6fad; } .previewrow .walletwarning .b1{ background-image:url(/img/bubblewarntop.png); @@ -248,6 +254,13 @@ h3 .ieimg{ .previewrow .walletwarning .b3{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bubblewarnbottom.png', sizingMethod='scale'); } +.previewrow .walletwarning div p a, +.previewrow .walletwarning div p a:visited, +.previewrow .walletwarning div p a:link, +.previewrow .walletwarning div p a:active{ + background-color:#b95357; + border:1px solid #a04246; +} .press-volunteer div div{ diff --git a/img/bubble.svg b/img/bubble.svg index b5b5fc1a..7893e2e8 100644 --- a/img/bubble.svg +++ b/img/bubble.svg @@ -13,7 +13,7 @@ height="280" id="svg4147" version="1.1" - inkscape:version="0.48.3.1 r9886" + inkscape:version="0.48.4 r9939" inkscape:export-filename="/media/X/bitcoin.org/bitcoin.org_choose/img/bubble.png" inkscape:export-xdpi="90" inkscape:export-ydpi="90" @@ -28,14 +28,14 @@ inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="1.4142136" - inkscape:cx="122.32943" + inkscape:cx="-14.849282" inkscape:cy="165.12819" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="false" - inkscape:window-width="1280" - inkscape:window-height="1000" - inkscape:window-x="1680" + inkscape:window-width="1680" + inkscape:window-height="1026" + inkscape:window-x="0" inkscape:window-y="24" inkscape:window-maximized="1" /> zRb!mSm{wyFW5zVKt{BA)LE{pQXw;~UO>10n0UkT3Cah0f=dHRdm< zHGo?NaMJ*441eH;L0mV0Y6GY;fJy_XFo1G{xMl!l24FFO(#EnnD5a{aMqmap8SSR{ zS~^YluY6%UXWn4AXUwU8ifj z_9T*bPzsrIEO>YTfV)ysd4meBRnyqjQMU_>7XFvdGk?pNo!w^!thBkB9_(s9+89Rx z@mW+{fm{s$phn5th9+dw=jO|3Dk9l=>}^=Icvo}W-v3B`N2H}Mk6%OF-!Hi z8gVu2LVwW#41lX34Y?nF8ACl-R73+hDQ?BrBHF+#7gM6uj{6cAjnGK0<}D`J=4ys6 zj>sFgCi>>BSUu`U>ri%MiCxD_=4a`>X*aOaL=Vw4ou*cp!n% ziOnCG@yyGtU?rWV)w`OH{~f3N2cfS90LLV|w10}E`S$PLhZVQd%`M>O@Fn|?a;)cb z%$u3{%roDn6AvvgI6$HUg7!TY6g0S(Mr=;*!%3Izf26yfX=M*FY}W##b2Wcu<}v@! zyPD^g+NG=Gp7o+}Bf zx?GK$HCHo1&DEf<1~>y!NtHW&GF`H#T3+s4UtZ3ZoTa_TtHTM5uCHbU{E#GfQxwf!!b%fIW97P`~+_^0KuV?gQpCwNLDEM~z9R5*VG> z{D$#h&bQU&YTjELt#k|HfPzJXI)AOe=yEl~)mfo+ zxf=e#)*e2WN86&)C@BlB1~hefxrUBiEK&wJjqyIL%v#ZumkXIK%mC(5XNo_k7Z{z` z{8p_%C3cwV7sa+T)#hsC+jrlw%eZg}3?;3woHm4~(i_VTDCOnX7KWAeo*i^vP1v4b zCdntgv&NiD2}}cmGk;BSHB&TwH6CHK+%JjFqOS%#Br+;CL|x_4YxZsBWpOKqW!gT| z&J|+Jr3FS6ncu1NMN{P)xT7XlBX^+EQ0fK`z{ZGF8g%C>4{I?1?8(=ZE5Z5u>?W+ zcCq=jtkGqPwYi%9e6Zwz!PU49Ii*#KOBqwQ%ENS1+8@;Nve}3kwh$QC6`Ef$vzQe5 zrk1`1>0gk8CVw|uZ8u#Jh|W16JIb7IowXw6<@!|~Ma&Ln(1Wbj5CZE_0<&Fsg)^VIl_?aA<`t@<@H9JUCURK=7Xn$rR^P;`XT7kg0me|Nh!aX)u zBOCFQT+RFt^4gP#z8X6w^J)dH4oaaRiy|5-FGn$BaK<4p_SP+I*18%Q6qKA@s=OiL zYV2c`NAT$@%H>zNy{ud1k;$xNI^ax0VC=cC<}b`{aW#B^|~lf}Qf-@K3r)vW}ppF*v1h9NKxHAX`HJxHIcd1p-&?TSr@t7*zr z9{g-&ey!xitmWkZrM#@J@`#k(K+Kaks}LAR7n(=aT#c=-#+s{{Y0cHhn^h8x5C!9q zHL14pau;iPS!S(VRh{LqmRRKhfdS1SHosK+YJZZou12<7%6=PZ=#nK`5Qzs&*cMmN z=7SfMz32QaYjvwUWI*;OQvJgjguu93U(J7+bv20#$Q#+_YGh5QE3fj%D5{`nb3XM^-HN8Xe1%!V zbj3M>z<~P`n>Nf0=8VnNOxzHgD@|czS4Sy}&huQL0ws-#D@406Jmfxv)=6Pi{`f95^rW38)^zJD5-OfMq@oNd<1o}(Ewe%+CV%FE-_8Me>i zd_Z7;v0~GjnXXnvZp+n(tC5}$N1j)6xwt|R%>H+-@+eUk?Y)k30D%F`ldF-p_%<0G zpmjB~x5bk=*WxgHpstiu($=U;WQxyHX4&e>%Q7OvU9Mr^=MI4Zc95%iWkKkvo`16f zuiGk661?_Sfs$1ohf?xr*4C5s;+&wmRUUok27k@}4>`uNY~X~C}3%6^`fU*%z@5lau$mzSsc+1yHqqwHM<5Exe%o1Zh2nN#{)jcgV4JD%C> z;v&}}bgMihVVldWXL{i027v*NS$~1*t9A<)+FT6>`Yjn*AkAt`)h&E3$3otL$ux4= zL0aygRKsrNx~9AwsaC~)jGq$(1~`YdF@29; zR`yEum=##J%7cX^k^kPe7%x{|)O z4rIFEnL}WJYgVA7uO`u&tMRMos&O?^LcZ53kE0h0l}{|G1gYg^+bR#)mbrj=7S9<1 z10Xc5)XSFNXkCqmPeQru0-C$y6vdt|P|C|kQVVF#_EYo{yB%>oqgF(k*{w)krC6PJ zGeoBP;kiO!0BA^To@OR7Q(ReSHfdc=f9p0wDKFP(%F7ePsmPzh^8*kV@E~IIduB6J zAS*nS`#{!J9(n4l6>KyF5Ex)cU(F;{Y(8Y3z;gi*7yv+v@P7*i`_5wSjY0qb002ov JPDHLkV1gA{96$g7 delta 2845 zcmV+&3*z*#8SNI3ZGQ^tNkl#wlW|1Z)X&NVX(x#G{w6co0r9nV(~zt21O{Lb&3+m`H!7Jp1=X1VAY9t8jZyC`q& z5*rRB_LEn3-bTOVvtVLNui)VT0PJRe)&-#kE`2N*&sUG8x3~5W?3r6{kueDHg4qn3p0st5)n0A|FejRENA?anJx~#2fPY~F7&3rC0~j!XeuL;UfL;UWF@SD+*_&QAq!o-O(P5Je<3VgcktHfx zx?yAhz^z9xLI{@3-NbK+bggLKkIx_b_n9K)Kd>{Z0RXr-oMLI~9~N69Qf&?yQUs%g z{^j?GkBInHL9u}oQH`HTyg^Zo^}o5T)NZl5MdIXp!$ zl58H3qZ(%IK8pxSD;1TkJ$T3fxMeY2w+KinAs568$q%W-yBv&MkAWf6B~$3+y8joeruOcRL0o)0|_E9 zwNzY0RDT12OHp{WUBs2u33F+ko>=$|XCrZso-<}77)dtYCtfC=B*wH+&1=Uqg{2(1 z8UUP?#-2eDnO`lQ4@;hq$@+r{rSy~U7&Q~V#NyBL#4QU(lFbStWooV_Udh$q1PTDh zr<*ui(<0t8=Lye%7&%fIC6*9hB<`H98w?SQMt?MmiQU@bJ!W-~SzPYu6GaUjh-v_E zK=SI^#KuF3dappW#17(-TXBM+g3*ZPbHs1djIvnnAJb0Zl_DMQP>Tr02^0YHe!QGi zQ7?8x=WxB7cqt-nSR<7YB9eHTxWgV7%!*(n*?g6_mxz*2pk9m0RFX&S10(p*0hj~$ z5Pych;Q5PQyC0YOnYPosBkCBKYW~|_X>2C_#5%yeC}t56Mu{( zoA0Ov9_tCR<9WD1hJG@;0Sxzp#>vF zHEW1}5L>km_1V2~V$YdkQP$Lj1qfW0sy-#vhZ3Y<1+%k^P8xs`Lo^Td75uuq*+-OjovT}m*LY#vdQ!p(A+xs9TlgbVdp z;9%a0;llH(#HLS@^_e9oj7Btf5zi7cf3_C^|66B1vct~*|Tf8kepSKV`NB^Vvy_z>fh>S}`H1kZv(T@A3O z*9yOazj^YkGVVvGbpJl$$HeWfzQ^2JFsfu8RZFTH^y+FZwWHl9n14PWXJ6DC<-wd+ z6SrS-r~T#jg3*X(f%*;{tBq=Wtpy|RMCS;UchDYR1xX#3fLEMFX0>K!02g+irtJ!!svC(^8b7P z7l*Se#D+tO;#Yg)xO89J2<~?na#*;!HaM+}`>W{XR(M?M z7OZgy#*vc3@2V{ewatN)2Ignz8?w1?2pfBz;figZpU$U2+fQWajq(U3eugy-!8meV zji-9YWNc+%Y=4PYu$dRGa&z_rYoW5ZvDxRAqWTUcqU4Hgjr`B3|C~+yk>@XC4MQ-_ zB%6imPpce)Z$6TuT)587-<(RNli|U$71t%P)Db)R{u$OF1miBExr10jgcHZSg3YP&2^6Y@KfBjTYE`4y zVagH9{69TjUhW@Lr8XVoXY0Yw8fy-Mad+W7B}X;Pmhe=HYHASGNVAtiGs?xf16IA< z3in)j0)J}?f&uzb4S(aFl5;g2)ns38aqCeYTxH9>Y&`>FWT^}ghlyWc9YHW)db0VN znya~@nQqy-{$PS~D#E8D+~d{N#lme(dB7ewZ|5dXTO-oyG-AmkHoIG|6$l0x9n~yV zOV&4Qzq$Dmp0Bk)6u4Mj&5cnWHOjRMomZe2`G5AZGmi3rV1P4>(tShi={jlSy+Bb7 z4@7t7Tn(QD?Xnc;jq>1AAufvZ#yWst!0e0WcH(IwinylTjC`WP?LM7l4iw)9ip;MT zr;BR^cMz1s(xA4=_%=Rw2nNiLY#t)sv_&;*_r+ga5g4l^h+hbE%v=p0FQ->GiJdX$ z_Jj~pF%D5Glj}S=X73ywyDSCi}3sa1OsLwn@71C)C-IyB v1Ox09&4X&LCS08ngyUrZ!2kf}hZg?<0cX^Lg1x2w00000NkvXXu0mjfwsCXG diff --git a/img/bubblebottom.svg b/img/bubblebottom.svg index 1a3d8d1d..26d6eab6 100644 --- a/img/bubblebottom.svg +++ b/img/bubblebottom.svg @@ -13,7 +13,7 @@ height="64" id="svg4147" version="1.1" - inkscape:version="0.48.3.1 r9886" + inkscape:version="0.48.4 r9939" inkscape:export-filename="/media/X/bitcoin.org/bitcoin.org_choose/img/bubble.png" inkscape:export-xdpi="90" inkscape:export-ydpi="90" @@ -28,14 +28,14 @@ inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="2" - inkscape:cx="146.64031" + inkscape:cx="49.64031" inkscape:cy="118.60676" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="false" - inkscape:window-width="1680" - inkscape:window-height="1026" - inkscape:window-x="0" + inkscape:window-width="1280" + inkscape:window-height="1000" + inkscape:window-x="1680" inkscape:window-y="24" inkscape:window-maximized="1" /> CEGE z58mB){_(}f?;n5szU;eRn}LCWwbP0l+XkKv@v87 delta 196 zcmZ3>w32B;ZoPegPl&6>q)l*Cyyggyov?6k^xR!=K_Fw!(Q9*$U7vsa#_Dr-w_km9 z@#))JuRgx`{QcvP-+~sRy$lQt+$BMN!GW#aM_<4H{O!k|za@LRR|ADzJzX3_JdVG; zuv4(XK!D}oQ}H*AKR)$~{`WGwR$|MsHg8|N%ELux*#*~1Sa&G2NhEdr4F2lkbK2Nz mb-B`}%gw)@Dk*VK=U+enM&seW + sodipodi:docname="bubblemiddle.svg"> image/svg+xml - + @@ -56,7 +56,7 @@ id="layer1" transform="translate(0,-1042.3622)"> FOS}Qb^P}06L(&p zy8Gtr{kOMYe!lza^Mf~E9=!Sb=Qh z_~ZBC{SW(qvFKS6lYXt8WtWMlaO3p*R*KKsRjhf4lJhUjCWl&p(*mUw(e) z_dAy9bumj%zb#v_#mUV2{*fikIW^pq2rJOjS4^35p>0OnOgEKt$5hV!d*6EH?UD8I6?OlX_SYUY_cXQj>$rZBGv(O+ zSw25DuT}lNz@sb6b}O%IaAAh?ot8&QJhx7{tUSW8WpZR=+01W84N4{~^jhM4A<;_a zMA?~=Nl|TnGtW&@eDNolb63Kyn&_5w_ZI$q9lmPzbk-N&X1;o-$#K`7Exq#q=aK)a z(}Nx4+<@?zewSdoO;5;tInn1T#h(Or$_na++kI8wpBUZ1asPkKU5S@*3sZqn#^CAd K=d#Wzp$PyM{=(fVuM~YU17YSt3<{rI1|JaTB$8Rh+eq-T@8;efdTzvB8l2f;qoxZ&s zh|b(zapum-vv*dVy|en<-8JX#u04Nm-GzJWLFoR5i}yEOdaxOYEsKRbNq`H{OXj@^54{NBrx4_=*q`0C7~*JmHSx$xxe-8Y}^ zzy191-Iqu2zdZi%_36iN&pv*8@#*`E&);8u{_*O|kJn#*y!ra`?YEyFfBaT>!mk93 zMbDBTzhEzKA7B5#py05GsOXr)q_oWDwyrhnw(i)q@4(SxCr+L^eeV2)OP8-+zj5={ z?Ys9MJbL=<`HL4XU%q_x>ecJluiw0R`|iuvuitb`7IkoowcB7xWW6ylvcg|B>Z^!KSSD&AmbAOI8 zfB4IOY%g9;jI|!S~*wCGBfYnVmSaHTWdYgve`-s_&b8PUW4@c)c)4Vxga_ z{?tn>l2>Xc*q!Iux@u(!tJn(5{qk8lQVmjEYXfROPT+`-UCFyjx6sj4YE{-*mXOeA z&um5KOc!vHX)!xvav~*NDzWHE#kYF#Z!+S^`}h2)d;RC<^viFwFFy_mUfd$Ue|)m! z|17PC;?dr39VePxt*Vmlsynifw^2*)$bz#zBDaK;F8HOf-b%eCe&~W@o0ekBf+Yfc z9kNEUOQ$bPUN$*|!>TsA>D-KS@nQ?R!!!PUn)&KgCgZNUCA%s)oVI^I7 image/svg+xml - + @@ -56,7 +56,7 @@ id="layer1" transform="translate(0,-1042.3622)">