Template:Timeline: Difference between revisions

From Drive: The SciFi Comic
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
 
(13 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="position:relative;">
<div style="position:relative;clear:both;font-size:100%;padding:0;margin:0;"><div style="float:left;width:10%;padding:0;margin:0;">{{{1}}}</div><div style="padding:0;margin:0;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><noinclude><br>
<div style="position:absolute;height:100%;padding-bottom:10px;width:5px;background:{{{color|grey}}};left:70px;"></div>
<div style="margin-left:3px;">{{{1}}}
</div>
</div>
<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%;padding-bottom:10px;width:5px;background:grey;left:70px;"></div>
<br>
<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%;padding-bottom:10px;width:5px;background:green;left:70px;"></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|
<br>
'''Usage:''' <nowiki>{{timeline|
'''Date'''|
'''Date'''|
'''Event'''
'''Event'''
}}
}}
{{timeline element|color=green|
{{timeline|color=red|
'''Date'''|
'''Date'''|
'''Event'''
'''Event'''
}}
{{timeline element|color=green|
'''Date'''|
'''Event'''
}}
</div>
</div>
'''Usage:''' <nowiki>{{timeline|color=green|
{{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%;padding-bottom:10px;width:5px;background:red;left:70px;"></div> <div style="margin-left:3px;">
{{timeline element|color=red|
'''Date'''|
'''Event'''
}}
</div>
</div>
<div style="position:relative;"> <div style="position:absolute;height:100%;padding-bottom:10px;width:5px;background:green;left:70px;"></div> <div style="margin-left:3px;">
{{timeline element|color=green|
'''Date'''|
'''Event'''
}}
</div>
</div>
<div style="position:relative;"> <div style="position:absolute;height:100%;padding-bottom:10px;width:5px;background:blue;left:70px;"></div> <div style="margin-left:3px;">
{{timeline element|color=blue|
'''Date'''|
'''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>

Latest revision as of 04:58, 18 September 2017

{{{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'''
}}