Changes

Jump to: navigation, search

Main Page

No change in size, 30 March
m
Since the intro text keeps growing, change the flex weighting so that Intro gets growth preference, while Featured will shrink faster if necessary. End result: Intro gets to fill more of the available desktop width. (No visible change on mobile.)
<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 1 20rem25rem; 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 1 25rem; 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 1 25rem; 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 1 20rem25rem; 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