diff www/m/css/nodescore-tablet.css @ 43:7f0485e0d0ff

updates via ljubljana

--- a/www/m/css/nodescore-tablet.css	Tue Sep 04 07:25:49 2012 +0000
+++ b/www/m/css/nodescore-tablet.css	Sat Sep 08 08:25:19 2012 +0000
@@ -3,7 +3,7 @@
     color: white;
     font: 12px Helvetica, Arial;      
     padding:0px;
-    margin-top:0px;
+    margin-top:2px;
     margin-left:0px;
     height:100%;
 } 
@@ -39,18 +39,18 @@
 .outermaster{
     margin-top:4px;
     height: 470px;
-    width: 1024px;
+    width: 1022px;
     border-radius: 15px;
-    background-color:black;
-    border: 1px solid gray;
+    !2Bbackground-color:black;
+    !border: 1px solid gray;
     position: relative;
     !padding: 5px 5px 5px 5px ;
-    color: white;
-    opacity:0.8;
+    !color: white;
+    !opacity:0.8;
     !top: 10%
     +filter: invert(100%);
-    margin-left: 0px;
- padding:0px;
+    !2Bmargin-left: 0px;
+ !padding:0px;
 }
 
 #live{
@@ -78,7 +78,7 @@
 position: absolute;
 border: 0px solid red;
 border-radius:15px;
-top: 338px;
+top: 335px;
 !padding: 5px 5px 5px 5px;
 height: 135px;
 width: 100%;
@@ -101,7 +101,7 @@
     height: 120px;
     width: 30%;
     margin: 0px;
-    margin-left:15px;
+    margin-left:6%;
     border: 1px solid gray;
     padding: 5px 5px 5px 5px ;
     background: black;
@@ -112,7 +112,7 @@
 #preview{
     border-radius: 15px;
     height: 120px;
-    width: 400px;
+    width: 30%;
     margin: 0px;
     border: 1px solid gray;
     !position: absolute;
@@ -122,7 +122,9 @@
     color: black;
     overflow:hidden;
     float:right;
+    font-size:1em;
 }
+#preview img{margin-top:15px;}
 
 #timeinfo{
     border-radius: 15px;
@@ -137,12 +139,14 @@
 
 #remainingtime{
 !display:table-cell; vertical-align:middle;
+padding:0;
+margin:0;
 font-size:1.4em;
 color:white;
 position:relative;
-left:30px;
-top:40px;
-width: 120px;
+left:40px;
+top:90px;
+width:120px;
 float:left;
 background-color:transparent;
 }
@@ -176,11 +180,13 @@
 }
 
 .svgmusic {
+    padding:0px;
+    border: 1px solid gray;
     display:block;
     border-radius: 15px;
     margin: 0px;
     width: 100%;
-height: 450px;
+    height: 330px;
 }
 
 .magicsquare {
@@ -208,27 +214,24 @@
 
 
 #datetime{
-!    display:table-cell; vertical-align:middle;
-    width:80px;
-    float:clear;
-    !margin-top: 30px; 
-     !margin-right: 30px;
-    !float:left;
+    display:table-cell; vertical-align:middle;
+    width:90px;
     !padding: 1px 1px 1px 1px;
-    font-size:1em; color: white;
-    !position: absolute; 
-    !bottom: 10px; 
-    !left: 25%;
-    !float: left;
-    !background-color: transparent;    
+    font-size:0.9em; color: white;
+    text-align:center;
+    position: relative; 
+    bottom: 25px; 
+    right: 4px;
+    float: left;
+    background-color: transparent;    
     !opacity: 0.7;
 }
 
 #current{
     float:right;
     position: relative; 
-    right: 5%;
-    bottom:-5px;
+    right: 70%;
+    bottom:50px;
     font-size:1.7em; 
     font-weight: bold;
     color: white;
@@ -241,15 +244,15 @@
 #client_latency{
     background:transparent;
     width:135px;
-    font-size:1.2em;
+    font-size:1em;
     color: white;
     z-index: 1;
     padding: 3px 3px 3px 3px;
-    opacity: 0.6;
+    opacity: 0.8;
     float:left;
     position:relative;
-    left: 100px;
-    bottom: 10px;
+    left: 90px;
+    bottom: 72px;
 
 }
 
@@ -257,9 +260,9 @@
     float:right;
     border-radius: 5px;
     position: relative; 
-    right: 40px;
+    right: 20px;
     top:-25px;
-    width: 50px;  
+    width: 60px;  
     height: 30px;
     color: black;
     text-align: center;
@@ -269,7 +272,7 @@
     border: 1px solid white;
 }
 
-#metronome0 { position: absolute; width: 50px; height: 30px; border-radius: 5px; float:left; }
+#metronome0 { position: absolute; width: 60px; height: 30px; border-radius: 5px; 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; }
@@ -293,15 +296,15 @@
     border-radius: 15px;
     !border: 2px solid gray ; 
     float:right;
-    background-color: black;   
+    background-color: transparent;   
     color: white;
-    font-size: 2.8em; 
+    font-size: 3.7em; 
     text-align: center;
-    opacity:0.7;
+    opacity:0.8;
     position: relative; 
-    left: 20px; 
-    bottom:10px;
-    width: 200px; 
+    left: 10px; 
+    bottom:64px;
+    width: 210px; 
     !height: 40px;
     z-position: 2;
 }
@@ -312,18 +315,19 @@
     float:left;
     width:120px;
     position:relative;
-    top:5px;
-    left:5px;
+    top:-5px;
+    left:20px;
 }
 
 #count {
     width:40px;
     font-size: 5em;
     font-weight:bolder;
+    font-align:center;
     margin:0;
     padding:0;
     position:relative;
-    left:15px;
+    left:35px;
     top: -10px;
     background:transparent;
     float:left;
@@ -331,11 +335,12 @@
 }
 
 #totalcountdown  {
-    font-size: 1.3em;
-    color:red;
+    font-size: 1.7em;
+    font-weight:bolder;
+    color:orange;
     position:relative;
-    left: 10px;
-    !top: 0px;
+    left: 0px;
+    bottom: -3px;
     !text-align:center
     font-weight:bolder;
     !width:100%;