Module:Listen/styles.css

/* {{pp|small=y}} */

.listen .side-box-text {

line-height: 1.1em;

}

.listen-plain {

border: none;

background: transparent;

}

.listen-embedded {

width: 100%;

margin: 0;

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;

}

.listen .mw-tmh-player {

max-width: 100%;

}

/* have to deal with Vector suboptimal */

@media (max-width: 719px) {

.listen {

clear: both;

}

}

@media (min-width: 720px) {

.listen:not(.listen-noimage) {

width: 320px;

}

/* 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;

}

}