summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--style.css87
1 files changed, 43 insertions, 44 deletions
diff --git a/style.css b/style.css
index 83da1f1..13b9cf0 100644
--- a/style.css
+++ b/style.css
@@ -85,15 +85,15 @@ h2 {
85} 85}
86 86
87#unsicher, 87#unsicher,
88.collapsable.block-step7 { 88.collapsable.block-step8 {
89 padding: 0; 89 padding: 0;
90} 90}
91#wrapper.stepcancel #unsicher, 91#wrapper.stepcancel #unsicher,
92#wrapper-step7 .block-step7 { 92#wrapper-step8 .block-step8 {
93 padding: auto; 93 padding: auto;
94} 94}
95 95
96.block-step7, 96.block-step8,
97.juice, 97.juice,
98#wrapper.stepcancel h2 { 98#wrapper.stepcancel h2 {
99 overflow: hidden; 99 overflow: hidden;
@@ -104,21 +104,18 @@ h2 {
104 transition-delay: 0s; 104 transition-delay: 0s;
105} 105}
106 106
107.block-step1 { 107.block-step1,
108.block-step8 {
108 background-color: #F1F2E3; 109 background-color: #F1F2E3;
109 color: black !important; 110 color: black !important;
110} 111}
111 112
112#unsicher {
113 background-color: #B77662;
114}
115
116.block-step2 { 113.block-step2 {
117 background-color: #70B5A9; 114 background-color: #403040;
118} 115}
119 116
120.block-step3 { 117.block-step3 {
121 background-color: #7CA8D7; 118 background-color: #564073;
122} 119}
123 120
124.block-step4 { 121.block-step4 {
@@ -126,36 +123,23 @@ h2 {
126} 123}
127 124
128.block-step5 { 125.block-step5 {
129 background-color: #564073; 126 background-color: #7CA8D7;
130} 127}
131 128
132.block-step6 { 129.block-step6 {
133 background-color: #403040; 130 background-color: #D0B66B;
134} 131}
135 132
136.block-step7 { 133.block-step7 {
137 background-color: #F1F2E3; 134 background-color: #70B5A9;
138 color: black !important;
139}
140
141.greyed .block-step2 {
142 background-color: #ccc;
143}
144
145.greyed .block-step3 {
146 background-color: #aaa;
147}
148
149.greyed .block-step4 {
150 background-color: #888;
151} 135}
152 136
153.greyed .block-step5 { 137.block-step9 {
154 background-color: #666; 138 background-color: #EAE386;
155} 139}
156 140
157.greyed .block-step6 { 141#unsicher {
158 background-color: #444; 142 background-color: #B77662;
159} 143}
160 144
161.collapsable { 145.collapsable {
@@ -167,10 +151,14 @@ h2 {
167 margin-right: 0; 151 margin-right: 0;
168} 152}
169 153
170.block-step2, .block-step3, .block-step4, .block-step5, .block-step6 { 154.block-step2, .block-step3, .block-step4, .block-step5, .block-step6, .block-step7, .block-step8 {
171 box-shadow: inset 0px 7px 3px -3px rgba(50, 50, 50, 0.75); 155 box-shadow: inset 0px 7px 3px -3px rgba(50, 50, 50, 0.75);
172} 156}
173 157
158.footer {
159 box-shadow: -3px 0px 3px 6px rgba(50, 50, 50, 0.75);
160}
161
174.two-buttons, 162.two-buttons,
175.one-button { 163.one-button {
176 height: 4em; 164 height: 4em;
@@ -273,16 +261,22 @@ ul {
273#wrapper.step5 .block-step2 .done, 261#wrapper.step5 .block-step2 .done,
274#wrapper.step6 .block-step2 .done, 262#wrapper.step6 .block-step2 .done,
275#wrapper.step7 .block-step2 .done, 263#wrapper.step7 .block-step2 .done,
264#wrapper.step8 .block-step2 .done,
276#wrapper.step4 .block-step3 .done, 265#wrapper.step4 .block-step3 .done,
277#wrapper.step5 .block-step3 .done, 266#wrapper.step5 .block-step3 .done,
278#wrapper.step6 .block-step3 .done, 267#wrapper.step6 .block-step3 .done,
279#wrapper.step7 .block-step3 .done, 268#wrapper.step7 .block-step3 .done,
269#wrapper.step8 .block-step3 .done,
280#wrapper.step5 .block-step4 .done, 270#wrapper.step5 .block-step4 .done,
281#wrapper.step6 .block-step4 .done, 271#wrapper.step6 .block-step4 .done,
282#wrapper.step7 .block-step4 .done, 272#wrapper.step7 .block-step4 .done,
273#wrapper.step8 .block-step4 .done,
283#wrapper.step6 .block-step5 .done, 274#wrapper.step6 .block-step5 .done,
284#wrapper.step7 .block-step5 .done, 275#wrapper.step7 .block-step5 .done,
285#wrapper.step7 .block-step6 .done { 276#wrapper.step8 .block-step5 .done,
277#wrapper.step7 .block-step6 .done,
278#wrapper.step8 .block-step6 .done,
279#wrapper.step8 .block-step7 .done {
286 visibility: visible; 280 visibility: visible;
287} 281}
288 282
@@ -333,31 +327,36 @@ label input {
333#wrapper.step1 .block-step1 .juice, 327#wrapper.step1 .block-step1 .juice,
334#wrapper.stepcancel .block-stepcancel .juice { 328#wrapper.stepcancel .block-stepcancel .juice {
335 max-height: 350px; 329 max-height: 350px;
336 transition: max-height 0.5s ease;
337} 330}
338 331
339#wrapper.step2 .block-step2 .juice { 332#wrapper.step2 .block-step2 .juice {
340 max-height: 1200px; 333 max-height: 950px;
341 transition: max-height 0.5s ease; 334}
335
336#wrapper.step3 .block-step3 .juice {
337 max-height: 950px;
338}
339
340#wrapper.step4 .block-step4 .juice {
341 max-height: 700px;
342} 342}
343 343
344#wrapper.step5 .block-step5 .juice { 344#wrapper.step5 .block-step5 .juice {
345 max-height: 750px; 345 max-height: 750px;
346 transition: max-height 0.5s ease;
347} 346}
348 347
349#wrapper.step6 .block-step6 .juice { 348#wrapper.step6 .block-step6 .juice {
350 max-height: 500px; 349 max-height: 850px;
351 transition: max-height 0.5s ease; 350}
351
352#wrapper.step7 .block-step7 .juice {
353 max-height: 450px;
352} 354}
353 355
354#wrapper.step3 .block-step3 .juice, 356#wrapper.step8 .block-step8 .juice,
355#wrapper.step4 .block-step4 .juice, 357#wrapper.step8 .block-step8
356#wrapper.step7 .block-step7 .juice,
357#wrapper.step7 .block-step7
358{ 358{
359 max-height: 900px; 359 max-height: 450px;
360 transition: max-height 0.5s ease;
361} 360}
362 361
363.credits { 362.credits {