Badge time.png   The Paragon Wiki Archive documents the state of City of Heroes/Villains as it existed on December 1, 2012.

Difference between revisions of "Template:Divbox"

From Paragon Wiki Archive
Jump to: navigation, search
m
m
 
(52 intermediate revisions by the same user not shown)
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;
| blackburlywood = black; background-color: black; color: #DEB887; <!-- confirmed Burlywood on Black -->
+
| blackcrimson = black; background-color: black; color: crimson; <!-- confirmed -->
| blackcornflower = black; background-color: black; color: #6495ED; <!-- confirmed CornflowerBlue on Black -->
+
| blackdarkgoldenrod = black; background-color: black; color: darkgoldenrod; <!-- confirmed -->
| blackcrimson = black; background-color: black; color: #DC143C; <!-- confirmed Crimson on Black -->
+
| blackdarkgray = black; background-color: black; color: darkgray; <!-- confirmed -->
| blackdarkgray = black; background-color: black; color: #A9A9A9; <!-- confirmed DarkGray on Black -->
+
| blackdarkorange = black; background-color: black; color: darkorange; <!-- confirmed -->
| blackdarkorange = black; background-color: black; color: #FF8C00; <!-- confirmed DarkOrange on Black -->
+
| blackgold = black; background-color: black; color: gold; <!-- confirmed -->
| blackgoldenrod = black; background-color: black; color: #DAA520; <!-- confirmed Goldenrod on Black -->
+
| 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: #FF0000; <!-- confirmed Red on Black -->
+
| blackwheat = black; background-color: black; color: wheat; <!-- confirmed -->
| blackswan = black; background-color: #0F0F1F; color: #FEFEFF; <!-- confirmed special -->
+
| blackyellow = black; background-color: black; color: yellow; <!-- confirmed -->
| blackwheat = black; background-color: black; color: wheat; <!-- confirmed Wheat on Black -->
+
| blackyellow = black; background-color: black; color: #FFFF00; <!-- confirmed Yellow on Black -->
+
| bloodred = black; background-color: #FF3333;
+
 
| 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 -->
| crimson = black; background-color: #DC143C; color: white; <!-- confirmed White on Crimson -->
+
| crimson = black; background-color: crimson; color: white; <!-- confirmed -->
| darkblue = black; background-color: #00008B; color: white; <!-- confirmed White on DarkBlue -->
+
| darkblue = black; background-color: darkblue; color: white; <!-- confirmed -->
| darkcyan = black; background-color: #008B8B; color: white; <!-- confirmed White on DarkCyan -->
+
| darkcyan = black; background-color: darkcyan; color: white; <!-- confirmed -->
| darkgoldenrod = black; background-color: #B8860B; color: white; <!-- confirmed White on DarkGoldenrod -->
+
| darkgoldenrod = black; background-color: darkgoldenrod; color: white; <!-- confirmed -->
| darkgoldenrodblack = black; background-color: #B8860B; color: black; <!-- confirmed Black on DarkGoldenrod -->
+
| darkgoldenrodblack = black; background-color: darkgoldenrod; color: black; <!-- confirmed -->
| darkgray = black; background-color: #A9A9A9; color: white; <!-- confirmed White on DarkGray -->
+
| darkgray = black; background-color: darkgray; color: white; <!-- confirmed -->
| darkgreen = black; background-color: #006400; color: white; <!-- confirmed White on DarkGreen -->
+
| darkgreen = black; background-color: darkgreen; color: white; <!-- confirmed -->
| darkmagenta = black; background-color: #8B008B; color: white; <!-- confirmed White on DarkMagenta -->
+
| darkkhaki = black; background-color: darkkhaki; color: white; <!-- confirmed -->
| darkorchid = black; background-color: #9932CC; color: white; <!-- confirmed White on DarkOrchid -->
+
| 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;
| deepskyblue = black; background-color: #00BFFF; color: white; <!-- confirmed White on DeepSkyBlue -->
+
| dimgray = black; background-color: dimgray; color: silver; <!-- confirmed -->
| diabolique = black; background-color: black; color: #FF33BB; <!-- confirmed special -->
+
| dimgray = black; background-color: #696969; color: #C0C0C0; <!-- confirmed Silver on DimGray -->
+
 
| 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;
| grayblack = black; background-color: #808080; color: black; <!-- confirmed Black on Gray -->
+
| grayblack = black; background-color: gray; color: black; <!-- confirmed -->
| graycrimson = black; background-color: #808080; color: #DC143C; <!-- confirmed Crimson on Gray -->
+
| 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;
 
| 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 -->
 
| maelstrom = black; background-color: #340F12; color: #999999; <!-- confirmed special -->
 
| 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 -->
| mediumpurple = black; background-color: #9370D8; color: white; <!-- confirmed White on MediumPurple -->
+
| mediumpurple = black; background-color: mediumpurple; color: white; <!-- confirmed -->
| midnightblue = black; background-color: #181A6F; color: #CC0000;
+
| midnightblue = black; background-color: midnightblue; color: white; <!-- confirmed -->
| moonrise = black; background-color: #483D8B; color: white;
+
| 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;
 
| purpleonwhite = black; background-color: white; color: #A970B5;
 
| red = #CC0000; background-color: #FFCCCC;
 
| red = #CC0000; background-color: #FFCCCC;
| red2 = black; background-color: #FF0000; color: white; <!-- confirmed White on Red -->
+
| red2 = black; background-color: red; color: white; <!-- confirmed -->
| redblack = black; background-color: #FF0000; color: black; <!-- confirmed Black on Red -->
+
| redblack = black; background-color: red; color: black; <!-- confirmed -->
| redmahogany = black; background-color: #FF0000; color: #C04000; <!-- confirmed Mahogany on Red -->
+
| redmahogany = black; background-color: red; color: mahogany; <!-- confirmed -->
| royalblue = black; background-color: #4169E1; color: white; <!-- confirmed White on RoyalBlue -->
+
| redyellow = black; background-color: red; color: yellow; <!-- confirmed -->
| rustic = black; background-color: #A52A2A; color: white; <!-- confirmed White on Brown -->
+
| royalblue = black; background-color: royalblue; color: white; <!-- confirmed -->
| saddlebrown = black; background-color: #8B4513; color: white; <!-- confirmed White on SaddleBrown -->
+
| 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;
| vanessa = black; background-color: #4B0082; color: #DAA520; <!-- confirmed Goldenrod on Indigo -->
+
| violet = black; background-color: violet; color: white; <!-- confirmed -->
| violet = black; background-color: #81007F; color: white;
+
 
| 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 -->
 
| 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 -->
 +
| 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 21:13, 6 October 2014

[edit] [purge] Documentation

Usage

This template may be used to create a notice box for various purposes. 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