Portal:Computerspiele/styles

[Verwendung]   [CSS bearbeiten]

Diese Seite dokumentiert TemplateStyles betreffend Portal:Computerspiele.

CSS

h1, h2{
    font-family: sans-serif;
	font-weight: bold;
}

h1, h2, div.mw-heading2{
	overflow: visible;
}

h1 {
	font-size: 18px;
}

h2 {
    font-size: 16px !important;
}

#pcomputerspiele-spalten-container {
	display: flex;
	justify-content: space-between;
}

.mw-heading2{
	padding-bottom: 0;
}

.pcomputerspiele-responsive-einspaltigkeit {
	width: 48%; /* Fallback */
	width: calc(50% - 2.5em);
}

.pcomputerspiele-responsive-einspaltigkeit > div {
	padding: 0.1em;
}

.pcomputerspiele-responsive-einspaltigkeit .sidepadding {
	padding: 0 6px;
}

.pcomputerspiele-responsive-einspaltigkeit .sidepadding figure.mw-halign-right img {
	padding-top: 10%;
}


.pcomputerspiele-responsive-einspaltigkeit .center {
	text-align: center;
}

.pcomputerspiele-responsive-einspaltigkeit figure.mw-halign-right img{
	padding-top: 40%;
}

@media screen and (max-width: 1200px) {
	#pcomputerspiele-spalten-container {
		flex-direction: column;	
		justify-content: space-evenly;
	}
	
	.pcomputerspiele-responsive-einspaltigkeit {
		width: 100%;
	}
}

Kopiervorlage

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

---

Erläuterung

.pcomputerspiele-repsonsive-einspaltigkeit Hilfsklasse zur Auflösung der Zweispaltigkeit des Portal Computerspiele bei niedriger Seitenbreite.