OLD | NEW |
| (Empty) |
1 @font-face | |
2 { | |
3 font-family: "Source Sans Pro"; | |
4 src: url(/fonts/SourceSansPro-Light.woff); | |
5 /* local("Ø") forces using no local font called Source Sans Pro */ | |
6 src: local("Ø"), url(/fonts/SourceSansPro-Light.woff) format("woff"); | |
7 font-weight: 300; | |
8 font-style: normal; | |
9 } | |
10 | |
11 @font-face | |
12 { | |
13 font-family: "Source Sans Pro"; | |
14 src: url(/fonts/SourceSansPro-Regular.woff); | |
15 /* local("Ø") forces using no local font called Source Sans Pro */ | |
16 src: local("Ø"), url(/fonts/SourceSansPro-Regular.woff) format("woff"); | |
17 font-weight: 400; | |
18 font-style: normal; | |
19 } | |
20 | |
21 @font-face | |
22 { | |
23 font-family: "Source Sans Pro"; | |
24 src: url(/fonts/SourceSansPro-Semibold.woff); | |
25 /* local("Ø") forces using no local font called Source Sans Pro */ | |
26 src: local("Ø"), url(/fonts/SourceSansPro-Semibold.woff) format("woff"); | |
27 font-weight: 600; | |
28 font-style: normal; | |
29 } | |
30 | |
31 body | |
32 { | |
33 margin: 0px; | |
34 font-family: "Source Sans Pro", sans-serif; | |
35 font-weight: 600; | |
36 } | |
37 | |
38 header | |
39 { | |
40 width: 100%; | |
41 } | |
42 | |
43 a, | |
44 a:link, | |
45 a:visited | |
46 { | |
47 color: #5a84b3; | |
48 text-decoration: underline; | |
49 } | |
50 | |
51 a:hover | |
52 { | |
53 text-decoration: none; | |
54 } | |
55 | |
56 fieldset | |
57 { | |
58 border: 0px; | |
59 padding: 0px; | |
60 } | |
61 | |
62 li fieldset | |
63 { | |
64 padding-top: 10px; | |
65 } | |
66 | |
67 header h1 | |
68 { | |
69 box-sizing: border-box; | |
70 border: dashed 1px #898989; | |
71 border-left: none; | |
72 border-right: none; | |
73 padding: 18px; | |
74 margin: 68px auto 0px auto; | |
75 max-width: 960px; | |
76 font-weight: 300; | |
77 font-size: 24px; | |
78 color: #7d7d7d; | |
79 text-align: center; | |
80 } | |
81 | |
82 header::before | |
83 { | |
84 content: ""; | |
85 display: block; | |
86 border-bottom: solid 1px #d0d0d0; | |
87 height: 92px; | |
88 } | |
89 | |
90 #logo | |
91 { | |
92 display: block; | |
93 position: absolute; | |
94 top: 42px; | |
95 left: 0px; | |
96 right: 0px; | |
97 margin: 0px auto; | |
98 margin-bottom: 20px; | |
99 } | |
100 | |
101 #content | |
102 { | |
103 margin: 0px auto; | |
104 max-width: 960px; | |
105 } | |
106 | |
107 section, | |
108 .notification | |
109 { | |
110 padding: 20px 100px; | |
111 margin-bottom: 30px; | |
112 } | |
113 | |
114 .notification | |
115 { | |
116 margin: 0px; | |
117 text-align: center; | |
118 } | |
119 | |
120 section.highlighted | |
121 { | |
122 background-color: #5982B0; | |
123 color: #FFFFFF; | |
124 } | |
125 | |
126 section.highlighted a | |
127 { | |
128 color: #FFFFFF; | |
129 } | |
130 | |
131 section h1 | |
132 { | |
133 margin: 0px; | |
134 padding: 20px 0px; | |
135 text-align: center; | |
136 } | |
137 | |
138 section ul | |
139 { | |
140 margin: 12px 0px 16px 0px; | |
141 padding: 0px; | |
142 list-style: none; | |
143 } | |
144 | |
145 section li | |
146 { | |
147 margin-bottom: 12px; | |
148 } | |
149 | |
150 section li label | |
151 { | |
152 -webkit-margin-end: 10px; | |
153 -moz-margin-end: 10px; | |
154 } | |
155 | |
156 section li input | |
157 { | |
158 vertical-align: middle; | |
159 -webkit-margin-end: 10px; | |
160 -moz-margin-end: 10px; | |
161 } | |
162 | |
163 section li textarea | |
164 { | |
165 display: block; | |
166 padding: 5px; | |
167 width: 250px; | |
168 height: 50px; | |
169 vertical-align: middle; | |
170 font-size: 14px; | |
171 } | |
172 | |
173 section li ul | |
174 { | |
175 margin-top: 10px; | |
176 margin-bottom: 0px; | |
177 } | |
178 | |
179 section .subheader | |
180 { | |
181 margin-top: 0px; | |
182 text-align: center; | |
183 } | |
184 | |
185 section .error-label | |
186 { | |
187 display: none; | |
188 color: #ffafaf; | |
189 margin: 0px 12px; | |
190 } | |
191 | |
192 button, | |
193 .notification a | |
194 { | |
195 min-width: 138px; | |
196 border: 0px; | |
197 color: #ffffff; | |
198 cursor: pointer; | |
199 } | |
200 | |
201 .highlighted form button | |
202 { | |
203 height: 42px; | |
204 background-color: #37506d; | |
205 } | |
206 | |
207 form.error button | |
208 { | |
209 border: solid 2px #ffafaf; | |
210 } | |
211 | |
212 form.error .error-label | |
213 { | |
214 display: inline-block; | |
215 } | |
216 | |
217 .notification a | |
218 { | |
219 display: inline-block; | |
220 padding: 14px 0px; | |
221 margin: 0px 10px; | |
222 background-color: #5cb85c; | |
223 vertical-align: middle; | |
224 font-size: 14px; | |
225 text-decoration: none; | |
226 } | |
227 | |
228 .notification a:hover | |
229 { | |
230 background-color: #47a447; | |
231 } | |
232 | |
233 form input[type="checkbox"] | |
234 { | |
235 margin: 0px; | |
236 -webkit-margin-end: 10px; | |
237 -moz-margin-end: 10px; | |
238 } | |
239 | |
240 .disclaimer | |
241 { | |
242 margin: 14px 0px; | |
243 font-size: 14px; | |
244 color: #a9bdd5; | |
245 } | |
246 | |
247 .hidden | |
248 { | |
249 display: none; | |
250 } | |
251 | |
252 footer | |
253 { | |
254 margin: 0 auto 30px; | |
255 max-width: 960px; | |
256 text-align: center; | |
257 } | |
OLD | NEW |