User:Xenwolf/common.css: Difference between revisions

← Older edit

@@ Line 1: / Line 1: @@
-span.monzo, span.val {
+.sequence-audio-button {
-  white-space:nowrap;
+	background: #777777;
 }
-span.monzo::before {
+.sequence-audio-button:hover,.sequence-audio-button:active {
-  content: "|";
+	cursor: not-allowed;
-  padding-right:0.125em;
 }
-span.monzo::after {
-  content: "⟩";
+.sequence-audio-button.sequence-audio-valid {
-  padding-left:0.125em;
+	background: #ffffaa;
 }
-span.val::before {
+.sequence-audio-button.sequence-audio-valid:hover,.sequence-audio-button.sequence-audio-valid:active {
-  content: "⟨";
+	background: #eeee66;
-  padding-right:0.125em;
+	cursor: pointer;
 }
-span.val::after {
-  content: "|";
+.sequence-audio-button.sequence-audio-playing {
-  padding-left:0.125em;
+	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;
 }