Template:Song video/styles.css

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

.song-video .header {
	text-align: center;
	padding: 5px;
	margin-bottom: 5px;
	font-weight: bold;
}

.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;
}

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

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