View source for User:DavidHolandaOne/sandbox/Template:Background

<div style="position: relative; overflow: hidden; background-color: white; color: black;">
<div style="position: relative; z-index: 2; font-size: 20px; padding: 10px;">'''Mouri Detective Agency'''</div>
<div style="position: absolute; left: 0; top: 0; z-index: 1; opacity: 0.2;">[[Image:EP1-8.jpg|400px|link=]]</div>
</div>

<div class="dark-links {{{class|}}}" style="position: relative; margin: 15px 0; overflow:hidden; width: {{{width|400px}}}; height: {{{height|}}}; background-color: {{{bgcolor|red}}}; color: {{{textColor|white}}}; {{{outerDivStyles|}}}"><!-- Line breaks are commented out so they don't appear in odd places when the template is used.
Start text container
--><div style="position: relative; z-index: 2; padding: {{{padding|10px}}}; {{{contentStyles|}}}"><!--
-->{{#if:{{{heading|}}}|<!--then--><div style="padding-bottom: 5px; font-size: 1.3rem; {{{headingStyle}}}">{{{heading|}}}</div>}}<!--
--><div style="{{{line1Style}}}">{{{line1|'''Evil Mouri Detective Agency'''}}}</div><!--
-->{{#if:{{{line2|}}}|<!--then--><div style="padding-top: 5px; {{{line2Style}}}">{{{line2|}}}</div>}}<!--
--></div><!--
--><div class="thumbinner" style="position: absolute; left: 0; top: 0; z-index: 1; opacity: 0.5; overflow:hidden;">[[Image:EP1-8.jpg|400px|link=]]</div><!--
--></div>

<div style="position: relative; overflow: hidden; background-color: white; color: black;">
<div style="position: relative; z-index: 2; font-size: 60px; text-shadow: 2px 2px 1px #000000; padding: 5px; margin-left: 20px; font-family: Impact; color: #FFFFFF">'''MOURI DETECTIVE AGENCY'''</div>
<div style="position: absolute; left: 0; top: 0; z-index: 1; opacity: 0.8;">[[Image:EP1-8.jpg|800px|link=]]</div>
</div>

{| class="mp-bricks-background" align="center" style="border: 2px solid #FF6363; background: #FFD6AD; padding: 0.5em; margin-bottom: 1em;"
|-
| [[File:Vlcsnap-2013-09-20-16h39m57s136.png|200px|link=|{{PAGENAME}} is a '''stub'''.]]
| <center><big>This page is a '''stub'''.</big><br>Please consider filling in the missing pieces if you are able.</center>
|}

{{code
|css=#mp-bricks-background {
  background: url(https://www.detectiveconanworld.com/wiki/images/6/64/Detective_Conan_Brick_Background_Repeatable_B%26W.png);
  background-repeat: repeat;
  background-blend-mode: overlay;
  background-size: 40%;
}
}}