Template:Responsive Character Infobox

Usage

This template is an customization of Template:Infobox Character, aimed to provide a responsive counterpart to the original infobox. This infobox is meant to be used with the Responsive Character Page template, but can also be used in standalone tables, flexboxes, or grids. Just be aware that this template takes on 100% of the width of the box you put it in!

Custom colors can be provided either in their HTML names (e.g. 'red'), in HEX-notation (e.g. '#FF0000'), via the rgb(r, g, b) function, or via the rgba(r, g, b, a) function.

{{Template:Responsive Character Infobox
| background-color = optional, this defaults to '#001f33'. This is the color seen behind the data rows.
| border-color = optional, this defaults to 'grey'. This is the color of the surrounding border of the infobox.
| accent-color = optional, this defaults to '#21314c'. This is the color seen behind the header rows.
| name = required
| image = required
| race = required
| homeworld = optional
| clan = optional
| house = optional
| mother = optional
| father = optional
| marital status = optional
| spouse = optional
| partner = optional
| siblings = optional
| children = optional
| born = optional
| died = optional
| languages = optional
| religion = optional
| quote = optional
| gender = required
| height = optional
| weight = optional
| coloring = optional
| hair color = optional
| eye color = optional
| affiliation = required
| title = optional
| rank = optional
| positions = optional
| prior affiliation = optional
| awards = optional
| signature = optional. This field is for signature images. The image should ideally be no wider than 220 pixels. 
}}

Examples

Default

{{{name}}}
{{{image}}}
Biographical Information
Race	{{{race}}}
Physical Description
Gender	{{{gender}}}
Political Information
Affiliation	{{{affiliation}}}

{{Template:Responsive Character Infobox}}

Custom colors A

{{{name}}}
{{{image}}}
Biographical Information
Race	{{{race}}}
Physical Description
Gender	{{{gender}}}
Political Information
Affiliation	{{{affiliation}}}

{{Template:Responsive Character Infobox
| background-color = #101010
| border-color = #000000
| accent-color = #202020
}}

Custom colors B

{{{name}}}
{{{image}}}
Biographical Information
Race	{{{race}}}
Physical Description
Gender	{{{gender}}}
Political Information
Affiliation	{{{affiliation}}}

By the Force, please do not use these colors.

{{Template:Responsive Character Infobox
| background-color = limegreen
| border-color = red
| accent-color = magenta
}}