View source for Template:Colored bar

<div style="box-shadow:0 0 0.2em #999; background:{{{title-background-color|{{{background-color|{{{background|#F8F9FA}}}}}}}}}; border-radius:0.2em; margin:0.5em 0.5em 1em; padding:0.4em 0.5em 0.5em 0.8em; {{{style|}}};">
{{#if: {{{icon|}}}
 | <span style="opacity:0.8;">[[File:{{{icon|}}}|20px]]</span>&#32;
}}{{#if: {{{link|}}}
 | [[{{{link|}}}|<span style="color:{{{title-color|#000}}}; font-weight:bold;">{{{title|}}}</span>]]
 | <span style="color:{{{title-color|#000}}}; font-weight:bold;">{{{title|}}}</span>
}}</div><noinclude>
{{documentation
|content=Produces a colored bar that may then be decorated with text and/or an icon.
<br/>'''Example''':
<br/> <code><nowiki>{{Colored bar|title=This is just an example.|title-color=green|link=Cat|style = text-align: center;
font-size:20px;|background=#abcdef|icon=smile.svg}}</nowiki></code>
{{Colored bar|title=This is just an example.|title-color=green|link=Cat|style = text-align: center;
font-size:20px;|background=#abcdef|icon=smile.svg}}
<br/>
}}

[[Category:Bar-style templates]]
[[Category:Color templates]]

<templatedata>
{
	"params": {
		"title-background-color": {},
		"background-color": {},
		"background": {
			"label": "Background Color",
			"description": "Controls the background color of the entire bar. Use HTML color names, hex color code, or HSL/HSLA.",
			"example": "#AAAFFF, peru, hsla(68, 61%, 47%, 1)"
		},
		"style": {
			"description": "Additional CSS to format.",
			"example": "font-family: Arial;   text-align: center;"
		},
		"icon": {
			"description": "Adds a small image to the left of the text. Type the image name without an Image: or File: prefix.",
			"example": "Example.png",
			"type": "wiki-file-name"
		},
		"link": {
			"description": "Creates a link in the title text. "
		},
		"title-color": {
			"label": "Text Color",
			"description": "The color you want the text in the bar to be.",
			"example": "#F4C430, green"
		},
		"title": {
			"label": "Text",
			"description": "The text you want to appear in the bar, displays in bold text.",
			"example": "Cats are nice!"
		}
	},
	"description": "A template that produces a coloured bar spanning the width of the page; may have text."
}
</templatedata></noinclude>