Line 118: | Line 118: | ||
</div> | </div> | ||
<style> | <style> | ||
− | |||
− | |||
− | |||
.steps-container{ | .steps-container{ | ||
display:table; | display:table; | ||
Line 142: | Line 139: | ||
.step-path > div{ | .step-path > div{ | ||
width:30px; | width:30px; | ||
− | height: | + | height:10px; |
+ | background:rgba(255,255,255,0.2); | ||
+ | border:solid 2px rgba(255,255,255,0.2); | ||
+ | } | ||
+ | .step > div.selected-step{ | ||
+ | border:solid 2px blue; | ||
+ | } | ||
+ | .step > div.previous-step{ | ||
+ | border:solid 2px blue; | ||
background:blue; | background:blue; | ||
} | } | ||
</style> | </style> | ||
− | <section> | + | <section style="background:none;"> |
<div class="steps-container"> | <div class="steps-container"> | ||
− | <div class="step" id="step-1"><div>1</div></div> | + | <div class="step" id="step-1"><div class="previous-step">1</div></div> |
<div class="step-path"><div></div></div> | <div class="step-path"><div></div></div> | ||
− | <div class="step" id="step-2"><div>2</div></div> | + | <div class="step" id="step-2"><div class="selected-step">2</div></div> |
<div class="step-path"><div></div></div> | <div class="step-path"><div></div></div> | ||
<div class="step" id="step-3"><div>3</div></div> | <div class="step" id="step-3"><div>3</div></div> |
Revision as of 10:41, 8 October 2017
Human Practices Logbook
1
2
3
4
5
6
7
8
9
10
11
12