WickedGov:Main Page/sandbox/styles.css

/* */

/* Further styles are located in MediaWiki:Common.css */

/* Box containing welcome message */

1. mp-topbox, #mp-stats {

clear: both; margin: 0.2em 0; width: 100%; border: 1px solid #a2a9b1; background-color: #f7f7f7; box-sizing: border-box; padding: 0.25em 0.9em; text-align: center; }

/* "Welcome to WickedGov!" */

1. mp-welcome {

font-size: 175%; }

/* "Anyone can edit WickedGov..." */

1. mp-anyone {

font-size: 90%; }

1. mp-column-container {

display: flex; padding: 0; }

/* Featured article and featured news boxes */

1. mp-featuredarticle, #mp-featurednews {

margin:0.2em 0; padding: 0.25em 0.9em; border: 1px solid #a2a9b1; }

1. mp-featuredarticle {

flex: 1 1 55%; float: left; background-color: #eeffee; }

1. mp-featurednews {

flex: 1 1 45%; float: right; background-color: #eeeeff; }

/* Headers for featured article and news boxes */

1. mp-featuredarticle-header, #mp-featurednews-header {

float: none; font-size: 120%; margin-bottom: 0.5em;

}

/* Statistics */

1. mp-stats {

text-align: center; }

/* For smaller screens */ @media screen and (max-width: 768px) { #mp-column-container { display: block; } #mp-featuredarticle, #mp-featurednews { clear: both; float: none; } }