summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorDirk Engling <erdgeist@erdgeist.org>2016-08-22 01:17:50 +0200
committerDirk Engling <erdgeist@erdgeist.org>2016-08-22 01:17:50 +0200
commitc733c50f17c8c9f27cea323d7753576d8d42dd15 (patch)
treefe18b87c75b2b124a6d9d929f8301e4de477b708
parent395250117d1807b03020903a379f3000021c4e98 (diff)
add transitions to warning, also set body bgcol
-rw-r--r--style.css9
1 files changed, 5 insertions, 4 deletions
diff --git a/style.css b/style.css
index fd83938..e8df0ab 100644
--- a/style.css
+++ b/style.css
@@ -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; }