|
|
| Line 1: |
Line 1: |
| <noinclude><!--
| | {{Delete}} |
| ==================================================
| |
| TemplateBase/Country
| |
| Creates a highly customizable country banner with flag
| |
| presets, layered background colors, and icon animations.
| |
| ==================================================
| |
| USAGE:
| |
| {{TemplateBase/Country | |
| | preset = h / v / diagonal / cross / nordic
| |
| | c1 = #002868
| |
| | c2 = #ffffff
| |
| | c3 = #bf0a30
| |
| | title = Country Name
| |
| | text = Optional subtitle text
| |
| | text_color = #ffffff
| |
| | text_border = #000000
| |
| | audio = [[File:Song.mp3]]
| |
| | bg_icon = Icon.png
| |
| | bg_size = 120
| |
| | bg_opacity = 0.25
| |
| | spin_icon = yes
| |
| | pulse_icon = yes
| |
| | image_left = Left.png
| |
| | image_right = Right.png
| |
| | extras =
| |
| | class =
| |
| | style =
| |
| }} | |
| | |
| PARAMETERS:
| |
| - preset: Flag pattern (h = horizontal stripes, v = vertical, cross = standard centered cross, nordic = scandinavian left-shifted cross)
| |
| - c1, c2, c3: Colors applied from background to foreground based on the preset.
| |
| - text_color/text_border: Allows recoloring the text and the stroke-style border.
| |
| - spin_icon: Set to 'yes' for symmetrical logos to rotate them endlessly in the background.
| |
| ==================================================
| |
| --></noinclude><templatestyles src="Template:TemplateBase/Country/styles.css" /><!--
| |
| --><div class="tb-country-container tb-preset-{{#switch:{{{preset|h}}}|v=v|cross=cross|nordic=nordic|diagonal=diagonal|h|#default=h}} {{#ifeq:{{{grid|}}}|no||{{#if:{{{c3|}}}|tb-3colors|}}}} {{#ifeq:{{{spin_icon|}}}|yes|tb-spin|}} {{#ifeq:{{{pulse_icon|}}}|yes|tb-pulse|}} {{{class|}}}" style="background: {{#if:{{{c2|}}}
| |
| | {{#switch:{{{preset|h}}}
| |
| | v = linear-gradient(to right, {{{c1|#333}}} {{#if:{{{c3|}}}|33.33%, {{{c2|#666}}} 33.33%, {{{c2|#666}}} 66.66%, {{{c3|#999}}} 66.66%|50%, {{{c2|#666}}} 50%}})
| |
| | cross = {{#if:{{{c3|}}}|linear-gradient(to right, transparent 49%, {{{c3}}} 49%, {{{c3}}} 51%, transparent 51%), linear-gradient(to bottom, transparent 42%, {{{c3}}} 42%, {{{c3}}} 58%, transparent 58%), }}linear-gradient(to right, transparent 47.5%, {{{c2|#fff}}} 47.5%, {{{c2|#fff}}} 52.5%, transparent 52.5%), linear-gradient(to bottom, transparent 32.5%, {{{c2|#fff}}} 32.5%, {{{c2|#fff}}} 67.5%, transparent 67.5%), {{{c1|#333}}}
| |
| | nordic = {{#if:{{{c3|}}}|linear-gradient(to right, transparent 21.5%, {{{c3}}} 21.5%, {{{c3}}} 23.5%, transparent 23.5%), linear-gradient(to bottom, transparent 42%, {{{c3}}} 42%, {{{c3}}} 58%, transparent 58%), }}linear-gradient(to right, transparent 20%, {{{c2|#fff}}} 20%, {{{c2|#fff}}} 25%, transparent 25%), linear-gradient(to bottom, transparent 32.5%, {{{c2|#fff}}} 32.5%, {{{c2|#fff}}} 67.5%, transparent 67.5%), {{{c1|#333}}}
| |
| | diagonal = linear-gradient(135deg, {{{c1|#333}}} {{#if:{{{c3|}}}|33.33%, {{{c2|#666}}} 33.33%, {{{c2|#666}}} 66.66%, {{{c3|#999}}} 66.66%|50%, {{{c2|#666}}} 50%}})
| |
| | h | #default = linear-gradient(to bottom, {{{c1|#333}}} {{#if:{{{c3|}}}|33.33%, {{{c2|#666}}} 33.33%, {{{c2|#666}}} 66.66%, {{{c3|#999}}} 66.66%|50%, {{{c2|#666}}} 50%}})
| |
| }}
| |
| | {{{c1|#333}}}
| |
| }}; {{{style|}}}"><!--
| |
|
| |
| Background Icon
| |
| -->{{#if:{{{bg_icon|}}}|<span class="tb-country-bg-icon" {{#if:{{{bg_opacity|}}}|style="opacity: {{{bg_opacity}}};"|}}>[[File:{{{bg_icon}}}|x{{{bg_size|120}}}px|link=]]</span>}}<!--
| |
|
| |
| Left Image
| |
| -->{{#if:{{{image_left|}}}|<span class="tb-country-side-img tb-country-img-left">[[File:{{{image_left}}}|x70px|link=]]</span>}}<!--
| |
|
| |
| Right Image
| |
| -->{{#if:{{{image_right|}}}|<span class="tb-country-side-img tb-country-img-right">[[File:{{{image_right}}}|x70px|link=]]</span>}}<!--
| |
|
| |
| Extra Raw Injections
| |
| -->{{{extras|}}}<!--
| |
|
| |
| Text Content & Audio
| |
| --><div class="tb-country-content" style="{{#if:{{{text_color|}}}|color: {{{text_color}}};|}} {{#if:{{{text_border|}}}|text-shadow: -1px -1px 0 {{{text_border}}}, 1px -1px 0 {{{text_border}}}, -1px 1px 0 {{{text_border}}}, 1px 1px 0 {{{text_border}}}, 1px 1px 2px rgba(0,0,0,0.9), 0px 0px 4px rgba(0,0,0,0.8);}}"><!--
| |
| --><div class="tb-country-title">{{{title|Untitled Country}}}</div><!--
| |
| -->{{#if:{{{text|}}}|<div class="tb-country-text">{{{text}}}</div>}}<!--
| |
| -->{{#if:{{{audio|}}}|<div class="tb-country-audio">{{{audio}}}</div>}}<!--
| |
| --></div><!--
| |
| | |
| --></div><noinclude>{{Documentation}}</noinclude>
| |
