]>
Commit | Line | Data |
---|---|---|
3e43ab35 BB |
1 | @text_color: #666; |
2 | @background_color: #fff; | |
3 | @emphasis_color: #222; | |
4 | @light_color: #999; | |
5 | @border_color: #eee; | |
0e0a67f4 BB |
6 | @error_color: #ffebe8; |
7 | @success_color: #f0fff0; | |
8 | ||
9 | @font_stack: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
3e43ab35 BB |
10 | |
11 | *{ | |
12 | margin: 0; | |
13 | padding: 0; | |
14 | } | |
15 | ||
16 | body{ | |
17 | color: @text_color; | |
18 | background-color: @background_color; | |
19 | text-align: center; | |
20 | font-size: .625em; | |
0e0a67f4 | 21 | font-family: @font_stack; |
3e43ab35 BB |
22 | } |
23 | ||
24 | #wrapper{ | |
25 | margin: 0 auto; | |
26 | width: 960px; | |
27 | text-align: left; | |
28 | } | |
29 | ||
30 | #header #logo{ | |
31 | background-image: url(/images/logo.png); | |
32 | background-repeat: no-repeat; | |
33 | width: 460px; | |
34 | height: 212px; | |
35 | display: block; | |
36 | margin: 10px 250px; | |
37 | } | |
38 | ||
39 | #header #logo span{ | |
40 | display: none; | |
41 | } | |
42 | ||
43 | #header #description p{ | |
44 | font-size: 1.4em; | |
45 | line-height: 1.8em; | |
46 | margin: 10px 170px; | |
47 | width: 620px; | |
48 | color: @light_color; | |
49 | } | |
50 | ||
51 | #body h1{ | |
52 | margin: 20px 90px; | |
53 | font-size: 2.4em; | |
54 | color: @emphasis_color; | |
55 | } | |
56 | ||
57 | #body p{ | |
58 | margin: 20px 90px; | |
59 | font-size: 1.6em; | |
60 | line-height: 2.4em; | |
61 | text-indent: 3em; | |
62 | text-align: justify; | |
63 | } | |
64 | ||
65 | hr{ | |
66 | margin: 10px; | |
67 | border: 0; | |
68 | border-bottom: 1px solid @border_color; | |
0e0a67f4 BB |
69 | } |
70 | ||
71 | #body #qrcode{ | |
72 | display: block; | |
73 | margin: 10px 250px; | |
74 | } | |
75 | ||
76 | #body input.title{ | |
77 | border: 1px solid @border_color; | |
78 | font-size: 1.6em; | |
79 | padding: 5px; | |
80 | margin: 0 90px; | |
81 | width: 770px; | |
82 | } | |
83 | ||
84 | #body textarea.text{ | |
85 | border: 1px solid @border_color; | |
86 | font-size: 1.6em; | |
87 | padding: 5px; | |
88 | margin: 0 90px; | |
89 | resize: vertical; | |
90 | } | |
91 | ||
92 | #body input.submit{ | |
93 | width: 150px; | |
94 | font-size: 4.8em; | |
95 | margin: 10px 410px; | |
96 | padding: 20px; | |
97 | } | |
98 | ||
99 | #body #errors{ | |
100 | -moz-border-radius: 5px; | |
101 | border-radius: 5px; | |
102 | -webkit-border-radius: 5px; | |
103 | padding: 10px; | |
104 | font-size: 1.4em; | |
105 | margin: 0 90px; | |
106 | width: 760px; | |
107 | background-color: @error_color; | |
108 | } | |
109 | ||
110 | #body #success{ | |
111 | -moz-border-radius: 5px; | |
112 | border-radius: 5px; | |
113 | -webkit-border-radius: 5px; | |
114 | padding: 10px; | |
115 | font-size: 1.4em; | |
116 | margin: 0 90px; | |
117 | width: 760px; | |
118 | background-color: @success_color; | |
3e43ab35 | 119 | } |