Template:MusicEmbed/styles.css
From Pizza Tower Wiki
.mtrack, .bctrack { /* Container */
height: 120px;
max-width: 700px; }
.mcover { /* Cover */
float: left; }
.yttrack iframe { /* YT embed default size */
height: 120px;
width: 580px; }
.filetrack { /* File */
background: #6C5C7B;
padding: 42px 0 42px 135px; }
.filetrack .mw-tmh-player {
width: 95% !important; }
.filetrack #mwe_player_0 {
width: 100% !important; }
@media screen and (max-width: 712px) {
.mtrack iframe { /* SC + YT */
width: calc(100% - 120px); }
.bctrack iframe { /* BC with local cover */
width: calc(100% - 120px) !important; }
.filetrack button { /* File */
width: 3em !important; }
}
@media screen and (max-width: 500px) {
.filetrack { /* File */
background: #6C5C7B;
padding: 42px 0 42px 125px !important; }
}
@media screen and (max-width: 431px) {
.mcover { /* Hides cover like BC does */
display: none; }
.mtrack iframe { /* SC + YT */
width: 100%; }
.bctrack iframe { /* BC with local cover */
width: 100% !important; }
.filetrack { /* File */
padding: 10px 0 3px 15px !important; }
}
/* [[Category:Template styles]] */