summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--index.html6
-rw-r--r--style.css39
2 files changed, 17 insertions, 28 deletions
diff --git a/index.html b/index.html
index c15f96c..202caff 100644
--- a/index.html
+++ b/index.html
@@ -40,7 +40,6 @@
40 </div> 40 </div>
41 <div class="collapsable block-step2"> 41 <div class="collapsable block-step2">
42 <div onclick="step1_done()" class="block-header"> 42 <div onclick="step1_done()" class="block-header">
43 <div class="done">&#x2713;</div>
44 <h2 id="head2"><div class="circle_num">1</div> Wer mahnt ab?</h2> 43 <h2 id="head2"><div class="circle_num">1</div> Wer mahnt ab?</h2>
45 </div> 44 </div>
46 <div class="juice"> 45 <div class="juice">
@@ -71,7 +70,6 @@
71 </div> 70 </div>
72 <div class="collapsable block-step3"> 71 <div class="collapsable block-step3">
73 <div onclick="step2_done()" class="block-header"> 72 <div onclick="step2_done()" class="block-header">
74 <div class="done">&#x2713;</div>
75 <h2 id="head3"><div class="circle_num">2</div> Aktenzeichen und Daten</h2> 73 <h2 id="head3"><div class="circle_num">2</div> Aktenzeichen und Daten</h2>
76 </div> 74 </div>
77 <div class="juice"> 75 <div class="juice">
@@ -155,7 +153,6 @@
155 </div> 153 </div>
156 <div class="collapsable block-step4"> 154 <div class="collapsable block-step4">
157 <div onclick="step3_done()" class="block-header"> 155 <div onclick="step3_done()" class="block-header">
158 <div class="done">&#x2713;</div>
159 <h2 id="head4"><div class="circle_num">3</div> Warum Sie nicht Täter sind</h2> 156 <h2 id="head4"><div class="circle_num">3</div> Warum Sie nicht Täter sind</h2>
160 </div> 157 </div>
161 <div class="juice"> 158 <div class="juice">
@@ -177,7 +174,6 @@
177 </div> 174 </div>
178 <div class="collapsable block-step5"> 175 <div class="collapsable block-step5">
179 <div onclick="step4_done()" class="block-header"> 176 <div onclick="step4_done()" class="block-header">
180 <div class="done">&#x2713;</div>
181 <h2 id="head5"><div class="circle_num">4</div> Warum Sie nicht Störer sind</h2> 177 <h2 id="head5"><div class="circle_num">4</div> Warum Sie nicht Störer sind</h2>
182 </div> 178 </div>
183 <div class="juice"> 179 <div class="juice">
@@ -198,7 +194,6 @@
198 </div> 194 </div>
199 <div class="collapsable block-step6"> 195 <div class="collapsable block-step6">
200 <div onclick="step5_done()" class="block-header"> 196 <div onclick="step5_done()" class="block-header">
201 <div class="done">&#x2713;</div>
202 <h2 id="head6"><div class="circle_num">5</div> Ihre Daten</h2> 197 <h2 id="head6"><div class="circle_num">5</div> Ihre Daten</h2>
203 </div> 198 </div>
204 <div class="juice"> 199 <div class="juice">
@@ -223,7 +218,6 @@
223 </div> 218 </div>
224 <div class="collapsable block-step7"> 219 <div class="collapsable block-step7">
225 <div onclick="step6_done()" class="block-header"> 220 <div onclick="step6_done()" class="block-header">
226 <div class="done">&#x2713;</div>
227 <h2 id="head7"><div class="circle_num">&#x2713;</div>Fertig!</h2> 221 <h2 id="head7"><div class="circle_num">&#x2713;</div>Fertig!</h2>
228 </div> 222 </div>
229 <div class="juice"> 223 <div class="juice">
diff --git a/style.css b/style.css
index 9a97bd0..dfc8799 100644
--- a/style.css
+++ b/style.css
@@ -323,28 +323,23 @@ ul {
323 width: 100%; 323 width: 100%;
324} 324}
325 325
326.done { 326#wrapper.step3 .block-step2 .circle_num,
327 float: right; 327#wrapper.step4 .block-step2 .circle_num,
328 font-size: 24pt; 328#wrapper.step5 .block-step2 .circle_num,
329 visibility: hidden; 329#wrapper.step6 .block-step2 .circle_num,
330} 330#wrapper.step7 .block-step2 .circle_num,
331 331#wrapper.step4 .block-step3 .circle_num,
332#wrapper.step3 .block-step2 .done, 332#wrapper.step5 .block-step3 .circle_num,
333#wrapper.step4 .block-step2 .done, 333#wrapper.step6 .block-step3 .circle_num,
334#wrapper.step5 .block-step2 .done, 334#wrapper.step7 .block-step3 .circle_num,
335#wrapper.step6 .block-step2 .done, 335#wrapper.step5 .block-step4 .circle_num,
336#wrapper.step7 .block-step2 .done, 336#wrapper.step6 .block-step4 .circle_num,
337#wrapper.step4 .block-step3 .done, 337#wrapper.step7 .block-step4 .circle_num,
338#wrapper.step5 .block-step3 .done, 338#wrapper.step6 .block-step5 .circle_num,
339#wrapper.step6 .block-step3 .done, 339#wrapper.step7 .block-step5 .circle_num,
340#wrapper.step7 .block-step3 .done, 340#wrapper.step7 .block-step6 .circle_num {
341#wrapper.step5 .block-step4 .done, 341 border-radius: 1px !important;
342#wrapper.step6 .block-step4 .done, 342 transition: border-radius, 2s;
343#wrapper.step7 .block-step4 .done,
344#wrapper.step6 .block-step5 .done,
345#wrapper.step7 .block-step5 .done,
346#wrapper.step7 .block-step6 .done {
347 visibility: visible;
348} 343}
349 344
350input[type="text"] { 345input[type="text"] {