Difference between revisions of "User:Samuel.Burke/sandbox"

Revision as of 13:04, 18 June 2020

@media screen and (max-width: 719px) { .thumb { float: none; } .thumb, .thumbinner { margin-left: auto; margin-right: auto; } } </style>

Cannot find the answer to a problem with MediaWiki? Ask the Support desk!
Get involved as a translator, designer, documentation writer, tester, tech ambassador, …
Template:Ll

@@ Line 1: / Line 1: @@
-<templatestyles src="Template:Main_page/styles.css" />
+<style>
+/* CSS used for https://www.mediawiki.org/wiki/MediaWiki/Homepage_improvements_2018 : */
+.mainpage_row {
+	display: flex;
+	flex-direction: row;
+	flex-flow: row wrap;
+	justify-content: space-between;
+	padding: 0;
+	margin: 0 -5px 0 -5px;
+}
+.mainpage_box {
+	flex: 1;
+	margin: 5px;
+	min-width: 210px;
+	border: 1px solid #CCC;
+	padding: 0 10px 10px 10px;
+	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
+}
+.mainpage_box h3 {
+	/* Reset padding so is equal across skins */
+	padding: 0;
+	margin: 0.5em 0;
+}
+.mainpage_box h3 .header_icon {
+	float: left;
+	margin-right: 5px;
+}
+.mainpage_box .items {
+	border-top: 1px solid #CCC;
+	padding-top: 0.5em;
+}
+.mainpage_box p:last-child {
+	margin-bottom: 0;
+}
+.mainpage_boxcontents_small {
+	font-size: 95%;
+}
+/* Style the "other languages" box the same way as other boxes on the main page */
+.mw-pt-languages {
+	display: block;
+	background: none;
+	border: 1px solid #CCC;
+	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
+	width: auto;
+}
+.mw-pt-languages-label {
+	background: none;
+	border-right: none;
+}
+@media screen and (max-width: 719px) {
+	.thumb {
+		float: none;
+	}
+	.thumb, .thumbinner {
+		margin-left: auto;
+		margin-right: auto;
+	}
+}
+</style>
 <div id="audiences" class="mainpage_row">