Line 125: | Line 125: | ||
width:100%; | width:100%; | ||
} | } | ||
− | . | + | .steps-container > div{ |
display:table-cell; | display:table-cell; | ||
text-align: center; | text-align: center; | ||
− | width: | + | width:50px; |
} | } | ||
.step > div{ | .step > div{ | ||
Line 140: | Line 140: | ||
position:relative; | position:relative; | ||
} | } | ||
− | .step | + | .step-path{ |
− | + | ||
width:30px; | width:30px; | ||
height:2px; | height:2px; | ||
Line 154: | Line 153: | ||
<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>1</div></div> | ||
+ | <div class="step-path"></div> | ||
<div class="step" id="step-2"><div>2</div></div> | <div class="step" id="step-2"><div>2</div></div> | ||
+ | <div class="step-path"></div> | ||
<div class="step" id="step-3"><div>3</div></div> | <div class="step" id="step-3"><div>3</div></div> | ||
+ | <div class="step-path"></div> | ||
<div class="step" id="step-4"><div>4</div></div> | <div class="step" id="step-4"><div>4</div></div> | ||
+ | <div class="step-path"></div> | ||
<div class="step" id="step-5"><div>5</div></div> | <div class="step" id="step-5"><div>5</div></div> | ||
+ | <div class="step-path"></div> | ||
<div class="step" id="step-6"><div>6</div></div> | <div class="step" id="step-6"><div>6</div></div> | ||
+ | <div class="step-path"></div> | ||
<div class="step" id="step-7"><div>7</div></div> | <div class="step" id="step-7"><div>7</div></div> | ||
+ | <div class="step-path"></div> | ||
<div class="step" id="step-8"><div>8</div></div> | <div class="step" id="step-8"><div>8</div></div> | ||
+ | <div class="step-path"></div> | ||
<div class="step" id="step-9"><div>9</div></div> | <div class="step" id="step-9"><div>9</div></div> | ||
+ | <div class="step-path"></div> | ||
<div class="step" id="step-10"><div>10</div></div> | <div class="step" id="step-10"><div>10</div></div> | ||
+ | <div class="step-path"></div> | ||
<div class="step" id="step-11"><div>11</div></div> | <div class="step" id="step-11"><div>11</div></div> | ||
+ | <div class="step-path"></div> | ||
<div class="step" id="step-12"><div>12</div></div> | <div class="step" id="step-12"><div>12</div></div> | ||
</div> | </div> |
Revision as of 10:28, 8 October 2017
Human Practices Logbook
123456789101112