WickedGov:Main Page/sandbox/styles.css

/* __NOINDEX__ */

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

/* Box containing welcome message */
#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!" */
#mp-welcome {
	font-size: 175%;
}

/* "Anyone can edit WickedGov..." */
#mp-anyone {
	font-size: 90%;
}

#mp-column-container {
	display: flex;
	padding: 0;
}

/* Featured article and featured news boxes */
#mp-featuredarticle, #mp-featurednews {
	margin:0.2em 0;
	padding: 0.25em 0.9em;
	border: 1px solid #a2a9b1;
}
#mp-featuredarticle {
	flex: 1 1 55%;
	float: left;
	background-color: #eeffee;
}
#mp-featurednews {
	flex: 1 1 45%;
	float: right;
	background-color: #eeeeff;
}

/* Headers for featured article and news boxes */
#mp-featuredarticle-header, #mp-featurednews-header {
		float: none;
		font-size: 120%;
		margin-bottom: 0.5em;

}

/* Statistics */
#mp-stats {
	text-align: center;
}

/* For smaller screens */
@media screen and (max-width: 768px) {
	#mp-column-container {
		display: block;
	}
	#mp-featuredarticle,
	#mp-featurednews,
	#mp-topbox,
	#mp-stats {
		clear: both;
		float: none;
		padding: 0;
		border: 0;
		background-color: inherit;
	}
	#mp-featuredarticle-header,
	#mp-featurednews-header {
		text-align: center;
	}
	#mp-content {
		clear: both;
		margin: 0.2em 0;
		width: 100%;
		border: 1px solid #a2a9b1;
		background-color: #f7f7f7;
		box-sizing: border-box;
		padding: 0.25em 0.9em;
	}
}