style background and pads
authorFrédéric Péters <fpeters@0d.be>
Wed, 22 Feb 2017 11:15:29 +0000 (12:15 +0100)
committerFrédéric Péters <fpeters@0d.be>
Sat, 1 Apr 2017 10:37:18 +0000 (12:37 +0200)
nanofun.css

index 785d614..158fa7f 100644 (file)
@@ -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 {