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