Wallets: Fee Scoring: Add icons & adjust CSS

_less/screen.less

@@ -1699,7 +1699,7 @@ button.active {
 	text-align:left;
 	position:relative;
 	margin:auto;
-	padding:40px 0 20px 0;
+	padding:60px 0 20px 0;
 	font-size:0;
 	opacity:1;
 	-moz-transition:opacity 400ms ease-out;
@@ -1766,7 +1766,7 @@ button.active {
 	display:inline-block;
 	position:absolute;
 	padding:20px;
-	top:-352px;
+	top:-382px;
 	left:-20px;
 	right:-20px;
 	-moz-transition:opacity 400ms ease-out;
@@ -1786,7 +1786,7 @@ button.active {
 }
 .wallets>div:nth-child(1n+7)>div,
 .wallets>div:nth-child(1n+7)>span{
-	top:-222px;
+	top:-252px;
 }
 .wallets>div:nth-child(1n+13)>div,
 .wallets>div:nth-child(1n+13)>span{
@@ -1991,6 +1991,16 @@ button.active {
 .wallets .checkenvironment.checkfail{
 	background-image:url(/img/icons/check_environment_fail.svg);
 }
+.wallets .checkfees.checkpass,
+.wallets .checkfees.checkgood{
+	background-image:url(/img/icons/check_fees_pass.svg);
+}
+.wallets .checkfees.checkfail{
+	background-image:url(/img/icons/check_fees_fail.svg);
+}
+.wallets .checkfees.checkneutral{
+	background-image:url(/img/icons/check_fees_neutral.svg);
+}
 .wallets .checkprivacy.checkpass,
 .wallets .checkprivacy.checkgood{
 	background-image:url(/img/icons/check_privacy_pass.svg);
@@ -2017,7 +2027,7 @@ button.active {
 .wallets.nohover>div.active:hover>span{
 	opacity:1;
 	width:auto;
-	height:350px;
+	height:400px;
 	visibility:visible;
 	overflow:visible;
 }

img/icons/check_fees_fail.svg

@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.5 r10040"
+   sodipodi:docname="check_fees_pass.svg"
+   inkscape:export-filename="/home/user/bitcoin.org/img/icons/check_fees_pass.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="956"
+     inkscape:window-height="1041"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="23.8396"
+     inkscape:cx="13.698887"
+     inkscape:cy="7.2093397"
+     inkscape:window-x="2"
+     inkscape:window-y="18"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2" />
+  <path
+     d="M 6.5416749,9.9444357 H 9.4583258 V 9.2152829 H 8.4861086 V 5.8125233 H 7.6202277 L 6.496102,6.8530842 7.080951,7.4607174 Q 7.3999599,7.1797066 7.4987008,7.0277898 h 0.015191 V 9.2152829 H 6.5416752 V 9.9444357 z M 10.430543,8.0000163 q 0,0.5316587 -0.159504,1.0785316 Q 10.111535,9.6254213 9.8191095,10.096353 9.5266846,10.567251 9.0481716,10.863477 8.5696584,11.159703 8,11.159703 q -0.5696584,0 -1.0481711,-0.296226 Q 6.4733151,10.567251 6.180891,10.096353 5.8884661,9.6254213 5.7289615,9.0785479 5.5694577,8.531675 5.5694577,8.0000163 q 0,-0.5316915 0.1595038,-1.0785648 Q 5.8884661,6.3745783 6.180891,5.903647 6.4733151,5.4327484 6.9518289,5.1365227 7.4303416,4.8402969 8,4.8402969 q 0.5696584,0 1.0481716,0.2962258 0.478513,0.2962257 0.7709379,0.7671243 0.2924255,0.4709313 0.4519295,1.0178045 0.159504,0.5468733 0.159504,1.0785648 z M 14.31941,9.9444357 V 6.0555635 q -0.805116,0 -1.374775,-0.5696624 Q 12.374977,4.9162389 12.374977,4.1111434 H 3.6250235 q 0,0.8050955 -0.5696586,1.3747577 -0.5696587,0.5696624 -1.3747756,0.5696624 v 3.8888722 q 0.8051169,0 1.3747756,0.5696623 0.5696586,0.569664 0.5696586,1.374758 h 8.7499535 q 0,-0.805094 0.569658,-1.374758 0.569659,-0.5696623 1.374775,-0.5696623 z m 0.972218,-6.3194054 v 8.7499387 q 0,0.197495 -0.144314,0.341804 -0.144313,0.14431 -0.341795,0.14431 H 1.1944807 q -0.19748177,0 -0.34179513,-0.14431 Q 0.70837219,12.572464 0.70837219,12.374969 V 3.6250303 q 0,-0.1974948 0.14431338,-0.341804 Q 0.99699893,3.1389171 1.1944807,3.1389171 H 14.805519 q 0.197482,0 0.341795,0.1443092 0.144314,0.1443092 0.144314,0.341804 z"
+     id="path4"
+     inkscape:connector-curvature="0"
+     style="fill:#ee9209;fill-opacity:1" />
+</svg>

img/icons/check_fees_neutral.svg

@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.5 r10040"
+   sodipodi:docname="check_fees_fail.svg"
+   inkscape:export-filename="/home/user/bitcoin.org/img/icons/check_fees_fail.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="956"
+     inkscape:window-height="1041"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="23.8396"
+     inkscape:cx="13.698887"
+     inkscape:cy="7.2093397"
+     inkscape:window-x="2"
+     inkscape:window-y="18"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2" />
+  <path
+     d="M 6.5416749,9.9444357 H 9.4583258 V 9.2152829 H 8.4861086 V 5.8125233 H 7.6202277 L 6.496102,6.8530842 7.080951,7.4607174 Q 7.3999599,7.1797066 7.4987008,7.0277898 h 0.015191 V 9.2152829 H 6.5416752 V 9.9444357 z M 10.430543,8.0000163 q 0,0.5316587 -0.159504,1.0785316 Q 10.111535,9.6254213 9.8191095,10.096353 9.5266846,10.567251 9.0481716,10.863477 8.5696584,11.159703 8,11.159703 q -0.5696584,0 -1.0481711,-0.296226 Q 6.4733151,10.567251 6.180891,10.096353 5.8884661,9.6254213 5.7289615,9.0785479 5.5694577,8.531675 5.5694577,8.0000163 q 0,-0.5316915 0.1595038,-1.0785648 Q 5.8884661,6.3745783 6.180891,5.903647 6.4733151,5.4327484 6.9518289,5.1365227 7.4303416,4.8402969 8,4.8402969 q 0.5696584,0 1.0481716,0.2962258 0.478513,0.2962257 0.7709379,0.7671243 0.2924255,0.4709313 0.4519295,1.0178045 0.159504,0.5468733 0.159504,1.0785648 z M 14.31941,9.9444357 V 6.0555635 q -0.805116,0 -1.374775,-0.5696624 Q 12.374977,4.9162389 12.374977,4.1111434 H 3.6250235 q 0,0.8050955 -0.5696586,1.3747577 -0.5696587,0.5696624 -1.3747756,0.5696624 v 3.8888722 q 0.8051169,0 1.3747756,0.5696623 0.5696586,0.569664 0.5696586,1.374758 h 8.7499535 q 0,-0.805094 0.569658,-1.374758 0.569659,-0.5696623 1.374775,-0.5696623 z m 0.972218,-6.3194054 v 8.7499387 q 0,0.197495 -0.144314,0.341804 -0.144313,0.14431 -0.341795,0.14431 H 1.1944807 q -0.19748177,0 -0.34179513,-0.14431 Q 0.70837219,12.572464 0.70837219,12.374969 V 3.6250303 q 0,-0.1974948 0.14431338,-0.341804 Q 0.99699893,3.1389171 1.1944807,3.1389171 H 14.805519 q 0.197482,0 0.341795,0.1443092 0.144314,0.1443092 0.144314,0.341804 z"
+     id="path4"
+     inkscape:connector-curvature="0"
+     style="fill:#999999;fill-opacity:1" />
+</svg>

img/icons/check_fees_pass.svg

@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.5 r10040"
+   sodipodi:docname="check_fees_pass.svg">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="956"
+     inkscape:window-height="1041"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="23.8396"
+     inkscape:cx="13.698887"
+     inkscape:cy="7.2093397"
+     inkscape:window-x="2"
+     inkscape:window-y="18"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2" />
+  <path
+     d="M 6.5416749,9.9444357 H 9.4583258 V 9.2152829 H 8.4861086 V 5.8125233 H 7.6202277 L 6.496102,6.8530842 7.080951,7.4607174 Q 7.3999599,7.1797066 7.4987008,7.0277898 h 0.015191 V 9.2152829 H 6.5416752 V 9.9444357 z M 10.430543,8.0000163 q 0,0.5316587 -0.159504,1.0785316 Q 10.111535,9.6254213 9.8191095,10.096353 9.5266846,10.567251 9.0481716,10.863477 8.5696584,11.159703 8,11.159703 q -0.5696584,0 -1.0481711,-0.296226 Q 6.4733151,10.567251 6.180891,10.096353 5.8884661,9.6254213 5.7289615,9.0785479 5.5694577,8.531675 5.5694577,8.0000163 q 0,-0.5316915 0.1595038,-1.0785648 Q 5.8884661,6.3745783 6.180891,5.903647 6.4733151,5.4327484 6.9518289,5.1365227 7.4303416,4.8402969 8,4.8402969 q 0.5696584,0 1.0481716,0.2962258 0.478513,0.2962257 0.7709379,0.7671243 0.2924255,0.4709313 0.4519295,1.0178045 0.159504,0.5468733 0.159504,1.0785648 z M 14.31941,9.9444357 V 6.0555635 q -0.805116,0 -1.374775,-0.5696624 Q 12.374977,4.9162389 12.374977,4.1111434 H 3.6250235 q 0,0.8050955 -0.5696586,1.3747577 -0.5696587,0.5696624 -1.3747756,0.5696624 v 3.8888722 q 0.8051169,0 1.3747756,0.5696623 0.5696586,0.569664 0.5696586,1.374758 h 8.7499535 q 0,-0.805094 0.569658,-1.374758 0.569659,-0.5696623 1.374775,-0.5696623 z m 0.972218,-6.3194054 v 8.7499387 q 0,0.197495 -0.144314,0.341804 -0.144313,0.14431 -0.341795,0.14431 H 1.1944807 q -0.19748177,0 -0.34179513,-0.14431 Q 0.70837219,12.572464 0.70837219,12.374969 V 3.6250303 q 0,-0.1974948 0.14431338,-0.341804 Q 0.99699893,3.1389171 1.1944807,3.1389171 H 14.805519 q 0.197482,0 0.341795,0.1443092 0.144314,0.1443092 0.144314,0.341804 z"
+     id="path4"
+     inkscape:connector-curvature="0"
+     style="fill:#008000" />
+</svg>