MediaWiki:Gadget-audioplayer.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

.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;
}

/* skin specific styles */
.wgl-darkmode #music-playlist {
    border-color: #222e45;
    background: #313e59;
}

.wgl-darkmode .music-playlist-header {
    background: #222e45;
}