Vorlage:Tile/styles.css - Versionsgeschichte

Hannes: Hannes änderte das Inhaltsmodell der Seite Vorlage:Tile/styles.css von „Wikitext“ nach „Bereinigtes CSS“

2021-03-22T13:00:41Z

Hannes änderte das Inhaltsmodell der Seite Vorlage:Tile/styles.css von „Wikitext“ nach „Bereinigtes CSS“

Hannes am 22. März 2021 um 12:45 Uhr

2021-03-22T12:45:17Z

Hannes: Die Seite wurde neu angelegt: „.nmbox { clear: both; background: #f8f9fa; border: 1px solid #AAA; box-sizing: border-box; margin: 2px 0; padding: 0; } .nmbox * { box-sizing: border-bo…“

2021-03-22T12:32:32Z

Die Seite wurde neu angelegt: „.nmbox { clear: both; background: #f8f9fa; border: 1px solid #AAA; box-sizing: border-box; margin: 2px 0; padding: 0; } .nmbox * { box-sizing: border-bo…“

Neue Seite

.nmbox {
clear: both;
background: #f8f9fa;
border: 1px solid #AAA;
box-sizing: border-box;
margin: 2px 0;
padding: 0;
}
.nmbox * {
box-sizing: border-box;
}
.nmbox-header {
background: #eaecf0;
padding: 4px 0.5em;
font-weight: bold;
text-align: center;
white-space: nowrap
}
.nmbox .mbox-image {
display: inline-block;
padding-right: 1em;
}
.nmbox-text {
border-top: 1px solid #AAA;
width: 100%;
padding: 4px 0.5em;
}
@media screen and (min-width: 768px) {
.nmbox-header {
display: table-cell;
border-right: 1px solid #AAA;
width: 1%;
}
.nmbox-text {
border-top: none;
display: table-cell;
}
}

@@ Zeile 1: / Zeile 1: @@
-.nmbox {
+/* CSS used for https://www.mediawiki.org/wiki/MediaWiki/Homepage_improvements_2018 : */
-	clear: both;
+.mainpage_row {
-	background: #f8f9fa;
+	display: flex;
-	border: 1px solid #AAA;
+	flex-direction: row;
-	box-sizing: border-box;
+	flex-flow: row wrap;
-	margin: 2px 0;
+	justify-content: space-between;
 	padding: 0;
+}
-.nmbox * {
+.mainpage_box {
-	box-sizing: border-box;
+	flex: 1;
+}
-.nmbox-header {
+.mainpage_box h3 {
-	background: #eaecf0;
+	/* Reset padding so is equal across skins */
-	padding: 4px 0.5em;
+	padding-right: 0;
-	font-weight: bold;
+	padding-top: 0;
-	text-align: center;
+	padding-bottom: 0;
-	white-space: nowrap
+	/* Padding left gets overridden by headanchor gadget */
+}
-.nmbox .mbox-image {
+/* Set padding left only if headanchor gadget is not enabled */
-	display: inline-block;
+.mainpage_box h3:not(.tpl-vheadanchor-heading) {
-	padding-right: 1em;
+	padding-left: 0;
+}
-.nmbox-text {
+.mainpage_box h3 .header_icon {
-	border-top: 1px solid #AAA;
+	float: left;
-	width: 100%;
+	margin-right: 5px;
+}
-@media screen and (min-width: 768px) {
+.mainpage_box .items {
-	.nmbox-header {
+	border-top: 1px solid #CCC;
-		display: table-cell;
+	padding-top: 0.5em;
-		border-right: 1px solid #AAA;
-		width: 1%;
+.mainpage_box p:last-child {
+	}
-	.nmbox-text {
+	.thumb, .thumbinner {
-		border-top: none;
+		margin-left: auto;
-		display: table-cell;
+		margin-right: auto;
+	}
+}