Difference between revisions of "Template:Citrus"

Revision as of 19:55, 16 August 2019

Creates a table with Color, Sweet, Size and Length, where the bar will show the fill level

Usage:

{{Citrus|Value of Color|Value of Sweet|Value of Size|Value of Length}}
{{Citrus|Value of Color|Value of Sweet|Value of Size|Value of Length|Color of Color (optional)|Color of Sweet (optional)|Color of Size (optional)|Color of Value (optional)}}

Value should be between 0 and 1000.
Color needs to be a Hex Value (where no value is specified, #7777FF is used)

Example: {{Citrus|200|400|600|800|#FF0000}} produces:

Color:	200
Sweet:	400
Size:	600
Length:	800

@@ Line 14: / Line 14: @@
 </noinclude><includeonly>{| style = 'border-spacing: 0; margin: 0 auto' |
 |-
-| style = 'padding: 0.2em 0.5em;font-size: 70%; line-height: 1.2; text-align: right' | <strong>Color:</strong>||<div style='width: 100px; border: 1px solid #888; background: #ddd'><div style='font-size: 70%; line-height: 1.2; height: 1.2em; width: {{#expr: trunc ({{{1|1000}}} / 10) }}px; background: {{{5|#7777FF}}}; text-align: left'>&nbsp;&nbsp;{{{1}}}</div></div>
+| style = 'padding: 0.2em 0.5em;font-size: 70%; line-height: 1.2; text-align: right' | <strong>Color:</strong>||<div style='width: 100px; border: 1px solid #888; background: #ddd'><div style='font-size: 70%; line-height: 1.2; height: 1.2em; width: {{#expr: trunc ({{{1|1000}}} / 10) }}px; background: {{{5|#7777FF}}}; text-align: left; white-space: nowrap;'>&nbsp;&nbsp;{{{1}}}</div></div>
 |-
-| style = 'padding: 0.2em 0.5em;font-size: 70%; line-height: 1.2; text-align: right' | <strong>Sweet:</strong>||<div style='width: 100px; border: 1px solid #888; background: #ddd'><div style='font-size: 70%; line-height: 1.2; height: 1.2em; width: {{#expr: trunc ({{{2|1000}}} / 10) }}px; background: #7777FF; text-align: left'>&nbsp;&nbsp;{{{2}}}</div></div>
+| style = 'padding: 0.2em 0.5em;font-size: 70%; line-height: 1.2; text-align: right' | <strong>Sweet:</strong>||<div style='width: 100px; border: 1px solid #888; background: #ddd'><div style='font-size: 70%; line-height: 1.2; height: 1.2em; width: {{#expr: trunc ({{{2|1000}}} / 10) }}px; background: #7777FF; text-align: left; white-space: nowrap;'>&nbsp;&nbsp;{{{2}}}</div></div>
 |-
-| style = 'padding: 0.2em 0.5em;font-size: 70%; line-height: 1.2; text-align: right' | <strong>Size:</strong>||<div style='width: 100px; border: 1px solid #888; background: #ddd'><div style='font-size: 70%; line-height: 1.2; height: 1.2em; width: {{#expr: trunc ({{{3|1000}}} / 10) }}px; background: #7777FF; text-align: left'>&nbsp;&nbsp;{{{3}}}</div></div>
+| style = 'padding: 0.2em 0.5em;font-size: 70%; line-height: 1.2; text-align: right' | <strong>Size:</strong>||<div style='width: 100px; border: 1px solid #888; background: #ddd'><div style='font-size: 70%; line-height: 1.2; height: 1.2em; width: {{#expr: trunc ({{{3|1000}}} / 10) }}px; background: #7777FF; text-align: left; white-space: nowrap;'>&nbsp;&nbsp;{{{3}}}</div></div>
 |-
-| style = 'padding: 0.2em 0.5em;font-size: 70%; line-height: 1.2; text-align: right' | <strong>Length:</strong>||<div style='width: 100px; border: 1px solid #888; background: #ddd'><div style='font-size: 70%; line-height: 1.2; height: 1.2em; width: {{#expr: trunc ({{{4|1000}}} / 10) }}px; background: #7777FF; text-align: left'>&nbsp;&nbsp;{{{4}}}</div></div>
+| style = 'padding: 0.2em 0.5em;font-size: 70%; line-height: 1.2; text-align: right' | <strong>Length:</strong>||<div style='width: 100px; border: 1px solid #888; background: #ddd'><div style='font-size: 70%; line-height: 1.2; height: 1.2em; width: {{#expr: trunc ({{{4|1000}}} / 10) }}px; background: #7777FF; text-align: left; white-space: nowrap;'>&nbsp;&nbsp;{{{4}}}</div></div>
 |}</includeonly><noinclude>
 [[Category:Templates]] {{DEFAULTSORT:{{SUBPAGENAME}}}}
 </noinclude>