User:Zocky/TempLab/Sandbox 3

Climate chart for {{{1}}}
J	F	M	A	M	J	J	A	S	O	N	D
<div style="background:#ace;position:absolute;bottom:2em;left:.2em;right:.2em;height:em;z-index:3;overflow:hidden">  {{{4}}} <div style="background:#e44;position:absolute;left:.7em;right:.7em;z-index:4;top:em;height:em;">   <div style="color:red;position:absolute;bottom:em; left:0;right:0;height:1.5em;text-align:center;z-index:4">{{{3}}} <div style="color:red;position:absolute;top:em; left:0;right:0;height:1.5em;text-align:center;z-index:4">{{{2}}}	<div style="background:#ace;position:absolute;bottom:2em;left:.2em;right:.2em;height:em;z-index:3;overflow:hidden">  {{{7}}} <div style="background:#e44;position:absolute;left:.7em;right:.7em;z-index:4;top:em;height:em;">   <div style="color:red;position:absolute;bottom:em; left:0;right:0;height:1.5em;text-align:center;z-index:4">{{{6}}} <div style="color:red;position:absolute;top:em; left:0;right:0;height:1.5em;text-align:center;z-index:4">{{{5}}}	<div style="background:#ace;position:absolute;bottom:2em;left:.2em;right:.2em;height:em;z-index:3;overflow:hidden">  {{{10}}} <div style="background:#e44;position:absolute;left:.7em;right:.7em;z-index:4;top:em;height:em;">   <div style="color:red;position:absolute;bottom:em; left:0;right:0;height:1.5em;text-align:center;z-index:4">{{{9}}} <div style="color:red;position:absolute;top:em; left:0;right:0;height:1.5em;text-align:center;z-index:4">{{{8}}}	<div style="background:#ace;position:absolute;bottom:2em;left:.2em;right:.2em;height:em;z-index:3;overflow:hidden">  {{{13}}} <div style="background:#e44;position:absolute;left:.7em;right:.7em;z-index:4;top:em;height:em;">   <div style="color:red;position:absolute;bottom:em; left:0;right:0;height:1.5em;text-align:center;z-index:4">{{{12}}} <div style="color:red;position:absolute;top:em; left:0;right:0;height:1.5em;text-align:center;z-index:4">{{{11}}}	<div style="background:#ace;position:absolute;bottom:2em;left:.2em;right:.2em;height:em;z-index:3;overflow:hidden">  {{{16}}} <div style="background:#e44;position:absolute;left:.7em;right:.7em;z-index:4;top:em;height:em;">   <div style="color:red;position:absolute;bottom:em; left:0;right:0;height:1.5em;text-align:center;z-index:4">{{{15}}} <div style="color:red;position:absolute;top:em; left:0;right:0;height:1.5em;text-align:center;z-index:4">{{{14}}}	<div style="background:#ace;position:absolute;bottom:2em;left:.2em;right:.2em;height:em;z-index:3;overflow:hidden">  {{{19}}} <div style="background:#e44;position:absolute;left:.7em;right:.7em;z-index:4;top:em;height:em;">   <div style="color:red;position:absolute;bottom:em; left:0;right:0;height:1.5em;text-align:center;z-index:4">{{{18}}} <div style="color:red;position:absolute;top:em; left:0;right:0;height:1.5em;text-align:center;z-index:4">{{{17}}}	<div style="background:#ace;position:absolute;bottom:2em;left:.2em;right:.2em;height:em;z-index:3;overflow:hidden">  {{{22}}} <div style="background:#e44;position:absolute;left:.7em;right:.7em;z-index:4;top:em;height:em;">   <div style="color:red;position:absolute;bottom:em; left:0;right:0;height:1.5em;text-align:center;z-index:4">{{{21}}} <div style="color:red;position:absolute;top:em; left:0;right:0;height:1.5em;text-align:center;z-index:4">{{{20}}}	<div style="background:#ace;position:absolute;bottom:2em;left:.2em;right:.2em;height:em;z-index:3;overflow:hidden">  {{{25}}} <div style="background:#e44;position:absolute;left:.7em;right:.7em;z-index:4;top:em;height:em;">   <div style="color:red;position:absolute;bottom:em; left:0;right:0;height:1.5em;text-align:center;z-index:4">{{{24}}} <div style="color:red;position:absolute;top:em; left:0;right:0;height:1.5em;text-align:center;z-index:4">{{{23}}}	<div style="background:#ace;position:absolute;bottom:2em;left:.2em;right:.2em;height:em;z-index:3;overflow:hidden">  {{{28}}} <div style="background:#e44;position:absolute;left:.7em;right:.7em;z-index:4;top:em;height:em;">   <div style="color:red;position:absolute;bottom:em; left:0;right:0;height:1.5em;text-align:center;z-index:4">{{{27}}} <div style="color:red;position:absolute;top:em; left:0;right:0;height:1.5em;text-align:center;z-index:4">{{{26}}}	<div style="background:#ace;position:absolute;bottom:2em;left:.2em;right:.2em;height:em;z-index:3;overflow:hidden">  {{{31}}} <div style="background:#e44;position:absolute;left:.7em;right:.7em;z-index:4;top:em;height:em;">   <div style="color:red;position:absolute;bottom:em; left:0;right:0;height:1.5em;text-align:center;z-index:4">{{{30}}} <div style="color:red;position:absolute;top:em; left:0;right:0;height:1.5em;text-align:center;z-index:4">{{{29}}}	<div style="background:#ace;position:absolute;bottom:2em;left:.2em;right:.2em;height:em;z-index:3;overflow:hidden">  {{{34}}} <div style="background:#e44;position:absolute;left:.7em;right:.7em;z-index:4;top:em;height:em;">   <div style="color:red;position:absolute;bottom:em; left:0;right:0;height:1.5em;text-align:center;z-index:4">{{{33}}} <div style="color:red;position:absolute;top:em; left:0;right:0;height:1.5em;text-align:center;z-index:4">{{{32}}}	<div style="background:#ace;position:absolute;bottom:2em;left:.2em;right:.2em;height:em;z-index:3;overflow:hidden">  {{{37}}} <div style="background:#e44;position:absolute;left:.7em;right:.7em;z-index:4;top:em;height:em;">   <div style="color:red;position:absolute;bottom:em; left:0;right:0;height:1.5em;text-align:center;z-index:4">{{{36}}} <div style="color:red;position:absolute;top:em; left:0;right:0;height:1.5em;text-align:center;z-index:4">{{{35}}}
temperatures in °C / precipitation in mm