Template:Diagonal split color box

Template documentation[view] [edit] [history] [purge]

Usage

This is the TemplateData documentation for this template used by VisualEditor and other tools.

Diagonal split color box

{{diagonal split color box|left color|right color|left text|right text|left text color|right text color|border=|border2=|far-border=|border-width=|font=|font-size=|maximize=|no-diagonal=|corner=|corner-color=|corner-background=|far-corner=|far-corner-color=|far-corner-background=}}
Adds a rectangular color box.

• Colors are most commonly specified as either a color keyword or as the hexadecimal triplet representing an RGB combination. See the article web colors for details.

Parameter		Description	Type	Status
Left color	1	Left background color of the box. Example Green	String	suggested
Right color	2	Right background color of the box. Example Green	String	suggested
Left text	3	Adds text inside the left triangle; box otherwise has no text. Example Hello, world!	String	suggested
Right text	4	Adds text inside the right triangle; otherwise it is empty. Example Hello, world!	String	suggested
Left text color	5	Sets the color of the text inside the left triangle. Default Either black or white; whichever has greater contrast. Example Yellow	String	suggested
Right text color	6	Sets the color of the text inside the right triangle. Default Either black or white; whichever has greater contrast. Example Yellow	String	suggested
Border color	border	Sets the color of the border around the box. Default black Example #FF0	String	optional
Border 2 color	border2	Sets the color of the border next to the right triangle. Default '''border''' or black Example #FF0	String	optional
Far border color	far-border	Sets the color of the border next to the far corner. Default '''border''' or black Example #FF0	String	optional
Border width	border-width	Sets the width of the border around the box. Default 1px Example 3px	String	optional
Font	font	Sets the font size. Default Lucida Console, monospace Example Helvetica	String	optional
Font size	font-size	Sets the font size. Default 1em Example 10px	String	optional
Maximize	maximize	Fits bigger font. Example yes	String	optional
No diagonal	no-diagonal	Do not draw the diagonal. Example yes	String	optional
Corner	corner	Sets the top left text. Example Hello, world!	String	optional
Corner color	corner-color	Sets the color of the top left text. Default Either black or white; whichever has greater contrast. Example Yellow	String	optional
Corner background	corner-background	Sets the background color of the top left text. Default '''border''', or either black or white whichever has greater contrast. Example Yellow	String	optional
Far corner	far-corner	Sets the bottom right text. Example Hello, world!	String	optional
Far corner color	far-corner-color	Sets the color of the bottom right text. Default Either black or white; whichever has greater contrast. Example Yellow	String	optional
Far corner background	far-corner-background	Sets the background color of the bottom right text. Default '''far-border''', '''border''', or either black or white whichever has greater contrast. Example Yellow	String	optional

Format: inline

Adds a rectangular color box. Colors are most commonly specified as either a color keyword or as the hexadecimal triplet representing an RGB combination. See the article web colors for details.

Template parameters

This template prefers inline formatting of parameters.

Parameter		Description	Type	Status
Left color	1	Left background color of the box. Example Green	String	suggested
Right color	2	Right background color of the box. Example Green	String	suggested
Left text	3	Adds text inside the left triangle; box otherwise has no text. Example Hello, world!	String	suggested
Right text	4	Adds text inside the right triangle; otherwise it is empty. Example Hello, world!	String	suggested
Left text color	5	Sets the color of the text inside the left triangle. Default Either black or white; whichever has greater contrast. Example Yellow	String	suggested
Right text color	6	Sets the color of the text inside the right triangle. Default Either black or white; whichever has greater contrast. Example Yellow	String	suggested
Border color	border	Sets the color of the border around the box. Default black Example #FF0	String	optional
Border 2 color	border2	Sets the color of the border next to the right triangle. Default '''border''' or black Example #FF0	String	optional
Far border color	far-border	Sets the color of the border next to the far corner. Default '''border''' or black Example #FF0	String	optional
Border width	border-width	Sets the width of the border around the box. Default 1px Example 3px	String	optional
Font	font	Sets the font size. Default Lucida Console, monospace Example Helvetica	String	optional
Font size	font-size	Sets the font size. Default 1em Example 10px	String	optional
Maximize	maximize	Fits bigger font. Default Example yes	String	optional
No diagonal	no-diagonal	Do not draw the diagonal. Default Example yes	String	optional
Corner	corner	Sets the top left text. Example Hello, world!	String	optional
Corner color	corner-color	Sets the color of the top left text. Default Either black or white; whichever has greater contrast. Example Yellow	String	optional
Corner background	corner-background	Sets the background color of the top left text. Default '''border''', or either black or white whichever has greater contrast. Example Yellow	String	optional
Far corner	far-corner	Sets the bottom right text. Example Hello, world!	String	optional
Far corner color	far-corner-color	Sets the color of the bottom right text. Default Either black or white; whichever has greater contrast. Example Yellow	String	optional
Far corner background	far-corner-background	Sets the background color of the bottom right text. Default '''far-border''', '''border''', or either black or white whichever has greater contrast. Example Yellow	String	optional

