Template:Divbox: Difference between revisions

From Homecoming Wiki
Jump to navigation Jump to search
imported>Blondeshell (historical)
(convert color codes to names)
imported>Blondeshell (historical)
(remove some unused colors)
Line 4: Line 4:
}} {{#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;
Line 16: Line 15:
| blackmediumpurple = black; background-color: black; color: mediumpurple; <!-- 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 -->
| blackpurple = black; background-color: black; color: #BB91FF;
| blackred = black; background-color: black; color: red; <!-- confirmed -->
| blackred = black; background-color: black; color: red; <!-- confirmed -->
| blackwheat = black; background-color: black; color: wheat; <!-- confirmed -->
| blackwheat = black; background-color: black; color: wheat; <!-- confirmed -->
| blackyellow = black; background-color: black; color: yellow; <!-- confirmed -->
| blackyellow = black; background-color: black; color: yellow; <!-- confirmed -->
| bloodred = black; background-color: #FF3333;
| blue = #0000CC; background-color: #CCFFFF;
| blue = #0000CC; background-color: #CCFFFF;
| blue2 = black; background-color: blue; color: white; <!-- confirmed -->
| blue2 = black; background-color: blue; color: white; <!-- confirmed -->
| blueonblue = #669AC2; background-color: #120F48; color: #669AC2;
| 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: cadetblue; color: white; <!-- confirmed -->
| cadetblue = black; background-color: cadetblue; color: white; <!-- confirmed -->
Line 52: Line 46:
| 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 -->
| deepblue = black; background-color: #1B196D; color: white;
| deepred = black; background-color: #600F15; color: white;
| deepred = black; background-color: #600F15; color: white;
| deepskyblue = black; background-color: deepskyblue; color: white; <!-- confirmed -->
| deepskyblue = black; background-color: deepskyblue; color: white; <!-- confirmed -->
Line 65: Line 58:
| grayblack = black; background-color: gray; color: black; <!-- confirmed -->
| grayblack = black; background-color: gray; color: black; <!-- confirmed -->
| graycrimson = black; background-color: gray; color: crimson; <!-- confirmed -->
| graycrimson = black; background-color: gray; color: crimson; <!-- confirmed -->
| grayonred = #A49494; background-color: #330F11; color: #A49494;
| grayongray = #CACACA; background-color: #323232; color: #CACACA
| green = #009900; background-color: #CCFFCC;
| green = #009900; background-color: #CCFFCC;
| indianred = black; background-color: indianred; color: black; <!-- confirmed -->
| indianred = black; background-color: indianred; color: black; <!-- confirmed -->
Line 72: Line 63:
| lightseagreen = black; background-color: lightseagreen; color: white; <!-- confirmed -->
| lightseagreen = black; background-color: lightseagreen; color: white; <!-- confirmed -->
| lightslategray = black; background-color: lightslategray; color: white; <!-- confirmed -->
| lightslategray = black; background-color: lightslategray; color: white; <!-- confirmed -->
| macblue = black; background-color: deepskyblue; color: olive; <!-- confirmed -->
| magenta = black; background-color: #993399; color: yellow;
| 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 80: Line 69:
| mediumpurple = black; background-color: mediumpurple; color: white; <!-- confirmed -->
| mediumpurple = black; background-color: mediumpurple; color: white; <!-- confirmed -->
| midnightblue = black; background-color: midnightblue; color: white; <!-- confirmed -->
| midnightblue = black; background-color: midnightblue; color: white; <!-- confirmed -->
| moonrise = black; background-color: #483D8B; color: white;
| motred = black; background-color: maroon; color: red; <!-- confirmed -->
| navy = #00477B; background-color: #AADBE0;
| navy = #00477B; background-color: #AADBE0;
| navy2 = black; background-color: navy; color: white; <!-- confirmed -->
| navy2 = black; background-color: navy; color: white; <!-- confirmed -->
Line 87: Line 74:
| orange = #FF6600; background-color: #FFDEB5;
| orange = #FF6600; background-color: #FFDEB5;
| paleviolet = black; background-color: palevioletred; color: white; <!-- confirmed -->
| paleviolet = black; background-color: palevioletred; color: white; <!-- confirmed -->
| plum = black; background-color: #A000FF; color: white;
| purple = #7D00B3; background-color: #FFDAFF;
| purple = #7D00B3; background-color: #FFDAFF;
| purple2 = black; background-color: purple; color: white; <!-- confirmed -->
| purple2 = black; background-color: purple; color: white; <!-- confirmed -->
Line 102: Line 88:
| sienna = black; background-color: sienna; color: white; <!-- confirmed -->
| sienna = black; background-color: sienna; color: white; <!-- confirmed -->
| siennakhaki = black; background-color: sienna; color: khaki; <!-- confirmed -->
| siennakhaki = black; background-color: sienna; color: khaki; <!-- confirmed -->
| skyblue = black; background-color: #4CC5FF; color: white;
| slategray = black; background-color: slategray; color: white; <!-- confirmed -->
| slategray = black; background-color: slategray; color: white; <!-- confirmed -->
| synapsered = black; background-color: #8B0101; color: #BB91FF;
| synapsered = black; background-color: #8B0101; color: #BB91FF;
| 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: biolet; color: white; <!-- confirmed -->
| violet = black; background-color: biolet; color: white; <!-- confirmed -->
Line 124: Line 107:
| diabolique = black; background-color: black; color: #FF33BB; <!-- confirmed special -->
| diabolique = black; background-color: black; color: #FF33BB; <!-- confirmed special -->
| 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 -->
| maelstrom = black; background-color: #340F12; color: #999999; <!-- confirmed special -->
| maelstrom = black; background-color: #340F12; color: #999999; <!-- confirmed special -->
| 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 -->
| metronome = black; background-color: white; color: purple; <!-- confirmed -->
| metronome = black; background-color: white; color: purple; <!-- 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 -->

Revision as of 15:32, 30 August 2014

[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