joshua/dash-docs
1
0
Fork 0
mirror of https://github.com/seigler/dash-docs synced 2025-07-27 01:36:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improve wallets link button design

Browse source
This commit is contained in:
Saivann 2013-07-09 01:31:30 -04:00
parent f2f6459920
commit 56d9f1eff8
9 changed files with 71 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

36
_less/screen.less
View file

@ -689,10 +689,26 @@ li p{
position:relative; position:relative;
bottom:-10px; 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; font-weight:bold;
text-decoration:none; 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{ .previewrow .walletwarning>div:first-child{
background:url(/img/bubblewarntop.svg) bottom center no-repeat; background:url(/img/bubblewarntop.svg) bottom center no-repeat;
@ -703,8 +719,20 @@ li p{
.previewrow .walletwarning>div:first-child+div+div{ .previewrow .walletwarning>div:first-child+div+div{
background:url(/img/bubblewarnbottom.svg) bottom center no-repeat; background:url(/img/bubblewarnbottom.svg) bottom center no-repeat;
} }
.previewrow .walletwarning a,.previewrow .walletwarning a:link,.previewrow .walletwarning a:visited,.previewrow .walletwarning a:active{ .previewrow .walletwarning>div>h2:first-child+span+p+p a,
color:#b95357; .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{ .versiontext{

17
css/ie.css
View file

@ -225,17 +225,23 @@ h3 .ieimg{
margin:0px; margin:0px;
padding:10px 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,
.previewrow div div div p a:visited, .previewrow div div div p a:visited,
.previewrow div div div p a:link, .previewrow div div div p a:link,
.previewrow div div div p a:active{ .previewrow div div div p a:active{
display:block; display:inline;
zoom:1;
text-align:center; text-align:center;
width:auto; width:auto;
height:auto; height:auto;
font-weight:bold; font-weight:bold;
text-decoration:none; text-decoration:none;
font-size:125%; padding:5px 10px;
color:#fff;
background-color:#2c6fad;
} }
.previewrow .walletwarning .b1{ .previewrow .walletwarning .b1{
background-image:url(/img/bubblewarntop.png); background-image:url(/img/bubblewarntop.png);
@ -248,6 +254,13 @@ h3 .ieimg{
.previewrow .walletwarning .b3{ .previewrow .walletwarning .b3{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bubblewarnbottom.png', sizingMethod='scale'); 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{ .press-volunteer div div{

12
img/bubble.svg
View file

@ -13,7 +13,7 @@
height="280" height="280"
id="svg4147" id="svg4147"
version="1.1" 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-filename="/media/X/bitcoin.org/bitcoin.org_choose/img/bubble.png"
inkscape:export-xdpi="90" inkscape:export-xdpi="90"
inkscape:export-ydpi="90" inkscape:export-ydpi="90"
@ -28,14 +28,14 @@
inkscape:pageopacity="0.0" inkscape:pageopacity="0.0"
inkscape:pageshadow="2" inkscape:pageshadow="2"
inkscape:zoom="1.4142136" inkscape:zoom="1.4142136"
inkscape:cx="122.32943" inkscape:cx="-14.849282"
inkscape:cy="165.12819" inkscape:cy="165.12819"
inkscape:document-units="px" inkscape:document-units="px"
inkscape:current-layer="layer1" inkscape:current-layer="layer1"
showgrid="false" showgrid="false"
inkscape:window-width="1280" inkscape:window-width="1680"
inkscape:window-height="1000" inkscape:window-height="1026"
inkscape:window-x="1680" inkscape:window-x="0"
inkscape:window-y="24" inkscape:window-y="24"
inkscape:window-maximized="1" /> inkscape:window-maximized="1" />
<metadata <metadata
@ -56,7 +56,7 @@
id="layer1" id="layer1"
transform="translate(0,-772.36218)"> transform="translate(0,-772.36218)">
<path <path
style="fill:#f1f8fb;fill-opacity:1;fill-rule:nonzero;stroke:#4892b2;stroke-width:2.4952898;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:7.48586986, 2.49528995;stroke-dashoffset:0" style="fill:#f1f8fb;fill-opacity:1;fill-rule:nonzero;stroke:#2c6faf;stroke-width:2.49528980000000011;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:0.94117647;stroke-dasharray:7.48586986000000021, 2.49528995000000009;stroke-dashoffset:0"
d="m 1.2851726,773.6355 -0.024107,221.49684 140.2013639,55.96826 137.27276,-53.51078 -0.001,-223.9599 z" d="m 1.2851726,773.6355 -0.024107,221.49684 140.2013639,55.96826 137.27276,-53.51078 -0.001,-223.9599 z"
id="path4155" id="path4155"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

Before After
Before After

BIN
img/bubblebottom.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

12
img/bubblebottom.svg
View file

@ -13,7 +13,7 @@
height="64" height="64"
id="svg4147" id="svg4147"
version="1.1" 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-filename="/media/X/bitcoin.org/bitcoin.org_choose/img/bubble.png"
inkscape:export-xdpi="90" inkscape:export-xdpi="90"
inkscape:export-ydpi="90" inkscape:export-ydpi="90"
@ -28,14 +28,14 @@
inkscape:pageopacity="0.0" inkscape:pageopacity="0.0"
inkscape:pageshadow="2" inkscape:pageshadow="2"
inkscape:zoom="2" inkscape:zoom="2"
inkscape:cx="146.64031" inkscape:cx="49.64031"
inkscape:cy="118.60676" inkscape:cy="118.60676"
inkscape:document-units="px" inkscape:document-units="px"
inkscape:current-layer="layer1" inkscape:current-layer="layer1"
showgrid="false" showgrid="false"
inkscape:window-width="1680" inkscape:window-width="1280"
inkscape:window-height="1026" inkscape:window-height="1000"
inkscape:window-x="0" inkscape:window-x="1680"
inkscape:window-y="24" inkscape:window-y="24"
inkscape:window-maximized="1" /> inkscape:window-maximized="1" />
<metadata <metadata
@ -56,7 +56,7 @@
id="layer1" id="layer1"
transform="translate(0,-988.3622)"> transform="translate(0,-988.3622)">
<path <path
style="fill:#f1f8fb;fill-opacity:1;fill-rule:nonzero;stroke:#4892b2;stroke-width:2.4952898;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:7.48586986, 2.49528995;stroke-dashoffset:0" style="fill:#f1f8fb;fill-opacity:1;fill-rule:nonzero;stroke:#2c6faf;stroke-width:2.49500000000000011;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:0.94117647;stroke-dasharray:7.48500000000000032, 2.49500000000000011;stroke-dashoffset:0"
d="m 1.2851726,772.39699 -0.024107,221.4968 140.2013644,55.96831 137.27276,-53.51081 -10e-4,-223.9599 z" d="m 1.2851726,772.39699 -0.024107,221.4968 140.2013644,55.96831 137.27276,-53.51081 -10e-4,-223.9599 z"
id="path4155" id="path4155"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

Before After
Before After

BIN
img/bubblemiddle.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 297 B

After

Width:  |  Height:  |  Size: 301 B

Before After
Before After

10
img/bubblemiddle.svg
View file

@ -13,11 +13,11 @@
height="10" height="10"
id="svg4147" id="svg4147"
version="1.1" 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-filename="/media/X/bitcoin.org/bitcoin.org_choose/img/bubble.png"
inkscape:export-xdpi="90" inkscape:export-xdpi="90"
inkscape:export-ydpi="90" inkscape:export-ydpi="90"
sodipodi:docname="bubblebottom.svg"> sodipodi:docname="bubblemiddle.svg">
<defs <defs
id="defs4149" /> id="defs4149" />
<sodipodi:namedview <sodipodi:namedview
@ -28,7 +28,7 @@
inkscape:pageopacity="0.0" inkscape:pageopacity="0.0"
inkscape:pageshadow="2" inkscape:pageshadow="2"
inkscape:zoom="45.254834" inkscape:zoom="45.254834"
inkscape:cx="9.610461" inkscape:cx="5.3236261"
inkscape:cy="1.7695842" inkscape:cy="1.7695842"
inkscape:document-units="px" inkscape:document-units="px"
inkscape:current-layer="layer1" inkscape:current-layer="layer1"
@ -46,7 +46,7 @@
<dc:format>image/svg+xml</dc:format> <dc:format>image/svg+xml</dc:format>
<dc:type <dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title> <dc:title />
</cc:Work> </cc:Work>
</rdf:RDF> </rdf:RDF>
</metadata> </metadata>
@ -56,7 +56,7 @@
id="layer1" id="layer1"
transform="translate(0,-1042.3622)"> transform="translate(0,-1042.3622)">
<path <path
style="fill:#f1f8fb;fill-opacity:1;fill-rule:nonzero;stroke:#4892b2;stroke-width:2.4952898;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:7.48586986, 2.49528995;stroke-dashoffset:0" style="fill:#f1f8fb;fill-opacity:1;fill-rule:nonzero;stroke:#2c6faf;stroke-width:2.49528980000000011;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:0.94117647;stroke-dasharray:7.48586986000000021, 2.49528995000000009;stroke-dashoffset:0"
d="m 1.2851726,834.04016 -0.024107,221.49674 140.2013644,55.9683 137.27276,-53.5108 -10e-4,-223.95984 z" d="m 1.2851726,834.04016 -0.024107,221.49674 140.2013644,55.9683 137.27276,-53.5108 -10e-4,-223.95984 z"
id="path4155" id="path4155"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

Before After
Before After

BIN
img/bubbletop.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 976 B

After

Width:  |  Height:  |  Size: 970 B

Before After
Before After

14
img/bubbletop.svg
View file

@ -13,7 +13,7 @@
height="10" height="10"
id="svg4147" id="svg4147"
version="1.1" 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-filename="/media/X/bitcoin.org/bitcoin.org_choose/img/bubble.png"
inkscape:export-xdpi="90" inkscape:export-xdpi="90"
inkscape:export-ydpi="90" inkscape:export-ydpi="90"
@ -28,14 +28,14 @@
inkscape:pageopacity="0.0" inkscape:pageopacity="0.0"
inkscape:pageshadow="2" inkscape:pageshadow="2"
inkscape:zoom="11.313709" inkscape:zoom="11.313709"
inkscape:cx="40.899698" inkscape:cx="23.752359"
inkscape:cy="10.787719" inkscape:cy="10.787719"
inkscape:document-units="px" inkscape:document-units="px"
inkscape:current-layer="layer1" inkscape:current-layer="layer1"
showgrid="false" showgrid="false"
inkscape:window-width="1280" inkscape:window-width="1680"
inkscape:window-height="1000" inkscape:window-height="1026"
inkscape:window-x="1680" inkscape:window-x="0"
inkscape:window-y="24" inkscape:window-y="24"
inkscape:window-maximized="1" /> inkscape:window-maximized="1" />
<metadata <metadata
@ -46,7 +46,7 @@
<dc:format>image/svg+xml</dc:format> <dc:format>image/svg+xml</dc:format>
<dc:type <dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title> <dc:title />
</cc:Work> </cc:Work>
</rdf:RDF> </rdf:RDF>
</metadata> </metadata>
@ -56,7 +56,7 @@
id="layer1" id="layer1"
transform="translate(0,-1042.3622)"> transform="translate(0,-1042.3622)">
<path <path
style="fill:#f1f8fb;fill-opacity:1;fill-rule:nonzero;stroke:#4892b2;stroke-width:2.4952898;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:7.48586986, 2.49528995;stroke-dashoffset:0" style="fill:#f1f8fb;fill-opacity:1;fill-rule:nonzero;stroke:#2c6faf;stroke-width:2.49528980000000011;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:0.94117647;stroke-dasharray:7.48586986000000021, 2.49528995000000009;stroke-dashoffset:0"
d="m 1.2851726,1043.6331 -0.024107,221.4968 140.2013644,55.9683 137.27276,-53.5108 -10e-4,-223.9599 z" d="m 1.2851726,1043.6331 -0.024107,221.4968 140.2013644,55.9683 137.27276,-53.5108 -10e-4,-223.9599 z"
id="path4155" id="path4155"
inkscape:connector-curvature="0" inkscape:connector-curvature="0"

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

Before After
Before After