Difference between revisions of "Template:Colored box"

From Forge Community Wiki
imported>Tomybrz
m
(add border-left-style: solid; when the border is present)
 
(20 intermediate revisions by 9 users not shown)
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|#fff}}}; {{{style|}}};">
+
<templatestyles src="Colored box/style.css"/>
<!-- CSS for icon and background -->
+
<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)}}}; }}">
<div style="background: {{{background-title-color|#eaecf0}}}; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em;">{{#if:{{{icon|}}}|<span style="opacity: 0.8;">[[File:{{{icon}}}|20px|link=|alt=]]</span>&#32;}}<span style="color: {{{title-color|#000000}}}; font-weight: bold;">{{{title}}}</span><!--
+
<div class="mw-tpl-colorbox-inner">
-->{{#if:{{{link|}}}|<div style="float: right; font-size: 0.7em;">[[{{{link}}}|<span style="color: {{{link-color|{{{title-color|#000000}}}}}};">{{{view-text|view}}}</span>]]</div>}}
+
{{#if:{{{icon|}}}|[[File:{{{icon}}}|60px|class=mw-tpl-colorbox-icon|link=|alt=]]&#32;}}
 +
</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>
 
</div>
<!-- CSS for the content -->
 
<div style="padding: 0.5em 1em 0.5em 1em; border-radius: 0 0 0.2em 0.2em;">
 
{{{content}}}{{clr}}</div>
 
</div><noinclude>
 
{{documentation}}
 
</noinclude>
 

Latest revision as of 21:24, 14 February 2021

{{{1}}}