Examples

Visual effect	Markup
	{{diagonal split color box}}
	{{diagonal split color box|Green}}
	{{diagonal split color box||Green}}
	{{diagonal split color box|Green|Green}}
	{{diagonal split color box|Green|border=Green}}
	{{diagonal split color box|Yellow|Blue}}
C R	{{diagonal split color box|||R|C|#f00|#0ff}}
C R	{{diagonal split color box|Yellow|#999|R|C|#f00|#0ff}}
C R	{{diagonal split color box|Yellow|#999|R|C|#f00|#0ff|no-diagonal=yes}}
R	{{diagonal split color box|Yellow|#bbb|R|R|#f00|#f00}}
R	{{diagonal split color box|Yellow|#bbb|R|R|#f00|#f00|no-diagonal=yes}}
C R	{{diagonal split color box|#999|#999|R|C|#f00|#0ff}}
C R	{{diagonal split color box|#999||R|C|#f00|#0ff}}
C R	{{diagonal split color box||#999|R|C|#f00|#0ff}}
R R	{{diagonal split color box|Yellow||R|R|#f00}}
R R	{{diagonal split color box|Yellow||R|R||#f00}}
A R	{{diagonal split color box|Yellow||R|A|#f00|#f00}}
R	{{diagonal split color box|||R|R|#f00|#f00}}
R	{{diagonal split color box|Yellow|Yellow|R|R|#f00|#f00}}
R	{{diagonal split color box|Yellow||R|R|#f00|#f00}}
R	{{diagonal split color box||Yellow|R|R|#f00|#f00}}
R	{{diagonal split color box|Yellow||R||#f00}}
R	{{diagonal split color box|Yellow|||R|#f00}}
R	{{diagonal split color box|Yellow|||R||#f00}}
R	{{diagonal split color box|#999||R|#f00|#f00}}
R	{{diagonal split color box|#999|||R|#f00|#f00}}
R	{{diagonal split color box|#999||R||#f00|#0ff}}
R	{{diagonal split color box|#999|||R|#f00|#0ff}}
	{{diagonal split color box|font-size=0.6em}}
	{{diagonal split color box|Yellow|font-size=0.6em}}
	{{diagonal split color box|LightGray|Yellow|font-size=0.6em}}
	{{diagonal split color box|LightGray|Yellow|font-size=0.6em|no-diagonal=yes}}
C R	{{diagonal split color box|Yellow|#999|R|C|#f00|#0ff|font-size=0.6em}}
R R	{{diagonal split color box|Yellow||R|R|#f00|font-size=0.6em}}
R R	{{diagonal split color box|Yellow||R|R||#f00|font-size=0.6em}}
R	{{diagonal split color box|Yellow||R|font-size=0.6em}}
R	{{diagonal split color box|Yellow|||R|font-size=0.6em}}
R	{{diagonal split color box|Yellow||R|R|#f00|#f00|font-size=0.6em}}
R	{{diagonal split color box|Yellow||R|R|#f00|#f00|maximize=yes}}
R	{{diagonal split color box|Yellow|#bbb|R|R|#f00|#f00|maximize=yes}}
R	{{diagonal split color box|Yellow|#bbb|R|R|#f00|#f00|maximize=yes|no-diagonal=yes}}
R	{{diagonal split color box|Yellow|#bbb|R|R|#f00|#f00|font-size=1.2em|maximize=yes}}
R	{{diagonal split color box|Yellow|#bbb|R|R|#f00|#f00|font-size=1.2em|maximize=yes|no-diagonal=yes}}
B R	{{diagonal split color box|Yellow|#999|R|R|#f00|#f00|font-size=0.7em|corner=B|corner-color=#00f}}
R   B	{{diagonal split color box|Yellow|#999|R|R|#f00|#f00|font-size=0.7em|far-corner=B|far-corner-color=#00f}}
B R   W	{{diagonal split color box|Yellow|#999|R|R|#f00|#f00|font-size=0.7em|corner=B|corner-color=#000|far-corner=W|far-corner-color=#fff}}
C R	{{diagonal split color box|Yellow|#999|R|C|#f00|#0ff|font-size=0.7em}}
BC R	{{diagonal split color box|Yellow|#999|R|C|#f00|#0ff|font-size=0.7em|corner=B|corner-color=#00f}}
P E100	{{diagonal split color box|green||E100|E100|font-size=0.7em|corner=P|corner-color=white|corner-background=green}}
P E85	{{diagonal split color box|green||E85|E85|font-size=0.7em|corner=P|corner-color=white|corner-background=green}}
E100	{{diagonal split color box|green||E100|E100|font-size=0.61em}}
E85	{{diagonal split color box|green||E85|E85|font-size=0.61em}}
R	{{diagonal split color box|Yellow||R|R|#f00|#f00|font-size=0.7em}}
R	{{diagonal split color box|Yellow||R|R|#f00|#f00|font-size=1.2em|maximize=yes}}
R	{{diagonal split color box|Yellow|#bbb|R|R|#f00|#f00|font-size=1.37em|maximize=yes}}
R	{{diagonal split color box|Yellow|#bbb|R|R|#f00|#f00|font-size=1.37em|maximize=yes|no-diagonal=yes}}
C R	{{diagonal split color box|Yellow|#999|R|C|#f00|#0ff|font-size=0.8em}}
R	{{diagonal split color box|Yellow||R|R|#f00|#f00|font-size=0.8em}}
R	{{diagonal split color box|Yellow||R|R|#f00|#f00|font-size=1.35em|maximize=yes}}
R	{{diagonal split color box|Yellow||R|R|#f00|#f00|font-size=0.7em|maximize=yes}}
	{{diagonal split color box|Yellow|border=Yellow|font-size=0.7em|maximize=yes}}
R	{{diagonal split color box|Yellow||R|R|#f00|#f00|font-size=0.6em|maximize=yes}}
	{{diagonal split color box|Yellow|border=Yellow|font-size=0.6em|maximize=yes}}
	{{diagonal split color box|Yellow|Blue|font-size=0.45em}}
Red Blue	{{diagonal split color box|LightGray|Yellow|Blue|Red|#00f|#f00}}
Red Blue	{{diagonal split color box|LightGray|Yellow|Blue|Red|#00f|#f00|font=Helvetica, Sans-serif}}
Blue Red	{{diagonal split color box|LightGray|Yellow|Red|Blue|#f00|#00f}}
Blue Red	{{diagonal split color box|LightGray|Yellow|Red|Blue|#f00|#00f|font=Helvetica, Sans-serif}}
Default color for this text	{{diagonal split color box|Green|Green|Default color for this text|Default color for this text|font=Helvetica, Sans-serif}}
Default color for this text	{{diagonal split color box|Yellow|Blue|Default color for this text|font=Helvetica, Sans-serif}}
Default color for this text	{{diagonal split color box|Yellow|Blue||Default color for this text|font=Helvetica, Sans-serif}}
Default color for this text	{{diagonal split color box|Yellow|Blue|Default color for this text|Default color for this text|font=Helvetica, Sans-serif}}
Default color for this text	{{diagonal split color box|Blue|Yellow|Default color for this text|Default color for this text|font=Helvetica, Sans-serif}}
Default color for right text Default color for left text	{{diagonal split color box|Yellow|Blue|Default color for left text|Default color for right text|font=Helvetica, Sans-serif}}
Default color for right text Default color for left text	{{diagonal split color box|Blue|Yellow|Default color for left text|Default color for right text|font=Helvetica, Sans-serif}}
Using X11 color names Using X11 color names	{{diagonal split color box|SteelBlue|Coral|'''Using X11 color names'''|'''Using X11 color names'''|Gold|Silver|font=Helvetica, Sans-serif}}
Default color for this text Using RGB hex triplets	{{diagonal split color box|#012345|#BA9876|''Using RGB hex triplet''|''Default color for this text''|#FEDCBA|font=Helvetica, Sans-serif}}
bordercolor like wikitable	{{diagonal split color box|white|lightgray|bordercolor like wikitable|border=#A2A9B1|border-width=4px|font=Helvetica, Sans-serif}}
two border colors	{{diagonal split color box|white|lightgray|two border colors|border=yellow|border2=red|border-width=4px|font=Helvetica, Sans-serif}}
far border color	{{diagonal split color box|white|lightgray|far border color|border=yellow|far-border=red|border-width=4px|font=Helvetica, Sans-serif}}

Variants

Template	Description	Example
{{Color box}}	Color box size with black borders and text color. Standard size.	or  ORANGE
{{Color box striped}}	Striped color box. Standard size.
{{RouteBox}}	Borderless color box with text color and wikilinks.	ORANGE
{{Colorbull}}	Colored bullet with wikilinks.	■
{{Legend inline}}	Color box size with black borders. Standard size.
{{Color sample}}	Color box size with black borders. Smaller size.
{{Swatch inline}}		orange
{{Background color}}		orange
{{Rail color box}}	A version with more display options. Part of Module:Adjacent stations	●, Orange
{{Diagonal split color box}}	Color box split diagonally. Standard size.

Supporting template

• {{Greater color contrast ratio}}

See also

• {{Infobox color}}, an infobox for the detailed description of a color.
• {{Legend}}
• {{Diagonal split header}}

The above documentation is transcluded from Template:Diagonal split color box/doc. (edit | history)
Editors can experiment in this template's sandbox (create | mirror) and testcases (create) pages.
Add categories to the /doc subpage. Subpages of this template.