MediaWiki:Gadget-audioplayer.css: Difference between revisions

From RuneRealm Wiki
Jump to navigation Jump to search
Content added Content deleted
(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;...")
(No difference)

Revision as of 01:50, 13 October 2024

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