Main Page: Difference between revisions

From Zelda Wiki, the Zelda encyclopedia
Jump to navigation Jump to search
No edit summary
No edit summary
 
(106 intermediate revisions by 14 users not shown)
Line 1: Line 1:
__NOCACHE__ <!-- The Did You Know block will not properly randomize trivia without this -->
{{#seo:
<htmlet>main-page font</htmlet> <!-- Imports fonts -->
|description=
 
The comprehensive wiki resource on The Legend of Zelda series by Nintendo, including Breath of the Wild and Tears of the Kingdom. Everything you need to know about all games, characters, items, bosses, enemies, dungeons, locations, songs, and much more!
<div class=main-page>
[[File:ZW Logo White.png|400px|center]]
 
<inputbox>
type=search2
buttonlabel=Search
searchbuttonlabel=Advanced Search
</inputbox>
 
'''Zelda Wiki''' is a ''The Legend of Zelda'' encyclopedia that [[Help:Contents|anyone can edit]] and is [[Zelda Wiki:Staff|maintained by fans just like you]].
 
[[Zelda Wiki:Getting Involved|Learn how you can become a part of the Zelda Wiki community]].
 
<div class="game-container">
{{Tab2|
|tab1=Main Series
|tab2=Remakes
|tab3=Spin-Offs
 
|content1=
<div class="main-series"><!--*************** MAIN SERIES ***************
 
--><div class="game">
<span class=year>1987</span>
{{TLoZ}}
[[File:TLoZ Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class=year>1988</span>
{{TAoL}}
[[File:TAoL Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class=year>1992</span>
{{ALttP}}
[[File:ALttP Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class=year>1993</span>
{{LA}}
[[File:LA Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class=year>1998</span>
{{OoT}}
[[File:OoT Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class=year>2000</span>
{{MM}}
[[File:MM Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class=year>2001</span>
{{OoS}}
[[File:OoS Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class=year>2001</span>
{{OoA}}
[[File:OoA Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class=year>2002</span>
{{FS}}
[[File:FS Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class=year>2003</span>
{{TWW}}
[[File:TWW Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class=year>2004</span>
{{FSA}}
[[File:FSA Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class=year>2005</span>
{{TMC}}
[[File:TMC Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class=year>2006</span>
{{TP}}
[[File:TP Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class=year>2007</span>
{{PH}}
[[File:PH Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class=year>2009</span>
{{ST}}
[[File:ST Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class=year>2011</span>
{{SS}}
[[File:SS Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class=year>2013</span>
{{ALBW}}
[[File:ALBW Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class=year>2015</span>
{{TFH}}
[[File:TFH Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class=year>2016</span>
[[Zelda Wii U]]
[[File:Zelda WiiU Tile.png|link=]]
</div>
</div>
 
 
|content2=
<div class=remakes><!--*************** REMAKES ***************
 
--><div class="game">
<span class=year>1998</span>
{{LADX}}
[[File:LADX Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class=year>2002</span>
{{ALttP&FS}}
[[File:ALttP&FS Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class=year>2003</span>
[[The Legend of Zelda: Ocarina of Time Master Quest|Ocarina of Time Master Quest]]
[[File:MQ Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class=year>2011</span>
{{OoT3D}}
[[File:OoT3D Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class=year>2011</span>
{{FSAE}}
[[File:FSAE Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class=year>2013</span>
{{TWWHD}}
[[File:TWWHD Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class=year>2015</span>
{{MM3D}}
[[File:MM3D Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class=year>2016</span>
{{TPHD}}
[[File:TPHD Tile.jpg|link=]]
</div><!--
 
-->
 
</div>
 
|content3=
<div class=spin-offs><!--*************** SPIN-OFFS ***************
 
--><div class="game">
<span class="year">2016</span>
{{HWL}}
[[File:HWL Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class="year">2014</span>
{{HW}}
[[File:HW Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class="year">2007</span>
{{LCT}}
[[File:LCT Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class="year">1989</span>
[[Zelda (Game & Watch)|Game & Watch Zelda]]
[[File:G&WZ Tile.png|link=]]
</div>
 
<br>
 
<div class="spin-off-logo">[[File:MainPage Tingle.png|link=Tingle (Series)]]</div><!--
--><div class="game">
<span class="year">2009 [[File:JPflag.png|x12px|link=|Japan only]]</span>
{{TBToL}}
[[File:TBToL Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class="year">2007 [[File:JPflag.png|x12px|link=|Japan only]]</span>
{{TBFDS}}
[[File:TBF Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class="year">2007 [[File:EUflag.png|x12px|link=|Japan and Europe only]]</span>
{{TRR}}
[[File:TRR Tile.png|link=]]
</div>
 
<br>
 
<div class="spin-off-logo">[[File:MainPage BS-X.png|link=BS-X Broadcasting System]]</div><!--
 
--><div class="empty-tile">[[File:Tile Empty.png|link=]]</div><!--Easiest way to center this row
 
--><div class="game">
<span class="year">1997 [[File:JPflag.png|x12px|link=|Japan only]]</span>
{{AST}}
[[File:AST Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class=year>1995 [[File:JPflag.png|x12px|link=|Japan only]]</span>
{{BSLoZ}}
[[File:BSZ Tile.png|link=]]
</div><!--
 
--><div class="empty-tile">[[File:Tile Empty.png|link=]]</div><!--Easiest way to center this row -->
 
<br>
 
<div class="spin-off-logo">[[File:MainPage CD-i.png|link=Philips CD-i]]</div><!--
--><div class="game">
<span class="year">1994</span>
{{ZA}}
[[File:ZA Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class="year">1993</span>
{{TWoG}}
[[File:TWoG Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class="year">1993</span>
{{FoE}}
[[File:FoE Tile.png|link=]]
</div>
</div>
}}
}}
</div>
<center>
 
{{Main Page Search}}
<div class=categories>
{{Main Page Games}}
==[[:Category:Zelda|Categories]]==
{{Main Page Categories}}
[[File:Main Page TP Bosses.png|link=Category:Bosses]]
{{Main Page Infoblocks}}
[[File:Main Page TP Characters.png|link=Category:Characters]]
</center>
[[File:Main Page TP Dungeons.png|link=Category:Dungeons]]
[[File:Main Page TP Enemies.png|link=Category:Enemies]]
[[File:Main Page TP Events.png|link=Category:Events]]
[[File:Main Page TP Items.png|link=Category:Items]]
[[File:Main Page TP Locations.png|link=Category:Places]]
[[File:Main Page TP Merchandise.png|link=Category:Merchandise]]
[[File:Main Page TP Mini Games.png|link=Category:Minigames]]
[[File:Main Page TP Races.png|link=Category:Races]]
[[File:Main Page TP Side Quests.png|link=Category:Sidequests]]
[[File:Main Page TP Songs.png|link=Category:Songs]]
 
[[File:Main Page TP Listings.png|center|link=Category:Listings]]
----
</div>
 
<div class="infoblock-container">
<div class="infoblock" id="news">
<span class="infoblock-header">Latest News</span>
{{#section:Zelda Wiki:Latest Announcements|body}}
<span style="font-size:80%;">[[Zelda Wiki:Latest Announcements|Announcement archives]]</span>
</div>
<div class="infoblock" id="dyk">
<span class="infoblock-header">Did You Know...</span>
{{DYK/A}}
{{DYK/B}}
{{DYK/C}}
</div>
<div class="infoblock curse-ad">
<div id="cdm-zone-02"></div>
</div>
</div>
 
<div class="niwabar">
{{NIWAnav}}
</div>
<css>
 
/* These media queries handle how the main page behaves at different screen sizes. It will need to be modified with each new game.
*  This is not ideal responsive design by any means. It'll have to do until a more elegant solution presents itself.
*/
.empty-tile {display:none}
.spin-off-logo{display:block}
@media screen and (min-width: 950px) {
  .categories, .main-series {width:750px;}
}
@media screen and (min-width: 1180px) {
  .categories, .main-series {width:950px;}
  .spin-off-logo, .empty-tile {display:inline-block}
}
@media screen and (max-width: 1350px) {
  .infoblock#dyk {
    order:3;
    width:100% !important;
    margin-top:2em;
  }
  #cdm-zone-02 {order:2;}
  .infoblock-container {flex-wrap: wrap;}
}
@media screen and (min-width: 1650px) {
  .categories, .main-series {width:1415px;}
}
@media screen and (min-width: 1720px) {
  #NIWAnav .body {width:1500px;}
}
@media screen and (min-width: 2355px) {
  .main-series, .infoblocks, #NIWAnav {width:2130px;}
  #NIWAnav .body{width:auto}
}
@media screen and (min-width: 3000px) {
.categories {width:2750px;}
}
 
 
#siteNotice, .main-page{
font-family: 'Open Sans', Helvetica, Tahoma, Arial, sans-serif;
}
 
.main-page{
font-size:14px;
text-align:center;
margin:2em auto;
width:98%;
}
 
/* #################### SEARCH BAR #################### */
.bodySearch{
margin:30px 0 60px;
}
 
#bodySearchInput{
width:100%;
max-width:600px;
font-size:18px;
height:35px;
padding:2px 2px 2px 10px;
border-radius:3px;
border:1px solid #999;
}
 
/* Custom search button styling. Based on the button styling from MediaWiki 1.23+ (iirc) */
.bodySearchBtnGo{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
 
font-size:18px;
height: 41px;
background-color:#ebebeb;
border-radius: 3px;
border: 1px solid #999;
padding: 2px;
width:130px;
cursor:pointer;
  -webkit-transition: background .1s ease-in-out,color .1s ease-in-out,box-shadow .1s ease-in-out;
  -moz-transition: background .1s ease-in-out,color .1s ease-in-out,box-shadow .1s ease-in-out;
  -o-transition: background .1s ease-in-out,color .1s ease-in-out,box-shadow .1s ease-in-out;
  transition: background .1s ease-in-out,color .1s ease-in-out,box-shadow .1s ease-in-out;
}
 
.bodySearchBtnGo:hover{
  box-shadow: 0 2px rgba(0,0,0,0.1),inset 0 -4px rgba(0,0,0,0.2);
}
 
.bodySearchBtnGo:focus{
  border:2px solid rgba(0,0,0,0.3);
  border-radius: 4px;
  outline:none;
  box-shadow:none;
}
 
.bodySearchBtnGo:active{
box-shadow: 0 0 3px rgba(0,0,0,0.2);
background-color:#ccc;
}
 
 
 
/* #################### GAME NAV #################### */
.tab{
font-size:18px;
font-weight:bold;
padding:0.5em 1em !important;
background-image:none !important; /* It was decided the tab gradient is outdated and tacky. */
border-radius: 2px !important;
}
 
.tab:hover{background-color:#214b71 !important;}
 
.tab.active{background-color:#153f63 !important;}
 
.year{
color:rgba(255, 255, 255, 0.9); !important;
position:absolute;
bottom:1em;
left:1em;
font-size:12px;
z-index:10;
}
 
.game {
display:inline-block;
position:relative;
text-align:center;
font-size:0;
margin:2px;
}
 
/* "Stretches" the game link over the tile image.
* Relying on pixel sizes is not ideal and makes the design very delicate. Again, it'll have to do until a more elegant solution comes up.
*/
.game a {
width:100%;
height:101%;
clip:rect(0px,230px,125px,0px);
/* Overdoing the height by 1% and clipping it off prevents the bug on certain browsers/OSes/screen-zoom-ins where the shadow falls short by a few pixels and doesn't cover the whole image. */
 
display:inline-block;
font-style:normal;
color:white;
position:absolute;
text-align:center;
line-height:29px;
font-size:25px;
text-decoration:none;
background-color:rgba(0,0,0, 0.6);
 
/* Vertically centers game title text. Flexboxes are not compatible with IE. */
display:flex;
flex-direction:column;
justify-content:center;
}
 
.game a:hover {
background-color:rgba(0,0,0, 0.3);
}
 
.game-container{
margin:50px auto 0;
}
 
.main-series, .remakes {
margin:0 auto;
display:flex;
flex-flow:row-reverse wrap-reverse;
justify-content:center;
}
 
.remakes {
max-width:1000px;
}
 
.categories{
margin:30px auto 50px;
}
 
/* #################### NEWS AND DID YOU KNOW BLOCKS #################### */
 
.infoblock-container{
margin:50px auto 0;
display:flex;
justify-content:center;
}
 
.infoblock {
  text-align: left;
  padding: 1em;
  margin: 0 1em;
  border-radius:5px;
  background: #1d578b;
  vertical-align:top;
}
 
.infoblock-header {
        font-family:'Bowlby One';
        letter-spacing:1px;
display: block;
font-size: 3em;
        line-height:1em;
        padding:0 .5em .2em .5em;
text-transform:uppercase;
}
 
.infoblock#dyk {width:60%;}
 
.infoblock#news {
  width:40%;
}
.infoblock#news dl{display:none;} /* Removes the main text from the announcements (otherwise the block is too bulky) */
 
.infoblock.curse-ad {
flex-shrink:0;
}
 
#cdm-zone-02 {
vertical-align:middle;
}
 
.infoblock#news ul li {margin-bottom: 10px;}
.infoblock#dyk ul li {margin-bottom: 20px;}
 
/* #################### NIWA NAV #################### */


#NIWAnav {
[[Category:Zelda Wiki]]
margin:3em 1em 0;
border:none;
border-radius:2px;
}


#NIWAnav .cell {
[[de:]]
  width:12em;
  border-radius:5px;
}
</css>

Latest revision as of 04:08, 28 October 2022

 

Zelda Wiki is a The Legend of Zelda encyclopedia that anyone can edit and is maintained by fans just like you.

Want to start editing? You can join our Discord server for help, or you can read over editing tips here! Before you start editing, make sure you check out the Rules.

Categories

On this day...
Nothing happened
[refresh]
But you can change that! All it takes is one edit to make history. Zelda Wiki history, that is.
LA Mr. Write Artwork.png
Did You Know...