MediaWiki:Gadget-sound.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)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* These styles are only loaded via JS 
Attribution: https://minecraft.wiki/w/MediaWiki:Gadget-sound.css
*/
.sound {
    cursor: pointer;
}
.sound-title::after {
    background: url('filepath://Speaker.svg');
    background-size: contain;
}

@supports ( ( mask: url() ) or ( -webkit-mask: url() ) ) {
    .sound-playing > .sound-title::after {
        background: #80B640;
        -webkit-mask: url('filepath://Speaker.svg');
        -webkit-mask-size: contain;
        mask: url('filepath://Speaker.svg');
        mask-size: contain;
    }
}

#sound-contextmenu {
    position: absolute;
    font-size: 0.875em;
    z-index: 9999;
    background: white;
    display: block;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 0 5px grey;
}