Template:Box - Revision history

Latty at 16:14, 11 February 2025

2025-02-11T16:14:35Z

← Older revision		Revision as of 16:14, 11 February 2025
Line 1:		Line 1:
	<p class="{{{class\|}}}" style="display: block; box-shadow: 0 0 0.2em #999999; border-radius: 0.2em; margin: 0.5em 0.5em 1em 0.5em; background: {{{background-content-color\|var(--background-color-base)}}}; {{{style\|}}};">		<div class="{{{class\|}}}" style="display: block; box-shadow: 0 0 0.2em #999999; border-radius: 0.2em; margin: 0.5em 0.5em 1em 0.5em; background: {{{background-content-color\|var(--background-color-base)}}}; {{{style\|}}};">
	<!-- Title Box -->		<!-- Title Box -->
	<div style="background: {{{background-title-color\|var(--background-color-neutral)}}}; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em; display: flex; align-items: center; {{#if:{{{center\|}}}\|justify-content: space-between;}}">		<div style="background: {{{background-title-color\|var(--background-color-neutral)}}}; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em; display: flex; align-items: center; {{#if:{{{center\|}}}\|justify-content: space-between;}}">
Line 15:		Line 15:
	<!---->{{{content}}}{{clr}}		<!---->{{{content}}}{{clr}}
	</div>		</div>
	</p>		</div>
	<noinclude>		<noinclude>
	<templatedata>		<templatedata>

Latty at 16:12, 11 February 2025

2025-02-11T16:12:21Z

← Older revision		Revision as of 16:12, 11 February 2025
Line 1:		Line 1:
	<~~div~~ class="{{{class\|}}}" style="box-shadow: 0 0 0.2em #999999; border-radius: 0.2em; margin: 0.5em 0.5em 1em 0.5em; background: {{{background-content-color\|var(--background-color-base)}}}; {{{style\|}}};">		<p class="{{{class\|}}}" style="display: block; box-shadow: 0 0 0.2em #999999; border-radius: 0.2em; margin: 0.5em 0.5em 1em 0.5em; background: {{{background-content-color\|var(--background-color-base)}}}; {{{style\|}}};">
	<!-- Title Box -->		<!-- Title Box -->
	<div style="background: {{{background-title-color\|var(--background-color-neutral)}}}; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em; display: flex; align-items: center; {{#if:{{{center\|}}}\|justify-content: space-between;}}">		<div style="background: {{{background-title-color\|var(--background-color-neutral)}}}; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em; display: flex; align-items: center; {{#if:{{{center\|}}}\|justify-content: space-between;}}">
Line 15:		Line 15:
	<!---->{{{content}}}{{clr}}		<!---->{{{content}}}{{clr}}
	</div>		</div>
	</~~div~~>		</p>
	<noinclude>		<noinclude>
	<templatedata>		<templatedata>

Latty at 16:02, 11 February 2025

2025-02-11T16:02:01Z

← Older revision		Revision as of 16:02, 11 February 2025
Line 1:		Line 1:
	<div style="box-shadow: 0 0 0.2em #999999; border-radius: 0.2em; margin: 0.5em 0.5em 1em 0.5em; background: {{{background-content-color\|var(--background-color-base)}}}; {{{style\|}}};">		<div class="{{{class\|}}}" style="box-shadow: 0 0 0.2em #999999; border-radius: 0.2em; margin: 0.5em 0.5em 1em 0.5em; background: {{{background-content-color\|var(--background-color-base)}}}; {{{style\|}}};">
	<!-- Title Box -->		<!-- Title Box -->
	<div style="background: {{{background-title-color\|var(--background-color-neutral)}}}; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em; display: flex; align-items: center; {{#if:{{{center\|}}}\|justify-content: space-between;}}">		<div style="background: {{{background-title-color\|var(--background-color-neutral)}}}; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em; display: flex; align-items: center; {{#if:{{{center\|}}}\|justify-content: space-between;}}">
Line 106:		Line 106:
	"description": "An icon to display after, rather than before, the title.",		"description": "An icon to display after, rather than before, the title.",
	"type": "wiki-file-name"		"type": "wiki-file-name"
			},
			"class": {
			"label": "Class",
			"description": "CSS classes to apply to the box.",
			"type": "string",
			"suggestedvalues": [
			"ambox",
			"hatnote",
			"dablink",
			"side-box"
			]
	}		}
	},		},
