User:Xenwolf/common.css

From Xenharmonic Wiki
Revision as of 18:28, 26 October 2022 by Xenwolf (talk | contribs) (test in-browser sound generation)
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)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
.sequence-audio-button {
	background: #777777;
}
.sequence-audio-button:hover,.sequence-audio-button:active {
	cursor: not-allowed;
}

.sequence-audio-button.sequence-audio-valid {
	background: #ffffaa;
}
.sequence-audio-button.sequence-audio-valid:hover,.sequence-audio-button.sequence-audio-valid:active {
	background: #eeee66;
	cursor: pointer;
}

.sequence-audio-button.sequence-audio-playing {
	background: #aaffaa;
}
.sequence-audio-button.sequence-audio-playing:hover,.sequence-audio-button.sequence-audio-playing:active {
	background: #66ee66;
	cursor: wait;
}

.sequence-audio-button.sequence-audio-valid.white-key {
	background: #ffffff;
}
.sequence-audio-button.sequence-audio-valid.white-key:hover,.sequence-audio-button.sequence-audio-valid.white-key:active {
	background: #ffffaa;
}

.sequence-audio-button.sequence-audio-valid.black-key {
	background: #000000;
}
.sequence-audio-button.sequence-audio-valid.black-key:hover,.sequence-audio-button.sequence-audio-valid.black-key:active {
	background: #005555;
}

.sequence-audio-button.sequence-audio-invalid {
	background: #ffaaaa;
}
.sequence-audio-button.sequence-audio-invalid:hover,.sequence-audio-button.sequence-audio-invalid:active {
	background: #ee6666;
	cursor: not-allowed;
}