MediaWiki:Common.css

Aus DiPlanung

Hinweis: Leere nach dem Speichern den Browser-Cache, um die Änderungen sehen zu können.

  • Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
  • Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
  • Internet Explorer: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
  • Opera: Gehe zu Menü → Einstellungen (Opera → Einstellungen auf dem Mac) und dann auf Datenschutz & Sicherheit → Browserdaten löschen → Gespeicherte Bilder und Dateien.
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content dt, #p-logo-text a {
  font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
}
#p-logo-text a {font-variant: normal;}

/* Styles für Teaser-Tabellen Startseite */

.teaser-wrapper-table {
	max-width: 1200px;
	border-collapse: separate;
 	border-spacing: .5em;
}

.teaser-wrapper-table > tbody > tr > th,
.teaser-wrapper-table > tbody > tr > td {
	padding: 0 .5em 1em;
	vertical-align: top;
	border: 1px solid #a2a9b1;
}

.teaser-table {
	margin: 0 !important;
	border: none !important;
 	background: none !important;
	hyphens: auto;
	height: 100%;
}

.teaser-table th {
	border: none !important;
	border-bottom: 1px solid #a2a9b1;
	padding: 0 !important;
	margin: .5em;
}

.teaser-table td {
	border: none !important;
	padding: 0 !important;
	margin: .5em;
}

@media (max-width:600px) {
	.teaser-wrapper-table {
		 display: block;
		 width: 100%;
		 padding: 0;
		 border: none;
		 background: none;
		 margin-bottom: 1em;
	}
	.teaser-wrapper-table thead,
	.teaser-wrapper-table tbody,
	.teaser-wrapper-table tr {
		 display: contents;
	}
	.teaser-wrapper-table th,
	.teaser-wrapper-table td {
		display: block;
		width: 100% !important;
		box-sizing: border-box;
		margin: 0;
	}
	.teaser-wrapper-table tr:last-child th,
	.teaser-wrapper-table tr:last-child td {
		margin-bottom: 1em;
	}
	.teaser-wrapper-table tr:last-child:not(:first-child) th,
	.teaser-wrapper-table tr:last-child:not(:first-child) td {
		border-top: none;
	}
}