Difference between revisions of "Template:Small Modal Box"

From sureai
Jump to: navigation, search
(Created page with "<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; d...")
 
(Align items to the center of the box)
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; ">
+
<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]]<span style = "margin: 0 1.5em; font-weight: bold; ">{{{title}}}</span><span>{{{description}}}</span></div><noinclude>
[[File:{{{image|SureaiLogo2016.png}}}|30x30px|link=|{{{title}}} Icon]]
+
<span style = "margin: 0 1.5em; font-weight: bold; ">{{{title}}}</span>
+
<span>{{{description}}}</span>
+
</div><noinclude>
+
 
== Usage ==
 
== Usage ==
 
=== Parameters ===
 
=== Parameters ===

Revision as of 17:24, 27 June 2017

{{{title}}} Icon{{{title}}}{{{description}}}

Usage

Parameters

  • image (Optional): The box's icon image. Defaults to File:SureaiLogo2016.png
  • title: The box's title
  • description: The box's description

Examples

{{Small Modal Box
|title = Incomplete
|description = This article or section is incomplete.
}}
Incomplete Icon
Incomplete

This article or section is incomplete.

{{Small Modal Box
|title = Smelly
|description = This article or section smells bad. Give it a deodorant.
}}
Smelly Icon
Smelly

This article or section smells bad. Give it a deodorant.