Main Page: Difference between revisions

Jump to navigation Jump to search

Main Page (view source)

Revision as of 04:08, 28 October 2022

11,886 bytes removed ,  28 October 2022
no edit summary
VisualWikitext
(solved issue of shadow not stretching across the whole tile.)
No edit summary
 
(120 intermediate revisions by 16 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 ''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 twoline">
<span class=year>1987</span>
{{TLoZ}}
[[File:TLoZ Tile.png|link=]]
</div><!--
 
--><div class="game twoline">
<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 twoline">
<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 twoline">
<span class=year>2007</span>
[[The Legend of Zelda: Phantom Hourglass|Phantom<br>Hourglass]] <!-- DON'T CHANGE THIS. The text wraps to two lines on some platforms and not on others. This is forcing it to two lines so the code doesn't break. -->
[[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 twoline">
<span class=year>2013</span>
{{ALBW}}
[[File:ALBW Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class=year>TBD</span>
[[Zelda Wii U]]
[[File:Zelda WiiU Tile.png|link=]]
</div>
</div>
 
 
|content2=
<div class=remakes><!--*************** REMAKES ***************
 
--><div class="game twoline">
<span class=year>1998</span>
{{LADX}}
[[File:LADX Tile.png|link=]]
</div><!--
 
--><div class="game twoline">
<span class=year>2002</span>
{{ALttP&FS}}
[[File:ALttP&FS Tile.png|link=]]
</div><!--
 
--><div class="game twoline">
<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 twoline">
<span class=year>2011</span>
{{FSAE}}
[[File:FSAE Tile.png|link=]]
</div><!--
 
--><div class="game twoline">
<span class=year>2013</span>
[[The Legend of Zelda: The Wind Waker HD|The Wind Waker<br>HD]] <!-- DON'T CHANGE THIS. The text wraps to two lines on some platforms and not on others. This is forcing it to two lines so the code doesn't break. -->
[[File:TWWHD Tile.png|link=]]
</div><!--
 
--><div class="game">
<span class=year>2015</span>
{{MM3D}}
[[File:MM3D Tile.png|link=]]
</div>
</div>
 
|content3=
<div class=spin-offs><!--*************** SPIN-OFFS ***************
 
--><div class="game">
<span class="year">2014</span>
{{HW}}
[[File:HW Tile.png|link=]]
</div><!--
 
--><div class="game twoline">
<span class="year">2007</span>
{{LCT}}
[[File:LCT Tile.png|link=]]
</div><!--
 
--><div class="game twoline">
<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 twoline">
<span class="year">2009 [[File:JPflag.png|x12px|link=|Japan only]]</span>
{{TBToL}}
[[File:TBToL Tile.png|link=]]
</div><!--
 
--><div class="game twoline">
<span class="year">2007 [[File:JPflag.png|x12px|link=|Japan only]]</span>
{{TBF}}
[[File:TBF Tile.png|link=]]
</div><!--
 
--><div class="game twoline">
<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 twoline">
<span class="year">1997 [[File:JPflag.png|x12px|link=|Japan only]]</span>
{{AST}}
[[File:AST Tile.png|link=]]
</div><!--
 
--><div class="game twoline">
<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 twoline">
<span class="year">1993</span>
{{TWoG}}
[[File:TWoG Tile.png|link=]]
</div><!--
 
--><div class="game twoline">
<span class="year">1993</span>
{{FoE}}
[[File:FoE Tile.png|link=]]
</div>
</div>
}}
</div>
 
<div class=categories>
==[[:Category:Zelda|Categories]]==
[[File:MainPage Bosses MM3D.png|link=Category:Bosses]]
[[File:MainPage Characters MM3D.png|link=Category:Characters]]
[[File:MainPage Dungeons MM3D.png|link=Category:Dungeons]]
[[File:MainPage Enemies MM3D.png|link=Category:Enemies]]
[[File:MainPage Events MM3D.png|link=Category:Events]]
[[File:MainPage Items MM3D.png|link=Category:Items]]
[[File:MainPage Locations MM3D.png|link=Category:Places]]
[[File:MainPage Merchandise MM3D.png|link=Category:Merchandise]]
[[File:MainPage Mini Games MM3D.png|link=Category:Minigames]]
[[File:MainPage Races MM3D.png|link=Category:Races]]
[[File:MainPage Side Quests MM3D.png|link=Category:Sidequests]]
[[File:MainPage Songs MM3D.png|link=Category:Songs]]
 
[[File:MainPage Listings MM3D.png|center|link=Category:Listings]]
----
</div><!--
 
-->{{#vardefine:infoblock-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>}}<!--
 
-->{{#vardefine:infoblock-dyk|
<span class="infoblock-header">Did You Know...</span>
{{DYK/A}}
{{DYK/B}}
{{DYK/C}}
}}
}}
{| class="infoblocks largeres"
<center>
| class="infoblock-news" |
{{Main Page Search}}
{{#var:infoblock-news}}
{{Main Page Games}}
| class="infoblock-separator" |
{{Main Page Categories}}
| class="infoblock-dyk" |
{{Main Page Infoblocks}}
{{#var:infoblock-dyk}}
</center>
|}
{| class="infoblocks lowres"
| class="infoblock-news" |
{{#var:infoblock-news}}
|-
| class="infoblock-separator" |
|-
| class="infoblock-dyk" |
{{#var:infoblock-dyk}}
|}
<div class=niwabar>
{{NIWAnav}}
</div>
</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.
*/
.largeres, .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;}  .lowres {display:none} .largeres {display:block} .spin-off-logo, .empty-tile {display:inline-block} }
@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:30px 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:100%;
display:inline-block;
font-style:normal;
color:white;
padding-top:48px;
padding-bottom:48px;
position:absolute;
text-align:center;
line-height:29px;
font-size:25px;
text-decoration:none;
background-color:rgba(0,0,0, 0.6);
clip:rect(0px,230px,125px,0px);
}
 
.twoline a {
padding-top:34px;
padding-bottom:33px;
}
 
.game a:hover {
background-color:rgba(0,0,0, 0.3);
}
 
.game-container{
margin:50px auto 0;
}
 
.main-series, .remakes {
margin:0 auto;
 
display: -webkit-flex; /* Safari */
-webkit-flex-flow: row-reverse wrap-reverse; /* Safari 6.1+ */
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 #################### */
 
.infoblocks{
margin:50px auto 0;
}
 
.infoblocks td {
text-align: left;
padding: 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-news {width:39%}
.infoblock-news dl{display:none;} /* Removes the main text from the announcements (otherwise the block is too bulky) */
 
.infoblock-separator  {
width:1%;
background:transparent !important;
}
 
.infoblock-dyk {width:60%}
 
.infoblock-news ul li {margin-bottom: 10px;}
.infoblock-dyk ul li {margin-bottom: 20px;}
 
 
/* #################### NIWA NAV #################### */


#NIWAnav {
[[Category:Zelda Wiki]]
margin:30px auto 0;
border:none;
border-radius:2px;
}


#NIWAnav .cell {width:175px; border-radius:5px}
[[de:]]
</css>
Retrieved from "https://zeldawiki.wiki/wiki/Special:MobileDiff/440596...965840"

Navigation menu