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 | } |
