MediaWiki:Gadget-audioplayer.css

< Gadgets-definition

After saving, you may need to bypass your browser's cache to see the changes. For further information, see Wikipedia:Bypass your cache.

In most Windows and Linux browsers: Hold down Ctrl and press F5.
In Safari: Hold down ⇧ Shift and click the Reload button.
In Chrome and Firefox for Mac: Hold down both ⌘ Cmd+⇧ Shift and press R.

.rsw-music-player {
    height: 2em;
    vertical-align: middle;
}

/** Styles for [[Template:Playlist]] **/
#music-playlist {
    /* more mobile-friendly instead of static width */
    width: 90%;
    max-width: 350px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 0.5em;
    border: none;
    border: 1px solid var(--body-border);
    background: var(--body-light);
}

#music-playlist button {
    margin: 2px 0.5em;
}

#music-player {
    margin: 5px;
    display: none;
}

button[disabled] ~ #music-player {
    display: inline; /* fallback */
    display: revert;
}

#music-playing a {
    font-weight: bold;
}

.music-scroll-to a {
    font-style: italic;
}

.music-scroll-to,
#music-playlist br {
    display: none;
}

button[disabled] ~ .music-scroll-to,
#music-playlist button[disabled] ~ br {
    display: inline; /* fallback */
    display: revert;
}

.music-playlist-header {
    background: var(--body-dark);
    margin-bottom: 0.5em;
    font-weight: bold;
    font-size: large;
}