Difference between revisions of "Template:Panel"
From Hydrogenaudio Knowledgebase
(Initial template creation. Additional switches to be added after testing.) |
Beardgoggles (Talk | contribs) m (CSS update.) |
||
(9 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | <div class="plainlinks" style="background-color: {{#switch: {{{color}}} | yellow = # | + | <div class="plainlinks" style="background-color: {{#switch: {{{color}}} | red = #f8c9ca | green = #d0f1de | blue = #ddeaff | yellow = #fff4ce | #f0f0f0 }}; border: none; border-left: 0.5em solid {{#switch: {{{color}}} | red = #fba3a4 | green = #007d50 | blue = #0072b3 | yellow = #ffb900 | #c0c0c0 }}; border-radius: 0.25rem; color: #000; display: table; margin: 0.4em 0 0.5em 0; padding: 0.25em 1em;"> |
+ | {{#if:{{{title|}}}|<p style="margin-bottom: -0.25rem;">'''{{{title}}}'''</p>|}} | ||
+ | {{{1}}} | ||
+ | </div><noinclude> | ||
+ | ==Documentation== | ||
+ | Creates a colored panel that can be used to pull out important information. | ||
+ | |||
+ | It currently accepts three '''lowercase''' {{code|color}} variables: {{code|red}}, {{code|green}}, {{code|blue}}, {{code|yellow}} | ||
+ | ===Input=== | ||
+ | <pre>{{panel|Sample text.}} | ||
+ | {{panel|title=Warning|Sample text.|color=red}} | ||
+ | {{panel|Sample text.|color=green}} | ||
+ | {{panel|Sample text.|color=blue}} | ||
+ | {{panel|Sample text.|color=yellow}}</pre> | ||
+ | ===Output=== | ||
+ | {{panel|Sample text.}} | ||
+ | {{panel|title=Warning|Sample text.|color=red}} | ||
+ | {{panel|Sample text.|color=green}} | ||
+ | {{panel|Sample text.|color=blue}} | ||
+ | {{panel|Sample text.|color=yellow}} | ||
+ | </noinclude> |
Latest revision as of 08:25, 11 June 2022
{{{1}}}
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|title=Warning|Sample text.|color=red}} {{panel|Sample text.|color=green}} {{panel|Sample text.|color=blue}} {{panel|Sample text.|color=yellow}}
Output
Sample text.
Warning
Sample text.
Sample text.
Sample text.
Sample text.