diff options
| -rw-r--r-- | index.html | 3 | ||||
| -rw-r--r-- | style.css | 5 |
2 files changed, 6 insertions, 2 deletions
| @@ -84,7 +84,8 @@ | |||
| 84 | <div class="button button-red" onclick="step_0_cancel()">Nein, bin unsicher.</div> | 84 | <div class="button button-red" onclick="step_0_cancel()">Nein, bin unsicher.</div> |
| 85 | </div> | 85 | </div> |
| 86 | <div class="hint show-moreinfo" onclick="show_moreinfo()">Sie möchten mehr darüber erfahren?</div> | 86 | <div class="hint show-moreinfo" onclick="show_moreinfo()">Sie möchten mehr darüber erfahren?</div> |
| 87 | <div class="hint hide-moreinfo" onclick="hide_moreinfo()">Sie haben genug darüber erfahren?</div> | 87 | <div class="hint link-faq"><a href="faq.html">FAQ zum Verlinken.</a></div> |
| 88 | <div class="hint hide-moreinfo" onclick="hide_moreinfo()">FAQ zuklappen!</div> | ||
| 88 | </div> | 89 | </div> |
| 89 | </div> | 90 | </div> |
| 90 | <div class="collapsable block-step0" id="unsicher"> | 91 | <div class="collapsable block-step0" id="unsicher"> |
| @@ -343,16 +343,19 @@ dd { | |||
| 343 | transition-delay: 0s; | 343 | transition-delay: 0s; |
| 344 | } | 344 | } |
| 345 | 345 | ||
| 346 | .link-faq, | ||
| 346 | .hide-moreinfo, | 347 | .hide-moreinfo, |
| 347 | .show-moreinfo { | 348 | .show-moreinfo { |
| 348 | display: inline-block; | 349 | display: inline-block; |
| 349 | border-bottom: dotted 1px rgba(0,0,0,0.25); | 350 | border-bottom: dotted 1px rgba(0,0,0,0.25); |
| 350 | margin-bottom: 1em; | 351 | margin: auto 1em 1em auto; |
| 351 | cursor: pointer; | 352 | cursor: pointer; |
| 352 | } | 353 | } |
| 353 | 354 | ||
| 355 | .link-faq { display: none; } | ||
| 354 | .hide-moreinfo { display: none; } | 356 | .hide-moreinfo { display: none; } |
| 355 | #wrapper.moreinfo-shown .hide-moreinfo { display: inline-block; } | 357 | #wrapper.moreinfo-shown .hide-moreinfo { display: inline-block; } |
| 358 | #wrapper.moreinfo-shown .link-faq { display: inline-block; } | ||
| 356 | #wrapper.moreinfo-shown .show-moreinfo { display: none; } | 359 | #wrapper.moreinfo-shown .show-moreinfo { display: none; } |
| 357 | 360 | ||
| 358 | .hidden { | 361 | .hidden { |
