Visible book download buttons.
[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     .helptext {
42         color: #888;
43         font-size: .9em;
44         font-style: italic;
45     }
46
47     h2 {
48         margin-top: 1.5em;
49     }
50     
51     input[type=number] {
52         height: 1.3em;
53     }
54     input[type=radio] {
55         margin-right: 1em;
56     }
57     
58     .submit {
59         background: #018189;
60         color: white;
61         border: 0;
62         border-radius: 10px;
63         padding: 1em 2em;
64         font-size: 1.2em;
65     }
66 }
67
68 .wlform {
69     .payment-method {
70         margin-top: 2em;
71
72         input {
73             height: 50px;
74             vertical-align: middle;
75         }
76         
77         img {
78             vertical-align: middle;
79             margin-right: 1em;
80             height: 30px;
81         }
82         label {
83             display: inline;
84             margin: .5em 0;
85             vertical-align: middle;
86         }
87
88         .method {
89             border: 1px solid black;
90             border-radius: 5px;
91             line-height: 28px;
92             display: inline-block;
93             vertical-align: middle;
94             padding: 0 1em;
95             margin-right: 1em;
96             color: black;
97             text-transform: uppercase;
98         }
99     }
100 }