Template:HarryPotterBox

<div style="float:left;background-image: linear-gradient(bottom, rgb(165,65,73) 25%, rgb(165,65,73) 25%, rgb(123,44,41) 25%, rgb(123,44,41) 50%, rgb(74,32,41) 50%, rgb(74,32,41) 75%, rgb(0,0,0) 75%); background-image: -o-linear-gradient(bottom, rgb(165,65,73) 25%, rgb(165,65,73) 25%, rgb(123,44,41) 25%, rgb(123,44,41) 50%, rgb(74,32,41) 50%, rgb(74,32,41) 75%, rgb(0,0,0) 75%); background-image: -moz-linear-gradient(bottom, rgb(165,65,73) 25%, rgb(165,65,73) 25%, rgb(123,44,41) 25%, rgb(123,44,41) 50%, rgb(74,32,41) 50%, rgb(74,32,41) 75%, rgb(0,0,0) 75%); background-image: -webkit-linear-gradient(bottom, rgb(165,65,73) 25%, rgb(165,65,73) 25%, rgb(123,44,41) 25%, rgb(123,44,41) 50%, rgb(74,32,41) 50%, rgb(74,32,41) 75%, rgb(0,0,0) 75%); background-image: -ms-linear-gradient(bottom, rgb(165,65,73) 25%, rgb(165,65,73) 25%, rgb(123,44,41) 25%, rgb(123,44,41) 50%, rgb(74,32,41) 50%, rgb(74,32,41) 75%, rgb(0,0,0) 75%); background-image: -webkit-gradient(	linear, left bottom,l eft top,	color-stop(0.25, rgb(165,65,73)),	color-stop(0.25, rgb(165,65,73)),	color-stop(0.25, rgb(123,44,41)),	color-stop(0.5, rgb(123,44,41)),	color-stop(0.5, rgb(74,32,41)),	color-stop(0.75, rgb(74,32,41)),	color-stop(0.75, rgb(0,0,0)) );color:white; min-height:6em; line-height:1.5em; width:32em; background-size:100% 6em;padding:0px 8px 0px 8px;margin-right:8px;white-space:pre;" class="nop">

Since we have Template:PaperMarioBox...

Usage: