MediaWiki:Mobile.css

/* Aus wikipedia kopiert
 * Das folgende CSS wird für alle Nutzer der Mobilen Version geladen.
 * Die [[MediaWiki:Common.css]] steht in der Mobilen Version nicht zur
 * Verfügung, weshalb sich einiges von dort hier wiederholt.
 * Sofern sinnvoll, sollten aber eigene Definitionen genutzt werden.
 * Derzeit (Mai 2016) wird diese Datei aus Performancegründen erst am Seitenende
 * geladen. Deshalb führen Definitionen, die die Dimensionen oder Positionen von
 * Boxen betreffen, zu einem „flash of unstyled content“, vgl. [[phab:T126137]].
 * Es ist vorgesehen, dieses Problem durch „echtes“ CSS in Vorlagen zu lösen,
 * vgl. [[phab:T483]].
 */

/* Klassen für die Ausrichtung von Bausteinen, Tabellen, ... */

/* @noflip */
div.float-left,
table.float-left,
ul.float-left,
.float-left {
	clear: left;
	float: left;
	margin: 1em 1em 1em 0;
}
/* @noflip */
div.float-right,
table.float-right,
ul.float-right,
.float-right {
	clear: right;
	float: right;
	margin: 1em 0 1em 1em;
}
div.centered,
table.centered,
ul.centered,
.centered {
	margin-left: auto;
	margin-right: auto;
}

/* Obenbündige Textausrichtung in Tabellen */
.toptextcells > * > * > td {
	vertical-align: top;
}

/* Metadaten, bspw. [[Hilfe:Personendaten|Personendaten]] */
.metadata {
	display: none;
}

/* Skinabhängige absolute Positionierungen ausblenden */
#mw-content-text #coordinates,
#mw-content-text #editcount,
#mw-content-text #shortcut,
body.mw-mf-special #mw-content-text .specialpage-helplink {
	display: none;
}

/* Normdaten im Kasten anzeigen, zur besseren optischen Trennung */
#normdaten {
	border: 1px black solid;
	padding: 1em;
	margin-top: 0.5em;
}
/* Navileisten im Kasten anzeigen, zur besseren optischen Trennung */
.NavFrame {
	border: 1px black solid;
	padding: 1em;
	margin-top: 0.5em;
}
.read-more-container {
   display: none;
}

/*  phab:T270872 workaround */
span.subpages {
    display: block;
}

/* Ausblendung des Links zur Markierung kontrollierter Versionen (patrolled) */
.patrollink {
	display: none;
}

/* Auflösung von Nowraps auf Mobilgeräten (T277201) */
@media 
only screen and (max-width:720px) {
	:not(.mw-highlight) span {
		white-space: initial !important;
	}
	span[style="white-space:nowrap"] > span[style="display:inline-block;width:.2em"] {
		display: inline !important;
	}
}
.portal-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Abstand zwischen den Boxen */
}

/* Stil für die Box */
.portal-box {
    border: 1px solid #a2a9b1;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #f9f9f9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    flex: 1 1 calc(33.333% - 10px); /* Jede Box nimmt ein Drittel der Breite ein, minus Abstand */
    box-sizing: border-box; /* Damit Padding und Border in der Breite mit einberechnet werden */
}
/* Stil für die Überschrift der Box */
.portal-box h2 {
    background-color: #d0e4f7;
    color: #000000;  /* Schwarz */
    font-weight: bold;  /* Fett gedruckt */
    margin: -10px -10px 10px -10px;
    padding: 5px 10px;
    font-size: 1.2em;
    border-bottom: 1px solid #a2a9b1;
}

/* Inhaltsverzeichnis für Seiten mit der Klasse 'no-toc' ausblenden */
.no-toc .toc {
    display: none;
}