Template:Colored box
DOCUMENTATION
Usage
Allow to insert a modern box.
For the box to continue to the bottom you must use the argument « | flex = 1 1 auto
»
Syntax
Reduced Syntax
{{Colored box | title = | title-color = #000 | background-title-color = #eaecf0 | icon = | content = | background-content-color = #f8f9fa | link = }}
Complete syntax
{{Colored box | title = | title-color = #000 | background-title-color = #eaecf0 | icon = | content = | background-content-color = #f8f9fa | style = | link = }}
Parameters
Colored box for content presentation.
Parameter | Description | Type | Status | |
---|---|---|---|---|
Title | title | Title of the box.
| String | required |
Content | content | Content of the box.
| Content | required |
Link | link | Title of the wiki page to edit the content.
| Page | suggested |
Title background color | background-title-color | Hexadecimal color code of the title bar background.
| String | suggested |
Icon | icon | Name of the file for icon.
| File | optional |
Title color | title-color | Hexadecimal color code of the title text.
| String | optional |
Style | style | Additional CSS style for the container.
| String | optional |
Link color | link-color | Hexadecimal color code of the Modify link.
| String | optional |
Content background color | background-content-color | Hexadecimal color code of the box content background.
| String | optional |
View-text | view-text | Default title: edit, can be changed
| Unknown | optional |
Title background color on hover | titre-couleur-fond-hover | When hovering with the mouse, changes the background color of the title.
| Unknown | optional |
Flex | flex | Integration in the grid of the dynamic column/line. The first number indicates the proportion to which the box can expand, the second to which it can shrink, the third the minimum width in px/em of the box
| String | optional |
Center the title | center | If filled, allows to center the title. | Unknown | optional |
Exemple
{{Colored box | title = Wikidata Query Builder | title-color = #000 | background-title-color = #D33F00 | icon = | content = Lorem Ipsum | background-content-color = #f8f9fa | link = Wikidata:Query Builder }}
{{Colored box | title = Box name | title-color = #000 | background-title-color = #eaecf0 | icon = | content = | background-content-color = #f8f9fa | link = }}