Szablon:Odsłuchaj/styles.css

.listen-box {
    clear: right;
    float: right;
    margin: 4px 0 4px 1em;
    padding: 2px 4px;
    box-sizing: border-box;
    width: 250px;
    font-size: 88%;
    line-height: 1.25em;
    border: 1px solid #aaa;
    background-color: #f9f9f9;
}

.listen-header {
	display: flex;
	align-items: center;
	gap: 8px;
}

.listen-file {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin-top: 4px;
	padding-top: 4px;
}

.listen-file + .listen-file {
	border-top: 1px solid #ddd;
}

.listen-file > :not(.listen-player) {
	padding: 0 2px;
}

.listen-footer {
	font-size: 0.9em;
	margin-top: 8px;
	text-align: right;
}

@media (max-width: 500px) {
	.listen-box {
		width: 300px;
		margin: 4px auto;
		float: none;
		clear: both;
	}
	
	.listen-player .mw-tmh-player {
		width: 100% !important;
	}
}