MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus DiPlanung

 
(2 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 10: Zeile 10:
 
max-width: 1200px;
 
max-width: 1200px;
 
border-collapse: separate;
 
border-collapse: separate;
  border-spacing: .5em .75em;
+
  border-spacing: .5em;
 
}
 
}
  
Zeile 41: Zeile 41:
 
}
 
}
  
@media (max-width:600px) {
+
@media (max-width:979px) {
 
.teaser-wrapper-table {
 
.teaser-wrapper-table {
 
display: block;
 
display: block;

Aktuelle Version vom 11. Februar 2026, 13:23 Uhr

/* 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 {
	margin: 0;
	padding: 0;
	vertical-align: top;
	border: 1px solid #a2a9b1;
}

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

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

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

@media (max-width:979px) {
	.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;
	}
}