Template:Home/Navigation: Difference between revisions

From Pressure Wiki
Content deleted Content added
Added categories
No edit summary
 
(13 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<onlyinclude>
<onlyinclude>
{{#css:
{|class="home-table" style="width: 100%;"
.client-js:not(.client-darkmode) div > div.navLink > a,
|- <!-- GAME MECHANICS -->
.client-darkmode div > div.navLink > a {
|<div style="text-align: center; font-weight: bold;">[[File:Game Mechanics Icon.png|200x200px|center|link=Hadal Blacksite]]<div style="margin-top: 10px;">[[Hadal Blacksite|Game Mechanics]]</div></div>
color:white !important;
<!-- MONSTERS -->
}
|<div style="text-align: center; font-weight: bold;">[[File:Monsters Icon.png|200x200px|center|link=Monsters]]<div style="margin-top: 10px;">[[Monsters|Monsters]]</div></div>
.client-js:not(.client-darkmode) div > div.navLink > a:hover,
<!-- GRAND ENCOUNTERS -->
.client-darkmode div > div.navLink > a:hover {
|<div style="text-align: center; font-weight: bold;">[[File:Grand Encounters Icon.png|200x200px|center|link=Grand Encounters]]<div style="margin-top: 10px;">[[Grand Encounters|Grand Encounters]]</div></div>
color:white !important;
<!-- ITEMS -->
text-decoration:none !important;
|<div style="text-align: center; font-weight: bold;">[[File:Items Icon.png|200x200px|center|link=Items]]<div style="margin-top: 10px;">[[Items|Items]]</div></div>
}
<!-- LOCATIONS -->
}}
|<div style="text-align: center; font-weight: bold;">[[File:Locations Icon.png|200x200px|center|link=:Category: Locations]]<div style="margin-top: 10px;">[[:Category: Locations|Locations]]</div></div>
<div class="home-table" style="background-color:transparent; width: 100%; display:flex; border:0; padding:0; margin:0; border-spacing: 0;>
|}</onlyinclude>
<!-- MECHANICS TAB -->
<noinclude>[[Category:Templates]] [[Category:Home Page]]</noinclude>
<div style="text-align: center; font-weight: bold;margin:1.25%;position: relative;margin-left:0;margin-top:0;margin-bottom:15px">[[File:Game Mechanics Icon.png|center|link=Game Mechanics|alt=Learn more about the game mechanics of Pressure.]]<div class="navLink" style="bottom:5px; position:absolute; font-size:20px; margin:auto; font-weight:bold; padding-bottom:5px; width:100%; z-index:1">[[Game Mechanics|MECHANICS]]</div><div style="height:100%; position:relative; top:-100%; background:linear-gradient(0deg, black, transparent 75%); pointer-events:none;"></div></div>
<!-- MONSTERS TAB -->
<div style="text-align: center; font-weight: bold;margin:1.25%;position: relative;margin-top:0;margin-bottom:15px">[[File:Monsters Icon.png|center|link=Monsters|alt=Learn more about the monsters in Pressure.]]<div class="navLink" style="bottom:5px; position:absolute; font-size:20px; margin:auto; font-weight:bold; padding-bottom:5px; width:100%; z-index:1">[[Monsters|MONSTERS]]</div><div style="height:100%; position:relative; top:-100%; background:linear-gradient(0deg, black, transparent 75%); pointer-events:none;"></div></div>
<!-- LORE TAB -->
<div style="text-align: center; font-weight: bold;margin:1.25%;position: relative;margin-top:0;margin-bottom:15px">[[File:Grand Encounters Icon.png|center|link=Lore of Pressure|alt=Learn more about the lore of Pressure.]]<div class="navLink" style="bottom:5px; position:absolute; font-size:20px; margin:auto; font-weight:bold; padding-bottom:5px; width:100%; z-index:1">[[Lore of Pressure|LORE]]</div><div style="style="height:100%; position:relative; top:-100%; background:linear-gradient(0deg, black, transparent 75%); pointer-events:none;"></div></div>
<!-- ITEMS TAB -->
<div style="text-align: center; font-weight: bold;margin:1.25%;position: relative;margin-top:0;margin-bottom:15px">[[File:Items Icon.png|center|link=Items|alt=Learn more about items in Pressure.]]<div class="navLink" style="bottom:5px; position:absolute; font-size:20px; margin:auto; font-weight:bold; padding-bottom:5px; width:100%; z-index:1">[[Items|ITEMS]]</div><div style="height:100%; position:relative; top:-100%; background:linear-gradient(0deg, black, transparent 75%); pointer-events:none;"></div></div>
<!-- EXPEDITIONS TAB -->
<div style="text-align: center; font-weight: bold;margin:1.25%;position: relative;margin-right:0;margin-top:0;margin-bottom:15px">[[File:Locations Icon.png|center|link=Hadal Blacksite|alt=Learn more about the Hadal Blacksite.]]<div class="navLink" style="bottom:5px; position:absolute; font-size:20px; margin:auto; font-weight:bold; padding-bottom:5px; width:100%; z-index:1">[[Hadal Blacksite|EXPEDITIONS]]</div><div style="height:100%; position:relative; top:-100%; background:linear-gradient(0deg, black, transparent 75%); pointer-events:none;"></div></div></div></onlyinclude>
[[Category:Home Page]]