Wikipedia>Andree.sk: mark the color bars to render exact, to make them print properly (tested with Chrome)

2018-08-07T15:18:11Z

mark the color bars to render exact, to make them print properly (tested with Chrome)

New page

<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"> </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"> </div>
<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"> </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;"> </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>

Template:Climate chart/celsius column - Revision history

Wikipedia>Andree.sk: mark the color bars to render exact, to make them print properly (tested with Chrome)