diff options
Diffstat (limited to 'style.css')
-rw-r--r-- | style.css | 39 |
1 files changed, 34 insertions, 5 deletions
@@ -32,6 +32,7 @@ | |||
32 | 32 | ||
33 | body { | 33 | body { |
34 | font-family: 'SourceSansPro', sans-serif; | 34 | font-family: 'SourceSansPro', sans-serif; |
35 | background-color: #F1F2E3; | ||
35 | } | 36 | } |
36 | 37 | ||
37 | .wrapper { | 38 | .wrapper { |
@@ -45,6 +46,7 @@ h1 { | |||
45 | font-size: 30pt; | 46 | font-size: 30pt; |
46 | font-weight: 300; | 47 | font-weight: 300; |
47 | text-transform: uppercase; | 48 | text-transform: uppercase; |
49 | cursor: pointer; | ||
48 | } | 50 | } |
49 | 51 | ||
50 | h2 { | 52 | h2 { |
@@ -53,7 +55,7 @@ h2 { | |||
53 | cursor: pointer; | 55 | cursor: pointer; |
54 | } | 56 | } |
55 | 57 | ||
56 | h1, h2, h3, .juice { | 58 | .block-header, .juice { |
57 | min-width: 480px; | 59 | min-width: 480px; |
58 | width: 50%; | 60 | width: 50%; |
59 | margin: 0.5em auto 0 auto; | 61 | margin: 0.5em auto 0 auto; |
@@ -151,11 +153,12 @@ h1, h2, h3, .juice { | |||
151 | 153 | ||
152 | .two-buttons, | 154 | .two-buttons, |
153 | .one-button { | 155 | .one-button { |
154 | height: 3em; | 156 | height: 4em; |
157 | margin: 1em 0 0.5em 0; | ||
155 | } | 158 | } |
156 | 159 | ||
157 | .button { | 160 | .button { |
158 | width: 33%; | 161 | width: 45%; |
159 | height: 2em; | 162 | height: 2em; |
160 | padding-top: 0.7em; | 163 | padding-top: 0.7em; |
161 | padding-bottom: 0; | 164 | padding-bottom: 0; |
@@ -210,7 +213,6 @@ ul { | |||
210 | margin-left: 0; | 213 | margin-left: 0; |
211 | margin-right: 0; | 214 | margin-right: 0; |
212 | padding: 0.4em 0 0.4em 0; | 215 | padding: 0.4em 0 0.4em 0; |
213 | border-top: 8px solid white; | ||
214 | text-align: center; | 216 | text-align: center; |
215 | position: fixed; | 217 | position: fixed; |
216 | bottom: 0px; | 218 | bottom: 0px; |
@@ -232,6 +234,14 @@ ul { | |||
232 | width: 100%; | 234 | width: 100%; |
233 | } | 235 | } |
234 | 236 | ||
237 | .done { | ||
238 | float: right; | ||
239 | font-size: 24pt; | ||
240 | margin-top: -0.2em; | ||
241 | display: none; | ||
242 | visibility: hidden; | ||
243 | } | ||
244 | |||
235 | input[type="text"] { | 245 | input[type="text"] { |
236 | width: 90%; | 246 | width: 90%; |
237 | } | 247 | } |
@@ -244,8 +254,27 @@ input[type="text"] { | |||
244 | .wrapper.step6 .block-step6 .juice, | 254 | .wrapper.step6 .block-step6 .juice, |
245 | .wrapper.step7 .block-step7 .juice, | 255 | .wrapper.step7 .block-step7 .juice, |
246 | .wrapper.step7 .block-step7, | 256 | .wrapper.step7 .block-step7, |
257 | |||
247 | .wrapper.stepcancel .block-stepcancel.juice, | 258 | .wrapper.stepcancel .block-stepcancel.juice, |
248 | .wrapper.stepcancel #unsicher { | 259 | .wrapper.stepcancel #unsicher, |
260 | |||
261 | .wrapper.step3 .block-step2 .done, | ||
262 | .wrapper.step4 .block-step2 .done, | ||
263 | .wrapper.step5 .block-step2 .done, | ||
264 | .wrapper.step6 .block-step2 .done, | ||
265 | .wrapper.step7 .block-step2 .done, | ||
266 | .wrapper.step4 .block-step3 .done, | ||
267 | .wrapper.step5 .block-step3 .done, | ||
268 | .wrapper.step6 .block-step3 .done, | ||
269 | .wrapper.step7 .block-step3 .done, | ||
270 | .wrapper.step5 .block-step4 .done, | ||
271 | .wrapper.step6 .block-step4 .done, | ||
272 | .wrapper.step7 .block-step4 .done, | ||
273 | .wrapper.step6 .block-step5 .done, | ||
274 | .wrapper.step7 .block-step5 .done, | ||
275 | .wrapper.step7 .block-step6 .done | ||
276 | |||
277 | { | ||
249 | display: block !important; | 278 | display: block !important; |
250 | visibility: visible !important; | 279 | visibility: visible !important; |
251 | } | 280 | } |