comparison www/m/css/nodescore.css @ 26:ac9641ecf84f

updated rasterize and ss2thumb to cycle offsets of grab for different anchors
removed some bad path stuctures

 body{
-    background-color: gray;
+    background-color: black;
     color: white;
     font: 12px Helvetica, Arial;  
 } 
 
 h3,h4,h5,h6 {

     left: 0px;
     padding: 1px 1px 1px 1px ;
     background-color: black;
 }
 
+.svgmusic {  
+
+width: 1280px;
+height: 800px;
+
+}
+
 .magicsquare {
     border: 1px solid yellow;
     padding: 2px 2px 2px 2px;
     background: blue;
-    width: 100px;
-    height: 90px;
+    width: 100px; height: 90px;
     border-radius: 20px;
     float: left;
     color: black;
     font-size: 7em;    
     text-align: center;
-}​
+}
 
 .latencies{
-    height: 90px;
-    width: 200px;
+    height: 90px; width: 200px;
     border: 1px solid blue;
-    position: relative;
+    position: relative; top: 15%;
     float: right;
-    top: 15%;
     padding: 5px 5px 5px 5px ;
     background-color: blue;    
 }
 
 #datetime{
     display:table-cell; 
     vertical-align:bottom;
     opacity: 0.7;
-    height: 25px;
     text-align: center;
-    width: 858px;
-    font-size:1.5em;
-    color: yellow;
+    height: 25px; width: 858px;
+    font-size:1.5em; color: yellow;
 !    border: 1px solid blue;
-    position: absolute;
+    position: absolute; top: 25px; left: 206px;
     float: left;
-    left: 206px;
-    top: 25px;
     background-color: transparent;    
 }
 
 #current{
-    opacity: 0.8;
-    height: 25px;
+    position: absolute; left: 210px; top: 25px;
+    height: 25px; width: 130px;
     text-align: center;
-    width: 130px;
-    font-size:1.5em;
-    font-weight: bold;
+    font-size:1.5em; font-weight: bold;
     color: white;
 !    border: 1px solid blue;
-    position: absolute;
     float: left;
-    left: 210px;
-    top: 25px;
     background-color: transparent;    
     z-index: 1;
+    opacity: 0.8;
 }
 
 #client_latency{
-    opacity: 0.8;
-    height: 25px;
-    width: 160px;
+    position: absolute; right: 205px; top: 25px;
+    height: 25px; width: 160px;
     font-size:1.5em;
     color: pink;
 !    border: 1px solid blue;
-    position: absolute;
-    float: left;
-    right: 205px;
-    top: 25px;
+    float: left;   
     background-color: black;    
     z-index: 1;
     padding: 0px 15px;
+    opacity: 0.8;
 }
 
-
 .metrocase {
-    position: absolute;
-    top: 0px;
-    left: 0px;
+    position: absolute; top: 0px; left: 0px;
+    width: 200px;  height: 50px;
     color: black;
     text-align: center;
-    font-size: 4em;
-    font-color: black;
+    font-size: 4em; font-color: black;
     background: transparent;
-    width: 200px;
-    height: 50px;
     z-index: 2;
     border: 1px solid blue;
 }
 
 #metronome0 { width: 50px; height: 40px; border-radius: 30px; float:left; }
 #metronome1 { width: 50px; height: 40px; border-radius: 30px; float:left; }
 #metronome2 { width: 50px; height: 40px; border-radius: 30px; float:left; }
 #metronome3 { width: 50px; height: 40px; border-radius: 30px; float:left; }
 
 #fluid {}
-.fluid-img{height:50%; width:50%;}
+.fluid-img{ height:50%; width:50%; }
 
-.clear
-{
-clear:both;
-}
+.clear { clear:both; }
 
 #client_chronometer{ 
     border: 1px solid blue ; 
     background-color: black;   
     color: white;
-    font-size: 3em;
-    text-align: center;
+    font-size: 3em; text-align: center;
     opacity:0.7;
-    position: absolute;
-    right: 0px;
-    top: 0px;
-//    padding: 2px 2px 2px 2px;
-    width: 220px;
-    height: 50px;
+    position: absolute; right: 0px; top: 0px;
+    width: 220px; height: 50px;
     z-position: 2;
 }
 
 #countinnumber{ 
-    background-color: gray;
-    font-size: 48em;
+    position: absolute; 
+    width: 1280px; height: 800px;
+    background-color:gray;
+    font-size: 48em; font-weight:bolder;
     display:inline;
     text-align:center;
     z-index: 2;
-    position: absolute;
     opacity:0.5;
-    font-weight:bolder;
-    width: 1280px;
-    height: 800px;
 }
 
 #content-txt {
-//   padding: 2px 2px 2px 2px;
-  font-size: 3em;
-  text-align:center;
-  background-color: black;
-  border: 1px solid white;
-  height: 800px;
-  width: 1280px;
-  margin-left:auto;
-  margin-right:auto;
-  display: table-cell;
-  vertical-align: middle;
+    width:1280px; height:800px; 
+    font-size:3em;
+    text-align:center;
+    background-color:black;
+    border:1px solid white;
+    margin-left:auto; margin-right:auto;
+    display:table-cell;
+    vertical-align:middle;
 }