GDPR on payment form.

[wolnelektury.git] / src / wolnelektury / static / scss / main / form.scss

diff --git a/src/wolnelektury/static/scss/main/form.scss b/src/wolnelektury/static/scss/main/form.scss
old mode 100755 (executable)
new mode 100644 (file)
index 42e8675..8518df3
--- a/src/wolnelektury/static/scss/main/form.scss
+++ b/src/wolnelektury/static/scss/main/form.scss
@@ -8,8 +8,8 @@ form table {
         padding-bottom: 1em;
     }
 
-    .required th:after {
-        content: " *";
+    .required th:before {
+        content: "* ";
     }
 
     .errorlist {
@@ -23,4 +23,78 @@ form table {
         font-size: .9em;
         font-style: italic;
     }
+
+    ul {
+        list-style: none;
+        padding-left: 0;
+    }
+}
+
+.wlform {
+    .errorlist {
+        color: red;
+        margin: 0;
+        padding: 0;
+        list-style: none;
+    }
+
+    .helptext {
+        color: #888;
+        font-size: .9em;
+        font-style: italic;
+    }
+
+    h2 {
+        margin-top: 1.5em;
+    }
+    
+    input[type=number] {
+        height: 1.3em;
+    }
+    input[type=radio] {
+        margin-right: 1em;
+    }
+    
+    .submit {
+        background: #018189;
+        color: white;
+        border: 0;
+        border-radius: 10px;
+        padding: 1em 2em;
+        font-size: 1.2em;
+    }
+}
+
+.wlform {
+    .payment-method {
+       margin-top: 2em;
+
+        input {
+            height: 50px;
+            vertical-align: middle;
+        }
+        
+        img {
+            vertical-align: middle;
+            margin-right: 1em;
+           height: 30px;
+        }
+        label {
+           display: inline;
+            margin: .5em 0;
+            vertical-align: middle;
+        }
+
+        .method {
+            border: 1px solid black;
+            border-radius: 5px;
+            line-height: 28px;
+            display: inline-block;
+            vertical-align: middle;
+            padding: 0 1em;
+            margin-right: 1em;
+            color: black;
+           text-transform: uppercase;
+        }
+    }
 }