Template:Divbox: Difference between revisions

From Homecoming Wiki
Jump to navigation Jump to search
imported>Blondeshell (historical)
mNo edit summary
m (seo: nosnippet for meta-content notes)
 
(16 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<includeonly><div class="boilerplate metadata" id="{{{2}}}" style="margin: 0.5em; padding: 0.5em; border: 1px {{#switch: {{{1}}}
<includeonly><div role="note" class="boilerplate metadata" id="{{{2}}}" data-nosnippet style="margin: 0.5em; padding: 0.5em; border: 1px {{#switch: {{{1}}}
| none = hidden
| none = hidden
| #default = solid
| #default = solid
Line 6: Line 6:
| babyblue = black; background-color: #1E90FF; color: white;
| babyblue = black; background-color: #1E90FF; color: white;
| black = white; background-color: black; color: white;
| black = white; background-color: black; color: white;
| blackburlywood = black; background-color: black; color: burlywood; <!-- confirmed -->
| blackskyblue = black; background-color: black; color: skyblue;
| blackcornflower = black; background-color: black; color: cornflowerblue; <!-- confirmed -->
| blackcrimson = black; background-color: black; color: crimson; <!-- confirmed -->
| blackcrimson = black; background-color: black; color: crimson; <!-- confirmed -->
| blackdarkgoldenrod = black; background-color: black; color: darkgoldenrod; <!-- confirmed -->
| blackdarkgoldenrod = black; background-color: black; color: darkgoldenrod; <!-- confirmed -->
| blackdarkgray = black; background-color: black; color: darkgray; <!-- confirmed -->
| blackdarkgray = black; background-color: black; color: darkgray; <!-- confirmed -->
| blackdarkorange = black; background-color: black; color: darkorange; <!-- confirmed -->
| blackdarkorange = black; background-color: black; color: darkorange; <!-- confirmed -->
| blackfirebrick = black; background-color: black; color: firebrick; <!-- confirmed -->
| blackgold = black; background-color: black; color: gold; <!-- confirmed -->
| blackmediumpurple = black; background-color: black; color: mediumpurple; <!-- confirmed -->
| blackorangered = black; background-color: black; color: orangered; <!-- confirmed -->
| blackorangered = black; background-color: black; color: orangered; <!-- confirmed -->
| blackred = black; background-color: black; color: red; <!-- confirmed -->
| blackred = black; background-color: black; color: red; <!-- confirmed -->
Line 30: Line 28:
| crimson = black; background-color: crimson; color: white; <!-- confirmed -->
| crimson = black; background-color: crimson; color: white; <!-- confirmed -->
| darkblue = black; background-color: darkblue; color: white; <!-- confirmed -->
| darkblue = black; background-color: darkblue; color: white; <!-- confirmed -->
| darkblueskyblue = black; background-color: darkblue; color: skyblue; <!-- confirmed -->
| darkcyan = black; background-color: darkcyan; color: white; <!-- confirmed -->
| darkcyan = black; background-color: darkcyan; color: white; <!-- confirmed -->
| darkgoldenrod = black; background-color: darkgoldenrod; color: white; <!-- confirmed -->
| darkgoldenrod = black; background-color: darkgoldenrod; color: white; <!-- confirmed -->
Line 36: Line 33:
| darkgray = black; background-color: darkgray; color: white; <!-- confirmed -->
| darkgray = black; background-color: darkgray; color: white; <!-- confirmed -->
| darkgreen = black; background-color: darkgreen; color: white; <!-- confirmed -->
| darkgreen = black; background-color: darkgreen; color: white; <!-- confirmed -->
| darkkhaki = black; background-color: darkkhaki; color: white; <!-- confirmed -->
| darkmagenta = black; background-color: darkmagenta; color: white; <!-- confirmed -->
| darkmagenta = black; background-color: darkmagenta; color: white; <!-- confirmed -->
| darkolivegreen = black; background-color: darkolivegreen; color: white; <!-- confirmed -->
| darkolivegreen = black; background-color: darkolivegreen; color: white; <!-- confirmed -->
| darkolivegreengoldenrod = black; background-color: darkolivegreen; color: goldenrod; <!-- confirmed -->
| darkorchid = black; background-color: darkorchid; color: white; <!-- confirmed -->
| darkorchid = black; background-color: darkorchid; color: white; <!-- confirmed -->
| darkpurple = black; background-color: #4C0081; color: #DAA521;
| darkpurple = black; background-color: #4C0081; color: #DAA521;
| darkred = black; background-color: darkred; color: white; <!-- confirmed -->
| darkred = black; background-color: darkred; color: white; <!-- confirmed -->
| darkredlightgray = black; background-color: darkred; color: lightgray; <!-- confirmed -->
| darkredlightgray = black; background-color: darkred; color: lightgray; <!-- confirmed -->
| darkseagreen = black; background-color: darkseagreen; color: white; <!-- confirmed -->
| darkslateblue = black; background-color: darkslateblue; color: white; <!-- confirmed -->
| darkslateblue = black; background-color: darkslateblue; color: white; <!-- confirmed -->
| darkslategray = black; background-color: darkslategray; color: white; <!-- confirmed -->
| darkslategray = black; background-color: darkslategray; color: white; <!-- confirmed -->
| deepred = black; background-color: #600F15; color: white;
| deepred = black; background-color: #600F15; color: white;
| deepskyblue = black; background-color: deepskyblue; color: white; <!-- confirmed -->
| dimgray = black; background-color: dimgray; color: silver; <!-- confirmed -->
| dimgray = black; background-color: dimgray; color: silver; <!-- confirmed -->
| fern = black; background-color: #566B30; color: white;
| fern = black; background-color: #566B30; color: white;
| firebrick = black; background-color: firebrick; color: white; <!-- confirmed -->
| firebrick = black; background-color: firebrick; color: white; <!-- confirmed -->
| forest = #006633; background-color: #B5DBAF;
| forest = #006633; background-color: #B5DBAF;
| gold = #F8C500; background-color: #FFEC83;
| goldenrod = black; background-color: goldenrod; color: white; <!-- confirmed -->
| goldenrod = black; background-color: goldenrod; color: white; <!-- confirmed -->
| goldenrodblack = black; background-color: goldenrod; color: black; <!-- confirmed -->
| grass = black; background-color: #91BC91; color: white;
| grass = black; background-color: #91BC91; color: white;
| gray = #999999; background-color: #EEEEEE;
| gray = #999999; background-color: #EEEEEE;
Line 59: Line 54:
| graycrimson = black; background-color: gray; color: crimson; <!-- confirmed -->
| graycrimson = black; background-color: gray; color: crimson; <!-- confirmed -->
| green = #009900; background-color: #CCFFCC;
| green = #009900; background-color: #CCFFCC;
| indianred = black; background-color: indianred; color: black; <!-- confirmed -->
| lavender = black; background-color: #9370D8; color: white;
| lavender = black; background-color: #9370D8; color: white;
| lightseagreen = black; background-color: lightseagreen; color: white; <!-- confirmed -->
| lightseagreenblack = black; background-color: lightseagreen; color: black; <!-- confirmed -->
| lightslategray = black; background-color: lightslategray; color: white; <!-- confirmed -->
| maizeblack = black; background-color: #DAA521; color: black;
| maizeblack = black; background-color: #DAA521; color: black;
| maroon = black; background-color: maroon; color: white; <!-- confirmed -->
| maroon = black; background-color: maroon; color: white; <!-- confirmed -->
Line 71: Line 62:
| midnightblue = black; background-color: midnightblue; color: white; <!-- confirmed -->
| midnightblue = black; background-color: midnightblue; color: white; <!-- confirmed -->
| navy = #00477B; background-color: #AADBE0;
| navy = #00477B; background-color: #AADBE0;
| navy2 = black; background-color: navy; color: white; <!-- confirmed -->
| navylightskyblue = black; background-color: navy; color: lightskyblue; <!-- confirmed -->
| navylightskyblue = black; background-color: navy; color: lightskyblue; <!-- confirmed -->
| orange = #FF6600; background-color: #FFDEB5;
| orange = #FF6600; background-color: #FFDEB5;
Line 84: Line 74:
| redyellow = black; background-color: red; color: yellow; <!-- confirmed -->
| redyellow = black; background-color: red; color: yellow; <!-- confirmed -->
| royalblue = black; background-color: royalblue; color: white; <!-- confirmed -->
| royalblue = black; background-color: royalblue; color: white; <!-- confirmed -->
| royalblueblack = black; background-color: royalblue; color: black; <!-- confirmed -->
| rustic = black; background-color: brown; color: white; <!-- confirmed -->
| rustic = black; background-color: brown; color: white; <!-- confirmed -->
| saddlebrown = black; background-color: saddlebrown; color: white; <!-- confirmed -->
| saddlebrown = black; background-color: saddlebrown; color: white; <!-- confirmed -->
Line 92: Line 81:
| silver = black; background-color: silver; color: white; <!-- confirmed -->
| silver = black; background-color: silver; color: white; <!-- confirmed -->
| slategray = black; background-color: slategray; color: white; <!-- confirmed -->
| slategray = black; background-color: slategray; color: white; <!-- confirmed -->
| synapsered = black; background-color: #8B0101; color: #BB91FF;
| steelblue = black; background-color: steelblue; color: white; <!-- confirmed -->
| turquoise = black; background-color: #009799; color: white;
| turquoise = black; background-color: #009799; color: white;
| violet = black; background-color: violet; color: white; <!-- confirmed -->
| violet = black; background-color: violet; color: white; <!-- confirmed -->
| violetonwhite = black; background-color: white; color: #81007F;
| violetonwhite = black; background-color: white; color: #81007F;
| white = #000000; background-color: #FFFFFF;
| white = #000000; background-color: #FFFFFF;
| whitebrown = black; background-color: white; color: brown; <!-- confirmed -->
| whitedarkblue = black; background-color: white; color: darkblue; <!-- confirmed -->
| whitedarkblue = black; background-color: white; color: darkblue; <!-- confirmed -->
| whitedarkgray = black; background-color: white; color: darkgray; <!-- confirmed -->
| whitedarkgray = black; background-color: white; color: darkgray; <!-- confirmed -->
| whitedarkred = black; background-color: white; color: darkred; <!-- confirmed -->
| whitedarkred = black; background-color: white; color: darkred; <!-- confirmed -->
| whitedeepskyblue = black; background-color: white; color: deepskyblue; <!-- confirmed -->
| whitegoldenrod = black; background-color: white; color: goldenrod; <!-- confirmed -->
| whitegoldenrod = black; background-color: white; color: goldenrod; <!-- confirmed -->
| whitered = black; background-color: white; color: red; <!-- confirmed -->
| yellow = #FFCC00; background-color: #FFFFCC;
| yellow = #FFCC00; background-color: #FFFFCC;
| antimatter = black; background-color: black; color: limegreen; <!-- confirmed -->
| antimatter = black; background-color: black; color: limegreen; <!-- confirmed -->
Line 107: Line 97:
| blackswan = black; background-color: #0F0F1F; color: #FEFEFF; <!-- confirmed special -->
| blackswan = black; background-color: #0F0F1F; color: #FEFEFF; <!-- confirmed special -->
| brawler = #CCCCCD; background-color: #323232; color: #CCCCCD; <!-- confirmed special -->
| brawler = #CCCCCD; background-color: #323232; color: #CCCCCD; <!-- confirmed special -->
| calvin = black; background-color: black; color: silver; <!-- confirmed -->
| citadel = #6699BB; background-color: #120F48; color: #6699BB; <!-- confirmed special -->
| citadel = #6699BB; background-color: #120F48; color: #6699BB; <!-- confirmed special -->
| creston = black; background-color: royalblue; color: black; <!-- confirmed -->
| desdemona = black; background-color: black; color: goldenrod; <!-- confirmed -->
| desdemona = black; background-color: black; color: goldenrod; <!-- confirmed -->
| diabolique = black; background-color: black; color: #FF33BB; <!-- confirmed special -->
| diabolique = black; background-color: black; color: #FF33BB; <!-- confirmed special -->
| duray = black; background-color: black; color: firebrick; <!-- confirmed -->
| gaussian = black; background-color: lightseagreen; color: white; <!-- confirmed -->
| grifter = black; background-color: indianred; color: black; <!-- confirmed -->
| hacker = black; background-color: darkolivegreen; color: goldenrod; <!-- confirmed -->
| hd = black; background-color: black; color: cornflowerblue; <!-- confirmed -->
| lilitu = #50BBAA; background-color: #770000; color: #50BBAA; <!-- confirmed special -->
| lilitu = #50BBAA; background-color: #770000; color: #50BBAA; <!-- confirmed special -->
| macblue = black; background-color: deepskyblue; color: olive; <!-- confirmed -->
| macblue = black; background-color: deepskyblue; color: olive; <!-- confirmed -->
Line 115: Line 112:
| malaise = black; background-color: #220055; color: #CC99FF; <!-- confirmed special -->
| malaise = black; background-color: #220055; color: #CC99FF; <!-- confirmed special -->
| manticore = #999999; background-color: #340F12; color: #999999; <!-- confirmed special -->
| manticore = #999999; background-color: #340F12; color: #999999; <!-- confirmed special -->
| marchand = black; background-color: goldenrod; color: black; <!-- confirmed -->
| metronome = black; background-color: white; color: purple; <!-- confirmed -->
| metronome = black; background-color: white; color: purple; <!-- confirmed -->
| mother = black; background-color: black; color: mediumpurple; <!-- confirmed -->
| motred = black; background-color: maroon; color: red; <!-- confirmed -->
| motred = black; background-color: maroon; color: red; <!-- confirmed -->
| nightstar = black; background-color: #483D8B; color: #F0FFFF; <!-- confirmed special -->
| nightstar = black; background-color: #483D8B; color: #F0FFFF; <!-- confirmed special -->
| numina = #BB99AA; background-color: #660F68; color: #BB99AA; <!-- confirmed special -->
| numina = #BB99AA; background-color: #660F68; color: #BB99AA; <!-- confirmed special -->
| pandora = black; background-color: #340F12; color: #999999 <!-- confirmed special -->
| omnicore = black; background-color: deepskyblue; color: white; <!-- confirmed -->
| pandora = black; background-color: #340F12; color: #999999; <!-- confirmed special -->
| paragon = black; background-color: midnightblue; color: #FF0000; <!-- confirmed Paragon on MidnightBlue -->
| paragon = black; background-color: midnightblue; color: #FF0000; <!-- confirmed Paragon on MidnightBlue -->
| parson = black; background-color: white; color: brown; <!-- confirmed -->
| penny = black; background-color: #601014; color: #CDCCCC; <!-- confirmed special -->
| penny = black; background-color: #601014; color: #CDCCCC; <!-- confirmed special -->
| positron = #3299DD; background-color: #6B5242; color: #3299DD <!-- confirmed special -->
| positron = #3299DD; background-color: #6B5242; color: #3299DD; <!-- confirmed special -->
| proton = black; background-color: darkblue; color: skyblue; <!-- confirmed -->
| psyche = black; background-color: darkseagreen; color: white; <!-- confirmed -->
| riptide = black; background-color: lightseagreen; color: black; <!-- confirmed -->
| special1 = black; background-color: black; color: #BBBBBB; <!-- confirmed special -->
| special1 = black; background-color: black; color: #BBBBBB; <!-- confirmed special -->
| special2 = black; background-color: black; color: #FF99DD; <!-- confirmed special -->
| special2 = black; background-color: black; color: #FF99DD; <!-- confirmed special -->
| sutter = black; background-color: navy; color: white; <!-- confirmed -->
| synapse = black; background-color: #85030A; color: #9895EC; <!-- confirmed special -->
| tilman = black; background-color: black; color: #CC99FF; <!-- confirmed special -->
| tilman = black; background-color: black; color: #CC99FF; <!-- confirmed special -->
| tpn = black; background-color: black; color: burlywood; <!-- confirmed -->
| tyrant = black; background-color: darkred; color: yellow; <!-- confirmed -->
| tyrant = black; background-color: darkred; color: yellow; <!-- confirmed -->
| vanessa = black; background-color: indigo; color: goldenrod; <!-- confirmed -->
| vanessa = black; background-color: indigo; color: goldenrod; <!-- confirmed -->
| wade = black; background-color: lightslategray; color: white; <!-- confirmed -->
| none
| none
| #default = ;
| #default = ;
}}"><div style="text-align: center;">'''{{{2}}}'''</div>{{{3}}}</div></includeonly><noinclude>
}}"><div style="text-align: center;">'''{{{2}}}'''</div>{{{3}}}</div></includeonly><noinclude>
{{Documentation}}</noinclude>
{{Documentation}}</noinclude>

Latest revision as of 13:23, 18 November 2022

[edit] [purge] Documentation

Usage

This template may be used to create a boxed note for meta-content, such as article notices. The note will not appear in search engine snippets, so should be ancillary to the article.

It takes three unnamed arguments: color, title, and text. For example,

{{divbox|forest|Example|This is an example}}

will produce

Colors

The boxes below demonstrate the different color palettes you may choose from.

Subtle Colors


Bold Colors


Special-Use / Named Colors