User:Xenwolf/common.css

.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: progress;
}

.sequence-audio-button.sequence-audio-paused {
	background: #ffcc88;
}
.sequence-audio-button.sequence-audio-paused:hover,.sequence-audio-button.sequence-audio-paused:active {
	background: #ee9944;
}

.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;
}

/* use HEJI2Text font if class="heji" */
@font-face {
   font-family: HEJI2Text;
   src: url(https://plainsound.org/fonts/HEJI2Text.otf);
}
.heji {
   font-family: HEJI2Text;
}