Portal:Budapest/styles

CSS

.portbud-untereinander {
	display: flex;
}

.portbud-spalten {
	vertical-align: top;
}
    div.portbud-spalten .plainlinks a.external, div.portbud-spalten .plainlinks a.external:hover {color:#ffffff}
    div.portbud-spalten .plainlinks a.external:visited{color:#dddddd}

/*
Mobilgeräte
*/
@media
only screen and (max-width: 720px) {

	.portbud-untereinander {
		display: block;
		clear: right;
	}
	.portbud-spalten {
		width: 100% !important;
		margin: 0 !important;
	}
	.portbud-spalten > div {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
}

Kopiervorlage

<templatestyles src="Portal:Budapest/styles.css" />

Die Styles dienen dazu, Portalseiten aus dem Portal Budapest für Nutzer aller Displaygrößen brauchbar darstellen zu können.

Klassen für Elemente

portbud-untereinander: Element wird als Flexbox formatiert und auf Mobilgeräten in ein block-Element umgewandelt.
portbud-spalten: Element wird auf Mobilgeräten mit 100 % Breite dargestellt.