Add files via upload

Author: xcontcom

1d-with-sound/style.css

@@ -0,0 +1,85 @@
+:root{
+	--bg:#000;
+	--panel:#0a0a0a;
+	--cyan:#5ff;
+	--magenta:#f5f;
+	--white:#fff;
+	--dim:#777;
+}
+
+body{
+	background:var(--bg);
+	color:var(--white);
+	font-family:monospace;
+	padding:16px;
+}
+
+.panel{
+	border:1px solid var(--cyan);
+	background:var(--panel);
+	padding:12px 14px;
+	display:inline-block;
+	margin:0 10px 10px 0;
+	vertical-align:top;
+}
+
+.panel-cyan{ border-color:var(--cyan); }
+.panel-magenta{ border-color:var(--magenta); }
+
+.panel-title{
+	color:var(--cyan);
+	font-weight:bold;
+	margin-bottom:8px;
+}
+
+label{
+	display:block;
+	margin-bottom:8px;
+}
+
+input, select, button{
+	background:#000;
+	color:var(--white);
+	border:1px solid var(--cyan);
+	font-family:monospace;
+	padding:4px 6px;
+}
+
+button{
+	cursor:pointer;
+	margin-right:6px;
+}
+
+button:hover{
+	border-color:var(--magenta);
+	color:var(--magenta);
+}
+
+.pad-switch{
+	display:flex;
+	gap:12px;
+	margin-bottom:6px;
+	font-size:12px;
+}
+
+.row{
+	margin-top:8px;
+}
+
+.hint{
+	color:var(--dim);
+	font-size:12px;
+	margin-top:6px;
+	max-width:420px;
+}
+
+canvas{
+	display:block;
+	margin-top:10px;
+	border:1px solid var(--cyan);
+}
+
+#kernelDump{
+	margin-top:10px;
+	color:var(--dim);
+}