No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<noinclude><!--</noinclude> | <noinclude><!--</noinclude> | ||
|- | |- | ||
| style="text-align: center; color:{{#ifexpr: {{{2|0}}} < -0.3 | rgb(255,0,0) | {{#ifexpr: {{{2|0}}} > 0.3 | rgb(0,255,0) | rgb(1,1,1) }}}}" | '''{{{1}}}'''<br><div style="width: 100%; height: 24px; background-color: var(--color-surface-2); position: relative; border: 1px solid var(--border-color-base);"><div style="position: absolute; display: flex; justify-content: space-between; width: 100%; height: 100%; top: 0; left: 0; z-index:2;"><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%;"></div></div><div style="height: 100%; position: absolute; top: 0; left: 50%;background:{{#ifexpr:{{{2|0}}}<0|linear-gradient(90deg, rgba(255,{{#expr: {{#expr: {{#expr: 1 -{{#expr: {{{2|0}}} * -1}}}} * 255}} round 0 }},{{#expr: {{#expr: {{#expr: 1 -{{#expr: {{{2|0}}} * -1}}}} * 255}} round 0 }},1) 0%, rgba(255,255,255,1) 100%);|linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba({{#expr: {{#expr: 255 * {{#expr: 1 -{{{2|0}}}}}}} round 0}},255,{{#expr: {{#expr: 255 * {{#expr: 1 -{{{2|0}}}}}}} round 0}},1) 100%);}}width: {{#expr: abs(50 * {{{2|0}}})}}%;{{#ifexpr:{{{2|0}}}<0|transform: translateX(-100%);|}}"></div></div> | | style="text-align: center; color:{{#ifexpr: {{{2|0}}} < -0.3 | rgb(255,0,0) | {{#ifexpr: {{{2|0}}} > 0.3 | rgb(0,255,0) | rgb(1,1,1) }}}}" | '''{{{1}}}'''<br><div style="width: 100%; height: 24px; background-color: var(--color-surface-2); position: relative; border: 1px solid var(--border-color-base);"><div style="position: absolute; display: flex; justify-content: space-between; width: 100%; height: 100%; top: 0; left: 0; z-index:2;"><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid black;"></div><div style="width: 5%; height: 100%;"></div></div><div style="height: 100%; position: absolute; top: 0; left: 50%;background:{{#ifexpr:{{{2|0}}}<0|linear-gradient(90deg, rgba(255,{{#expr: {{#expr: {{#expr: 1 -{{#expr: {{{2|0}}} * -1}}}} * 255}} round 0 }},{{#expr: {{#expr: {{#expr: 1 -{{#expr: {{{2|0}}} * -1}}}} * 255}} round 0 }},1) 0%, rgba(255,255,255,1) 100%);|linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba({{#expr: {{#expr: 255 * {{#expr: 1 -{{{2|0}}}}}}} round 0}},255,{{#expr: {{#expr: 255 * {{#expr: 1 -{{{2|0}}}}}}} round 0}},1) 100%);}}width: {{#expr: abs(50 * {{{2|0}}})}}%;{{#ifexpr:{{{2|0}}}<0|transform: translateX(-100%);|}}"></div></div><noinclude>--> | ||
<noinclude>--> | |||
</noinclude> | </noinclude> | ||
Revision as of 19:31, 15 December 2024