MediaWiki:Gadget-audioplayer.css

This is an old revision of this page, as edited by Alex (talk | contribs) at 01:50, 13 October 2024 (Created page with ".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;..."). The present address (URL) is a permanent link to this revision, which may differ significantly from the current revision.

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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