Line 125:		Line 136:
	"title-color-hover",		"title-color-hover",
	"flex",		"flex",
	"center"		"center",
			"class"
	],		],
	"format": "block"		"format": "block"

Bulder: Use variable colors by default

2025-01-23T06:39:16Z

Use variable colors by default

← Older revision		Revision as of 06:39, 23 January 2025
Line 1:		Line 1:
	<div style="box-shadow: 0 0 0.2em #999999; border-radius: 0.2em; margin: 0.5em 0.5em 1em 0.5em; background: {{{background-content-color\|~~#f8f9fa~~}}}; {{{style\|}}};">		<div style="box-shadow: 0 0 0.2em #999999; border-radius: 0.2em; margin: 0.5em 0.5em 1em 0.5em; background: {{{background-content-color\|var(--background-color-base)}}}; {{{style\|}}};">
	<!-- Title Box -->		<!-- Title Box -->
	<div style="background: {{{background-title-color\|~~#eaecf0~~}}}; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em; display: flex; align-items: center; {{#if:{{{center\|}}}\|justify-content: space-between;}}">		<div style="background: {{{background-title-color\|var(--background-color-neutral)}}}; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em; display: flex; align-items: center; {{#if:{{{center\|}}}\|justify-content: space-between;}}">
	<!-- Icon -->		<!-- Icon -->
	{{#if:{{{icon\|}}}\|<span style="opacity: 0.8; display: flex; align-items: center; margin-right: 0.5em; line-height: 50pxm;">[[File:{{{icon}}}\|50px\|left\|link=\|alt=]]</span> }}		{{#if:{{{icon\|}}}\|<span style="opacity: 0.8; display: flex; align-items: center; margin-right: 0.5em; line-height: 50pxm;">[[File:{{{icon}}}\|50px\|left\|link=\|alt=]]</span> }}
	<!-- Title -->		<!-- Title -->
	<div style="color: {{{title-color\|~~#000000~~}}}; font-weight: bold; line-height: 50px;"><big>{{{title}}}</big></div>		<div style="color: {{{title-color\|var(--color-base)}}}; font-weight: bold; line-height: 50px;"><big>{{{title}}}</big></div>
	<!-- Link -->		<!-- Link -->
	{{#if:{{{link\|}}}\|<div style="float: right; font-size: 0.7em;">[[{{{link}}}\|<span style="color: {{{link-color\|{{{title-color\|~~#000000~~}}}}}};">{{{Link-text\|{{{link-text\|Link}}}}}}</span>]]</div>}}		{{#if:{{{link\|}}}\|<div style="float: right; font-size: 0.7em;">[[{{{link}}}\|<span style="color: {{{link-color\|{{{title-color\|var(--color-progressive)}}}}}};">{{{Link-text\|{{{link-text\|Link}}}}}}</span>]]</div>}}
	<!-- Trailing Icon -->		<!-- Trailing Icon -->
	{{#if:{{{trailing-icon\|}}}\|<span style="opacity: 0.8; display: flex; align-items: center; margin-left: 0.5em; line-height: 50px;">[[File:{{{trailing-icon}}}\|50px\|left\|link=\|alt=]]</span> }}		{{#if:{{{trailing-icon\|}}}\|<span style="opacity: 0.8; display: flex; align-items: center; margin-left: 0.5em; line-height: 50px;">[[File:{{{trailing-icon}}}\|50px\|left\|link=\|alt=]]</span> }}
	</div>		</div>
	<!-- Content Box -->		<!-- Content Box -->
	<div style="padding: 1em; padding-left: 1em;">		<div style="padding: 1em; padding-left: 1em; color: var(--color-base);">
	<!---->{{{content}}}{{clr}}		<!---->{{{content}}}{{clr}}
	</div>		</div>
Line 49:		Line 49:
	"title-color": {		"title-color": {
	"label": "Title color",		"label": "Title color",
	"description": "~~Hexadecimal~~ color ~~code~~ of the title text.",		"description": "CSS color of the title text.",
	"example": "#339966",		"example": "#339966",
	"type": "string",		"type": "string",
	"default": "~~#FFFFFF~~"		"default": "var(--color-base)"
	},		},
	"style": {		"style": {
Line 61:		Line 61:
	"link-color": {		"link-color": {
	"label": "Link color",		"label": "Link color",
	"description": "~~Hexadecimal~~ color ~~code~~ of the 'Edit' link.",		"description": "CSS color of the 'Edit' link.",
	"example": "#339966",		"example": "#339966",
	"type": "string",		"type": "string",
	"default": "~~#999999~~"		"default": "var(--color-progressive)"
	},		},
	"background-title-color": {		"background-title-color": {
	"label": "Title background color",		"label": "Title background color",
	"description": "~~Hexadecimal~~ color ~~code~~ of the title bar background.",		"description": "CSS color of the title bar background.",
	"example": "#447FF5",		"example": "#447FF5",
	"type": "string",		"type": "string",
	"default": "~~#339966~~",		"default": "var(--background-color-base)",
	"suggested": true		"suggested": true
	},		},
	"background-content-color": {		"background-content-color": {
	"label": "Content background color",		"label": "Content background color",
	"description": "~~Hexadecimal~~ color ~~code~~ of the box content background.",		"description": "CSS color of the box content background.",
	"example": "#339966",		"example": "#339966",
	"type": "string",		"type": "string",
	"default": "~~#F8F9FA~~"		"default": "var(--background-color-base)"
	},		},
	"Link-text": {		"Link-text": {

Latty at 20:45, 21 January 2025

2025-01-21T20:45:18Z

← Older revision		Revision as of 20:45, 21 January 2025
Line 3:		Line 3:
	<div style="background: {{{background-title-color\|#eaecf0}}}; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em; display: flex; align-items: center; {{#if:{{{center\|}}}\|justify-content: space-between;}}">		<div style="background: {{{background-title-color\|#eaecf0}}}; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em; display: flex; align-items: center; {{#if:{{{center\|}}}\|justify-content: space-between;}}">
	<!-- Icon -->		<!-- Icon -->
	{{#if:{{{icon\|}}}\|<span style="opacity: 0.8; display: flex; align-items: center; margin-right: 0.5em; line-height: ~~3.5em~~;">[[File:{{{icon}}}\|~~3.5em~~\|left\|link=\|alt=]]</span> }}		{{#if:{{{icon\|}}}\|<span style="opacity: 0.8; display: flex; align-items: center; margin-right: 0.5em; line-height: 50pxm;">[[File:{{{icon}}}\|50px\|left\|link=\|alt=]]</span> }}
	<!-- Title -->		<!-- Title -->
	<div style="color: {{{title-color\|#000000}}}; font-weight: bold; line-height: ~~3.5em~~;"><big>{{{title}}}</big></div>		<div style="color: {{{title-color\|#000000}}}; font-weight: bold; line-height: 50px;"><big>{{{title}}}</big></div>
	<!-- Link -->		<!-- Link -->
	{{#if:{{{link\|}}}\|<div style="float: right; font-size: 0.7em;">[[{{{link}}}\|<span style="color: {{{link-color\|{{{title-color\|#000000}}}}}};">{{{Link-text\|{{{link-text\|Link}}}}}}</span>]]</div>}}		{{#if:{{{link\|}}}\|<div style="float: right; font-size: 0.7em;">[[{{{link}}}\|<span style="color: {{{link-color\|{{{title-color\|#000000}}}}}};">{{{Link-text\|{{{link-text\|Link}}}}}}</span>]]</div>}}
	<!-- Trailing Icon -->		<!-- Trailing Icon -->
	{{#if:{{{trailing-icon\|}}}\|<span style="opacity: 0.8; display: flex; align-items: center; margin-left: 0.5em; line-height: ~~3.5em~~;">[[File:{{{trailing-icon}}}\|~~3.5em~~\|left\|link=\|alt=]]</span> }}		{{#if:{{{trailing-icon\|}}}\|<span style="opacity: 0.8; display: flex; align-items: center; margin-left: 0.5em; line-height: 50px;">[[File:{{{trailing-icon}}}\|50px\|left\|link=\|alt=]]</span> }}
	</div>		</div>
	<!-- Content Box -->		<!-- Content Box -->

Latty at 20:46, 20 January 2025

2025-01-20T20:46:54Z

← Older revision		Revision as of 20:46, 20 January 2025
Line 1:		Line 1:
	<div style="box-shadow: 0 0 0.2em #999999; border-radius: 0.2em; margin: 0.5em 0.5em 1em 0.5em; background: {{{background-content-color\|#f8f9fa}}}; {{{style\|}}};">		<div style="box-shadow: 0 0 0.2em #999999; border-radius: 0.2em; margin: 0.5em 0.5em 1em 0.5em; background: {{{background-content-color\|#f8f9fa}}}; {{{style\|}}};">
	<!-- ~~CSS for icon and background~~ -->		<!-- Title Box -->
	<div style="background: {{{background-title-color\|#eaecf0}}}; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em; display: flex; align-items: center; {{#if:{{{center\|}}}\|justify-content: space-between;}}">		<div style="background: {{{background-title-color\|#eaecf0}}}; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em; display: flex; align-items: center; {{#if:{{{center\|}}}\|justify-content: space-between;}}">
	{{#if:{{{icon\|}}}\|<span style="opacity: 0.8; display: flex; align-items: center; margin-right: 0.5em; line-height: ~~50px~~;">[[File:{{{icon}}}\|~~50px~~\|left\|link=\|alt=]]</span> }}		<!-- Icon -->
	<div style="color: {{{title-color\|#000000}}}; font-weight: bold; line-height: ~~50px~~;"><big>{{{title}}}</big></div>		{{#if:{{{icon\|}}}\|<span style="opacity: 0.8; display: flex; align-items: center; margin-right: 0.5em; line-height: 3.5em;">[[File:{{{icon}}}\|3.5em\|left\|link=\|alt=]]</span> }}
	~~{{#if:{{{trailing-icon\|}}}\|<span style="opacity: 0.8; display: flex; align-items: center; margin-left: 0.5em; line-height: 50px;">[[File:{{{trailing-icon}}}\|50px\|left\|link=\|alt=]]</span> }}~~		<!-- Title -->
	<!-- Link ~~div~~ -->		<div style="color: {{{title-color\|#000000}}}; font-weight: bold; line-height: 3.5em;"><big>{{{title}}}</big></div>
			<!-- Link -->
	{{#if:{{{link\|}}}\|<div style="float: right; font-size: 0.7em;">[[{{{link}}}\|<span style="color: {{{link-color\|{{{title-color\|#000000}}}}}};">{{{Link-text\|{{{link-text\|Link}}}}}}</span>]]</div>}}		{{#if:{{{link\|}}}\|<div style="float: right; font-size: 0.7em;">[[{{{link}}}\|<span style="color: {{{link-color\|{{{title-color\|#000000}}}}}};">{{{Link-text\|{{{link-text\|Link}}}}}}</span>]]</div>}}
			<!-- Trailing Icon -->
			{{#if:{{{trailing-icon\|}}}\|<span style="opacity: 0.8; display: flex; align-items: center; margin-left: 0.5em; line-height: 3.5em;">[[File:{{{trailing-icon}}}\|3.5em\|left\|link=\|alt=]]</span> }}
	</div>		</div>
	<!-- ~~CSS for the content~~ -->		<!-- Content Box -->
	<div style="padding: 1em; padding-left: 1em;">		<div style="padding: 1em; padding-left: 1em;">
	<!---->{{{content}}}{{clr}}		<!---->{{{content}}}{{clr}}

Latty at 20:39, 20 January 2025

2025-01-20T20:39:40Z

← Older revision		Revision as of 20:39, 20 January 2025
Line 1:		Line 1:
	<div style="box-shadow: 0 0 0.2em #999999; border-radius: 0.2em; margin: 0.5em 0.5em 1em 0.5em; background: {{{background-content-color\|#f8f9fa}}}; {{{style\|}}};">		<div style="box-shadow: 0 0 0.2em #999999; border-radius: 0.2em; margin: 0.5em 0.5em 1em 0.5em; background: {{{background-content-color\|#f8f9fa}}}; {{{style\|}}};">
	<!-- CSS for icon and background -->		<!-- CSS for icon and background -->
	<div style="background: {{{background-title-color\|#eaecf0}}}; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em; display: flex; align-items: center; {{#if:{{{center\|}}}\|justify-content: ~~center~~;}}">		<div style="background: {{{background-title-color\|#eaecf0}}}; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em; display: flex; align-items: center; {{#if:{{{center\|}}}\|justify-content: space-between;}}">
	{{#if:{{{icon\|}}}\|<span style="opacity: 0.8; display: flex; align-items: center; margin-right: 0.5em; line-height: 50px;">[[File:{{{icon}}}\|50px\|left\|link=\|alt=]]</span> }}		{{#if:{{{icon\|}}}\|<span style="opacity: 0.8; display: flex; align-items: center; margin-right: 0.5em; line-height: 50px;">[[File:{{{icon}}}\|50px\|left\|link=\|alt=]]</span> }}
	<div style="color: {{{title-color\|#000000}}}; font-weight: bold; line-height: 50px;"><big>{{{title}}}</big></div>		<div style="color: {{{title-color\|#000000}}}; font-weight: bold; line-height: 50px;"><big>{{{title}}}</big></div>

Latty at 20:38, 20 January 2025

2025-01-20T20:38:52Z

← Older revision		Revision as of 20:38, 20 January 2025
Line 1:		Line 1:
	<div style="box-shadow: 0 0 0.2em #999999; border-radius: 0.2em; margin: 0.5em 0.5em 1em 0.5em; background: {{{background-content-color\|#f8f9fa}}}; {{{style\|}}};">		<div style="box-shadow: 0 0 0.2em #999999; border-radius: 0.2em; margin: 0.5em 0.5em 1em 0.5em; background: {{{background-content-color\|#f8f9fa}}}; {{{style\|}}};">
	<!-- CSS for icon and background -->		<!-- CSS for icon and background -->
	<div style="background: {{{background-title-color\|#eaecf0}}}; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em;; display: flex; align-items: center;">		<div style="background: {{{background-title-color\|#eaecf0}}}; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em; display: flex; align-items: center; {{#if:{{{center\|}}}\|justify-content: center;}}">
	{{#if:{{{icon\|}}}\|<span style="opacity: 0.8; display: flex; align-items: center; margin-right: 0.5em; line-height: 50px;">[[File:{{{icon}}}\|50px\|left\|link=\|alt=]]</span> }}		{{#if:{{{icon\|}}}\|<span style="opacity: 0.8; display: flex; align-items: center; margin-right: 0.5em; line-height: 50px;">[[File:{{{icon}}}\|50px\|left\|link=\|alt=]]</span> }}
	<div style="color: {{{title-color\|#000000}}}; font-weight: bold; line-height: 50px; ~~{{#if:{{{center}}}\|text-align: center;}}~~"><big>{{{title}}}</big></div>		<div style="color: {{{title-color\|#000000}}}; font-weight: bold; line-height: 50px;"><big>{{{title}}}</big></div>
	{{#if:{{{trailing-icon\|}}}\|<span style="opacity: 0.8; display: flex; align-items: center; margin-~~right~~: 0.5em; line-height: 50px;">[[File:{{{trailing-icon}}}\|50px\|left\|link=\|alt=]]</span> }}		{{#if:{{{trailing-icon\|}}}\|<span style="opacity: 0.8; display: flex; align-items: center; margin-left: 0.5em; line-height: 50px;">[[File:{{{trailing-icon}}}\|50px\|left\|link=\|alt=]]</span> }}
	<!-- Link div -->		<!-- Link div -->
	{{#if:{{{link\|}}}\|<div style="float: right; font-size: 0.7em;">[[{{{link}}}\|<span style="color: {{{link-color\|{{{title-color\|#000000}}}}}};">{{{Link-text\|{{{link-text\|Link}}}}}}</span>]]</div>}}		{{#if:{{{link\|}}}\|<div style="float: right; font-size: 0.7em;">[[{{{link}}}\|<span style="color: {{{link-color\|{{{title-color\|#000000}}}}}};">{{{Link-text\|{{{link-text\|Link}}}}}}</span>]]</div>}}

Latty at 20:37, 20 January 2025

2025-01-20T20:37:27Z

Show changes

Latty at 20:35, 20 January 2025

2025-01-20T20:35:59Z

← Older revision		Revision as of 20:35, 20 January 2025
Line 4:		Line 4:
	{{#if:{{{icon\|}}}\|<span style="opacity: 0.8; display: flex; align-items: center; margin-right: 0.5em; line-height: 50px;">[[File:{{{icon}}}\|50px\|left\|link=\|alt=]]</span> }}		{{#if:{{{icon\|}}}\|<span style="opacity: 0.8; display: flex; align-items: center; margin-right: 0.5em; line-height: 50px;">[[File:{{{icon}}}\|50px\|left\|link=\|alt=]]</span> }}
	<div style="color: {{{title-color\|#000000}}}; font-weight: bold; line-height: 50px; {{#if:{{{center}}}\|text-align: center;}}"><big>{{{title}}}</big></div>		<div style="color: {{{title-color\|#000000}}}; font-weight: bold; line-height: 50px; {{#if:{{{center}}}\|text-align: center;}}"><big>{{{title}}}</big></div>
			{{#if:{{{trailingIcon\|}}}\|<span style="opacity: 0.8; display: flex; align-items: center; margin-right: 0.5em; line-height: 50px;">[[File:{{{trailingIcon}}}\|50px\|left\|link=\|alt=]]</span> }}
	<!-- Link div -->		<!-- Link div -->
	{{#if:{{{link\|}}}\|<div style="float: right; font-size: 0.7em;">[[{{{link}}}\|<span style="color: {{{link-color\|{{{title-color\|#000000}}}}}};">{{{Link-text\|{{{link-text\|Link}}}}}}</span>]]</div>}}		{{#if:{{{link\|}}}\|<div style="float: right; font-size: 0.7em;">[[{{{link}}}\|<span style="color: {{{link-color\|{{{title-color\|#000000}}}}}};">{{{Link-text\|{{{link-text\|Link}}}}}}</span>]]</div>}}

← Older revision		Revision as of 20:39, 20 January 2025
Line 1:		Line 1:
	<div style="box-shadow: 0 0 0.2em #999999; border-radius: 0.2em; margin: 0.5em 0.5em 1em 0.5em; background: {{{background-content-color\|#f8f9fa}}}; {{{style\|}}};">		<div style="box-shadow: 0 0 0.2em #999999; border-radius: 0.2em; margin: 0.5em 0.5em 1em 0.5em; background: {{{background-content-color\|#f8f9fa}}}; {{{style\|}}};">
	<!-- CSS for icon and background -->		<!-- CSS for icon and background -->
	<div style="background: {{{background-title-color\|#eaecf0}}}; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em; display: flex; align-items: center; {{#if:{{{center\|}}}\|justify-content: ~~center~~;}}">		<div style="background: {{{background-title-color\|#eaecf0}}}; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em; display: flex; align-items: center; {{#if:{{{center\|}}}\|justify-content: space-between;}}">
	{{#if:{{{icon\|}}}\|<span style="opacity: 0.8; display: flex; align-items: center; margin-right: 0.5em; line-height: 50px;">[[File:{{{icon}}}\|50px\|left\|link=\|alt=]]</span> }}		{{#if:{{{icon\|}}}\|<span style="opacity: 0.8; display: flex; align-items: center; margin-right: 0.5em; line-height: 50px;">[[File:{{{icon}}}\|50px\|left\|link=\|alt=]]</span> }}
	<div style="color: {{{title-color\|#000000}}}; font-weight: bold; line-height: 50px;"><big>{{{title}}}</big></div>		<div style="color: {{{title-color\|#000000}}}; font-weight: bold; line-height: 50px;"><big>{{{title}}}</big></div>

← Older revision		Revision as of 20:38, 20 January 2025
Line 1:		Line 1:
	<div style="box-shadow: 0 0 0.2em #999999; border-radius: 0.2em; margin: 0.5em 0.5em 1em 0.5em; background: {{{background-content-color\|#f8f9fa}}}; {{{style\|}}};">		<div style="box-shadow: 0 0 0.2em #999999; border-radius: 0.2em; margin: 0.5em 0.5em 1em 0.5em; background: {{{background-content-color\|#f8f9fa}}}; {{{style\|}}};">
	<!-- CSS for icon and background -->		<!-- CSS for icon and background -->
	<div style="background: {{{background-title-color\|#eaecf0}}}; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em;; display: flex; align-items: center;">		<div style="background: {{{background-title-color\|#eaecf0}}}; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em; display: flex; align-items: center; {{#if:{{{center\|}}}\|justify-content: center;}}">
	{{#if:{{{icon\|}}}\|<span style="opacity: 0.8; display: flex; align-items: center; margin-right: 0.5em; line-height: 50px;">[[File:{{{icon}}}\|50px\|left\|link=\|alt=]]</span> }}		{{#if:{{{icon\|}}}\|<span style="opacity: 0.8; display: flex; align-items: center; margin-right: 0.5em; line-height: 50px;">[[File:{{{icon}}}\|50px\|left\|link=\|alt=]]</span> }}
	<div style="color: {{{title-color\|#000000}}}; font-weight: bold; line-height: 50px; ~~{{#if:{{{center}}}\|text-align: center;}}~~"><big>{{{title}}}</big></div>		<div style="color: {{{title-color\|#000000}}}; font-weight: bold; line-height: 50px;"><big>{{{title}}}</big></div>
	{{#if:{{{trailing-icon\|}}}\|<span style="opacity: 0.8; display: flex; align-items: center; margin-~~right~~: 0.5em; line-height: 50px;">[[File:{{{trailing-icon}}}\|50px\|left\|link=\|alt=]]</span> }}		{{#if:{{{trailing-icon\|}}}\|<span style="opacity: 0.8; display: flex; align-items: center; margin-left: 0.5em; line-height: 50px;">[[File:{{{trailing-icon}}}\|50px\|left\|link=\|alt=]]</span> }}
	<!-- Link div -->		<!-- Link div -->
	{{#if:{{{link\|}}}\|<div style="float: right; font-size: 0.7em;">[[{{{link}}}\|<span style="color: {{{link-color\|{{{title-color\|#000000}}}}}};">{{{Link-text\|{{{link-text\|Link}}}}}}</span>]]</div>}}		{{#if:{{{link\|}}}\|<div style="float: right; font-size: 0.7em;">[[{{{link}}}\|<span style="color: {{{link-color\|{{{title-color\|#000000}}}}}};">{{{Link-text\|{{{link-text\|Link}}}}}}</span>]]</div>}}

← Older revision		Revision as of 20:35, 20 January 2025
Line 4:		Line 4:
	{{#if:{{{icon\|}}}\|<span style="opacity: 0.8; display: flex; align-items: center; margin-right: 0.5em; line-height: 50px;">[[File:{{{icon}}}\|50px\|left\|link=\|alt=]]</span> }}		{{#if:{{{icon\|}}}\|<span style="opacity: 0.8; display: flex; align-items: center; margin-right: 0.5em; line-height: 50px;">[[File:{{{icon}}}\|50px\|left\|link=\|alt=]]</span> }}
	<div style="color: {{{title-color\|#000000}}}; font-weight: bold; line-height: 50px; {{#if:{{{center}}}\|text-align: center;}}"><big>{{{title}}}</big></div>		<div style="color: {{{title-color\|#000000}}}; font-weight: bold; line-height: 50px; {{#if:{{{center}}}\|text-align: center;}}"><big>{{{title}}}</big></div>
			{{#if:{{{trailingIcon\|}}}\|<span style="opacity: 0.8; display: flex; align-items: center; margin-right: 0.5em; line-height: 50px;">[[File:{{{trailingIcon}}}\|50px\|left\|link=\|alt=]]</span> }}
	<!-- Link div -->		<!-- Link div -->
	{{#if:{{{link\|}}}\|<div style="float: right; font-size: 0.7em;">[[{{{link}}}\|<span style="color: {{{link-color\|{{{title-color\|#000000}}}}}};">{{{Link-text\|{{{link-text\|Link}}}}}}</span>]]</div>}}		{{#if:{{{link\|}}}\|<div style="float: right; font-size: 0.7em;">[[{{{link}}}\|<span style="color: {{{link-color\|{{{title-color\|#000000}}}}}};">{{{Link-text\|{{{link-text\|Link}}}}}}</span>]]</div>}}