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

[people/shoehn/ipfire.org.git] / static / css / style.css

diff --git a/static/css/style.css b/static/css/style.css
index dbc7cd017d7a89e4c727e7c1e04751a3d3e2d304..4f3aa67a138fd65d52ee76c4634bddc6a1bbb2e8 100644 (file)
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -5302,7 +5302,6 @@ a.pswp__share--download:hover {
   background-color: white;
   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%;
@@ -5311,16 +5310,23 @@ a.pswp__share--download:hover {
   border-radius: 2px;
   border: none; }
 
-.dropdown-wrapper,
 .ownamount {
   background-color: rgba(38, 50, 56, 0.08);
   border-bottom: 2px solid #263238;
   width: 90%; }
 
-.currency-dropdown {
-  background-color: transparent; }
-  .currency-dropdown: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 {
   border-radius: 8px;
@@ -5971,6 +5977,9 @@ button:focus {
 .i_server {
   fill: #ff8f00; }
 
+.i_secure {
+  fill: rgba(38, 50, 56, 0.3); }
+
 .amber-800 {
   color: #ff8f00;
   border-color: #ff8f00; }
@@ -5987,6 +5996,9 @@ button:focus {
   color: #1976d2;
   border-color: #1976d2; }
 
+.blue_grey_300 {
+  color: rgba(38, 50, 56, 0.3); }
+
 .bg-blue-grey-900 {
   background-color: #263238; }