MediaWiki:OggPlayer.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.

/* Used files: [[File:OggPlayer play.svg]] [[File:OggPlayer stop.svg]] [[File:OggPlayer mute.svg]] */

.audio-button {
    display: inline-block;
    vertical-align: -0.1em;
    width: 1em;
    height: 1em;
    overflow: hidden;
    border-radius: 3px;
    background-color: #006cb0;
    transition: background-color .2s;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('https://wiki.sadpandastudios.com/w/images/d/d6/OggPlayer_play.svg');
}
.audio-button-parent {
    cursor: pointer;
}
.audio-button.now-playing,
.audio-button:hover,
.audio-button-parent:hover > .click-parent {
    background-color: #b30000;
}
.audio-button.now-playing {
    background-image: url('https://wiki.sadpandastudios.com/w/images/a/a9/OggPlayer_stop.svg');
}
.audio-button.no-audio {
    cursor: help;
    background-color: #b30000;
    background-image: url('https://wiki.sadpandastudios.com/w/dev/images/a/ae/OggPlayer_mute.svg');
}
.ogg-player audio,
.ogg-player video {
    display: inline-block;
}
.audio-button>*{
    display: none;
}