Main Page

__NOCACHE__ <htmlet>main-page font</htmlet>

 

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

Learn how you can become a part of the Zelda Wiki community.

Template:Tab2

Categories

File:MainPage Listings MM3D.png

---

Latest News Announcement archives

Did You Know... ... that the Dapper Spinner takes at least 12 real days to obtain? ... that Malo and Talo have almost identical names to Malon and Talon? ... that in Spirit Tracks, Chancellor Cole's name in Spain is Makivelo, a reference to Niccolò Machiavelli, who in his political treatise The Prince, described ruthless and unscrupulous rulers?

Latest News Announcement archives

Did You Know... ... that the Dapper Spinner takes at least 12 real days to obtain? ... that Malo and Talo have almost identical names to Malon and Talon? ... that in Spirit Tracks, Chancellor Cole's name in Spain is Makivelo, a reference to Niccolò Machiavelli, who in his political treatise The Prince, described ruthless and unscrupulous rulers?

Template:NIWAnav

<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;} }

1. 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; }

1. 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. -Webkit- vendor prefix is for Safari compatibility. Flexboxes are not compatible with IE 10 and lower. */ display: -webkit-flex; -webkit-justify-content:center; -webkit-flex-direction:column;

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: -webkit-flex; /* Safari */ -webkit-flex-flow: row-reverse wrap-reverse; /* Safari 6.1+ */ -webkit-justify-content:center;

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 #################### */

1. NIWAnav {

margin:30px auto 0; border:none; border-radius:2px; }

1. NIWAnav .cell {

 width:12em; 
 border-radius:5px; 

} </css>