User:Ipswich: Difference between revisions
Jump to navigation
Jump to search
this seems crazy double wrapping this one line in two tables but it might fix the problem with overflow on mobile devices. |
m →Recipe Template Test: alright i am leaving it alone i promise, going to check out new priest update. |
||
| (22 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
==Recipe Template Test== | ==Recipe Template Test== | ||
<!-- | <!-- # controls placement, sets width in scalable ems and max width in relation to viewportwidth --> | ||
<div id="recipeContainer" style=" | <!--# Container --><div id="recipeContainer" style="background:#90794d; float:right; color:211f1b font-size:1em; width:21em; max-width:90vw; font-family:Sans-Serif;"> | ||
<!-- | <!--## Outer Visible Border --><div id="outerVisibleBorder" style="width:20em; border-style:solid; border-width:.5em; border-color:#473636;"> | ||
<div id="outerVisibleBorder" style="border-style:solid; border-width: | <!--Recipe Div--><div style="text-align:center; font-size:1.2em; font-weight:bold; color:#C00000;background-color: black; width:initial; 1padding:.4em 0px .4em 0px; border-style:solid; border-color:#B80000; border-width: 0px 0px .08em 0px;" >Recipe</div> | ||
<div id="innerVisibleBorder" style="border-style:solid; border-width: | <!--### Inner Visible Border --><div id="innerVisibleBorder" style="border-style:solid; border-width:0px .15em .15em .15em; border-color:#8d6821; padding:.5em; width:18.7em; "> | ||
<!-- | <!--#### Table -->{| style=" .max-width:90vw; padding:0; width:18.7em" cellpadding=0 cellspacing=0 border=0 | ||
{| style="max-width: | | style="text-align:center; font-size:1.2em; font-weight:bold; color:#e2cea9; width:18.7em;" | <!--{{{recipeName|Recipe Name}}}--> Title | ||
| style="text-align:center; font-size: | |- | ||
| style="text-align:left; line-height:1.18em; font-weight:300;" |''<!--{{{description|}}}-->desc'' | |||
|- | |||
| style="text-align:left; padding-top:.2em;" |'''Creates the following item(s):''' | |||
|- | |- | ||
| style="text-align:left; line-height: | | | ||
<!--this will all be its own template --> | |||
:{| border=0 cellpadding=0 cellspacing=0 style="padding: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:17em; overflow:hidden; text-align:left; vertical-align:bottom; font-size:.9em; .padding-left:.125em; padding-top:.225em; height:.1em; line-height:.8em; white-space:nowrap; text-overflow:ellipsis; dispay:inline-table; table-layout:fixed;" | '''<span style="font-size:.8em;">x 1</span> [[<!--{{{1}}}-->Srbule Hiao euaoeua oeualls Redwall Mineral Survey]]''' | |||
|- | |||
|style="vertical-align:top; max-width:70vw; overflow-y:auto; p.adding-left:.1em; vertical-align:top; font-size:.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> | |||
|} | |||
<!-- end of the future Template --> | |||
|- | |- | ||
| style="text-align:left; | | <span style = "color:#e2cea9; text-align:left; margin-top:15px;" >'''Basic Ingredients:''' </span> | ||
| | |||
|- | |- | ||
| | |}<!-- #### close Table --> | ||
<table cellspacing=0px cellpadding=0px style="cellspacing:0px; cellpadding:0px; width:100%; vertical-align:top; table-layout:fixed;"> | |||
</div><!--### close inner border--> | |||
</div><!--## close outer border--> | |||
</div><!--# close container--> | |||
Hey all balah aha | |||
:<table cellspacing=0px cellpadding=0px style="cellspacing:0px; cellpadding:0px; width:100%; vertical-align:top; table-layout:fixed; "> | |||
<tr> | <tr> | ||
<td rowspan=2 style="height:32px; width:32px;"><div>{{Item icon| width=32px height=32px | Basic Parchment}}</div> | <td rowspan=2 style="height:32px; width:32px;"><div>{{Item icon| width=32px height=32px | Basic Parchment}}</div> | ||
</td> | </td> | ||
<td | <td style="vertical-align:bottom; padding-left:.1em;padding-top:.1em; height:10px; line-height:91%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; table-layout:fixed;">'''×1''' '''[[<!--{{{1}}}-->Srbule Hiao euaoeua oeualls Redwall Mineral Survey]]''' | ||
</td> | </td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td style="vertical-align:top; min-width:0px; overflow-y:visible; padding-left:2px; vertical-align:top; line-height:94%; font-size: | <td style="vertical-align:top; min-width:0px; overflow-y:visible; padding-left:2px; vertical-align:top; line-height:94%; font-size:.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> | ||
</tr> | </tr> | ||
</table> | </table> | ||
|- | |||
| <div style = " | ==also this== | ||
|- | <div style="width:34vw;"> | ||
{| border=0 cellpadding=0 cellspacing=0 style="padding:0; margin:0; width:100%; max-width:80vw; table-layout:fixed;" | |||
| rowspan=2 style="width:32px; height:32px; padding-bottom:1em;" |<div>{{Item icon| width=32px height=32px | Basic Parchment}}</div> | |||
| style="max-width:80vw; overflow:hidden; vertical-align:bottom; font-size:90%; padding-left:.125em; padding-top:.225em; height:.1em; line-height:80%; white-space:nowrap; text-overflow:ellipsis;" | '''<span style="font-size:80%;">x 1</span> [[<!--{{{1}}}-->Srbule Hiao euaoeua oeualls Redwall Mineral Survey]]''' | |||
|- | |||
|style="vertical-align:top; max-width:80vw; overflow-y:auto; padding-left:.1em; vertical-align:top; font-size:80%; line-height:1em;" | <div style="height:2em; vertical-align:top;">(20.00% chance item will be consumed)(20.00% chance item will be consumed) <!--{{{note|}}}--></div> | |||
|} | |} | ||
</div | </div> | ||
Latest revision as of 22:19, 25 May 2018
Recipe Template Test
Recipe
| Title | ||||
| desc | ||||
| Creates the following item(s): | ||||
| ||||
| Basic Ingredients: |
Hey all balah aha
- {{ #replace: http://cdn.projectgorgon.com/v456/icons/icon_5306.png
| http://cdn.projectgorgon.com/v456/icons/icon_.png
| Error: Item not found }}also this
http://cdn.projectgorgon.com/v456/icons/icon_.png Error: Item not found }} (20.00% chance item will be consumed)(20.00% chance item will be consumed)