Main Page: Difference between revisions
KokoroSenshi (talk | contribs) m (Inserted css from hydradark.css) |
KokoroSenshi (talk | contribs) m (Removed classes attached to ids;) |
||
Line 117: | Line 117: | ||
{{#css: | {{#css: | ||
.main-page { | .main-page { | ||
font-size: 15px; | |||
margin: 2em auto; | |||
width: 98%; | |||
} | } | ||
#mf-zw-logo img { | #mf-zw-logo img { | ||
max-width: 100%; | |||
height: auto; | |||
} | } | ||
.main-page input { | .main-page input { | ||
max-width: 100%; | |||
} | } | ||
.empty-tile { | .empty-tile { | ||
display: none; | |||
} | } | ||
.spin-off-logo { | .spin-off-logo { | ||
display: block; | |||
} | } | ||
@media screen and (min-width: 950px) { | @media screen and (min-width: 950px) { | ||
.categories { | |||
max-width: 750px; | |||
} | |||
} | } | ||
@media screen and (min-width: 1180px) { | @media screen and (min-width: 1180px) { | ||
.spin-off-logo, | |||
.empty-tile { | |||
display: inline-block; | |||
} | |||
} | } | ||
@media screen and (max-width: 1350px) { | @media screen and (max-width: 1350px) { | ||
#dyk { | |||
margin-top: 2em; | |||
order: 3; | |||
width: 100% !important; | |||
} | |||
#cdm-zone-02 { | |||
order: 2; | |||
} | |||
.infoblock-container { | |||
flex-wrap: wrap; | |||
} | |||
} | } | ||
@media screen and (min-width: 1650px) { | @media screen and (min-width: 1650px) { | ||
.categories, | |||
.main-series { | |||
max-width: 1415px; | |||
} | |||
} | } | ||
@media screen and (min-width: 3000px) { | @media screen and (min-width: 3000px) { | ||
.categories { | |||
max-width: 2750px; | |||
} | |||
} | } | ||
.year { | .year { | ||
bottom: 0.5em; | |||
color: rgba(255, 255, 255, 0.9); | |||
font-size: 12px; | |||
left: 1em; | |||
position: absolute; | |||
z-index: 10; | |||
} | } | ||
.game { | .game { | ||
display: inline-block; | |||
font-size: 0; | |||
margin: 2px; | |||
position: relative; | |||
} | } | ||
.game a { | .game a { | ||
background-color: rgba(0, 0, 0, 0.6); | |||
clip: rect(0px, 230px, 125px, 0px); | |||
color: #ffffff; | |||
display: flex; | |||
flex-direction: column; | |||
font-size: 25px; | |||
font-style: normal; | |||
height: 101%; | |||
justify-content: center; | |||
line-height: 29px; | |||
position: absolute; | |||
text-decoration: none; | |||
width: 100%; | |||
} | } | ||
.game a:hover { | .game a:hover { | ||
background-color: rgba(0, 0, 0, 0.3); | |||
} | } | ||
.game-container { | .game-container { | ||
margin: 0 auto 3em; | |||
} | } | ||
.main-series, | .main-series, | ||
.remakes { | .remakes { | ||
display: flex; | |||
flex-flow: row-reverse wrap-reverse; | |||
justify-content: center; | |||
margin: 0 auto; | |||
} | } | ||
.remakes { | .remakes { | ||
max-width: 1000px; | |||
} | } | ||
.categories { | .categories { | ||
margin: 0 auto; | |||
text-align: center; | |||
} | } | ||
.infoblock-container { | .infoblock-container { | ||
display: flex; | |||
justify-content: center; | |||
margin: 3em auto; | |||
} | } | ||
.infoblock { | .infoblock { | ||
background: #1d578b none repeat scroll 0 0; | |||
border-radius: 5px; | |||
margin: 0 1em; | |||
padding: 1em; | |||
text-align: left; | |||
vertical-align: top; | |||
} | } | ||
.infoblock-header { | .infoblock-header { | ||
display: block; | |||
font-family: "Bowlby One"; | |||
font-size: 3em; | |||
letter-spacing: 1px; | |||
line-height: 1em; | |||
padding: 0 0.5em 0.2em; | |||
text-transform: uppercase; | |||
} | } | ||
#dyk | #dyk { | ||
width: 60%; | |||
} | } | ||
#news | #news { | ||
width: 40%; | |||
} | } | ||
@media screen and (max-width: 768px) { | @media screen and (max-width: 768px) { | ||
#dyk { | |||
width: 100%; | |||
} | |||
#news { | |||
width: 100%; | |||
} | |||
} | } | ||
#news | #news dl { | ||
display: none; | |||
} | } | ||
.infoblock.curse-ad { | .infoblock.curse-ad { | ||
flex-shrink: 0; | |||
} | } | ||
#news | #news ul li { | ||
margin-bottom: 10px; | |||
} | } | ||
#dyk | #dyk ul li { | ||
margin-bottom: 20px; | |||
} | } | ||
/* NIWA nav */ | /* NIWA nav */ | ||
#mf-NIWAnav .high-res { | #mf-NIWAnav .high-res { | ||
display: none; | |||
} | } | ||
@media screen and (min-width: 700px) { | @media screen and (min-width: 700px) { | ||
#mf-NIWAnav .low-res { | |||
display: none; | |||
} | |||
#mf-NIWAnav .high-res { | |||
display: block; | |||
} | |||
} | } | ||
#mf-NIWAnav .low-res img { | #mf-NIWAnav .low-res img { | ||
height: auto; | |||
max-width: 100%; | |||
width: auto; | |||
} | } | ||
#mf-NIWAnav { /*The mf- prefix allows the nav to be included on the mobile main page */ | #mf-NIWAnav { | ||
/*The mf- prefix allows the nav to be included on the mobile main page */ | |||
background: #1d578b; | |||
border: 1px solid #426787; | |||
border-radius: 10px; | |||
box-sizing: border-box; | |||
margin: 0 auto; | |||
max-width: 1400px; | |||
/*Needs to be readjusted when new members are added. */ | |||
padding: 0.5em; | |||
text-align: center; | |||
} | } | ||
#mf-NIWAnav .cell { | #mf-NIWAnav .cell { | ||
background: #17456e; | |||
border: 1px solid #426787; | |||
border-radius: 10px; | |||
display: inline-block; | |||
margin: 3px; | |||
padding: 10px 0; | |||
text-align: center; | |||
width: 165px; | |||
} | } | ||
#mf-NIWAnav .header { | #mf-NIWAnav .header { | ||
font-size: 1.2em; | |||
} | } | ||
}} | }} |
Revision as of 02:23, 16 April 2017
Zelda Wiki is a The 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.
Categories
File:Main Page TP Bosses.png File:Main Page TP Characters.png File:Main Page TP Dungeons.png File:Main Page TP Enemies.png File:Main Page TP Events.png File:Main Page TP Items.png File:Main Page TP Locations.png File:Main Page TP Merchandise.png File:Main Page TP Mini Games.png File:Main Page TP Races.png File:Main Page TP Side Quests.png File:Main Page TP Songs.png
Latest News
- November 4th, 2019: 🕒 Wiki Weekly #25! 🕑
- It's November!
We've listed pages that need some love. Take a look!
- October 24th, 2019: 🎃 Wiki Weekly #24! 👻
- It's Halloween!
We've listed pages that need some love. Take a look!
- September 20th, 2019: 🏝️ Wiki Weekly #23! ⛵
- Link's Awakening for Nintendo Switch just released!
We've listed pages that need updating, think you're up for the task? Take a look!
- September 2nd, 2019: 💤 Wiki Weekly #22! 🛌
- We're less than 3 weeks away from the release of Link's Awakening for Nintendo Switch! Let's contribute on pages related to that! Take a look!
- August 12th, 2019: 🚌 Wiki Weekly #21! 📚
- It's the back to school period! Let's contribute on pages related to that! Take a look!
- July 22nd, 2019: 🐟 Wiki Weekly #20! 🦑
- The sealife of The Legend of Zelda series is pretty diversified, let's contribute on those pages! Take a look!
- May 20th, 2019: 👗 Wiki Weekly #17! 👕
- A bunch of Outfits exist in The Legend of Zelda series, let's contribute on those pages! Take a look!
Did You Know...
- ... that if Link speaks to the Astronomer in the Astral Observatory while wearing Kafei's Mask, he will mention that Kafei was a member of the Bombers when he was young?
- ... that the Gnarled Root Dungeon somewhat resembles the Eagle Labyrinth from the original The Legend of Zelda in terms of location, layout, and Boss?
- ... that the original The Legend of Zelda (Mishouzaki), authored by Yuu Mishouzaki, is the only Nintendo-related source that indicates that Link is part Elf?
{{#css:
.main-page {
font-size: 15px; margin: 2em auto; width: 98%;
}
- mf-zw-logo img {
max-width: 100%; height: auto;
}
.main-page input {
max-width: 100%;
}
.empty-tile {
display: none;
}
.spin-off-logo {
display: block;
}
@media screen and (min-width: 950px) {
.categories { max-width: 750px; }
}
@media screen and (min-width: 1180px) {
.spin-off-logo, .empty-tile { display: inline-block; }
}
@media screen and (max-width: 1350px) {
#dyk { margin-top: 2em; order: 3; width: 100% !important; } #cdm-zone-02 { order: 2; } .infoblock-container { flex-wrap: wrap; }
}
@media screen and (min-width: 1650px) {
.categories, .main-series { max-width: 1415px; }
}
@media screen and (min-width: 3000px) {
.categories { max-width: 2750px; }
}
.year {
bottom: 0.5em; color: rgba(255, 255, 255, 0.9); font-size: 12px; left: 1em; position: absolute; z-index: 10;
}
.game {
display: inline-block; font-size: 0; margin: 2px; position: relative;
}
.game a {
background-color: rgba(0, 0, 0, 0.6); clip: rect(0px, 230px, 125px, 0px); color: #ffffff; display: flex; flex-direction: column; font-size: 25px; font-style: normal; height: 101%; justify-content: center; line-height: 29px; position: absolute; text-decoration: none; width: 100%;
}
.game a:hover {
background-color: rgba(0, 0, 0, 0.3);
}
.game-container {
margin: 0 auto 3em;
}
.main-series, .remakes {
display: flex; flex-flow: row-reverse wrap-reverse; justify-content: center; margin: 0 auto;
}
.remakes {
max-width: 1000px;
}
.categories {
margin: 0 auto; text-align: center;
}
.infoblock-container {
display: flex; justify-content: center; margin: 3em auto;
}
.infoblock {
background: #1d578b none repeat scroll 0 0; border-radius: 5px; margin: 0 1em; padding: 1em; text-align: left; vertical-align: top;
}
.infoblock-header {
display: block; font-family: "Bowlby One"; font-size: 3em; letter-spacing: 1px; line-height: 1em; padding: 0 0.5em 0.2em; text-transform: uppercase;
}
- dyk {
width: 60%;
}
- news {
width: 40%;
}
@media screen and (max-width: 768px) {
#dyk { width: 100%; } #news { width: 100%; }
}
- news dl {
display: none;
}
.infoblock.curse-ad {
flex-shrink: 0;
}
- news ul li {
margin-bottom: 10px;
}
- dyk ul li {
margin-bottom: 20px;
}
/* NIWA nav */
- mf-NIWAnav .high-res {
display: none;
}
@media screen and (min-width: 700px) {
#mf-NIWAnav .low-res { display: none; } #mf-NIWAnav .high-res { display: block; }
}
- mf-NIWAnav .low-res img {
height: auto; max-width: 100%; width: auto;
}
- mf-NIWAnav {
/*The mf- prefix allows the nav to be included on the mobile main page */ background: #1d578b; border: 1px solid #426787; border-radius: 10px; box-sizing: border-box; margin: 0 auto; max-width: 1400px; /*Needs to be readjusted when new members are added. */ padding: 0.5em; text-align: center;
}
- mf-NIWAnav .cell {
background: #17456e; border: 1px solid #426787; border-radius: 10px; display: inline-block; margin: 3px; padding: 10px 0; text-align: center; width: 165px;
}
- mf-NIWAnav .header {
font-size: 1.2em;
}
}}