View source for Template:Climate chart/celsius column

<div style="width:1.6em;height:17em;position:relative;padding:0;margin:0">
<div style="height:0em;bottom:2em;width:1.6em;position:absolute;left:0;border-bottom:dotted 1px #abc;padding:0;margin:0">&nbsp;</div>
<div style="background:#ace;-webkit-print-color-adjust: exact;color-adjust: exact;position:absolute;bottom:2em;left:.2em;width:1.2em;height:{{#expr:{{{3|80}}}/50/{{#ifexpr:{{{4|500}}}<750|1|{{#expr:{{{4|500}}}/750}}}}}}em;overflow:hidden">&nbsp;</div><!-- 750 mm is maximum for the height, re-scale otherwise -->
<div style="color:blue;position:absolute;bottom:.5em;left:0;width:1.6em;height:1.5em;text-align:center"><span style="font-size:70%">{{#expr:{{{3|80}}} round {{#ifexpr:{{{3|80}}}<10|1|0}}}}</span></div>
<div style="height:0em;bottom:8em;width:1.6em;position:absolute;left:0;border-bottom:dotted 1px #cba;padding:0;margin:0">&nbsp;</div>
<div style="overflow:hidden;background:#e44;-webkit-print-color-adjust: exact;color-adjust: exact;position:absolute;left:.4em;width:0.8em;bottom:{{#expr:{{{1|10}}}/5+8}}em;height:{{#expr:({{{2|20}}}-{{{1|10}}})/5}}em;">&nbsp;</div>
<div style="color:red;position:absolute;bottom:{{#expr:{{{2|20}}}/5+8}}em; left:-.4em;width:1.6em;height:1.5em;text-align:right"><span style="font-size:80%">{{#ifexpr:({{{2|20}}} round 0) < 0|−}}{{#expr:abs({{{2|20}}} round 0)}}</span></div>
<div style="color:red;position:absolute;bottom:{{#expr:{{{1|10}}}/5+6.5}}em; left:-.4em;width:1.6em;height:1.5em;text-align:right"><span style="font-size:80%">{{#ifexpr:({{{1|10}}} round 0) < 0|−}}{{#expr:abs({{{1|10}}} round 0)}}</span></div>
</div>