Difference between revisions of "Template:Small Modal Box"
From sureai
(Align items to the center of the box) |
m (Spacing fixes) |
||
| Line 1: | Line 1: | ||
| − | <div style = "width: 100%; max-width: 500px; border: 1px solid RGB(73, 73, 59); color: RGB(73, 73, 59); border-radius: 5px; box-shadow: 0 0 2px #00000055; padding: 5px 10px; display: flex; flex-flow: row nowrap; align-items: center; ">[[File:{{{image|SureaiLogo2016.png}}}|30x30px|link=|{{{title}}} Icon]]< | + | <div style = "width: 100%; max-width: 500px; margin: 5px 5px 5px 0; border: 1px solid RGB(73, 73, 59); color: RGB(73, 73, 59); border-radius: 5px; box-shadow: 0 0 2px #00000055; padding: 5px 10px; display: flex; flex-flow: row nowrap; align-items: center; "><div style = "width: 30px; height: 30px; ">[[File:{{{image|SureaiLogo2016.png}}}|30x30px|link=|{{{title}}} Icon]]</div><div style = "margin: 0 1.5em; font-weight: bold; ">{{{title}}}</div><p>{{{description}}}</p></div> |
== Usage == | == Usage == | ||
=== Parameters === | === Parameters === | ||
| − | * ''image (Optional):'' The box's icon image. Defaults to [[:File:SureaiLogo2016.png]] | + | * ''image (Optional):'' The box's icon image, without the initial "File:". Defaults to [[:File:SureaiLogo2016.png|SureaiLogo2016.png]] |
* '''title:''' The box's title | * '''title:''' The box's title | ||
* '''description:''' The box's description | * '''description:''' The box's description | ||
| Line 9: | Line 9: | ||
<pre> | <pre> | ||
{{Small Modal Box | {{Small Modal Box | ||
| + | |image = Ico_enderal_s.png | ||
|title = Incomplete | |title = Incomplete | ||
|description = This article or section is incomplete. | |description = This article or section is incomplete. | ||
Revision as of 17:39, 27 June 2017
{{{title}}}
{{{description}}}
Usage
Parameters
- image (Optional): The box's icon image, without the initial "File:". Defaults to SureaiLogo2016.png
- title: The box's title
- description: The box's description
Examples
{{Small Modal Box
|image = Ico_enderal_s.png
|title = Incomplete
|description = This article or section is incomplete.
}}
Incomplete
This article or section is incomplete.
{{Small Modal Box
|title = Smelly
|description = This article or section smells bad. Give it a deodorant.
}}
Smelly
This article or section smells bad. Give it a deodorant.
