User:Dab1001/Timeline2: Difference between revisions
From Halopedia, the Halo wiki
(Proof of concept) |
mNo edit summary |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<div class="timeline" style="height: | <div class="timeline" style="height:1000px;position:relative;"> | ||
<div style="position:relative;display:inline-block;top:100px;border:3px solid black;background-color:#AAFFAA;text-align:center;width:150px;height: | <div class="timeline-background" style="position:absolute;top:0px;left:0px;width:100%;height:100%;" align="left"> | ||
<div style="position:relative;display:inline-block;top:110px;border:3px solid black;background-color:#AAFFAA;text-align:center;width:150px;height:100px;">'''Test2'''</div> | <div class="timeline-label" style="position:relative;top:150px;border-style:solid;border-width:0px 0px 2px 0px;border-color:#AAAAAA;color:#AAAAAA;width:100%;height:auto;">'''''August 15, 2552'''''</div> | ||
</div> | |||
<div class="timeline-foreground" style="position:absolute;top:0px;left:0px;width:100%;height:100%;" align="right"> | |||
<!-- GROUP 1 --> | |||
<div style="position:relative;display:inline-block;top:100px;width:160px;height:400px;" align="center"> | |||
<div style="position:absolute;display:grid;top:000px;border:3px solid black;background-color:#AAFFAA;text-align:center;width:150px;height:100px;">'''Test1'''</div> | |||
<div style="position:absolute;display:grid;top:150px;border:3px solid black;background-color:#AAFFAA;text-align:center;width:150px;height:100px;">'''Test1'''</div> | |||
</div> | |||
<!-- GROUP 2 --> | |||
<div style="position:relative;display:inline-block;top:110px;width:160px;height:400px;" align="center"> | |||
<div style="position:absolute;display:grid;top:000px;border:3px solid black;background-color:#AAFFAA;text-align:center;width:150px;height:100px;">'''Test2'''</div> | |||
</div> | |||
<!-- GROUP 3 --> | |||
<div style="position:relative;display:inline-block;top:150px;width:160px;height:400px;" align="center"> | |||
<div style="position:absolute;display:grid;top:000px;border:3px solid black;background-color:#AAFFAA;text-align:center;width:150px;height:100px;">'''Test3'''</div> | |||
</div> | |||
<!-- GROUP 4 --> | |||
<div style="position:relative;display:inline-block;top:110px;width:160px;height:400px;" align="center"> | |||
<div style="position:absolute;display:grid;top:000px;border:3px solid black;background-color:#AAFFAA;text-align:center;width:150px;height:100px;">'''Test4'''</div> | |||
</div> | |||
<!-- GROUP 5 --> | |||
<div style="position:relative;display:inline-block;top:110px;width:160px;height:400px;" align="center"> | |||
<div style="position:absolute;display:grid;top:000px;border:3px solid black;background-color:#AAFFAA;text-align:center;width:150px;height:100px;">'''Test5'''</div> | |||
</div> | |||
<!-- GROUP 6 --> | |||
<div style="position:relative;display:inline-block;top:110px;width:160px;height:400px;" align="center"> | |||
<div style="position:absolute;display:grid;top:000px;border:3px solid black;background-color:#AAFFAA;text-align:center;width:150px;height:100px;">'''Test6'''</div> | |||
</div> | |||
<!-- GROUP 7 --> | |||
<div style="position:relative;display:inline-block;top:110px;width:160px;height:400px;" align="center"> | |||
<div style="position:absolute;display:grid;top:000px;border:3px solid black;background-color:#AAFFAA;text-align:center;width:150px;height:100px;">'''Test7'''</div> | |||
</div> | |||
</div> | |||
</div> | </div> | ||
Latest revision as of 22:54, May 17, 2019
August 15, 2552
Test1
Test1
Test2
Test3
Test4
Test5
Test6
Test7