Changes

<!-- this is just a little wrapper div # controls placement, sets width in scalable ems and max width in relation to control where it lands on the page and make a bg etc. viewportwidth --><!--# Container --><div id="recipeContainer" style="max-width:320px; margin:2px 5px 2px 5px; background:#90794d; float:right; color:211f1b font-familysize:1em; width:Sans21em; max-Serifwidth:90vw; font-sizefamily:Sans-Serif;"><!--these two are mostly just the two color graphics for the border to mimic the in game recipe menu, besides the padding ## Outer Visible Border --><div id="outerVisibleBorder" style="width:20em; border-style:solid; border-width:7px.5em; border-color:#473636;"> <!--the meat and potatoes Recipe Div--><div style="text-align:center; font-size:120%1.2em; font-weight:bold; color:#C00000;background-color: black; width:100%initial; margin 1padding: .4em 0px; padding:7px 0px 7px .4em 0px; border-style:solid; border-color:#B80000; border-width: 0px 0px 1px .08em 0px;" >Recipe</div><!--### Inner Visible Border --><div id="innerVisibleBorder" style="border-style:solid; border-width:0px 2px 2px 2px.15em .15em .15em; border-color:#8d6821; padding:.5em; marginwidth: 0px18.7em;"><!--#### Table -->{| style="min.max-width:0px90vw; padding:0; marginwidth:0;18.7em" cellpadding=0 cellspacing=0 border=0| style="text-align:center; font-size:120%1.2em; font-weight:bold; color:#e2cea9; width:18.7em;" | <!--{{{recipeName|Recipe Name}}}--> Title|-| style="text-align:left; line-height:118%1.18em; font-weight:300;" |''<!--{{{description|}}}-->desc''

<!--this will all be its own template -->:{| border=0 cellpadding=0 cellspacing=0 style="padding:0; margin:0; width:100%; max-width:300px80vw; table-layout:fixed; width:100%;"| rowspan=2 cellpadding=0 cellspacing=0 style="width:32px; height:32px; padding-bottom:1.2em;" |<div>{{Item icon| width=32px height=32px | Basic Parchment}}</div>| style="aling:left; max-width:17em; overflow:hidden; text-align:left; vertical-align:bottom; font-size:90%.9em; .padding-left:.125em; padding-top:.125em225em; height:.1em; line-height:80%.8em; white-space:nowrap; text-overflow:ellipsis; dispay:inline-table; table-layout:fixed;" | '''<span style="font-size:80%.8em;">x&thinsp;1</span> [[<!--{{{1}}}-->Srbule Hiao euaoeua oeualls Redwall Mineral Survey]]'''

|style="vertical-align:top; minmax-width:0px70vw; overflow-y:auto; paddingp.adding-left:.1em; vertical-align:top; font-size:80%.8em; line-height:1em;" | <div style="height:2.2em; vertical-align:top;">(20.00% chance item will be consumed)(20.00% chance item will be consumed) <!--{{{note|}}}--></div>

|}<!-- #### close Table --> </div><!--### close inner border--></div><!--## close outer border--></div><!--# close container-->

<td style="vertical-align:top; min-width:0px; overflow-y:visible; padding-left:2px; vertical-align:top; line-height:94%; font-size:88%.88em;"><div style="height:10px; vertical-align:top;"><!--a note about stuff andaoeuaoeua aoeu aoeuaoeue aoe aoe aoeuaoeu things like it might blow up or whatever.<!--{{{note|}}}--></div></td>

<table cellspacingdiv style="width:34vw;">{| border=0px 0 cellpadding=0px 0 cellspacing=0 style="cellspacingpadding:0px0; cellpaddingmargin:0px0; width:100%; verticalmax-alignwidth:top80vw; table-layout:fixed;"><tr><td | rowspan=2 style="width:32px; height:32px; widthpadding-bottom:32px1em;">|<div>{{Item icon| width=32px height=32px | Basic Parchment}}</div></td><td | style="max-width:80vw; overflow:hidden; vertical-align:bottom; font-size:90%; padding-left:.125em; padding-top:2px.225em; height:10px.1em; line-height:9780%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;"><!-- | '''&times<span style="font-size:80%;1'''--">x&thinsp;'''1</span> [[<!--{{{1}}}-->Srbule Hiao euaoeua oeualls Redwall Mineral Survey]]'''</td>|- </tr><tr><td |style="vertical-align:top; minmax-width:0px80vw; overflow-y:visibleauto; padding-left:2px.1em; vertical-align:top; linefont-heightsize:9480%; fontline-sizeheight:88%1em;">| <div style="height:10px2em; vertical-align:top;"><!--a note about stuff and things like it might blow up or whatever(20.00% chance item will be consumed)(20.00% chance item will be consumed) <!--{{{note|}}}--></div></td></tr>|}</tablediv>