style background and pads

[nanofun.git] / nanofun.css

diff --git a/nanofun.css b/nanofun.css
index 785d6148daeceed4787f98e857f7969964d10417..158fa7f3fb7c224b60fada7b088545275197b10e 100644 (file)
--- a/nanofun.css
+++ b/nanofun.css
@@ -5,12 +5,17 @@ html, body {
   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;
@@ -19,11 +24,15 @@ div.nanotouch {
   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 {