Template:Village pump page header/styles.css

/* {{pp-template}} */
body.skin-vector-2022 .vph-skiptotoc {
	display: none;
}

.vph-wrapper {
	margin: 4px auto;
	box-sizing: border-box;
}

.vph-body {
	display: flex;
	gap: 1em;
	margin-bottom: 1em;
}

.vph-image {
	flex: 0 1 auto;
	padding-top: .5em;
}

.vph-contents {
	flex: 1 1;
}

.vph-search {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	gap:1em;
	justify-content:center;
}

@media (max-width:719px) {
	.vph-image {
		display: none;
	}
}

@media screen {
    html.skin-theme-clientpref-night .vph td a,
    html.skin-theme-clientpref-night .vph td,
	html.skin-theme-clientpref-night .vph div {
		background: transparent !important;
		color: var(--color-base) !important;
	}


}
@media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os .vph td a,
    html.skin-theme-clientpref-os .vph td,
	html.skin-theme-clientpref-os .vph div {
		background: transparent !important;
		color: var(--color-base) !important;
	}
}