change the icon, the button style and text on the donation page

[people/shoehn/ipfire.org.git] / static / scss / _donation.scss

diff --git a/static/scss/_donation.scss b/static/scss/_donation.scss
index 6033dc930b9e3aea54170526e2e9a9c1758746b5..82322f3bd9255a2522e56b5ac2bd10b15d6461cc 100644 (file)
--- a/static/scss/_donation.scss
+++ b/static/scss/_donation.scss
@@ -4,7 +4,6 @@
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
 }
 
-.currency-dropdown,
 .ownamount {
        overflow: hidden;
        width: 95%;
@@ -14,17 +13,26 @@
        border: none;
 }
 
-.dropdown-wrapper,
 .ownamount {
        background-color: rgba($blue-grey-900, .08);
        border-bottom: 2px solid $blue-grey-900;
        width: 90%;
 }
-.currency-dropdown {
-       background-color: transparent;
-       &:focus {
-               outline: none;
-       }
+
+input.radiobtn:not(old) {
+       display: none;
+}
+
+input.radiobtn:not(old) + label {
+       display: inline-block;
+       background-image: url("/static/img/icons/icon-radiobtn-off.png");
+       background-repeat: no-repeat;
+       background-position: 0 0;
+       padding-left: 38px;
+}
+
+input.radiobtn:not(old):checked + label {
+       background-image: url("/static/img/icons/icon-radiobtn-on.png");
 }
 
 .inline-card {