Changes

<div style="box-sizing: border-box; box-shadow: 0 0 0.2em #999999; border-radius: 0.2em; margin: 0.5em 0.5em 1em 0.5em; background-color: {{{background-content-color|#fff}}}; {{{style|}}};">

<templatestyles src="Colored box/style.css"/><div class="mw-tpl-colorbox" style="{{#if:{{{background-content-color|}}}| background-color: {{{background-content-color|#fff}}}; }} {{{style|}}};"><!--

<!-- CSS for icon and background -->

--><div class="mw-tpl-colorbox-title" style="{{#if:{{{background-title-color|}}}| background-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 style="background: {{{background-title-color|#eaecf0}}}; border-radius: {{dir|{{pagelang}}|0.2em 0 0 0.2em|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><!--

-->{{#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>}}

-->{{#if:{{{link|}}}|<div style="float:{{dir|{{pagelang}}|left|right}}; font-size: 0.7em;">[[{{{link}}}|<span style="color: {{{link-color|{{{title-color|#000000}}}}}};">{{{view-text|view}}}</span>]]</div>}}

</div><!--

</div>

--><div class="mw-tpl-colorbox-content">

<!-- CSS for the content -->

<div style="padding: 0.5em 1em 0.5em 1em; border-radius: {{dir|{{pagelang}}|0 0.2em 0.2em 0|0 0 0.2em 0.2em}};">

{{{content}}}{{clr}}</div>

{{{content}}}{{clr}}</div>

</div><noinclude>

</div><noinclude>

{{documentation}}

{{documentation}}

</noinclude>

</noinclude>