X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/3c2212f96c81ec3440c8ad8c9290786cf30327e4..972f33fb2d98a9ff59c931ac6a8a82def7cea6fe:/src/club/static/club/club.scss

diff --git a/src/club/static/club/club.scss b/src/club/static/club/club.scss
index 892faf4ee..ad63bfca8 100644
--- a/src/club/static/club/club.scss
+++ b/src/club/static/club/club.scss
@@ -125,3 +125,89 @@
         flex: 1;
     }
 }
+
+
+.methods {
+    .button {
+        border: 1px solid black;
+        border-radius: 10px;
+        padding: 10px;
+        margin-right: 3%;
+        cursor: pointer;
+
+        &.active {
+            background: #9ACD3240;
+        }
+    }
+}
+
+
+label.required {
+    &::before {
+        content: " * ";
+        color: red;
+    }
+}
+
+
+
+.helptext {
+    position: relative;
+
+    .short {
+        height: 1.5em;
+        overflow: hidden;
+        position: relative;
+        
+        &:after {
+            content:' ';
+            position:absolute;
+            bottom:0;
+            width:25%;
+            height:20px;
+            background-color:transparent;
+            overflow: hidden;
+            /* assume ltr */
+            right:0;
+            background-image:-webkit-linear-gradient(to right,rgba(255,255,255,0),#ffffff 50%);
+            background-image:-moz-linear-gradient(to right,rgba(255,255,255,0),#ffffff 50%);
+            background-image:-o-linear-gradient(to right,rgba(255,255,255,0),#ffffff 50%);
+            background-image:linear-gradient(to right,rgba(255,255,255,0),#ffffff 50%)
+        }
+    }
+
+    .morelink {
+        position: absolute;
+        top: 0;
+        right: 0;
+        &:after {
+            content: " ↓";
+        }
+    }
+}
+
+
+#payment-form {
+    textarea {
+        box-sizing: border-box;
+        padding: 8px;
+        width: 400px;
+        height: 4em;
+    }
+    input[type="text"], input[type="email"] {
+        box-sizing: border-box;
+        width: 400px;
+        padding: 8px;
+        &#id_postal_code {
+            width: 100px;
+        }
+        &#id_postal_town {
+            width: 300px;
+        }
+    }
+    select {
+        box-sizing: border-box;
+        width: 400px;
+        padding: 8px;
+    }
+}