Template:Crafting Box

<div class="crafting-box" style="display: inline-block; width: 184px; margin-top: 0.4em; padding: 0px 10px 10px 10px; text-align: center; background: #c89c37; background: -moz-linear-gradient(top, #c89c37 0%, #c89c37 27%, #c88853 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c89c37), color-stop(27%,#c89c37), color-stop(100%,#c88853)); background: -webkit-linear-gradient(top, #c89c37 0%,#c89c37 27%,#c88853 100%); background: -o-linear-gradient(top, #c89c37 0%,#c89c37 27%,#c88853 100%); background: -ms-linear-gradient(top, #c89c37 0%,#c89c37 27%,#c88853 100%); background: linear-gradient(to bottom, #c89c37 0%,#c89c37 27%,#c88853 100%); border: 2px groove #ebc02c;">    <div class="crafting-box-product" style="width: 45px; height: 45px; line-height: 45px; text-align: center; background: #404040; background: -moz-linear-gradient(top, #404040 0%, #4c4c4c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404040), color-stop(100%,#4c4c4c)); background: -webkit-linear-gradient(top, #404040 0%,#4c4c4c 100%); background: -o-linear-gradient(top, #404040 0%,#4c4c4c 100%); background: -ms-linear-gradient(top, #404040 0%,#4c4c4c 100%); background: linear-gradient(to bottom, #404040 0%,#4c4c4c 100%); box-shadow: inset 0 0 10px #333333; -moz-box-shadow: inset 0 0 10px #333333; -webkit-box-shadow: inset 0 0 10px #333333;">