Pixark Wiki
Don't have an account?
Register
Register
Pixark Wiki
Pixark Wiki
1,746
pages

Talk: Jesthel

Back to page
Edit source
(Divided the template into portions, and will see about expanding sections and changing them to accommodate changes.)
(Added sections and a few templates that need to change.)
Line 3: Line 3:
 
This is a test of the whole template, and will have significant changes and alterations. Please do not touch unless you are familiar with the templates.
  
This is a test of the whole template, and will have significant changes and alterations. Please do not touch unless you are familiar with the templates.
   
−
==Template==
 +
== Main Biome Template==
   
 
Enclosure and category
  
Enclosure and category
Line 77: Line 77:
 
<table style="text-align:center;">
  
<table style="text-align:center;">
 
<tr>
  
<tr>
−
<td colspan="2" colspan="2" style="background:{{#var:VariableColor}}; border:1px solid white; border-radius:15px 15px 15px 15px;">'''Child Biomes:'''</td>
 +
<td colspan="2" colspan="2" style="background:{{#var:VariableColor}}; border:1px solid white; border-radius:15px 15px 15px 15px;">'''Center:'''</td>
 
<tr>
  
<tr>
−
<td colspan="2"> <span>{{ #if: {{{child|}}} | {{{child}}} |??? }}</span>
 +
<td colspan="2"> <span>{{ #if: {{{center|}}} | {{{center}}} |??? }}</span>
 
</td></tr>
  
</td></tr>
 
<tr>
  
<tr>
−
<td colspan="2" colspan="2" style="background:{{#var:VariableColor}}; border:1px solid white; border-radius:15px 15px 15px 15px;">'''Tier:'''</td>
 +
<td colspan="2" colspan="2" style="background:{{#var:VariableColor}}; border:1px solid white; border-radius:15px 15px 15px 15px;">'''Mine:'''</td>
 
<tr>
  
<tr>
−
<td colspan="2"> <span>{{ #if: {{{tier|}}} | {{{tier}}} |??? }}</span>
 +
<td colspan="2"> <span>{{ #if: {{{mine|}}} | {{{mine}}} |None }}</span>
  +
</td></tr>
  +
<tr>
  +
<td colspan="2" colspan="2" style="background:{{#var:VariableColor}}; border:1px solid white; border-radius:15px 15px 15px 15px;">'''Ruin:'''</td>
  +
<tr>
  +
<td colspan="2"> <span>{{ #if: {{{ruin|}}} | {{{ruin}}} |None }}</span>
  +
</td></tr>
  +
<tr>
  +
<td colspan="2" colspan="2" style="background:{{#var:VariableColor}}; border:1px solid white; border-radius:15px 15px 15px 15px;">'''Cave:'''</td>
  +
<tr>
  +
<td colspan="2"> <span>{{ #if: {{{cave|}}} | {{{cave}}} |??? }}</span>
 
</td></tr>
  
</td></tr>
 
<tr>
  
<tr>
Line 110: Line 120:
 
<div style="position:relative; top:-24px;>
  
<div style="position:relative; top:-24px;>
 
</nowiki>
  
</nowiki>
  +
  +
==Child Biome Template==
  +
  +
Enclosure and category
  +
  +
<nowiki><includeonly>
  +
</includeonly>
  +
<noinclude>{{doc}}
  +
[[Category:Templates]]</noinclude></nowiki>
  +
  +
This next part is only for changing the top box and it's colors. It isn't displayed at all. The goal with this section is to expand it to include all biomes, sub biomes, and more. It also includes the prevent outside text from showing.
  +
  +
<nowiki>
  +
<div style="display:none;">
  +
{{#switch:{{uc:{{{subbiome}}}}}
  +
<!-- Credit for this template goes to the main ARK wiki on Gamepedia (https://ark.gamepedia.com/Template:Biome) -->
  +
<!-- COLOR SCHEMES -->
  +
<!-- TopInfoboxColor is the top-half of the main infobox gradient (HEX format) -->
  +
<!-- VariableColor is bottom-half of the main infobox gradient and lightened/darkened to produce the horizontal infobox (HSL format) -->
  +
<!-- VariableColor's third parameter (the lightness--or L of HSL) must be 70% to render infoboxes correctly. In order to reduce the parsing overhead from variables, the template assumes all HSL colors start with a lightness of 70%. -->
  +
| NOVICE GRASSLAND =
  +
{{#vardefine:TopInfoboxColor|7dc903}}
  +
{{#vardefine:VariableColor|hsl(83, 97%, 70%)}}
  +
| GRASSLAND =
  +
{{#vardefine:TopInfoboxColor|52b904}}
  +
{{#vardefine:VariableColor|hsl(94, 96%, 70%)}}
  +
| MOUNTAIN FOREST =
  +
{{#vardefine:TopInfoboxColor|00650b}}
  +
{{#vardefine:VariableColor|hsl(126, 100%, 70%)}}
  +
| SWAMP =
  +
{{#vardefine:TopInfoboxColor|438b13}}
  +
{{#vardefine:VariableColor|hsl(96, 76%, 70%)}}
  +
| DESERT =
  +
{{#vardefine:TopInfoboxColor|dbce51}}
  +
{{#vardefine:VariableColor|hsl(54, 66%, 70%)}}
  +
| MAGIC FOREST =
  +
{{#vardefine:TopInfoboxColor|7f7ac7}}
  +
{{#vardefine:VariableColor|hsl(244, 41%, 70%)}}
  +
| GOLDEN REALM =
  +
{{#vardefine:TopInfoboxColor|e7ae04}}
  +
{{#vardefine:VariableColor|hsl(45, 97%, 70%)}}
  +
| FROZEN LAND =
  +
{{#vardefine:TopInfoboxColor|93cdb4}}
  +
{{#vardefine:VariableColor|hsl(154, 58%, 70%)}}
  +
| DARK FOREST =
  +
{{#vardefine:TopInfoboxColor|6a8d90}}
  +
{{#vardefine:VariableColor|hsl(184, 21%, 70%)}}
  +
| DOOM LANDS =
  +
{{#vardefine:TopInfoboxColor|89692a}}
  +
{{#vardefine:VariableColor|hsl(40, 96%, 70%)}}
  +
| DEEP OCEAN =
  +
{{#vardefine:TopInfoboxColor|00d1ce}}
  +
{{#vardefine:VariableColor|hsl(179, 100%, 70%)}}
  +
| RIVER =
  +
{{#vardefine:TopInfoboxColor|00d1ce}}
  +
{{#vardefine:VariableColor|hsl(179, 100%, 70%)}}
  +
| ISLAND =
  +
{{#vardefine:TopInfoboxColor|00d1ce}}
  +
{{#vardefine:VariableColor|hsl(179, 100%, 70%)}}
  +
| #default =
  +
{{#vardefine:TopInfoboxColor|FFFFFF}}
  +
{{#vardefine:VariableColor|hsl(0, 0%, 70%)}}
  +
}}
  +
</div>
  +
</nowiki>
  +
This next part is for the main vertical inforbox, and contains pictures, and pertinent information. The goal with this box is to make it expand and contract as needed, and to show biome specific information like sub biomes, child biomes, and ruins.
  +
  +
<nowiki><div id="{{{subbiome}}}" style="position:relative; display:inline-block; text-align:left; width:100%;">
  +
<div style="position:relative; display:inline-block; float:right; z-index:1; width:200px; margin:8px; margin-top:4px; margin-bottom:24px; padding-left:8px; padding-right:8px; vertical-align:top; text-align:center; background:white; box-shadow:0 0 8px #333; border:1px solid black; border-radius:15px 15px 15px 15px; background: -webkit-linear-gradient(#{{#var:TopInfoboxColor}}, {{#var:VariableColor}}); background: -o-linear-gradient(#{{#var:TopInfoboxColor}}, {{#var:VariableColor}}); background: -moz-linear-gradient(#{{#var:TopInfoboxColor}}, {{#var:VariableColor}}); background: linear-gradient(#{{#var:TopInfoboxColor}}, {{#var:VariableColor}});">
  +
<span style="font-size:1.5em; color:white; text-shadow: 1px 1px 4px black, 0 0 1em {{#var:VariableColor}}, 0 0 0.2em black;">'''{{{subbiome}}}'''</span><br>
  +
[[File:{{{image}}}|200px|left]]
  +
<div class="floatleft"></div>
  +
<div style="position:relative; display:inline-block; left:-2px; width:200px;">
  +
<table style="text-align:center;">
  +
<tr>
  +
<td colspan="2" colspan="2" style="background:{{#var:VariableColor}}; border:1px solid white; border-radius:15px 15px 15px 15px;">'''Parent Biome:'''</td>
  +
<tr>
  +
<td colspan="2"> <span>{{ #if: {{{parent|}}} | {{{parent}}} |??? }}</span>
  +
</td></tr>
  +
<tr>
  +
<td colspan="2" style="background:{{#var:VariableColor}}; border:1px solid white; border-radius:15px 15px 15px 15px; min-width:198px; max-width:198px;"> '''Climate:'''
  +
</td></tr>
  +
<tr>
  +
<td style="background:{{#replace:{{#var:VariableColor}}|70%)|94%)}}; border:1px solid white; border-radius:15px 0 0 15px; text-align:right;"> '''Temperature:''' </td>
  +
<td style="text-align:left; padding-left:5px;"> {{#if:{{{temp|}}}|{{{temp}}}|???}}
  +
</td></tr>
  +
<tr>
  +
<td style="background:{{#replace:{{#var:VariableColor}}|70%)|94%)}}; border:1px solid white; border-radius:15px 0 0 15px; text-align:right;"> '''Weather:''' </td>
  +
<td style="text-align:left; padding-left:5px;"> {{ #if: {{{weather|}}} | {{{weather}}}|???}}
  +
</td></tr>
  +
</table></div></div>
  +
</nowiki>
  +
  +
This part here is for the horizontal infobox, and can be expanded as needed. No big changes here, but a possible addition category can be added.
  +
  +
<nowiki><div style="margin-top:40px; height:8px; border-bottom:1px solid black; background: -webkit-linear-gradient(transparent, #989996); background: -o-linear-gradient(transparent, #989996); background: -moz-linear-gradient(transparent, #989996); background: linear-gradient(transparent, #989996);"></div>
  +
<div style="background:{{#var:VariableColor}}; padding:4px;">'''Dangers:''' {{{dangers}}} </div>
  +
<div style="background:{{#replace:{{#var:VariableColor}}|70%)|78%)}}; padding:4px;">'''Flora:''' {{{flora}}} </div>
  +
<div style="background:{{#replace:{{#var:VariableColor}}|70%)|86%)}}; padding:4px;">'''Fauna:''' {{{fauna}}} </div>
  +
<div style="background:{{#replace:{{#var:VariableColor}}|70%)|94%)}}; padding:4px;">'''Resources:''' {{{resources}}} </div>
  +
<div style="position:relative; height:8px; border-top:1px solid black; background: -webkit-linear-gradient(#989996, transparent); background: -o-linear-gradient(#989996, transparent); background: -moz-linear-gradient(#989996, transparent); background: linear-gradient(#989996, transparent);"></div>
  +
<div style="position:relative; top:-24px;>
  +
</nowiki>
  +
  +
==Cave Biome==
  +
  +
For all the caves that are found underground and in gashes.
  +
  +
Enclosure and category
  +
  +
<nowiki><includeonly>
  +
</includeonly>
  +
<noinclude>{{doc}}
  +
[[Category:Templates]]</noinclude></nowiki>
  +
  +
This next part is only for changing the top box and it's colors. It isn't displayed at all. The goal with this section is to expand it to include all biomes, sub biomes, and more. It also includes the prevent outside text from showing.
  +
  +
<nowiki>
  +
<div style="display:none;">
  +
{{#switch:{{uc:{{{cavebiome}}}}}
  +
<!-- Credit for this template goes to the main ARK wiki on Gamepedia (https://ark.gamepedia.com/Template:Biome) -->
  +
<!-- COLOR SCHEMES -->
  +
<!-- TopInfoboxColor is the top-half of the main infobox gradient (HEX format) -->
  +
<!-- VariableColor is bottom-half of the main infobox gradient and lightened/darkened to produce the horizontal infobox (HSL format) -->
  +
<!-- VariableColor's third parameter (the lightness--or L of HSL) must be 70% to render infoboxes correctly. In order to reduce the parsing overhead from variables, the template assumes all HSL colors start with a lightness of 70%. -->
  +
| NOVICE GRASSLAND =
  +
{{#vardefine:TopInfoboxColor|7dc903}}
  +
{{#vardefine:VariableColor|hsl(83, 97%, 70%)}}
  +
| GRASSLAND =
  +
{{#vardefine:TopInfoboxColor|52b904}}
  +
{{#vardefine:VariableColor|hsl(94, 96%, 70%)}}
  +
| MOUNTAIN FOREST =
  +
{{#vardefine:TopInfoboxColor|00650b}}
  +
{{#vardefine:VariableColor|hsl(126, 100%, 70%)}}
  +
| SWAMP =
  +
{{#vardefine:TopInfoboxColor|438b13}}
  +
{{#vardefine:VariableColor|hsl(96, 76%, 70%)}}
  +
| DESERT =
  +
{{#vardefine:TopInfoboxColor|dbce51}}
  +
{{#vardefine:VariableColor|hsl(54, 66%, 70%)}}
  +
| MAGIC FOREST =
  +
{{#vardefine:TopInfoboxColor|7f7ac7}}
  +
{{#vardefine:VariableColor|hsl(244, 41%, 70%)}}
  +
| GOLDEN REALM =
  +
{{#vardefine:TopInfoboxColor|e7ae04}}
  +
{{#vardefine:VariableColor|hsl(45, 97%, 70%)}}
  +
| FROZEN LAND =
  +
{{#vardefine:TopInfoboxColor|93cdb4}}
  +
{{#vardefine:VariableColor|hsl(154, 58%, 70%)}}
  +
| DARK FOREST =
  +
{{#vardefine:TopInfoboxColor|6a8d90}}
  +
{{#vardefine:VariableColor|hsl(184, 21%, 70%)}}
  +
| DOOM LANDS =
  +
{{#vardefine:TopInfoboxColor|89692a}}
  +
{{#vardefine:VariableColor|hsl(40, 96%, 70%)}}
  +
| DEEP OCEAN =
  +
{{#vardefine:TopInfoboxColor|00d1ce}}
  +
{{#vardefine:VariableColor|hsl(179, 100%, 70%)}}
  +
| RIVER =
  +
{{#vardefine:TopInfoboxColor|00d1ce}}
  +
{{#vardefine:VariableColor|hsl(179, 100%, 70%)}}
  +
| ISLAND =
  +
{{#vardefine:TopInfoboxColor|00d1ce}}
  +
{{#vardefine:VariableColor|hsl(179, 100%, 70%)}}
  +
| #default =
  +
{{#vardefine:TopInfoboxColor|FFFFFF}}
  +
{{#vardefine:VariableColor|hsl(0, 0%, 70%)}}
  +
}}
  +
</div>
  +
</nowiki>
  +
This next part is for the main vertical inforbox, and contains pictures, and pertinent information. The goal with this box is to make it expand and contract as needed, and to show biome specific information like sub biomes, child biomes, and ruins.
  +
  +
<nowiki><div id="{{{cavebiome}}}" style="position:relative; display:inline-block; text-align:left; width:100%;">
  +
<div style="position:relative; display:inline-block; float:right; z-index:1; width:200px; margin:8px; margin-top:4px; margin-bottom:24px; padding-left:8px; padding-right:8px; vertical-align:top; text-align:center; background:white; box-shadow:0 0 8px #333; border:1px solid black; border-radius:15px 15px 15px 15px; background: -webkit-linear-gradient(#{{#var:TopInfoboxColor}}, {{#var:VariableColor}}); background: -o-linear-gradient(#{{#var:TopInfoboxColor}}, {{#var:VariableColor}}); background: -moz-linear-gradient(#{{#var:TopInfoboxColor}}, {{#var:VariableColor}}); background: linear-gradient(#{{#var:TopInfoboxColor}}, {{#var:VariableColor}});">
  +
<span style="font-size:1.5em; color:white; text-shadow: 1px 1px 4px black, 0 0 1em {{#var:VariableColor}}, 0 0 0.2em black;">'''{{{cavebiome}}}'''</span><br>
  +
[[File:{{{image}}}|200px|left]]
  +
<div class="floatleft"></div>
  +
<div style="position:relative; display:inline-block; left:-2px; width:200px;">
  +
<table style="text-align:center;">
  +
<tr>
  +
<td colspan="2" colspan="2" style="background:{{#var:VariableColor}}; border:1px solid white; border-radius:15px 15px 15px 15px;">'''Parent Biome:'''</td>
  +
<tr>
  +
<td colspan="2"> <span>{{ #if: {{{parent|}}} | {{{parent}}} |??? }}</span>
  +
</td></tr>
  +
<tr>
  +
<td colspan="2" style="background:{{#var:VariableColor}}; border:1px solid white; border-radius:15px 15px 15px 15px; min-width:198px; max-width:198px;"> '''Climate:'''
  +
</td></tr>
  +
<tr>
  +
<td style="background:{{#replace:{{#var:VariableColor}}|70%)|94%)}}; border:1px solid white; border-radius:15px 0 0 15px; text-align:right;"> '''Temperature:''' </td>
  +
<td style="text-align:left; padding-left:5px;"> {{#if:{{{temp|}}}|{{{temp}}}|???}}
  +
</td></tr>
  +
<tr>
  +
<td style="background:{{#replace:{{#var:VariableColor}}|70%)|94%)}}; border:1px solid white; border-radius:15px 0 0 15px; text-align:right;"> '''Weather:''' </td>
  +
<td style="text-align:left; padding-left:5px;"> {{ #if: {{{weather|}}} | {{{weather}}}|???}}
  +
</td></tr>
  +
</table></div></div>
  +
</nowiki>
  +
  +
This part here is for the horizontal infobox, and can be expanded as needed. No big changes here, but a possible addition category can be added.
  +
  +
<nowiki><div style="margin-top:40px; height:8px; border-bottom:1px solid black; background: -webkit-linear-gradient(transparent, #989996); background: -o-linear-gradient(transparent, #989996); background: -moz-linear-gradient(transparent, #989996); background: linear-gradient(transparent, #989996);"></div>
  +
<div style="background:{{#var:VariableColor}}; padding:4px;">'''Dangers:''' {{{dangers}}} </div>
  +
<div style="background:{{#replace:{{#var:VariableColor}}|70%)|78%)}}; padding:4px;">'''Flora:''' {{{flora}}} </div>
  +
<div style="background:{{#replace:{{#var:VariableColor}}|70%)|86%)}}; padding:4px;">'''Fauna:''' {{{fauna}}} </div>
  +
<div style="background:{{#replace:{{#var:VariableColor}}|70%)|94%)}}; padding:4px;">'''Resources:''' {{{resources}}} </div>
  +
<div style="position:relative; height:8px; border-top:1px solid black; background: -webkit-linear-gradient(#989996, transparent); background: -o-linear-gradient(#989996, transparent); background: -moz-linear-gradient(#989996, transparent); background: linear-gradient(#989996, transparent);"></div>
  +
<div style="position:relative; top:-24px;>
  +
</nowiki>
  +
  +
==Ruins Biome==
  +
  +
==Mine Biome==

Revision as of 21:10, 24 April 2018

Template test

This is a test of the whole template, and will have significant changes and alterations. Please do not touch unless you are familiar with the templates.

Main Biome Template

Enclosure and category 

<includeonly>
</includeonly>
<noinclude>{{doc}}
[[Category:Templates]]</noinclude>

This next part is only for changing the top box and it's colors. It isn't displayed at all. The goal with this section is to expand it to include all biomes, sub biomes, and more. It also includes the prevent other text from showing. 

<div style="display:none;">
{{#switch:{{uc:{{{biome}}}}}
<!-- Credit for this template goes to the main ARK wiki on Gamepedia (https://ark.gamepedia.com/Template:Biome) -->
<!-- COLOR SCHEMES -->
<!-- TopInfoboxColor is the top-half of the main infobox gradient (HEX format) -->
<!-- VariableColor is bottom-half of the main infobox gradient and lightened/darkened to produce the horizontal infobox (HSL format) -->
<!-- VariableColor's third parameter (the lightness--or L of HSL) must be 70% to render infoboxes correctly. In order to reduce the parsing overhead from variables, the template assumes all HSL colors start with a lightness of 70%. -->
| NOVICE GRASSLAND = 
  {{#vardefine:TopInfoboxColor|7dc903}}
  {{#vardefine:VariableColor|hsl(83, 97%, 70%)}}
| GRASSLAND = 
  {{#vardefine:TopInfoboxColor|52b904}}
  {{#vardefine:VariableColor|hsl(94, 96%, 70%)}}
| MOUNTAIN FOREST = 
  {{#vardefine:TopInfoboxColor|00650b}}
  {{#vardefine:VariableColor|hsl(126, 100%, 70%)}}
| SWAMP = 
  {{#vardefine:TopInfoboxColor|438b13}}
  {{#vardefine:VariableColor|hsl(96, 76%, 70%)}}
| DESERT = 
  {{#vardefine:TopInfoboxColor|dbce51}}
  {{#vardefine:VariableColor|hsl(54, 66%, 70%)}}
| MAGIC FOREST = 
  {{#vardefine:TopInfoboxColor|7f7ac7}}
  {{#vardefine:VariableColor|hsl(244, 41%, 70%)}}
| GOLDEN REALM = 
  {{#vardefine:TopInfoboxColor|e7ae04}}
  {{#vardefine:VariableColor|hsl(45, 97%, 70%)}}
| FROZEN LAND = 
  {{#vardefine:TopInfoboxColor|93cdb4}}
  {{#vardefine:VariableColor|hsl(154, 58%, 70%)}}
| DARK FOREST = 
  {{#vardefine:TopInfoboxColor|6a8d90}}
  {{#vardefine:VariableColor|hsl(184, 21%, 70%)}}
| DOOM LANDS = 
  {{#vardefine:TopInfoboxColor|89692a}}
  {{#vardefine:VariableColor|hsl(40, 96%, 70%)}}
| DEEP OCEAN = 
  {{#vardefine:TopInfoboxColor|00d1ce}}
  {{#vardefine:VariableColor|hsl(179, 100%, 70%)}}
| RIVER = 
  {{#vardefine:TopInfoboxColor|00d1ce}}
  {{#vardefine:VariableColor|hsl(179, 100%, 70%)}}
| ISLAND = 
  {{#vardefine:TopInfoboxColor|00d1ce}}
  {{#vardefine:VariableColor|hsl(179, 100%, 70%)}}
| #default = 
  {{#vardefine:TopInfoboxColor|FFFFFF}}
  {{#vardefine:VariableColor|hsl(0, 0%, 70%)}}
}}
</div>

This next part is for the main vertical inforbox, and contains pictures, and pertinent information. The goal with this box is to make it expand and contract as needed, and to show biome specific information like sub biomes, child biomes, and ruins. 

<div id="{{{biome}}}" style="position:relative; display:inline-block; text-align:left; width:100%;">
<div style="position:relative; display:inline-block; float:right; z-index:1; width:200px; margin:8px; margin-top:4px; margin-bottom:24px; padding-left:8px; padding-right:8px; vertical-align:top; text-align:center; background:white; box-shadow:0 0 8px #333; border:1px solid black; border-radius:15px 15px 15px 15px; background: -webkit-linear-gradient(#{{#var:TopInfoboxColor}}, {{#var:VariableColor}}); background: -o-linear-gradient(#{{#var:TopInfoboxColor}}, {{#var:VariableColor}}); background: -moz-linear-gradient(#{{#var:TopInfoboxColor}}, {{#var:VariableColor}}); background: linear-gradient(#{{#var:TopInfoboxColor}}, {{#var:VariableColor}});"> 
<span style="font-size:1.5em; color:white; text-shadow: 1px 1px 4px black, 0 0 1em {{#var:VariableColor}}, 0 0 0.2em black;">'''{{{biome}}}'''</span><br>
[[File:{{{image}}}|200px|left]]
<div class="floatleft"></div>
<div style="position:relative; display:inline-block; left:-2px; width:200px;">
<table style="text-align:center;">
<tr>
<td colspan="2" colspan="2" style="background:{{#var:VariableColor}}; border:1px solid white; border-radius:15px 15px 15px 15px;">'''Center:'''</td>
<tr>
<td colspan="2"> <span>{{ #if: {{{center|}}} | {{{center}}} |??? }}</span>
</td></tr>
<tr>
<td colspan="2" colspan="2" style="background:{{#var:VariableColor}}; border:1px solid white; border-radius:15px 15px 15px 15px;">'''Mine:'''</td>
<tr>
<td colspan="2"> <span>{{ #if: {{{mine|}}} | {{{mine}}} |None }}</span>
</td></tr>
<tr>
<td colspan="2" colspan="2" style="background:{{#var:VariableColor}}; border:1px solid white; border-radius:15px 15px 15px 15px;">'''Ruin:'''</td>
<tr>
<td colspan="2"> <span>{{ #if: {{{ruin|}}} | {{{ruin}}} |None }}</span>
</td></tr>
<tr>
<td colspan="2" colspan="2" style="background:{{#var:VariableColor}}; border:1px solid white; border-radius:15px 15px 15px 15px;">'''Cave:'''</td>
<tr>
<td colspan="2"> <span>{{ #if: {{{cave|}}} | {{{cave}}} |??? }}</span>
</td></tr>
<tr>
<td colspan="2" style="background:{{#var:VariableColor}}; border:1px solid white; border-radius:15px 15px 15px 15px; min-width:198px; max-width:198px;"> '''Climate:'''
</td></tr>
<tr>
<td style="background:{{#replace:{{#var:VariableColor}}|70%)|94%)}}; border:1px solid white; border-radius:15px 0 0 15px; text-align:right;"> '''Temperature:''' </td>
<td style="text-align:left; padding-left:5px;"> {{#if:{{{temp|}}}|{{{temp}}}|???}}
</td></tr>
<tr>
<td style="background:{{#replace:{{#var:VariableColor}}|70%)|94%)}}; border:1px solid white; border-radius:15px 0 0 15px; text-align:right;"> '''Weather:''' </td>
<td style="text-align:left; padding-left:5px;"> {{ #if: {{{weather|}}} | {{{weather}}}|???}}
</td></tr>
</table></div></div>

This part here is for the horizontal infobox, and can be expanded as needed. No big changes here, but a possible addition category can be added. 

<div style="margin-top:40px; height:8px; border-bottom:1px solid black; background: -webkit-linear-gradient(transparent, #989996); background: -o-linear-gradient(transparent, #989996); background: -moz-linear-gradient(transparent, #989996); background: linear-gradient(transparent, #989996);"></div>
<div style="background:{{#var:VariableColor}}; padding:4px;">'''Dangers:''' {{{dangers}}} </div>
<div style="background:{{#replace:{{#var:VariableColor}}|70%)|78%)}}; padding:4px;">'''Flora:''' {{{flora}}}  </div>
<div style="background:{{#replace:{{#var:VariableColor}}|70%)|86%)}}; padding:4px;">'''Fauna:''' {{{fauna}}} </div>
<div style="background:{{#replace:{{#var:VariableColor}}|70%)|94%)}}; padding:4px;">'''Resources:''' {{{resources}}} </div>
<div style="position:relative; height:8px; border-top:1px solid black; background: -webkit-linear-gradient(#989996, transparent); background: -o-linear-gradient(#989996, transparent); background: -moz-linear-gradient(#989996, transparent); background: linear-gradient(#989996, transparent);"></div>
<div style="position:relative; top:-24px;>

Child Biome Template

Enclosure and category 

<includeonly>
</includeonly>
<noinclude>{{doc}}
[[Category:Templates]]</noinclude>

This next part is only for changing the top box and it's colors. It isn't displayed at all. The goal with this section is to expand it to include all biomes, sub biomes, and more. It also includes the prevent outside text from showing. 

<div style="display:none;">
{{#switch:{{uc:{{{subbiome}}}}}
<!-- Credit for this template goes to the main ARK wiki on Gamepedia (https://ark.gamepedia.com/Template:Biome) -->
<!-- COLOR SCHEMES -->
<!-- TopInfoboxColor is the top-half of the main infobox gradient (HEX format) -->
<!-- VariableColor is bottom-half of the main infobox gradient and lightened/darkened to produce the horizontal infobox (HSL format) -->
<!-- VariableColor's third parameter (the lightness--or L of HSL) must be 70% to render infoboxes correctly. In order to reduce the parsing overhead from variables, the template assumes all HSL colors start with a lightness of 70%. -->
| NOVICE GRASSLAND = 
  {{#vardefine:TopInfoboxColor|7dc903}}
  {{#vardefine:VariableColor|hsl(83, 97%, 70%)}}
| GRASSLAND = 
  {{#vardefine:TopInfoboxColor|52b904}}
  {{#vardefine:VariableColor|hsl(94, 96%, 70%)}}
| MOUNTAIN FOREST = 
  {{#vardefine:TopInfoboxColor|00650b}}
  {{#vardefine:VariableColor|hsl(126, 100%, 70%)}}
| SWAMP = 
  {{#vardefine:TopInfoboxColor|438b13}}
  {{#vardefine:VariableColor|hsl(96, 76%, 70%)}}
| DESERT = 
  {{#vardefine:TopInfoboxColor|dbce51}}
  {{#vardefine:VariableColor|hsl(54, 66%, 70%)}}
| MAGIC FOREST = 
  {{#vardefine:TopInfoboxColor|7f7ac7}}
  {{#vardefine:VariableColor|hsl(244, 41%, 70%)}}
| GOLDEN REALM = 
  {{#vardefine:TopInfoboxColor|e7ae04}}
  {{#vardefine:VariableColor|hsl(45, 97%, 70%)}}
| FROZEN LAND = 
  {{#vardefine:TopInfoboxColor|93cdb4}}
  {{#vardefine:VariableColor|hsl(154, 58%, 70%)}}
| DARK FOREST = 
  {{#vardefine:TopInfoboxColor|6a8d90}}
  {{#vardefine:VariableColor|hsl(184, 21%, 70%)}}
| DOOM LANDS = 
  {{#vardefine:TopInfoboxColor|89692a}}
  {{#vardefine:VariableColor|hsl(40, 96%, 70%)}}
| DEEP OCEAN = 
  {{#vardefine:TopInfoboxColor|00d1ce}}
  {{#vardefine:VariableColor|hsl(179, 100%, 70%)}}
| RIVER = 
  {{#vardefine:TopInfoboxColor|00d1ce}}
  {{#vardefine:VariableColor|hsl(179, 100%, 70%)}}
| ISLAND = 
  {{#vardefine:TopInfoboxColor|00d1ce}}
  {{#vardefine:VariableColor|hsl(179, 100%, 70%)}}
| #default = 
  {{#vardefine:TopInfoboxColor|FFFFFF}}
  {{#vardefine:VariableColor|hsl(0, 0%, 70%)}}
}}
</div>

This next part is for the main vertical inforbox, and contains pictures, and pertinent information. The goal with this box is to make it expand and contract as needed, and to show biome specific information like sub biomes, child biomes, and ruins. 

<div id="{{{subbiome}}}" style="position:relative; display:inline-block; text-align:left; width:100%;">
<div style="position:relative; display:inline-block; float:right; z-index:1; width:200px; margin:8px; margin-top:4px; margin-bottom:24px; padding-left:8px; padding-right:8px; vertical-align:top; text-align:center; background:white; box-shadow:0 0 8px #333; border:1px solid black; border-radius:15px 15px 15px 15px; background: -webkit-linear-gradient(#{{#var:TopInfoboxColor}}, {{#var:VariableColor}}); background: -o-linear-gradient(#{{#var:TopInfoboxColor}}, {{#var:VariableColor}}); background: -moz-linear-gradient(#{{#var:TopInfoboxColor}}, {{#var:VariableColor}}); background: linear-gradient(#{{#var:TopInfoboxColor}}, {{#var:VariableColor}});"> 
<span style="font-size:1.5em; color:white; text-shadow: 1px 1px 4px black, 0 0 1em {{#var:VariableColor}}, 0 0 0.2em black;">'''{{{subbiome}}}'''</span><br>
[[File:{{{image}}}|200px|left]]
<div class="floatleft"></div>
<div style="position:relative; display:inline-block; left:-2px; width:200px;">
<table style="text-align:center;">
<tr>
<td colspan="2" colspan="2" style="background:{{#var:VariableColor}}; border:1px solid white; border-radius:15px 15px 15px 15px;">'''Parent Biome:'''</td>
<tr>
<td colspan="2"> <span>{{ #if: {{{parent|}}} | {{{parent}}} |??? }}</span>
</td></tr>
<tr>
<td colspan="2" style="background:{{#var:VariableColor}}; border:1px solid white; border-radius:15px 15px 15px 15px; min-width:198px; max-width:198px;"> '''Climate:'''
</td></tr>
<tr>
<td style="background:{{#replace:{{#var:VariableColor}}|70%)|94%)}}; border:1px solid white; border-radius:15px 0 0 15px; text-align:right;"> '''Temperature:''' </td>
<td style="text-align:left; padding-left:5px;"> {{#if:{{{temp|}}}|{{{temp}}}|???}}
</td></tr>
<tr>
<td style="background:{{#replace:{{#var:VariableColor}}|70%)|94%)}}; border:1px solid white; border-radius:15px 0 0 15px; text-align:right;"> '''Weather:''' </td>
<td style="text-align:left; padding-left:5px;"> {{ #if: {{{weather|}}} | {{{weather}}}|???}}
</td></tr>
</table></div></div>

This part here is for the horizontal infobox, and can be expanded as needed. No big changes here, but a possible addition category can be added. 

<div style="margin-top:40px; height:8px; border-bottom:1px solid black; background: -webkit-linear-gradient(transparent, #989996); background: -o-linear-gradient(transparent, #989996); background: -moz-linear-gradient(transparent, #989996); background: linear-gradient(transparent, #989996);"></div>
<div style="background:{{#var:VariableColor}}; padding:4px;">'''Dangers:''' {{{dangers}}} </div>
<div style="background:{{#replace:{{#var:VariableColor}}|70%)|78%)}}; padding:4px;">'''Flora:''' {{{flora}}}  </div>
<div style="background:{{#replace:{{#var:VariableColor}}|70%)|86%)}}; padding:4px;">'''Fauna:''' {{{fauna}}} </div>
<div style="background:{{#replace:{{#var:VariableColor}}|70%)|94%)}}; padding:4px;">'''Resources:''' {{{resources}}} </div>
<div style="position:relative; height:8px; border-top:1px solid black; background: -webkit-linear-gradient(#989996, transparent); background: -o-linear-gradient(#989996, transparent); background: -moz-linear-gradient(#989996, transparent); background: linear-gradient(#989996, transparent);"></div>
<div style="position:relative; top:-24px;>

Cave Biome

For all the caves that are found underground and in gashes.

Enclosure and category 

<includeonly>
</includeonly>
<noinclude>{{doc}}
[[Category:Templates]]</noinclude>

This next part is only for changing the top box and it's colors. It isn't displayed at all. The goal with this section is to expand it to include all biomes, sub biomes, and more. It also includes the prevent outside text from showing. 

<div style="display:none;">
{{#switch:{{uc:{{{cavebiome}}}}}
<!-- Credit for this template goes to the main ARK wiki on Gamepedia (https://ark.gamepedia.com/Template:Biome) -->
<!-- COLOR SCHEMES -->
<!-- TopInfoboxColor is the top-half of the main infobox gradient (HEX format) -->
<!-- VariableColor is bottom-half of the main infobox gradient and lightened/darkened to produce the horizontal infobox (HSL format) -->
<!-- VariableColor's third parameter (the lightness--or L of HSL) must be 70% to render infoboxes correctly. In order to reduce the parsing overhead from variables, the template assumes all HSL colors start with a lightness of 70%. -->
| NOVICE GRASSLAND = 
  {{#vardefine:TopInfoboxColor|7dc903}}
  {{#vardefine:VariableColor|hsl(83, 97%, 70%)}}
| GRASSLAND = 
  {{#vardefine:TopInfoboxColor|52b904}}
  {{#vardefine:VariableColor|hsl(94, 96%, 70%)}}
| MOUNTAIN FOREST = 
  {{#vardefine:TopInfoboxColor|00650b}}
  {{#vardefine:VariableColor|hsl(126, 100%, 70%)}}
| SWAMP = 
  {{#vardefine:TopInfoboxColor|438b13}}
  {{#vardefine:VariableColor|hsl(96, 76%, 70%)}}
| DESERT = 
  {{#vardefine:TopInfoboxColor|dbce51}}
  {{#vardefine:VariableColor|hsl(54, 66%, 70%)}}
| MAGIC FOREST = 
  {{#vardefine:TopInfoboxColor|7f7ac7}}
  {{#vardefine:VariableColor|hsl(244, 41%, 70%)}}
| GOLDEN REALM = 
  {{#vardefine:TopInfoboxColor|e7ae04}}
  {{#vardefine:VariableColor|hsl(45, 97%, 70%)}}
| FROZEN LAND = 
  {{#vardefine:TopInfoboxColor|93cdb4}}
  {{#vardefine:VariableColor|hsl(154, 58%, 70%)}}
| DARK FOREST = 
  {{#vardefine:TopInfoboxColor|6a8d90}}
  {{#vardefine:VariableColor|hsl(184, 21%, 70%)}}
| DOOM LANDS = 
  {{#vardefine:TopInfoboxColor|89692a}}
  {{#vardefine:VariableColor|hsl(40, 96%, 70%)}}
| DEEP OCEAN = 
  {{#vardefine:TopInfoboxColor|00d1ce}}
  {{#vardefine:VariableColor|hsl(179, 100%, 70%)}}
| RIVER = 
  {{#vardefine:TopInfoboxColor|00d1ce}}
  {{#vardefine:VariableColor|hsl(179, 100%, 70%)}}
| ISLAND = 
  {{#vardefine:TopInfoboxColor|00d1ce}}
  {{#vardefine:VariableColor|hsl(179, 100%, 70%)}}
| #default = 
  {{#vardefine:TopInfoboxColor|FFFFFF}}
  {{#vardefine:VariableColor|hsl(0, 0%, 70%)}}
}}
</div>

This next part is for the main vertical inforbox, and contains pictures, and pertinent information. The goal with this box is to make it expand and contract as needed, and to show biome specific information like sub biomes, child biomes, and ruins. 

<div id="{{{cavebiome}}}" style="position:relative; display:inline-block; text-align:left; width:100%;">
<div style="position:relative; display:inline-block; float:right; z-index:1; width:200px; margin:8px; margin-top:4px; margin-bottom:24px; padding-left:8px; padding-right:8px; vertical-align:top; text-align:center; background:white; box-shadow:0 0 8px #333; border:1px solid black; border-radius:15px 15px 15px 15px; background: -webkit-linear-gradient(#{{#var:TopInfoboxColor}}, {{#var:VariableColor}}); background: -o-linear-gradient(#{{#var:TopInfoboxColor}}, {{#var:VariableColor}}); background: -moz-linear-gradient(#{{#var:TopInfoboxColor}}, {{#var:VariableColor}}); background: linear-gradient(#{{#var:TopInfoboxColor}}, {{#var:VariableColor}});"> 
<span style="font-size:1.5em; color:white; text-shadow: 1px 1px 4px black, 0 0 1em {{#var:VariableColor}}, 0 0 0.2em black;">'''{{{cavebiome}}}'''</span><br>
[[File:{{{image}}}|200px|left]]
<div class="floatleft"></div>
<div style="position:relative; display:inline-block; left:-2px; width:200px;">
<table style="text-align:center;">
<tr>
<td colspan="2" colspan="2" style="background:{{#var:VariableColor}}; border:1px solid white; border-radius:15px 15px 15px 15px;">'''Parent Biome:'''</td>
<tr>
<td colspan="2"> <span>{{ #if: {{{parent|}}} | {{{parent}}} |??? }}</span>
</td></tr>
<tr>
<td colspan="2" style="background:{{#var:VariableColor}}; border:1px solid white; border-radius:15px 15px 15px 15px; min-width:198px; max-width:198px;"> '''Climate:'''
</td></tr>
<tr>
<td style="background:{{#replace:{{#var:VariableColor}}|70%)|94%)}}; border:1px solid white; border-radius:15px 0 0 15px; text-align:right;"> '''Temperature:''' </td>
<td style="text-align:left; padding-left:5px;"> {{#if:{{{temp|}}}|{{{temp}}}|???}}
</td></tr>
<tr>
<td style="background:{{#replace:{{#var:VariableColor}}|70%)|94%)}}; border:1px solid white; border-radius:15px 0 0 15px; text-align:right;"> '''Weather:''' </td>
<td style="text-align:left; padding-left:5px;"> {{ #if: {{{weather|}}} | {{{weather}}}|???}}
</td></tr>
</table></div></div>

This part here is for the horizontal infobox, and can be expanded as needed. No big changes here, but a possible addition category can be added. 

<div style="margin-top:40px; height:8px; border-bottom:1px solid black; background: -webkit-linear-gradient(transparent, #989996); background: -o-linear-gradient(transparent, #989996); background: -moz-linear-gradient(transparent, #989996); background: linear-gradient(transparent, #989996);"></div>
<div style="background:{{#var:VariableColor}}; padding:4px;">'''Dangers:''' {{{dangers}}} </div>
<div style="background:{{#replace:{{#var:VariableColor}}|70%)|78%)}}; padding:4px;">'''Flora:''' {{{flora}}}  </div>
<div style="background:{{#replace:{{#var:VariableColor}}|70%)|86%)}}; padding:4px;">'''Fauna:''' {{{fauna}}} </div>
<div style="background:{{#replace:{{#var:VariableColor}}|70%)|94%)}}; padding:4px;">'''Resources:''' {{{resources}}} </div>
<div style="position:relative; height:8px; border-top:1px solid black; background: -webkit-linear-gradient(#989996, transparent); background: -o-linear-gradient(#989996, transparent); background: -moz-linear-gradient(#989996, transparent); background: linear-gradient(#989996, transparent);"></div>
<div style="position:relative; top:-24px;>

Ruins Biome

Mine Biome

Community content is available under CC BY-NC-SA unless otherwise noted.