User:Ipswich: Difference between revisions
Jump to navigation
Jump to search
m alright; changed ''everything'' over to non-absolute measures. also defined max width in regards to viewport so it should finally work seamlessly on mobile. |
|||
| Line 1: | Line 1: | ||
==Recipe Template Test== | ==Recipe Template Test== | ||
<!-- this is just a little wrapper div to control where it lands on the page and make a bg etc. --> | <!-- this is just a little wrapper div to control where it lands on the page and make a bg etc. --> | ||
<div id="recipeContainer" style="max-width: | <div id="recipeContainer" style="max-width:340px; margin:1vw 3vw 1vw 3vw; 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 --> | <!--these two are mostly just the two color graphics for the border to mimic the in game recipe menu, besides the padding --> | ||
<div id="outerVisibleBorder" style="border-style:solid; border-width: | <div id="outerVisibleBorder" style="border-style:solid; border-width:.5em; border-color:#473636;"> | ||
<!--the meat and potatoes --> | <!--the meat and potatoes --> | ||
<div style="text-align:center; font-size:120%; font-weight:bold; color:#C00000;background-color: black; width:100%; margin: 0px; padding: | <div style="text-align:center; font-size:120%; font-weight:bold; color:#C00000;background-color: black; width:100%; margin: 0px; padding:.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:0px | <div id="innerVisibleBorder" style="border-style:solid; border-width:0px .15em .15em .15em; border-color:#8d6821; padding:.5em; margin: 0px;"> | ||
{| style="min-width:0px; padding:0; margin:0;" cellpadding=0 cellspacing=0 border=0 | {| style="min-width:0px; padding:0; margin:0;" cellpadding=0 cellspacing=0 border=0 | ||
| style="text-align:center; font-size:120%; font-weight:bold; color:#e2cea9;" | <!--{{{recipeName|Recipe Name}}}--> Title | | style="text-align:center; font-size:120%; font-weight:bold; color:#e2cea9;" | <!--{{{recipeName|Recipe Name}}}--> Title | ||
| Line 16: | Line 16: | ||
|- | |- | ||
| | | | ||
:{| border=0 cellpadding=0 cellspacing=0 style="padding:0; margin:0; width:100%; max-width: | <!--this will all be its own template --> | ||
| rowspan=2 | :{| border=0 cellpadding=0 cellspacing=0 style="padding:0; margin:0; width:100%; max-width:80vw; table-layout:fixed;" | ||
| style="overflow:hidden; vertical-align:bottom; font-size:90%; padding-left:.125em; padding-top:. | | 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; | |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> | ||
|} | |} | ||
<!-- end of the future Template --> | |||
|- | |- | ||
| <span style = "color:#e2cea9; text-align:left; margin-top:15px;" >'''Basic Ingredients:''' </span> | | <span style = "color:#e2cea9; text-align:left; margin-top:15px;" >'''Basic Ingredients:''' </span> | ||
| Line 45: | Line 47: | ||
==also this== | ==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> | |||
</ | |||
Revision as of 04:24, 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)