Main Page: Difference between revisions
mNo edit summary |
m Flexbox test |
||
| Line 29: | Line 29: | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
justify-content: space-between; | justify-content: space-between; | ||
} | |||
.column-grid { | |||
flex-direction: column; | |||
flex-basis: 60%; | |||
height: 800px; | |||
} | } | ||
| Line 47: | Line 53: | ||
#featured-article, #current-events { | #featured-article, #current-events { | ||
flex | flex: 0 0 50%; | ||
height: 400px; | height: 400px; | ||
} | |||
#central-timeline { | |||
flex-basis: 40%; | |||
height: 800px; | |||
} | } | ||
}} | }} | ||
| Line 57: | Line 68: | ||
<div id="continent-map"><div class="header background-basic border-basic" style="width: 550px; margin-bottom: 15px;">Current lore date: '''{{SHINECALENDAR}}'''</div>{{Alathra:Map}}</div> | <div id="continent-map"><div class="header background-basic border-basic" style="width: 550px; margin-bottom: 15px;">Current lore date: '''{{SHINECALENDAR}}'''</div>{{Alathra:Map}}</div> | ||
<!--<div id="navigation"></div>--> | <!--<div id="navigation"></div>--> | ||
<div id="grid-container" class="column-grid"> | |||
<div id="featured-article">{{Alathra:Featured article}}</div> | <div id="featured-article">{{Alathra:Featured article}}</div> | ||
<div id="current-events">{{Alathra:General Content}}</div> | <div id="current-events">{{Alathra:General Content}}</div> | ||
</div> | |||
<div id="central-timeline">{{Alathra:Central timeline}}</div> | |||
</div> | </div> | ||