This user "Jesthel" prefers to use the enhanced profile.
Hello everyone! My name is Jesthel, and I'm your friendly local wiki guy. I'm going to try and make this wiki the best that I can, and you're more than welcome to join in. I'm also a wiki guardian so if you have any concerns just let me know. I'm always open to suggestions, and I do enjoy speaking with people. If you are also interested in templates, or see a template you think we need please leave a comment on my profile or my talk page.
Biome Template Breakdown[ | ]
This is a breakdown the the entire template for use on PixArk's many biomes, and will have significant changes and alterations as changes are made. Please do not touch unless you are familiar with the templates.
Enclosure and category
<includeonly>
<!-- Credit for this template goes to the main ARK wiki on Gamepedia (https://ark.gamepedia.com/Template:Biome) -->
</includeonly>
<noinclude>{{doc}}
[[Category:Templates]]</noinclude>
Palette[ | ]
This is the color list that affects all biomes. The name of the biome decides the color. Some colors overlap, and they pair with their parent biomes.
<div style="display:none;">
{{#switch:{{uc:{{{biome}}}}}
<!-- COLOR SCHEMES -->
<!-- TopInfoboxColor is the vertical infobox, and it's in Hex format -->
<!-- VariableColor is horizontal infobox and will change color with each addition row. It's in HSL (Hue, Saturation, and Lightness) format -->
<!-- VariableColor's third parameter (the lightness--or L of HSL) must be 70% to render infoboxes correctly. The template assumes all HSL colors start with a lightness of 70%. -->
| NOVICE GRASSLAND CAVE =
{{#vardefine:TopInfoboxColor|7dc903}}
{{#vardefine:VariableColor|hsl(83, 97%, 70%)}}
| NOVICE GRASSLAND =
{{#vardefine:TopInfoboxColor|7dc903}}
{{#vardefine:VariableColor|hsl(83, 97%, 70%)}}
| GRASSLAND CAVE =
{{#vardefine:TopInfoboxColor|52b904}}
{{#vardefine:VariableColor|hsl(94, 96%, 70%)}}
| PLAINS COAL MINE =
{{#vardefine:TopInfoboxColor|52b904}}
{{#vardefine:VariableColor|hsl(94, 96%, 70%)}}
| GRASSLAND =
{{#vardefine:TopInfoboxColor|52b904}}
{{#vardefine:VariableColor|hsl(94, 96%, 70%)}}
| MOUNTAIN FOREST CAVE =
{{#vardefine:TopInfoboxColor|00650b}}
{{#vardefine:VariableColor|hsl(126, 100%, 70%)}}
| MIST FOREST =
{{#vardefine:TopInfoboxColor|00650b}}
{{#vardefine:VariableColor|hsl(126, 100%, 70%)}}
| PLAINS COPPER MINE =
{{#vardefine:TopInfoboxColor|00650b}}
{{#vardefine:VariableColor|hsl(126, 100%, 70%)}}
| MOUNTAIN FOREST =
{{#vardefine:TopInfoboxColor|00650b}}
{{#vardefine:VariableColor|hsl(126, 100%, 70%)}}
| DARK SWAMP =
{{#vardefine:TopInfoboxColor|438b13}}
{{#vardefine:VariableColor|hsl(96, 76%, 70%)}}
| SWAMP CAVE =
{{#vardefine:TopInfoboxColor|438b13}}
{{#vardefine:VariableColor|hsl(96, 76%, 70%)}}
| BRENSTONE MINE =
{{#vardefine:TopInfoboxColor|438b13}}
{{#vardefine:VariableColor|hsl(96, 76%, 70%)}}
| SWAMP =
{{#vardefine:TopInfoboxColor|438b13}}
{{#vardefine:VariableColor|hsl(96, 76%, 70%)}}
| DESERT CAVE =
{{#vardefine:TopInfoboxColor|dbce51}}
{{#vardefine:VariableColor|hsl(54, 66%, 70%)}}
| BADLANDS =
{{#vardefine:TopInfoboxColor|dbce51}}
{{#vardefine:VariableColor|hsl(54, 66%, 70%)}}
| QUARTZ PIT =
{{#vardefine:TopInfoboxColor|dbce51}}
{{#vardefine:VariableColor|hsl(54, 66%, 70%)}}
| DESERT =
{{#vardefine:TopInfoboxColor|dbce51}}
{{#vardefine:VariableColor|hsl(54, 66%, 70%)}}
| MAGIC FOREST CAVE =
{{#vardefine:TopInfoboxColor|7f7ac7}}
{{#vardefine:VariableColor|hsl(244, 41%, 70%)}}
| MAGEWEAVE FOREST =
{{#vardefine:TopInfoboxColor|7f7ac7}}
{{#vardefine:VariableColor|hsl(244, 41%, 70%)}}
| PLATEAU MAGIC PIT =
{{#vardefine:TopInfoboxColor|7f7ac7}}
{{#vardefine:VariableColor|hsl(244, 41%, 70%)}}
| MAGIC FOREST =
{{#vardefine:TopInfoboxColor|7f7ac7}}
{{#vardefine:VariableColor|hsl(244, 41%, 70%)}}
| GOLDEN REALM CAVE =
{{#vardefine:TopInfoboxColor|e7ae04}}
{{#vardefine:VariableColor|hsl(45, 97%, 70%)}}
| MYSTERIOUS VALLEY =
{{#vardefine:TopInfoboxColor|e7ae04}}
{{#vardefine:VariableColor|hsl(45, 97%, 70%)}}
| PLATEAU IRON PIT =
{{#vardefine:TopInfoboxColor|e7ae04}}
{{#vardefine:VariableColor|hsl(45, 97%, 70%)}}
| GOLDEN REALM =
{{#vardefine:TopInfoboxColor|e7ae04}}
{{#vardefine:VariableColor|hsl(45, 97%, 70%)}}
| FROZEN LAND CAVE =
{{#vardefine:TopInfoboxColor|93cdb4}}
{{#vardefine:VariableColor|hsl(154, 58%, 70%)}}
| SNOWY PLATEAU =
{{#vardefine:TopInfoboxColor|93cdb4}}
{{#vardefine:VariableColor|hsl(154, 58%, 70%)}}
| PLATEAU IRON MINE =
{{#vardefine:TopInfoboxColor|93cdb4}}
{{#vardefine:VariableColor|hsl(154, 58%, 70%)}}
| FROZEN LAND =
{{#vardefine:TopInfoboxColor|93cdb4}}
{{#vardefine:VariableColor|hsl(154, 58%, 70%)}}
| DARK FOREST CAVE =
{{#vardefine:TopInfoboxColor|6a8d90}}
{{#vardefine:VariableColor|hsl(184, 21%, 70%)}}
| ROTTEN FOREST =
{{#vardefine:TopInfoboxColor|6a8d90}}
{{#vardefine:VariableColor|hsl(184, 21%, 70%)}}
| MAGIC MINE =
{{#vardefine:TopInfoboxColor|6a8d90}}
{{#vardefine:VariableColor|hsl(184, 21%, 70%)}}
| DARK FOREST =
{{#vardefine:TopInfoboxColor|6a8d90}}
{{#vardefine:VariableColor|hsl(184, 21%, 70%)}}
| DOOM LANDS CAVE =
{{#vardefine:TopInfoboxColor|89692a}}
{{#vardefine:VariableColor|hsl(40, 96%, 70%)}}
| LAVA FIELDS =
{{#vardefine:TopInfoboxColor|89692a}}
{{#vardefine:VariableColor|hsl(40, 96%, 70%)}}
| SILVER PIT =
{{#vardefine:TopInfoboxColor|89692a}}
{{#vardefine:VariableColor|hsl(40, 96%, 70%)}}
| DOOM LANDS =
{{#vardefine:TopInfoboxColor|89692a}}
{{#vardefine:VariableColor|hsl(40, 96%, 70%)}}
| DEEP OCEAN CAVE =
{{#vardefine:TopInfoboxColor|00d1ce}}
{{#vardefine:VariableColor|hsl(179, 100%, 70%)}}
| SHALLOWS =
{{#vardefine:TopInfoboxColor|00d1ce}}
{{#vardefine:VariableColor|hsl(179, 100%, 70%)}}
| ISLAND =
{{#vardefine:TopInfoboxColor|00d1ce}}
{{#vardefine:VariableColor|hsl(179, 100%, 70%)}}
| RIVER =
{{#vardefine:TopInfoboxColor|00d1ce}}
{{#vardefine:VariableColor|hsl(179, 100%, 70%)}}
| DEEP OCEAN =
{{#vardefine:TopInfoboxColor|00d1ce}}
{{#vardefine:VariableColor|hsl(179, 100%, 70%)}}
| BROKEN RUIN =
{{#vardefine:TopInfoboxColor|707599}}
{{#vardefine:VariableColor|hsl(232, 17%, 70%)}}
| DUNGEON RUIN =
{{#vardefine:TopInfoboxColor|aba273}}
{{#vardefine:VariableColor|hsl(51, 25%, 70%)}}
| ICE RUIN =
{{#vardefine:TopInfoboxColor|a6e6f2}}
{{#vardefine:VariableColor|hsl(189, 74%, 70%)}}
| MOSS RUIN =
{{#vardefine:TopInfoboxColor|774827}}
{{#vardefine:VariableColor|hsl(25, 51%, 70%)}}
| OCEAN RUIN =
{{#vardefine:TopInfoboxColor|5d6a4d}}
{{#vardefine:VariableColor|hsl(87, 16%, 70%)}}
| PYRAMID RUIN =
{{#vardefine:TopInfoboxColor|e9deaa}}
{{#vardefine:VariableColor|hsl(50, 58%, 70%)}}
| RELIC RUIN =
{{#vardefine:TopInfoboxColor|a95197}}
{{#vardefine:VariableColor|hsl(312, 35%, 70%)}}
| #default =
{{#vardefine:TopInfoboxColor|222222}}
{{#vardefine:VariableColor|hsl(10, 10%, 70%)}}
}}
</div>
Infobox Switch & Parent[ | ]
This is the template switch. Depending on the type this will change the look depending on the type of biome: parent, center or cave, ruin, and mine. Once selected it will only use the input for that tab. This also includes the parent infobox, which is for the main biomes that all others are present in.
{{#switch: {{uc:{{{biometype}}}}}
| PARENT =
<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:250px; 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}}}|250px|left]]
<div class="floatleft"></div>
<div style="position:relative; display:inline-block; left:-2px; width:250px;">
<table style="text-align:center;">
<tr>
<td colspan="2" style="background:{{#var:VariableColor}}; border:1px solid white; border-radius:15px 15px 15px 15px; min-width:248px; max-width:248px;"> '''Child Biomes:'''
</td></tr>
<tr>
<td style="background:{{#replace:{{#var:VariableColor}}|70%)|94%)}}; border:1px solid white; border-radius:15px 0 0 15px; text-align:right;"> '''Unique''' </td>
<td style="text-align:left; padding-left:5px;"> {{#if:{{{uni|}}}|{{{uni}}}|None}}
</td></tr>
<tr>
<td style="background:{{#replace:{{#var:VariableColor}}|70%)|94%)}}; border:1px solid white; border-radius:15px 0 0 15px; text-align:right;"> '''Cave:''' </td>
<td style="text-align:left; padding-left:5px;"> {{ #if: {{{cave|}}} | {{{cave}}}|None}}
</td></tr>
<tr>
<td style="background:{{#replace:{{#var:VariableColor}}|70%)|94%)}}; border:1px solid white; border-radius:15px 0 0 15px; text-align:right;"> '''Mine:''' </td>
<td style="text-align:left; padding-left:5px;"> {{#if:{{{mine|}}}|{{{mine}}}|None}}
</td></tr>
<tr>
<td style="background:{{#replace:{{#var:VariableColor}}|70%)|94%)}}; border:1px solid white; border-radius:15px 0 0 15px; text-align:right;"> '''Ruin:''' </td>
<td style="text-align:left; padding-left:5px;"> {{ #if: {{{ruin|}}} | {{{ruin}}}|None}}
</td></tr>
<tr>
<td colspan="2" style="background:{{#var:VariableColor}}; border:1px solid white; border-radius:15px 15px 15px 15px; min-width:248px; max-width:248px;"> '''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>
<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;>
Center and Cave[ | ]
This is the switch for Center, Cave, and Miscellaneous biomes that don't fit into other categories currently. It includes the Deep Ocean Biomes that don't fit in the current mold.
| CENTERCAVE =
<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:250px; 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}}}|250px|left]]
<div class="floatleft"></div>
<div style="position:relative; display:inline-block; left:-2px; width:250px;">
<table style="text-align:center;">
<tr>
<td colspan="2" style="background:{{#var:VariableColor}}; border:1px solid white; border-radius:15px 15px 15px 15px; min-width:248px; max-width:248px;">'''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:248px; max-width:248px;"> '''Information:'''
</td>
</tr>
<tr>
<td style="background:{{#replace:{{#var:VariableColor}}|70%)|94%)}}; border:1px solid white; border-radius:15px 0 0 15px; text-align:right;"> '''Features:'''
</td>
<td style="text-align:left; padding-left:5px;"> {{#if:{{{features|}}}|{{{features}}}|???}}
</td>
</tr>
</table>
</div>
</div>
<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;>
Mine[ | ]
This is the infoboxes for mines, and their resources. Due to the lack of a separate list for creature spawns the horizontal infobox is stripped from this switch. As it's connected to it's parent biome it shares all the original conditions.
| MINE =
<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:250px; 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}}}|250px|left]]
<div class="floatleft"></div>
<div style="position:relative; display:inline-block; left:-2px; width:250px;">
<table style="text-align:center;">
<tr>
<td colspan="2" style="background:{{#var:VariableColor}}; border:1px solid white; border-radius:15px 15px 15px 15px; min-width:248px; max-width:248px;">'''Parent Biome:'''
</td>
</tr>
<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:248px; max-width:248px;"> '''Information:'''
</td>
</tr>
<tr>
<td style="background:{{#replace:{{#var:VariableColor}}|70%)|94%)}}; border:1px solid white; border-radius:15px 0 0 15px; text-align:right;"> '''Features:'''
</td>
<td style="text-align:left; padding-left:5px;"> {{#if:{{{features|}}}|{{{features}}}|???}}
</td>
</tr>
<tr>
<td style="background:{{#replace:{{#var:VariableColor}}|70%)|94%)}}; border:1px solid white; border-radius:15px 0 0 15px; text-align:right;"> '''Resources:'''
</td>
<td style="text-align:left; padding-left:5px;"> {{ #if: {{{resources|}}} | {{{resources}}}|???}}
</td>
</tr>
</table>
</div>
</div>
Ruin[ | ]
This is the infobox for ruins, and their unique placement in the game. While it uses the same components as the rest of the infoboxes the wording has been changed to reflect it's status. It also includes the closing tag for the biometype switch, and the div tag to finish the template as a whole.
| RUIN =
<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:250px; 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}}}|250px|left]]
<div class="floatleft"></div>
<div style="position:relative; display:inline-block; left:-2px; width:250px;">
<table style="text-align:center;">
<tr>
<td colspan="2" style="background:{{#var:VariableColor}}; border:1px solid white; border-radius:15px 15px 15px 15px;; min-width:248px; max-width:248px;">'''Locations:'''
</td>
<tr>
<td colspan="2"> <span>{{ #if: {{{loc|}}} | {{{loc}}} |??? }}</span>
</td>
</tr>
<tr>
<td colspan="2" style="background:{{#var:VariableColor}}; border:1px solid white; border-radius:15px 15px 15px 15px; min-width:248px; max-width:248px;"> '''Information:'''
</td>
</tr>
<tr>
<td style="background:{{#replace:{{#var:VariableColor}}|70%)|94%)}}; border:1px solid white; border-radius:15px 0 0 15px; text-align:right;"> '''Features:'''
</td>
<td style="text-align:left; padding-left:5px;"> {{#if:{{{features|}}}|{{{features}}}|???}}
</td>
</tr>
<tr>
<td style="background:{{#replace:{{#var:VariableColor}}|70%)|94%)}}; border:1px solid white; border-radius:15px 0 0 15px; text-align:right;"> '''Bosses:'''
</td>
<td style="text-align:left; padding-left:5px;"> {{ #if: {{{bosses|}}} | {{{bosses}}}|???}}
</td>
</tr>
</table>
</div>
</div>
<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;">'''Enemies:''' {{{enemies}}} </div>
<div style="background:{{#replace:{{#var:VariableColor}}|70%)|86%)}}; padding:4px;">'''Treasure:''' {{{treasure}}} </div>
<div style="background:{{#replace:{{#var:VariableColor}}|70%)|94%)}}; padding:4px;">'''Notable Drops:''' {{{drops}}} </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;>
}}
</div>