ramp to values to avoid audio glitches

[nanofun.git] / nanofun.css

diff --git a/nanofun.css b/nanofun.css
index 99c357ec2255cc89ad1aa2f687fd39520bd000b1..74227654a0a3cd90c1329f3b525282aa9427a24b 100644 (file)
--- a/nanofun.css
+++ b/nanofun.css
@@ -45,7 +45,7 @@ div.nanotouch input[type=file] {
   left: 0;
   width: 100%;
   height: 100%;
-  opacity: 0.01;
+  opacity: 0.001;
   margin: 0;
   cursor: pointer;
 }
@@ -59,6 +59,20 @@ div.nanotouch input[type=range] {
   margin: 0;
 }
 
+div.nanotouch .effects {
+  position: absolute;
+  left: 0;
+  bottom: 5ex;
+  z-index: 10000;
+}
+
+div.nanotouch .loop {
+  position: absolute;
+  left: 0;
+  bottom: 2ex;
+  z-index: 10000;
+}
+
 div.nanotouch span.name {
   position: absolute;
 }
@@ -84,3 +98,31 @@ form label {
   display: inline-block;
   width: 10em;
 }
+
+#devices {
+  position: absolute;
+  bottom: 2em;
+  right: 1em;
+}
+
+#devices div {
+  padding: 1px 5px;
+  margin-top: 2px;
+}
+
+#devices div.on {
+  background: #6aff6a;
+}
+
+form fieldset {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  margin-top: 1em;
+}
+
+form fieldset legend {
+  font-weight: bold;
+  margin: 0;
+  padding-left: 0;
+}