Changes
max width for tmh player
/* {{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;
}
}
.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;
}
}