MediaWiki:Gadget-sound.css

From Calamity Mod Wiki
Jump to navigation Jump to search

CSS and Javascript changes must comply with the wiki design rules.


Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Clear the cache in Tools → Preferences
/* Ported from https://terraria.fandom.com/wiki/MediaWiki:Gadget-sound.css. */

/* These styles are only loaded via JS */
.sound {
	cursor: pointer;
}
.sound-title::after {
	background: url(https://commons.wiki.gg/images/3/36/Audio.svg);
	background-size: contain;
}

@supports ( ( mask: url() ) or ( -webkit-mask: url() ) ) {
	.sound-playing > .sound-title::after {
		background: #80B640;
		-webkit-mask: url(https://commons.wiki.gg/images/3/36/Audio.svg);
		-webkit-mask-size: contain;
		mask: url(https://commons.wiki.gg/images/3/36/Audio.svg);
		mask-size: contain;
	}
}