Alathra:Navigation: Difference between revisions

m CSS test
No edit summary
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{#css:
{{#css:
   #nav {
   #nav {
     height: 550px;
     height: auto;
     width: auto;
     width: auto;
     display: flex;
     display: flex;
     flex-direction: column;
     justify-content: center;
  }
 
  #nav-row {
    margin-bottom: 30px;
    width: 100%;
    display: flex;
     flex-direction: row;
     flex-direction: row;
    flex-wrap: wrap;
     gap: 30px;
     gap: 30px;
   }
   }
Line 17: Line 12:
}}
}}
<div id="nav">
<div id="nav">
<div id="nav-row">
{{Navcard
|link=[[Nations]]
|text=Nations
}}
{{Navcard
|link=[[Towns]]
|text=Towns
}}
</div>
<div id="nav-row">
{{Navcard
{{Navcard
|image=Reading guides.png
|image=Reading guides.png
Line 35: Line 19:
{{Navcard
{{Navcard
|image=History category.png
|image=History category.png
|link=[[History]]
|link=[[Alathra:Under Work]]
|text=History
|text=History
}}
}}
</div>
{{Navcard
<div id="nav-row">
|image = Nation banners.png
|link=[[Alathra:Under Work]]
|text=Nations
}}
{{Navcard
|image = Outpost castle.png
|link=[[Alathra:Under Work]]
|text=Towns
}}
{{Navcard
{{Navcard
|image=Universe category.png
|image=Universe category.png
|link=[[Universe]]
|link=[[Alathra:Under Work]]
|text=Universe
|text=Universe
}}
}}
{{Navcard
{{Navcard
|image=Cartography category.png
|image=Cartography category.png
|link=[[Cartography]]
|link=[[Alathra:Under Work]]
|text=Cartography
|text=Cartography
}}
}}
</div>
</div>
</div>