add proper doctype

[nanofun.git] / nanofun.css

diff --git a/nanofun.css b/nanofun.css
index e9215ad195cbb5fb5291aa1675c7692411197154..785d6148daeceed4787f98e857f7969964d10417 100644 (file)
--- a/nanofun.css
+++ b/nanofun.css
@@ -1,4 +1,6 @@
-body {
+html, body {
+  padding: 0;
+  margin: 0;
   font-family: sans-serif;
   font-size: 16px;
 }
@@ -9,10 +11,11 @@ body {
 
 div.nanotouch {
   border: 1px dashed #333;
+  box-sizing: border-box;
   padding: 1.5rem;
   position: relative;
-  width: 7vw;
-  height: 7vw;
+  width: 10vw;
+  height: 10vw;
   margin: 1vw;
   display: inline-block;
   overflow: hidden;
@@ -27,7 +30,7 @@ div.nanotouch.loaded.playing {
   background: #6aff6a;
 }
 
-div.nanotouch input {
+div.nanotouch input[type=file] {
   position: absolute;
   top: 0;
   left: 0;
@@ -38,11 +41,27 @@ div.nanotouch input {
   cursor: pointer;
 }
 
+div.nanotouch input[type=range] {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  padding: 0;
+  margin: 0;
+}
+
 div.nanotouch span.name {
   position: absolute;
 }
 
 div.nanotouch span.duration {
+  position: absolute;
+  bottom: 2ex;
+  right: 1ex;
+}
+
+div#gitclone {
+  font-size: 12px;
   position: absolute;
   bottom: 1ex;
   right: 1ex;