font-size: 16px;
}
+body {
+ background: #f8faf8;
+}
+
#nanopad {
margin: 0 auto;
}
div.nanotouch {
- border: 1px dashed #333;
+ border-radius: 5px;
+ box-shadow: 0 0 5px #666;
box-sizing: border-box;
padding: 1.5rem;
position: relative;
margin: 1vw;
display: inline-block;
overflow: hidden;
+ background: white;
+}
+
+div.nanotouch.error {
+ background: #ff9a9a;
}
div.nanotouch.loaded {
background: #9aff9a;
- border: 1px solid #4bff4b;
}
div.nanotouch.loaded.playing {