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)
 
(72 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
}} {{#switch: {{{1}}}
}} {{#switch: {{{1}}}
| amber = #663300; background-color: #FFFFCC;
| amber = #663300; background-color: #FFFFCC;
| aquamarine = black; background-color: #4DFFB8
| 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;
| blackcrimson = black; background-color: black; color: #DC143C; <!-- confirmed Crimson on Black -->
| blackskyblue = black; background-color: black; color: skyblue;
| blackgoldenrod = black; background-color: black; color: #DAA520; <!-- confirmed Goldenrod on Black -->
| blackcrimson = black; background-color: black; color: crimson; <!-- confirmed -->
| blackpurple = black; background-color: black; color: #BB91FF;
| blackdarkgoldenrod = black; background-color: black; color: darkgoldenrod; <!-- confirmed -->
| blackred = black; background-color: black; color: #FF0000; <!-- confirmed Red on Black -->
| blackdarkgray = black; background-color: black; color: darkgray; <!-- confirmed -->
| blackswan = black; background-color: #0F0F1F; color: #FEFEFF; <!-- confirmed special -->
| blackdarkorange = black; background-color: black; color: darkorange; <!-- confirmed -->
| blackyellow = black; background-color: black; color: #FFFF00; <!-- confirmed Yellow on Black -->
| blackgold = black; background-color: black; color: gold; <!-- confirmed -->
| bloodred = black; background-color: #FF3333;
| blackorangered = black; background-color: black; color: orangered; <!-- confirmed -->
| blackred = black; background-color: black; color: red; <!-- confirmed -->
| blackwheat = black; background-color: black; color: wheat; <!-- confirmed -->
| blackyellow = black; background-color: black; color: yellow; <!-- confirmed -->
| blue = #0000CC; background-color: #CCFFFF;
| blue = #0000CC; background-color: #CCFFFF;
| blueonblue = #669AC2; background-color: #120F48; color: #669AC2;
| blue2 = black; background-color: blue; color: white; <!-- confirmed -->
| blueonbrown = #6395EC; background-color: #6C5243; color: #6395EC;
| blueonwhite = black; background-color: white; color: #0000FF;
| blueonwhite = black; background-color: white; color: #0000FF;
| brightblue = black; background-color: #00DEFF; color: black;
| brightblue = black; background-color: #00DEFF; color: black;
| brightgreen = black; background-color: #00B300; color: white;
| brown = #663300; background-color: #F2DEB8;
| brown = #663300; background-color: #F2DEB8;
| cadetblue = black; background-color: #5F9EA0; color: white; <!-- confirmed White on CadetBlue -->
| cadetblue = black; background-color: cadetblue; color: white; <!-- confirmed -->
| canary = black; background-color: #FFFD00; color: #020099;
| canary = black; background-color: #FFFD00; color: #020099;
| colered = black; background-color: #8B0101; color: #FFFD00;
| chocolate = black; background-color: chocolate; color: white; <!-- confirmed -->
| coral = black; background-color: #FF7F50; color: black; <!-- confirmed Black on Coral -->
| coral = black; background-color: coral; color: black; <!-- confirmed -->
| cornflower = black; background-color: #6495ED; color: white; <!-- confirmed White on CornflowerBlue -->
| cornflower = black; background-color: cornflowerblue; color: white; <!-- confirmed -->
| darkblue = black; background-color: #0000FF; color: white;
| crimson = black; background-color: crimson; color: white; <!-- confirmed -->
| darkgoldenrod = black; background-color: #B8860B; color: white; <!-- confirmed White on DarkGoldenrod -->
| darkblue = black; background-color: darkblue; color: white; <!-- confirmed -->
| darkgoldenrodblack = black; background-color: #B8860B; color: black; <!-- confirmed Black on DarkGoldenrod -->
| darkcyan = black; background-color: darkcyan; color: white; <!-- confirmed -->
| darkgray = black; background-color: #A9A9A9; color: white; <!-- confirmed White on DarkGray -->
| darkgoldenrod = black; background-color: darkgoldenrod; color: white; <!-- confirmed -->
| darkgreen = black; background-color: #006400; color: white; <!-- confirmed White on DarkGreen -->
| darkgoldenrodblack = black; background-color: darkgoldenrod; color: black; <!-- confirmed -->
| darkmagenta = black; background-color: #8B008B; color: white; <!-- confirmed White on DarkMagenta -->
| darkgray = black; background-color: darkgray; color: white; <!-- confirmed -->
| darkorchid = black; background-color: #9932CC; color: white; <!-- confirmed White on DarkOrchid -->
| darkgreen = black; background-color: darkgreen; color: white; <!-- confirmed -->
| darkkhaki = black; background-color: darkkhaki; color: white; <!-- confirmed -->
| darkmagenta = black; background-color: darkmagenta; color: white; <!-- confirmed -->
| darkolivegreen = black; background-color: darkolivegreen; 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: #8B0000; color: white; <!-- confirmed White on DarkRed -->
| darkred = black; background-color: darkred; color: white; <!-- confirmed -->
| darkredyellow = black; background-color: #8B0000; color: #FFFF00; <!-- confirmed Yellow on DarkRed -->
| darkredlightgray = black; background-color: darkred; color: lightgray; <!-- confirmed -->
| darkslateblue = black; background-color: #483D8B; color: white; <!-- confirmed White on DarkSlateBlue -->
| darkslateblue = black; background-color: darkslateblue; color: white; <!-- confirmed -->
| darkslategray = black; background-color: #2F4F4F; color: white; <!-- confirmed White on DarkSlateGray -->
| darkslategray = black; background-color: darkslategray; color: white; <!-- confirmed -->
| deepblue = black; background-color: #1B196D; color: white;
| deepred = black; background-color: #600F15; color: white;
| deepred = black; background-color: #600F15; color: white;
| dimgray = black; background-color: #696969; color: #C0C0C0; <!-- confirmed Silver on DimGray -->
| 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: #B22222; color: white; <!-- confirmed White on FireBrick -->
| firebrick = black; background-color: firebrick; color: white; <!-- confirmed -->
| forest = #006633; background-color: #B5DBAF;
| forest = #006633; background-color: #B5DBAF;
| goldenrod = black; background-color: #DAA520; color: white; <!-- confirmed White on Goldenrod -->
| gold = #F8C500; background-color: #FFEC83;
| goldenrodblack = black; background-color: #DAA520; color: black; <!-- confirmed Black on Goldenrod -->
| goldenrod = black; background-color: goldenrod; color: white; <!-- 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;
| graycrimson = black; background-color: #808080; color: #DC143C; <!-- confirmed Crimson on Gray -->
| grayblack = black; background-color: gray; color: black; <!-- confirmed -->
| grayonred = #A49494; background-color: #330F11; color: #A49494;
| graycrimson = black; background-color: gray; color: crimson; <!-- confirmed -->
| grayongray = #CACACA; background-color: #323232; color: #CACACA
| green = #009900; background-color: #CCFFCC;
| green = #009900; background-color: #CCFFCC;
| lavender = black; background-color: #9370D8; color: white;
| lavender = black; background-color: #9370D8; color: white;
| lightseagreen = black; background-color: #20B2AA; color: white; <!-- confirmed White on LightSeaGreen -->
| lightslategray = black; background-color: #778899; color: white; <!-- confirmed White on LightSlateGray -->
| lilitu = #50BBAA; background-color: #770000; color: #50BBAA; <!-- confirmed special -->
| macblue = black; background-color: #00BFFF; color: #808000; <!-- confirmed Olive on DeepSkyBlue -->
| magenta = black; background-color: #993399; color: yellow;
| maizeblack = black; background-color: #DAA521; color: black;
| maizeblack = black; background-color: #DAA521; color: black;
| maizeonwhite = black; background-color: white; color: #DAA521;
| maroon = black; background-color: maroon; color: white; <!-- confirmed -->
| maroon = black; background-color: #800000; color: white; <!-- confirmed White on Maroon -->
| mauve = black; background-color: #BB91FF;
| mauve = black; background-color: #BB91FF;
| mediumorchid = black; background-color: #BA55D3; color: white; <!-- confirmed White on MediumOrchid -->
| mediumorchid = black; background-color: mediumorchid; color: white; <!-- confirmed -->
| midnightblue = black; background-color: #181A6F; color: #CC0000;
| mediumpurple = black; background-color: mediumpurple; color: white; <!-- confirmed -->
| moonrise = black; background-color: #483D8B; color: white;
| midnightblue = black; background-color: midnightblue; color: white; <!-- confirmed -->
| motred = black; background-color: #800000; color: #FF0000; <!-- confirmed Red on Maroon -->
| navy = #00477B; background-color: #AADBE0;
| navy = #00477B; background-color: #AADBE0;
| navylightskyblue = black; background-color: #000080; color: #87CEFA; <!-- confirmed LightSkyBlue on Navy -->
| navylightskyblue = black; background-color: navy; color: lightskyblue; <!-- confirmed -->
| orange = #FF6600; background-color: #FFDEB5;
| orange = #FF6600; background-color: #FFDEB5;
| paleviolet = black; background-color: #D87093; color: white; <!-- confirmed White on PaleVioletRed -->
| paleviolet = black; background-color: palevioletred; color: white; <!-- confirmed -->
| pandora = black; background-color: #340F12; color: #999999 <!-- confirmed special -->
| plum = black; background-color: #A000FF; color: white;
| purple = #7D00B3; background-color: #FFDAFF;
| purple = #7D00B3; background-color: #FFDAFF;
| purple2 = black; background-color: #800080; color: white; <!-- confirmed White on Purple -->
| purple2 = black; background-color: purple; color: white; <!-- confirmed -->
| purpleonwhite = black; background-color: white; color: #A970B5;
| red = #CC0000; background-color: #FFCCCC;
| red = #CC0000; background-color: #FFCCCC;
| redblack = black; background-color: #FF0000; color: black; <!-- confirmed Black on Red -->
| red2 = black; background-color: red; color: white; <!-- confirmed -->
| redmahogany = black; background-color: #FF0000; color: #C04000; <!-- confirmed Mahogany on Red -->
| redblack = black; background-color: red; color: black; <!-- confirmed -->
| purpleonwhite = black; background-color: white; color: #A970B5;
| redmahogany = black; background-color: red; color: mahogany; <!-- confirmed -->
| rustic = black; background-color: #A52A2A; color: white; <!-- confirmed White on Brown -->
| redyellow = black; background-color: red; color: yellow; <!-- confirmed -->
| sandstone = black; background-color: #8B4512; color: white;
| royalblue = black; background-color: royalblue; color: white; <!-- confirmed -->
| rustic = black; background-color: brown; color: white; <!-- confirmed -->
| saddlebrown = black; background-color: saddlebrown; color: white; <!-- confirmed -->
| seagreen = black; background-color: #5E9E9E; color: white;
| seagreen = black; background-color: #5E9E9E; color: white;
| sienna = black; background-color: #A0522D; color: white; <!-- confirmed White on Sienna -->
| sienna = black; background-color: sienna; color: white; <!-- confirmed -->
| siennakhaki = black; background-color: #A0522D; color: #F0E68C; <!-- confirmed Khaki on Sienna -->
| siennakhaki = black; background-color: sienna; color: khaki; <!-- confirmed -->
| skyblue = black; background-color: #4CC5FF; color: white;
| silver = black; background-color: silver; color: white; <!-- confirmed -->
| slategray = black; background-color: #708090; color: white; <!-- confirmed White on SlateGray -->
| slategray = black; background-color: slategray; color: white; <!-- confirmed -->
| synapsered = black; background-color: #8B0101; color: #BB91FF;
| steelblue = black; background-color: steelblue; color: white; <!-- confirmed -->
| tangerine = black; background-color: #D3691F; color: white;
| thistle = black; background-color: #BA56D2; color: white;
| turquoise = black; background-color: #009799; color: white;
| turquoise = black; background-color: #009799; color: white;
| violet = black; background-color: #81007F; color: white;
| 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;
| whitedarkblue = black; background-color: white; color: darkblue; <!-- confirmed -->
| whitedarkgray = black; background-color: white; color: darkgray; <!-- 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 -->
| 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 -->
| aurora = black; background-color:
| blackswan = black; background-color: #0F0F1F; color: #FEFEFF; <!-- 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 -->
| creston = black; background-color: royalblue; color: black; <!-- confirmed -->
| desdemona = black; background-color: black; color: goldenrod; <!-- confirmed -->
| 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 -->
| macblue = black; background-color: deepskyblue; color: olive; <!-- confirmed -->
| maelstrom = black; background-color: #340F12; color: #999999; <!-- confirmed special -->
| malaise = black; background-color: #220055; color: #CC99FF; <!-- 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 -->
| mother = black; background-color: black; color: mediumpurple; <!-- confirmed -->
| motred = black; background-color: maroon; color: red; <!-- confirmed -->
| nightstar = black; background-color: #483D8B; color: #F0FFFF; <!-- confirmed special -->
| numina = #BB99AA; background-color: #660F68; color: #BB99AA; <!-- 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 -->
| parson = black; background-color: white; color: brown; <!-- confirmed -->
| penny = black; background-color: #601014; color: #CDCCCC; <!-- 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 -->
| 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 -->
| tpn = black; background-color: black; color: burlywood; <!-- confirmed -->
| tyrant = black; background-color: darkred; color: yellow; <!-- 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