Template:Diagonal split color box

From Wikipedia, the free encyclopedia
Jump to navigation Jump to search


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

Usage[edit]

This is the TemplateData documentation for this template used by VisualEditor and other tools; see the monthly error report for this template.

TemplateData for 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.
ParameterDescriptionTypeStatus
Left color1
Left background color of the box.
Example
Green
Stringsuggested
Right color2
Right background color of the box.
Example
Green
Stringsuggested
Left text3
Adds text inside the left triangle; box otherwise has no text.
Example
Hello, world!
Stringsuggested
Right text4
Adds text inside the right triangle; otherwise it is empty.
Example
Hello, world!
Stringsuggested
Left text color5
Sets the color of the text inside the left triangle.
Default
Either black or white; whichever has greater contrast.
Example
Yellow
Stringsuggested
Right text color6
Sets the color of the text inside the right triangle.
Default
Either black or white; whichever has greater contrast.
Example
Yellow
Stringsuggested
Border colorborder
Sets the color of the border around the box.
Default
black
Example
#FF0
Stringoptional
Border 2 colorborder2
Sets the color of the border next to the right triangle.
Default
'''border''' or black
Example
#FF0
Stringoptional
Far border colorfar-border
Sets the color of the border next to the far corner.
Default
'''border''' or black
Example
#FF0
Stringoptional
Border widthborder-width
Sets the width of the border around the box.
Default
1px
Example
3px
Stringoptional
Fontfont
Sets the font size.
Default
Lucida Console, monospace
Example
Helvetica
Stringoptional
Font sizefont-size
Sets the font size.
Default
1em
Example
10px
Stringoptional
Maximizemaximize
Fits bigger font.
Example
yes
Stringoptional
No diagonalno-diagonal
Do not draw the diagonal.
Example
yes
Stringoptional
Cornercorner
Sets the top left text.
Example
Hello, world!
Stringoptional
Corner colorcorner-color
Sets the color of the top left text.
Default
Either black or white; whichever has greater contrast.
Example
Yellow
Stringoptional
Corner backgroundcorner-background
Sets the background color of the top left text.
Default
'''border''', or either black or white whichever has greater contrast.
Example
Yellow
Stringoptional
Far cornerfar-corner
Sets the bottom right text.
Example
Hello, world!
Stringoptional
Far corner colorfar-corner-color
Sets the color of the bottom right text.
Default
Either black or white; whichever has greater contrast.
Example
Yellow
Stringoptional
Far corner backgroundfar-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
Stringoptional

Format: inline

Test of raw TemplateData output:

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.

ParameterDescriptionTypeStatus
Left color1

Left background color of the box.

Example
Green
Stringsuggested
Right color2

Right background color of the box.

Example
Green
Stringsuggested
Left text3

Adds text inside the left triangle; box otherwise has no text.

Example
Hello, world!
Stringsuggested
Right text4

Adds text inside the right triangle; otherwise it is empty.

Example
Hello, world!
Stringsuggested
Left text color5

Sets the color of the text inside the left triangle.

Default
Either black or white; whichever has greater contrast.
Example
Yellow
Stringsuggested
Right text color6

Sets the color of the text inside the right triangle.

Default
Either black or white; whichever has greater contrast.
Example
Yellow
Stringsuggested
Border colorborder

Sets the color of the border around the box.

Default
black
Example
#FF0
Stringoptional
Border 2 colorborder2

Sets the color of the border next to the right triangle.

Default
'''border''' or black
Example
#FF0
Stringoptional
Far border colorfar-border

Sets the color of the border next to the far corner.

Default
'''border''' or black
Example
#FF0
Stringoptional
Border widthborder-width

Sets the width of the border around the box.

Default
1px
Example
3px
Stringoptional
Fontfont

Sets the font size.

Default
Lucida Console, monospace
Example
Helvetica
Stringoptional
Font sizefont-size

Sets the font size.

Default
1em
Example
10px
Stringoptional
Maximizemaximize

Fits bigger font.

Default
Example
yes
Stringoptional
No diagonalno-diagonal

Do not draw the diagonal.

Default
Example
yes
Stringoptional
Cornercorner

Sets the top left text.

Example
Hello, world!
Stringoptional
Corner colorcorner-color

Sets the color of the top left text.

Default
Either black or white; whichever has greater contrast.
Example
Yellow
Stringoptional
Corner backgroundcorner-background

Sets the background color of the top left text.

Default
'''border''', or either black or white whichever has greater contrast.
Example
Yellow
Stringoptional
Far cornerfar-corner

Sets the bottom right text.

Example
Hello, world!
Stringoptional
Far corner colorfar-corner-color

Sets the color of the bottom right text.

Default
Either black or white; whichever has greater contrast.
Example
Yellow
Stringoptional
Far corner backgroundfar-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
Stringoptional
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[edit]

Template Description Example
{{Color box}} a small color box with black borders and text color      or  ORANGE 
{{RouteBox}} a borderless version with text color and wikilinks  ORANGE 
{{Colorbull}} a colored bullet with wikilinks
{{Legend2}} another borderless version   
{{Color sample}} a small color box with black borders
{{Swatch inline}} orange
{{Background color}} orange
{{Rail color box}} a version with more display options
(part of Module:Adjacent stations)
, Orange, etc.
{{Diagonal split color box}} a small color box split diagonally
   
   
,
  B
R
,
  B
R
,
WB
R
,
W 
R
,
WB
   
,
W
B
   
,
W 
   
,
   
B
,
  B
   
,
   
B
   
,
   
B
   
,
   
B
  W
,
   
B
   
,
   
B
   
,
   
B
   
,
   
B
   
,
   
B
   
,
   
B
   
,
 
 
,etc.
{{Motor type}} A small color box corresponding to the motor type
SI
A
, etc.

Supporting template[edit]

See also[edit]