Difference between revisions of "Template:Colored box"

Latest revision as of 21:24, 14 February 2021

{{{1}}}

@@ Line 1: / Line 1: @@
-<templatestyles src="Colored box/style.css"/><div class="mw-tpl-colorbox" style="{{#if:{{{background-content-color|}}}| background-color: {{{background-content-color|#fff}}}; }} {{{style|}}};"><!--
+<templatestyles src="Colored box/style.css"/>
---><div class="mw-tpl-colorbox-title" style="{{#if:{{{background-title-color|}}}|background-color:{{{background-title-color|#eaecf0}}};}}">{{#if:{{{icon|}}}|[[File:{{{icon}}}|20px|class=colorbox-title-icon|link=|alt=]]&#32;}}<strong style="{{#if:{{{title-color|}}}| color: {{{title-color|#000000}}}; }}">{{{title}}}</strong><!--
+<div class="mw-tpl-colorbox" style="{{#if:{{{background-content-color|}}}| background-color: {{{background-content-color|rgb(27, 32, 35)}}}; }} {{{style|}}};{{#if:{{{border-color|}}}| border-left-style: solid; border-color: {{{border-color|rgb(6, 174, 186)}}}; }}">
--->{{#if:{{{link|}}}|<div class="mw-tpl-colorbox-title-corner">[[{{{link}}}|<span style="{{#if:{{{link-color|{{{title-color|}}}}}}| color: {{{link-color|{{{title-color|}}}}}}; }}">{{{view-text|view}}}</span>]]</div>}}
+<div class="mw-tpl-colorbox-inner">
-</div><!--
+{{#if:{{{icon|}}}|[[File:{{{icon}}}|60px|class=mw-tpl-colorbox-icon|link=|alt=]]&#32;}}
---><div class="mw-tpl-colorbox-content">
+</div>
-{{{content}}}{{clr}}</div>
+<!---->
+<div class="mw-tpl-colorbox-inner">
+<!---->
+{{#if:{{{title|}}}|<div class="mw-tpl-colorbox-title" style="{{#if:{{{background-title-color|}}}|background-color:{{{background-title-color|rgb(0, 71, 127)}}};}}">
+<strong style="{{#if:{{{title-color|}}}| color: {{{title-color|#FFFFFF}}}; }}">{{{title}}}</strong>
+<!---->
+{{#if:{{{link|}}}|<div class="mw-tpl-colorbox-title-corner">[[{{{link}}}|<span style="{{#if:{{{link-color|{{{title-color|}}}}}}| color: {{{link-color|{{{title-color|}}}}}}; }}">{{{view-text|view}}}</span>]]</div>}}
+</div>}}
+<!---->
+<div class="mw-tpl-colorbox-content">
+{{{content|{{{1}}}}}}{{clr}}</div>
+</div>
 </div>