User:Youyue/vector.css

{{#description2:The #1 community wiki resource for Noita, the magical action rogue-lite set in a world where every pixel is physically simulated. Check out info on Magic, Enemies, Biomes, Items, Guides, and more!}}
<!-- This is a responsive front page design that adapts to the available width 
     of the browser by showing content in 1, 2, or 3 columns.

     This is done by dividing the main content of the page into four numbered sections.
     When the window is narrow, as on low-res displays, the content is displayed in a
     single column in order: 1, 2, 3, 4

     When the window is medium, as on medium-res displays, there are two columns.
     Section 1 and 2 are on top with 1 on the left and 2 on the right. 
     Sections 3 and 4 are on the bottom with 4 at the left and 3 at the right.

     When the window is wide, as on high-res displays, there are three columns.
     Sections 1 and 4 take up the left column, with section 1 on top.
     Section 2 takes up the middle column.
     Section 3 takes up the right column.

     Or, visually...
       Narrow        Medium         Wide
        |1|          |1| |2|        |1| | | | |
        [2|          |4| |3|        | | |2| |3|
        |3|                         |4| | | | |
        |4|
-->

<div id="fp-3column" class="fp-container">

<div id="fp-1" class="fp-section">
{{/Section 1}}
</div>

<div id="fp-2" class="fp-section">
{{/Section 2}}
</div>

<div id="fp-3" class="fp-section">
{{/Section 3}}
</div>

<div id="fp-4" class="fp-section">
{{/Section 4}}
</div>

</div>

<div class="nomobile" style="text-align: right;"><small>Main page sections: [[/Section 1|1]] &#183; [[/Section 2|2]] &#183; [[/Section 3|3]] &#183; [[/Section 4|4]]. Changes for the main page can be proposed [[Talk:{{SITENAME}}|here]]. </small></div>

[[Category:Noita Wiki| ]]
[[ja:]]
[[tr:]]
[[zh:]]