Difference between revisions of "User:Ipswich"

From Project: Gorgon Wiki
Jump to: navigation, search
(→‎Recipe Template Test)
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:320px; margin:2px 5px 2px 5px; background:#90794d; float:right; color:211f1b font-family:Sans-Serif; font-size:;">
+
<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:7px; border-color:#473636;">
+
<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:7px 0px 7px 0px; border-style:solid; border-color:#B80000; border-width: 0px 0px 1px 0px;" >Recipe</div>
+
<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 2px 2px 2px;  border-color:#8d6821; padding:.5em; margin: 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:300px; table-layout:fixed;"
+
<!--this will all be its own template  -->
−
| rowspan=2 cellpadding=0 cellspacing=0 style="width:32px; height:32px;" |<div>{{Item icon| width=32px height=32px | Basic Parchment}}</div>
+
:{| 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:.125em; height:.1em; line-height:80%; white-space:nowrap; text-overflow:ellipsis;"  | '''<span style="font-size:80%;">x&thinsp;1</span> [[<!--{{{1}}}-->Srbule Hiao euaoeua oeualls Redwall Mineral Survey]]'''
+
| 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&thinsp;1</span> [[<!--{{{1}}}-->Srbule Hiao euaoeua oeualls Redwall Mineral Survey]]'''
 
|-  
 
|-  
−
|style="vertical-align:top; min-width:0px; 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>
+
|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==
−
<table cellspacing=0px cellpadding=0px style="cellspacing:0px; cellpadding:0px; width:100%; vertical-align:top; table-layout:fixed;">
+
<div style="width:34vw;">
−
<tr>
+
{| border=0 cellpadding=0 cellspacing=0 style="padding:0; margin:0; width:100%; max-width:80vw; table-layout:fixed;"
−
<td rowspan=2 style="height:32px; width:32px;"><div>{{Item icon| width=32px height=32px | Basic Parchment}}</div>
+
| rowspan=2 style="width:32px; height:32px; padding-bottom:1em;" |<div>{{Item icon| width=32px height=32px | Basic Parchment}}</div>
−
</td>
+
| 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&thinsp;1</span> [[<!--{{{1}}}-->Srbule Hiao euaoeua oeualls Redwall Mineral Survey]]'''
−
<td style="vertical-align:bottom; padding-top:2px; height:10px; line-height:97%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;"><!--'''&times;1'''-->&thinsp;'''[[<!--{{{1}}}-->Srbule Hiao euaoeua oeualls Redwall Mineral Survey]]'''
+
|-
−
</td>
+
|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>
−
</tr>
+
|}
−
<tr>
+
</div>
−
<td style="vertical-align:top; min-width:0px; overflow-y:visible; padding-left:2px; vertical-align:top; line-height:94%; font-size:88%;"><div style="height:10px; vertical-align:top;"><!--a note about stuff and things like it might blow up or whatever.<!--{{{note|}}}--></div></td>
 
−
</tr>
 
−
</table>
 

Revision as of 23:24, 24 May 2018

Recipe Template Test

Recipe
Title
desc
Creates the following item(s):
icon_5306.png
 x 1 Srbule Hiao euaoeua oeualls Redwall Mineral Survey
(20.00% chance item will be consumed)(20.00% chance item will be consumed)
Basic Ingredients:

Hey all balah aha

icon_5306.png
 ×1 Srbule Hiao euaoeua oeualls Redwall Mineral Survey

also this

icon_5306.png
 x 1 Srbule Hiao euaoeua oeualls Redwall Mineral Survey
(20.00% chance item will be consumed)(20.00% chance item will be consumed)
Retrieved from "http://wiki.projectgorgon.com/w/index.php?title=User:Ipswich&oldid=33750"