Template:MainPage-WikiSections: Difference between revisions

From MiiWiki
Jump to navigationJump to search
mNo edit summary
m (simplifying code by actually using the class and modifying to cap at 2 columns on mobile)
 
Line 1: Line 1:
<div style="background: linear-gradient(#fff, #d5f5f5); border-radius: 15px; display: flex; flex-wrap: wrap; gap: 5px; padding: 5px">
{{#css:
.wikiGameBox{background: linear-gradient(#fff, #dedede); border: 2px solid #62b4dc; border-radius: 20px; text-align: center; padding: 5px; display: flex; flex-flow: column; flex:min-content}
@media screen and (max-width:550px){
  .wikiGameBox{flex:35%}
} }}<div style="background: linear-gradient(#fff, #d5f5f5); border-radius: 15px; display: flex; flex-wrap: wrap; gap: 5px; padding: 5px">


<div style="flex-grow: 1">
<div style="flex-grow: 1">
Line 5: Line 9:
<div style="display: flex; gap: 5px; flex-grow: 1; flex-wrap: wrap; min-height: 202px">
<div style="display: flex; gap: 5px; flex-grow: 1; flex-wrap: wrap; min-height: 202px">


<div class="wikiGameBox" style="background: linear-gradient(#fff, #dedede); border: 2px solid #62b4dc; border-radius: 20px; text-align: center; padding: 5px; display: flex; flex-flow: column; justify-content: space-between; flex: 1">
<div class="wikiGameBox" style="justify-content: space-between; ">
<div>[[File:MT Mage artwork.png|x150px|link=Miitopia]]</div>
<div>[[File:MT Mage artwork.png|x150px|link=Miitopia]]</div>
<div>'''''[[Miitopia]]'''''</div>
<div>'''''[[Miitopia]]'''''</div>
</div>
</div>
<div class="wikiGameBox" style="background: linear-gradient(#fff, #dedede); border: 2px solid #62b4dc; border-radius: 20px; text-align: center; padding: 5px; display: flex; flex-flow: column; justify-content: space-between; flex: 1">
<div class="wikiGameBox" style="justify-content: space-between; ">
<div>[[File:TC Mii Barrel artwork.png|x150px|link=Tomodachi (series)]]</div>
<div>[[File:TC Mii Barrel artwork.png|x150px|link=Tomodachi (series)]]</div>
<div>'''[[Tomodachi (series)|''Tomodachi'' series]]'''</div>
<div>'''[[Tomodachi (series)|''Tomodachi'' series]]'''</div>
</div>
</div>
<div class="wikiGameBox" style="background: linear-gradient(#fff, #dedede); border: 2px solid #62b4dc; border-radius: 20px; text-align: center; padding: 5px; display: flex; flex-flow: column; justify-content: space-between; flex: 1">
<div class="wikiGameBox" style="justify-content: space-between; ">
<div>[[File:SSBU Wii Fit Trainer artwork.png|x150px|link=Wii series]]</div>
<div>[[File:SSBU Wii Fit Trainer artwork.png|x150px|link=Wii series]]</div>
<div>'''[[Wii series|''Wii'' series]]'''</div>
<div>'''[[Wii series|''Wii'' series]]'''</div>
</div>
</div>
<div class="wikiGameBox" style="background: linear-gradient(#fff, #dedede); border: 2px solid #62b4dc; border-radius: 20px; text-align: center; padding: 5px; display: flex; flex-flow: column; justify-content: center; flex: 1">
<div class="wikiGameBox" style="justify-content: center; ">
<div>[[File:Button switch start.svg|x50px|link=:category:Games|class=dark-image]]</div>
<div>[[File:Button switch start.svg|x50px|link=:category:Games|class=dark-image]]</div>
<div>'''[[:category:Games|More&nbsp;games]]'''</div>
<div>'''[[:category:Games|More&nbsp;games]]'''</div>
Line 28: Line 32:
<div style="display: flex; gap: 5px; flex-grow: 1; flex-wrap: wrap; min-height: 202px">
<div style="display: flex; gap: 5px; flex-grow: 1; flex-wrap: wrap; min-height: 202px">


<div class="wikiGameBox" style="background: linear-gradient(#fff, #dedede); border: 2px solid #62b4dc; border-radius: 20px; text-align: center; padding: 5px; display: flex; flex-flow: column; justify-content: space-between; flex: 1">
<div class="wikiGameBox" style="justify-content: space-between; ">
<div>[[File:Nintendo DS photo no BG.png|x150px|link=DS family]]</div>
<div>[[File:Nintendo DS photo no BG.png|x150px|link=DS family]]</div>
<div>'''[[DS family]]'''</div>
<div>'''[[DS family]]'''</div>
</div>
</div>
<div class="wikiGameBox" style="background: linear-gradient(#fff, #dedede); border: 2px solid #62b4dc; border-radius: 20px; text-align: center; padding: 5px; display: flex; flex-flow: column; justify-content: space-between; flex: 1">
<div class="wikiGameBox" style="justify-content: space-between; ">
<div>[[File:Wii photograph.png|x150px|link=Wii family]]</div>
<div>[[File:Wii photograph.png|x150px|link=Wii family]]</div>
<div>'''[[Wii family]]'''</div>
<div>'''[[Wii family]]'''</div>
</div>
</div>
<div class="wikiGameBox" style="background: linear-gradient(#fff, #dedede); border: 2px solid #62b4dc; border-radius: 20px; text-align: center; padding: 5px; display: flex; flex-flow: column; justify-content: space-between; flex: 1">
<div class="wikiGameBox" style="justify-content: space-between; ">
<div>[[File:Nintendo Switch Console.png|x150px|link=Nintendo Switch]]</div>
<div>[[File:Nintendo Switch Console.png|x150px|link=Nintendo Switch]]</div>
<div>'''[[Nintendo Switch]]'''</div>
<div>'''[[Nintendo Switch]]'''</div>

Latest revision as of 12:08, 29 June 2024