Nicer membership form.
[wolnelektury.git] / src / wolnelektury / static / scss / main / form.scss
1 form table {
2     th {
3         vertical-align: top;
4         text-align: left;
5         font-weight: normal;
6     }
7     td {
8         padding-bottom: 1em;
9     }
10
11     .required th:before {
12         content: "* ";
13     }
14
15     .errorlist {
16         color: red;
17         margin: 0;
18         padding: 0;
19         list-style: none;
20     }
21     .helptext {
22         color: #888;
23         font-size: .9em;
24         font-style: italic;
25     }
26
27     ul {
28         list-style: none;
29         padding-left: 0;
30     }
31 }
32
33 .wlform {
34     .errorlist {
35         color: red;
36         margin: 0;
37         padding: 0;
38         list-style: none;
39     }
40
41     h2 {
42         margin-top: 1.5em;
43     }
44     
45     input[type=number] {
46         height: 1.3em;
47     }
48     input[type=radio] {
49         margin-right: 1em;
50     }
51     
52     .submit {
53         background: #018189;
54         color: white;
55         border: 0;
56         border-radius: 10px;
57         padding: 1em 2em;
58         font-size: 1.2em;
59     }
60 }
61
62 .wlform {
63     .payment-method {
64         input {
65             height: 50px;
66             vertical-align: middle;
67         }
68         
69         img {
70             vertical-align: middle;
71             margin-right: 1em;
72         }
73         label {
74             margin: .5em 0;
75             vertical-align: middle;
76         }
77
78         
79         .method {
80             //        border: 1px solid black;
81             border-radius: 10px;
82             line-height: 48px;
83             display: inline-block;
84             vertical-align: middle;
85             padding: 0 1em;
86             margin-right: 1em;
87             font-size: 1.25em;
88             background: #01818980;
89             color: white;
90         }
91     }
92 }