MediaWiki:OggPlayer.css
Jump to navigation
Jump to search
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.
.audio-button {
display: inline-block;
vertical-align: text-top;
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://commons.wiki.gg/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://commons.wiki.gg/images/a/a9/OggPlayer_stop.svg');
}
.audio-button.no-audio {
cursor: help;
background-color: #b30000;
background-image: url('https://commons.wiki.gg/images/a/ae/OggPlayer_mute.svg');
}
.ogg-player audio,
.ogg-player video {
display: inline-block;
}
.audio-button>*{
display: none;
}