diff options
| -rw-r--r-- | style.css | 9 |
1 files changed, 5 insertions, 4 deletions
| @@ -42,7 +42,7 @@ html, body { | |||
| 42 | font-size: 14pt; | 42 | font-size: 14pt; |
| 43 | font-weight: 300; | 43 | font-weight: 300; |
| 44 | 44 | ||
| 45 | background-color: black; | 45 | background-color: #F1F2E3; |
| 46 | color: white; | 46 | color: white; |
| 47 | } | 47 | } |
| 48 | 48 | ||
| @@ -358,8 +358,7 @@ dd { | |||
| 358 | .hidden { | 358 | .hidden { |
| 359 | overflow: hidden; | 359 | overflow: hidden; |
| 360 | max-height: 0px; | 360 | max-height: 0px; |
| 361 | transition: max-height, height; | 361 | transition: max-height, height, background-color; |
| 362 | transition-timing-function: ease; | ||
| 363 | transition-duration: 0.5s; | 362 | transition-duration: 0.5s; |
| 364 | } | 363 | } |
| 365 | 364 | ||
| @@ -371,6 +370,8 @@ dd { | |||
| 371 | text-align: center; | 370 | text-align: center; |
| 372 | color: white; | 371 | color: white; |
| 373 | padding: 0.4em 0.6em 0.4em 0.6em; | 372 | padding: 0.4em 0.6em 0.4em 0.6em; |
| 373 | transition: max-height, height, background-color; | ||
| 374 | transition-duration: 0.5s; | ||
| 374 | } | 375 | } |
| 375 | 376 | ||
| 376 | /* These are the heights of the expanded sections, only shown if the | 377 | /* These are the heights of the expanded sections, only shown if the |
| @@ -378,7 +379,7 @@ dd { | |||
| 378 | 379 | ||
| 379 | #wrapper.step-1 .block-step1 .juice { max-height: 550px; } | 380 | #wrapper.step-1 .block-step1 .juice { max-height: 550px; } |
| 380 | #wrapper.step-2 .block-step2 .juice { max-height: 950px; } | 381 | #wrapper.step-2 .block-step2 .juice { max-height: 950px; } |
| 381 | #wrapper.step-3 .block-step3 .juice { max-height: 950px; } | 382 | #wrapper.step-3 .block-step3 .juice { max-height: 1050px; } |
| 382 | #wrapper.step-4 .block-step4 .juice { max-height: 1050px; } | 383 | #wrapper.step-4 .block-step4 .juice { max-height: 1050px; } |
| 383 | #wrapper.step-5 .block-step5 .juice { max-height: 1200px; } | 384 | #wrapper.step-5 .block-step5 .juice { max-height: 1200px; } |
| 384 | #wrapper.step-6 .block-step6 .juice { max-height: 850px; } | 385 | #wrapper.step-6 .block-step6 .juice { max-height: 850px; } |
