Changes

Jump to: navigation, search

Main Page

No change in size, 31 March
Whoops, when I rebalanced the columns I hadn't intended to force their combined width so high. Reduce to 22em+20em, so stacking won't trigger util the page is narrower
<div class="mp-left" style="width: 100%; box-sizing: border-box; margin: 0; display: flex; flex-flow: row-reverse wrap;">
<!-- INTRO TEXT -->
<div style="margin: 0.1rem; padding: 0; border:1px solid #99c2e6; background: #ecf3f9; vertical-align: baseline; flex: 3 1 25rem20rem; box-sizing: border-box;">
<h2 class="mp-tfa-h2" style="margin:0; padding:0.2em 0.5em; background:#99c2e6; border:none; font-size:120%; font-weight:bold; text-align:left; color:#000; box-sizing: border-box;">Introduction to the GodWiki&ensp;</h2>
<div style="padding:0 0.5rem;">{{mainpageintro}}</div>
</div>
<!-- FEATURED ARTICLE -->
<div style="margin: 0.1rem; padding: 0; display: block; background:#ecfce9; border: 1px solid #aadf9f; vertical-align: baseline; flex: 1 2 25rem22rem; box-sizing:border-box;">
<h2 class="mp-tfa-h2" style="margin:0; padding: 0.2rem 0.5rem; background:#aadf9f; border:none; font-size:120%; font-weight:bold; text-align:left; color:#000; width: 100%; box-sizing: border-box;">Featured Article&ensp;</h2>
<div style="padding:0 0.5rem;">
<div class="mp-left" style="width: 100%; box-sizing: border-box; margin: 0; display: flex; flex-flow: row wrap;">
<!-- DID YOU KNOW -->
<div style="margin: 0.1rem; padding: 0; background:#fcf2e9; border: 1px solid #f5cca3; vertical-align: baseline; flex: 1 2 25rem22rem; box-sizing:border-box;">
<h2 class="mp-tfa-h2" style="margin:0; padding:0.2rem 0.5rem; background:#f5cca3; border:none; font-size:120%; font-weight:bold; text-align:left; color:#000; width: 100%; box-sizing: border-box;">Did you know...&ensp;</h2>
<div style="padding:0 0.5rem;">{{didyouknow}}</div>
</div>
<!-- RANDOM IMAGE -->
<div style="margin: 0.1rem; padding:0; border:1px solid #ddcef2; background:#f4f1f8; vertical-align: baseline; flex: 3 1 25rem20rem; box-sizing: border-box;">
<h2 class="mp-tfa-h2" style="margin:0; padding:0.2rem 0.5rem; background:#ddcef2; border:none; font-size:120%; font-weight:bold; text-align:left; color:#000; box-sizing: border-box;">Random Image&ensp;</h2>
<div style="padding-top:0.5rem;"><randomimage size="250" float="center">&nbsp;</randomimage></div></div>
3,376
edits

Navigation menu