Module:Listen/styles.css

.listen .side-box-text {
	line-height: 1.1em;
}

.listen-plain {
	border: none;
	background: transparent;
}

.listen-embedded {
	border-width: 1px 0 0 0;
	background: transparent;
}

.listen-header {
	padding: 2px;
}

.listen-embedded .listen-header {
	padding: 2px 0;
}

.listen-file-header {
	padding: 4px 0;
}

.listen .description {
	padding-top: 2px;
}

@media (min-width: 720px) {
	 .listen {
	 	width: 320px;
	 }
	 
	/* TODO: Understand how plain/embedded mix with floats/margins
	 * Maybe it's fine
	 */
	.listen-plain,
	.listen-embedded {
		float: none;
	}
	
	.listen-embedded {
		margin: 0 -5px;
	}
	
	/* left/right (core template takes care of right)/center mutually exclusive */
	.listen-left {
		/* TODO: Understand why this overflow is here. */
		overflow: visible;
		float: left;
	}
	
	.listen-center {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
}