diff www/m/css/nodescore.css @ 11:0a8133490050

absorbed metronome.js .css into main css and client files also some minor html5 and css changes
author tzara <rc-web@kiben.net>
date Sat, 07 Jul 2012 07:10:56 +0000
parents 9070b2a7ca65
children e05eede75e0d
line wrap: on
line diff
--- a/www/m/css/nodescore.css	Fri Jul 06 10:48:15 2012 +0100
+++ b/www/m/css/nodescore.css	Sat Jul 07 07:10:56 2012 +0000
@@ -9,7 +9,6 @@
     background-color: white;
     display: inline;
     color: #666;
-  //  padding: 0px 10px 0px 10px ;
     z-index: 2;
 }
 
@@ -30,6 +29,12 @@
     list-style:none;
 }
 
+
+.page{
+    height: 1000px;;
+    width: 1280px;
+}
+
 .outermaster{
     height: 800px;
     width: 1280px;
@@ -37,8 +42,50 @@
     position: relative;
     padding: 5px 5px 5px 5px ;
     color: black;
+    top: 10%
 }
 
+.outersquare{
+    height: 220px;
+    width: 300px;
+    border: 1px solid blue;
+    position: absolute;
+    top: 100px;
+    left: 400px;
+    padding: 5px 5px 5px 5px ;
+    background-color: black;
+}
+
+.latencies{
+    height: 150px;
+    width: 300px;
+    border: 1px solid blue;
+    position: relative;
+    top: 15%;
+    padding: 5px 5px 5px 5px ;
+    background-color: gray;
+}
+
+.metrocase {
+    position: absolute;
+    top: 10px;
+    left: 10px;
+    color: black;
+    text-align: center;
+    font-size: 4em;
+    font-color: black;
+    background: transparent;
+    width: 240px;
+    height: 60px;
+    z-index: 2;
+    padding: 5px 5px 5px 5px; 
+    border: 1px solid gray;
+}
+
+#metronome0 { width: 60px; height: 60px; border-radius: 30px; float:left; }
+#metronome1 { width: 60px; height: 60px; border-radius: 30px; float:left; }
+#metronome2 { width: 60px; height: 60px; border-radius: 30px; float:left; }
+#metronome3 { width: 60px; height: 60px; border-radius: 30px; float:left; }
 
 #fluid {}
 .fluid-img{height:50%; width:50%;}