Template:Panel: Difference between revisions

From Hydrogenaudio Knowledgebase
mNo edit summary
m (Added option for "blue")
Line 1: Line 1:
<div class="plainlinks" style="background-color: {{#switch: {{{color}}} | green = #ddffdd | red = #ffdddd | yellow = #fbec74 | #f0f0f0 }}; border-left: 0.5em solid {{#switch: {{{color}}} | green = #4caf50 | red = #f44336 | yellow = #cbbd30 | #c0c0c0 }}; color: #000; display: table; margin-bottom: 0.5em; padding: 0.5em 1em;">{{{1}}}</div><noinclude>
<div class="plainlinks" style="background-color: {{#switch: {{{color}}} | red = #f8c9ca | green = #d0f1de | blue = #ddeaff | yellow = #fbec74 | #f0f0f0 }}; border-left: 0.5em solid {{#switch: {{{color}}} | red = #fba3a4 | green = #007d50 | blue = #0072b3 | yellow = #cbbd30 | #c0c0c0 }}; color: #000; display: table; margin-bottom: 0.5em; padding: 0.5em 1em;">{{{1}}}</div><noinclude>
==Documentation==
==Documentation==
Creates a colored panel that can be used to pull out important information.
Creates a colored panel that can be used to pull out important information.


It currently accepts three '''lowercase''' {{code|color}} variables: {{code|green}}, {{code|red}}, {{code|yellow}}
It currently accepts three '''lowercase''' {{code|color}} variables: {{code|red}}, {{code|green}}, {{code|blue}}, {{code|yellow}}
===Input===
===Input===
<pre>{{panel|Sample text.}}
<pre>{{panel|Sample text.}}
{{panel|Sample text.|color=red}}
{{panel|Sample text.|color=green}}
{{panel|Sample text.|color=green}}
{{panel|Sample text.|color=red}}
{{panel|Sample text.|color=blue}}
{{panel|Sample text.|color=yellow}}</pre>
{{panel|Sample text.|color=yellow}}</pre>
===Output===
===Output===
{{panel|Sample text.}}
{{panel|Sample text.}}
{{panel|Sample text.|color=red}}
{{panel|Sample text.|color=green}}
{{panel|Sample text.|color=green}}
{{panel|Sample text.|color=red}}
{{panel|Sample text.|color=blue}}
{{panel|Sample text.|color=yellow}}
{{panel|Sample text.|color=yellow}}
</noinclude>
</noinclude>

Revision as of 17:17, 9 September 2021

Documentation

Creates a colored panel that can be used to pull out important information.

It currently accepts three lowercase color variables: red, green, blue, yellow

Input

{{panel|Sample text.}}
{{panel|Sample text.|color=red}}
{{panel|Sample text.|color=green}}
{{panel|Sample text.|color=blue}}
{{panel|Sample text.|color=yellow}}

Output