Template:Timeline: Difference between revisions

From Drive: The SciFi Comic
Jump to navigation Jump to search
mNo edit summary
No edit summary
Line 1: Line 1:
<div style="position:relative;">
<div style="position:relative;clear:both"><div style="float:left;width:10%;">{{{1}}}</div><div style="border-left:5px solid {{{color|grey}}};float:left;clear:right;max-width:80%;padding:0 0 .5em 5px;"><span style="display:inline-table;width:2%;font-weight:bold;color:{{{color|grey}}};position: relative;left: -6px">-</span>{{{2}}}<hr></div></div><br>
<div style="position:absolute;height:120%;width:5px;background:{{{color|grey}}};left:10.3%;"></div>
<div style="margin-left:3px;">{{{1}}}
</div>
</div>
<noinclude>
<noinclude>
==Standard==
==Standard==
<div style="position:relative;">
<div style="position:relative;clear:both"><div style="float:left;width:10%;">'''Date'''</div><div style="border-left:5px solid {{{color|grey}}};float:left;clear:right;max-width:80%;padding:0 0 .5em 5px;"><span style="display:inline-table;width:2%;font-weight:bold;color:{{{color|grey}}};position: relative;left: -6px">-</span>'''Event'''<hr></div></div><br>
<div style="position:absolute;height:100%;margin-top: -1em;width:5px;background:grey;left:10.3%;"></div>
 
<div style="margin-left:3px;">
{{timeline element|
'''Date'''|
'''Event'''
}}
{{timeline element|
'''Date'''|
'''Event'''
}}
{{timeline element|
'''Date'''|
'''Event'''
}}
</div>
</div>
  '''Usage:''' <nowiki>{{timeline|
  '''Usage:''' <nowiki>{{timeline|
{{timeline element|
'''Date'''|
'''Date'''|
'''Event'''
'''Event'''
}}
}}
{{timeline element|
</nowiki>
'''Date'''|
'''Event'''
}}
{{timeline element|
'''Date'''|
'''Event'''
}}
.
.
.
}}</nowiki>


==Colors==
==Colours==
<div style="position:relative;"> <div style="position:absolute;height:100%;margin-top: -1em;width:5px;background:green;left:10.3%;"></div> <div style="margin-left:3px;">
<div style="position:relative;clear:both"><div style="float:left;width:10%;">'''Date'''</div><div style="border-left:5px solid {{{color|grey}}};float:left;clear:right;max-width:80%;padding:0 0 .5em 5px;"><span style="display:inline-table;width:2%;font-weight:bold;color:{{{color|grey}}};position: relative;left: -6px">-</span>'''Event'''<hr></div></div><br><div style="position:relative;clear:both"><div style="float:left;width:10%;">'''Date'''</div><div style="border-left:5px solid red;float:left;clear:right;max-width:80%;padding:0 0 .5em 5px;"><span style="display:inline-table;width:2%;font-weight:bold;color:red;position: relative;left: -6px">-</span>'''Event'''<hr></div></div><br><div style="position:relative;clear:both"><div style="float:left;width:10%;">'''Date'''</div><div style="border-left:5px solid blue;float:left;clear:right;max-width:80%;padding:0 0 .5em 5px;"><span style="display:inline-table;width:2%;font-weight:bold;color:blue;position: relative;left: -6px">-</span>'''Event'''<hr></div></div><br>
{{timeline element|color=green|
'''Date'''|
'''Event'''
}}
{{timeline element|color=green|
'''Date'''|
'''Event'''
}}
{{timeline element|color=green|
'''Date'''|
'''Event'''
}}
</div>
</div>


  '''Usage:''' <nowiki>{{timeline|color=green|
  '''Usage:''' <nowiki>{{timeline|
{{timeline element|color=green|
'''Date'''|
'''Event'''
}}
{{timeline element|color=green|
'''Date'''|
'''Event'''
}}
{{timeline element|color=green|
'''Date'''|
'''Event'''
}}
.
.
.
}}</nowiki>
==Color changes==
<div style="position:relative;"> <div style="position:absolute;height:100%;margin-top: -1em;width:5px;background:red;left:10.3%;"></div> <div style="margin-left:3px;">
{{timeline element|color=red|
'''Date'''|
'''Event'''
}}
</div>
</div>
<div style="position:relative;"> <div style="position:absolute;height:100%;margin-top: -1em;width:5px;background:green;left:10.3%;"></div> <div style="margin-left:3px;">
{{timeline element|color=green|
'''Date'''|
'''Date'''|
'''Event'''
'''Event'''
}}
}}
</div>
{{timeline|color=red|
</div>
<div style="position:relative;"> <div style="position:absolute;height:100%;margin-top: -1em;width:5px;background:blue;left:10.3%;"></div> <div style="margin-left:3px;">
{{timeline element|color=blue|
'''Date'''|
'''Date'''|
'''Event'''
'''Event'''
}}</div>
</div>
'''Usage:''' <nowiki>{{timeline|color=red|
{{timeline element|color=red|
'''Date'''|
'''Event'''
}}
}}
{{timeline|color=green|
{{timeline element|color=green|
'''Date'''|
'''Event'''
}}
}}
}}
{{timeline|color=blue|
{{timeline|color=blue|
{{timeline element|color=blue|
'''Date'''|
'''Date'''|
'''Event'''
'''Event'''
}}
}}
}}</nowiki>
</nowiki>
</noinclude>
</noinclude>

Revision as of 13:18, 3 July 2016

{{{1}}}
-{{{2}}}


Standard

Date
-Event


Usage: {{timeline|
'''Date'''|
'''Event'''
}}

Colours

Date
-Event


Date
-Event


Date
-Event


Usage: {{timeline|
'''Date'''|
'''Event'''
}}
{{timeline|color=red|
'''Date'''|
'''Event'''
}}
{{timeline|color=blue|
'''Date'''|
'''Event'''
}}