105
edits
Changes
m
→Recipe Template Test: labeling and comments
==Recipe Template Test==
<!-- 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="width:20em21em; max-width:90vw; margin:; background:#90794d; float:right; color:211f1b font-family:Sans-Serif; font-size:;"><!--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:.5em; border-color:#473636;"> <!--the meat and potatoes Recipe Div--><div style="text-align:center; font-size:120%; font-weight:bold; color:#C00000;background-color: black; width:initial; margin: 0px; padding 1padding:.4em 0px .4em 0px; border-style:solid; border-color:#B80000; border-width: 0px 0px .08em 0px;" >Recipe</div><!-- this is where my trouble starts. ### Inner Visible Border --><div id="innerVisibleBorder" style="border-style:solid; border-width:0px .15em .15em .15em; border-color:#8d6821; padding:.5em; width:initial18.7em; "><!--#### Table -->{| style=" max-width:90vw; padding:0; margin:0; width:100%;18.7em" cellpadding=0 cellspacing=0 border=0| style="text-align:center; font-size:120%; font-weight:bold; color:#e2cea9; width:100%18.7em;" | <!--{{{recipeName|Recipe Name}}}--> Title
|- style="width:100%;"
| style="text-align:left; line-height:118%; font-weight:300;" |''<!--{{{description|}}}-->desc''
|
<!--this will all be its own template -->
:{| border=0 cellpadding=0 cellspacing=0 style="padding:0; margin:0; max-width:80vw; table-layout:fixed; width:100%;"
| rowspan=2 style="width:32px; height:32px; padding-bottom:1.2em;" |<div>{{Item icon| width=32px height=32px | Basic Parchment}}</div>
| style="aling:left; max-width:16em17em; overflow:hidden; text-align:left; vertical-align:bottom; font-size:90%; .padding-left:.125em; padding-top:.225em; height:.1em; line-height:80%; white-space:nowrap; text-overflow:ellipsis; dispay:inline-table; table-layout:fixed;" | '''<span style="font-size:80%;">x 1</span> [[<!--{{{1}}}-->Srbule Hiao euaoeua oeualls Redwall Mineral Survey]]'''
|-
|style="vertical-align:top; max-width:65vw; width:70%; overflow-y:auto; paddingp.adding-left:.1em; vertical-align:top; font-size:80%; 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>
|}
<!-- end of the future Template -->
|
|-
|}<!-- #### close Table --> </div><!--### close inner border--></div><!--## close outer border--></div><!--# close container-->
Hey all balah aha
