Template:Reputation Table: Difference between revisions

Template page
No edit summary
No edit summary
Line 1: Line 1:
<noinclude><!--</noinclude>
<noinclude><!--</noinclude>
|-
|-
| [[{{{1}}}|<div style="text-align: center; padding-bottom: 1em; color:{{#ifexpr: {{{3|0}}} < -0.64 | rgb(255,0,0) | {{#ifexpr: {{{3|0}}} > 0.64 | rgb(0,255,0) | rgb(255,255,255) }}}} !important;">'''{{{2|{{{1}}}}}}'''</div>]]<div style="width: 100%; height: 24px; background-color: var(--color-surface-2); position: relative; border: 2px solid var(--border-color-base);border-radius:var(--border-radius--small);"><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 #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%;"></div></div><div style="height: 100%; position: absolute; top: 0; left: 50%;background:{{#ifexpr:{{{3|0}}}<0|linear-gradient(90deg, rgba(200,{{#expr: {{#expr: {{#expr: 1 -{{#expr: {{{3|0}}} * -1}}}} * 255}} round 0 }},{{#expr: {{#expr: {{#expr: 1 -{{#expr: {{{3|0}}} * -1}}}} * 255}} round 0 }},1) 0%, rgba(233,233,233,1) 100%);|linear-gradient(90deg, rgba(233,233,233,1) 0%, rgba({{#expr: {{#expr: 255 * {{#expr: 1 -{{{3|0}}}}}}} round 0}},200,{{#expr: {{#expr: 255 * {{#expr: 1 -{{{3|0}}}}}}} round 0}},1) 100%);}}width: {{#expr: abs(50 * {{{3|0}}})}}%;{{#ifexpr:{{{3|0}}}<0|border-top-left-radius: var(--border-radius--small);border-bottom-left-radius: var(--border-radius--small);transform: translateX(-100%);|border-top-right-radius: var(--border-radius--small);border-bottom-right-radius: var(--border-radius--small);}}"></div></div><noinclude>-->
| [[{{{1}}}|<div style="text-align: center; padding-bottom: 1em; color:{{#ifexpr: {{{|0}}} < -0.64 | rgb(255,0,0) | {{#ifexpr: {{{|0}}} > 0.64 | rgb(0,255,0) | rgb(255,255,255) }}}} !important;">'''{{{text|{{{1}}}}}}'''</div>]]<div style="width: 100%; height: 24px; background-color: var(--color-surface-2); position: relative; border: 2px solid var(--border-color-base);border-radius:var(--border-radius--small);"><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 #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%; padding: 1px; border-right: 2px solid #3A3E46;"></div><div style="width: 5%; height: 100%;"></div></div><div style="height: 100%; position: absolute; top: 0; left: 50%;background:{{#ifexpr:{{{|0}}}<0|linear-gradient(90deg, rgba(200,{{#expr: {{#expr: {{#expr: 1 -{{#expr: {{{|0}}} * -1}}}} * 255}} round 0 }},{{#expr: {{#expr: {{#expr: 1 -{{#expr: {{{|0}}} * -1}}}} * 255}} round 0 }},1) 0%, rgba(233,233,233,1) 100%);|linear-gradient(90deg, rgba(233,233,233,1) 0%, rgba({{#expr: {{#expr: 255 * {{#expr: 1 -{{{|0}}}}}}} round 0}},200,{{#expr: {{#expr: 255 * {{#expr: 1 -{{{|0}}}}}}} round 0}},1) 100%);}}width: {{#expr: abs(50 * {{{|0}}})}}%;{{#ifexpr:{{{|0}}}<0|border-top-left-radius: var(--border-radius--small);border-bottom-left-radius: var(--border-radius--small);transform: translateX(-100%);|border-top-right-radius: var(--border-radius--small);border-bottom-right-radius: var(--border-radius--small);}}"></div></div><noinclude>-->
</noinclude>
</noinclude>

Revision as of 21:02, 15 December 2024