Template:Song video/styles.css

.song-video {
	display: inline-grid;
	margin: 10px 10px 0 0;
}

.song-video .header {
	text-align: center;
	padding: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	background-color: var(--theme-primary-0);
}

.song-video .content {
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
}

.song-video .video {
	height: 180px;
	flex: 1 0 320px;
	text-align: center;
}

.song-video .info {
	display: grid;
	grid-template-columns: 120px 1fr;
	grid-auto-rows: min-content;
	gap: 5px;
}

.song-video .info .ih {
	padding: 5px 10px;
	font-weight: bold;
	background-color: var(--theme-primary-0);
}

.song-video .info .id {
	padding: 5px;
}

/*
 * Citizen skin
 */
body.skin-citizen .song-video {
	border-color: var(--border-color-base);
	background-color: var(--background-color-framed);
} 

body.skin-citizen .song-video .header,
body.skin-citizen .song-video .info .ih {
	border-radius: var(--border-radius--small);
}