Difference between revisions of "Template:Long fossil range/marker"

From blackwiki
Jump to navigation Jump to search
imported>Benniboi01
imported>Benniboi01
m ('worked out' the ghost bar feature.)
Line 1: Line 1:
 
<includeonly><onlyinclude>{{#ifexpr:{{{1}}}-{{{2}}}>5|
 
<includeonly><onlyinclude>{{#ifexpr:{{{1}}}-{{{2}}}>5|
<div id=Range-border style="position:absolute; height:8px; left:{{#expr:({{period start|Hadean}}-{{{1}}})/{{period start|Hadean}}*250}}px; width:{{#expr:({{{1}}}-{{{2}}})*250/{{period start|Hadean}}}}px; background-color:#360; opacity:{{#if:{{{3}}}|0.{{{3}}}}};  filter:alpha(opacity={{{3}}}); "></div>
+
<div style="position:absolute; height:8px; left:{{#expr:(4600-{{{1}}})/4600*250}}px; width:{{#expr:({{{1}}}-{{{2}}})*250/4600}}px; background-color:#360; opacity:{{#if:{{{3|}}}|0.{{{3}}}|1}}; "><!--range-border--></div>
{{#if:{{{3|}}}||<div id=Range-Marker style="position:absolute; height:6px; top:1px; left:{{#expr:(({{period start|Hadean}}-{{{1}}})/{{period start|Hadean}}*250)+1}}px; width:{{#expr:(({{{1}}}-{{{2}}})*250/{{period start|Hadean}})-2}}px; background-color:#6c3;"></div>}}
+
{{#if:{{{3|}}}||<div style="position:absolute; height:6px; top:1px; left:{{#expr:((4600-{{{1}}})/4600*250)+1}}px; width:{{#expr:(({{{1}}}-{{{2}}})*250/4600)-2}}px; background-color:#6c3;"><!--range-marker--></div>}}
 
|<!--else-->
 
|<!--else-->
{{#if:{{{3|}}}||<div id=Range-Pointer style="position:absolute; left:{{#expr:(({{period start|Hadean}}-{{{1}}})/{{period start|Hadean}}*250)}}px; font-size:50%"><div name=nudgeBackLeft style="position:relative; left:-0.42em">&darr;</div></div>}}
+
{{#if:{{{3|}}}||<div style="position:absolute; left:{{#expr:(650-{{{1}}})/4600*250}}px; font-size:50%"><!--contains arrow--><div style="position:relative; left:-0.42em"><!--nudges back left-->&darr;</div></div>}}
}}</onlyinclude></includeonly>
+
}}</onlyinclude></includeonly><noinclude>
<noinclude>{{template doc|Template:Long fossil range/marker/doc}}</noinclude>
+
{{pp-template|small=yes}}
[[Category:Template implementation details|{{PAGENAME}}]]
+
{{Documentation}}
 +
[[Category:Template implementation details]]
 +
</noinclude>

Revision as of 22:38, 20 March 2020

Template documentation[view] [edit] [history] [purge]

Usage

870 Ma
<div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;">
<div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;">

<div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;"> <div style="position:absolute; height:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;">Pha. <div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;"> <div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;"> <div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;"> <div style="position:absolute; height:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;">Proterozoic <div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;"> <div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;"> <div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;"> <div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;"> <div style="position:absolute; height:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;">Archean <div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;"> <div style="position:absolute; height:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;">Had'n

870 Ma

<div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;">

<div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;"> <div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;"> <div style="position:absolute; height:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;">Pha. <div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;"> <div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;"> <div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;"> <div style="position:absolute; height:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;">Proterozoic <div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;"> <div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;"> <div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;"> <div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;"> <div style="position:absolute; height:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;">Archean <div style="position:absolute; height:12px; top:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;"> <div style="position:absolute; height:6px; text-align:center; background-color:Template:Period color; left:Expression error: Unrecognized punctuation character "[".px; width:Expression error: Unrecognized punctuation character "[".px;">Had'n