diff www/martin/index.html @ 84:a4a9059a3802

local to server

--- a/www/martin/index.html	Wed Jul 23 15:56:20 2014 +0100
+++ b/www/martin/index.html	Mon Jul 28 18:17:02 2014 +0100
@@ -72,99 +72,77 @@
 
 	
 	<div id="outerpreview" >
-	  
-	  <div class="pview" id="preview-1" >    
-	    
+	 
+	  <div class="pview" id="preview-1">
 	    <div class="musicianprog" style=" border: 1px solid purple;" >
-	      <div id="counttitle1" style="display:inline;"></div>
-	      <div id="count1" style=" font-size:2em;"></div>
+	      <div id="counttitle1"></div>
+	      <div class="count" id="count1"></div>
 	    </div>
-	    
 	    <div class="timeleft" style=" border: 1px solid purple;" >
-	      <div id="timeleft1" style=" font-size:1em;"></div>
+	      <div id="timeleft1"></div>
 	    </div>
-	    
-	    <div class="unitseq" id="unitseq0"></div>
-	    <div class="pviewmusic" id="previewbox-1"> </div>
-	    
+ 	    <div class="unitseq" id="unitseq0"></div>
+	    <div class="pviewmusic" id="previewbox-1"></div>   
 	  </div>
 	  
-
 	  <div class="pview" id="preview-2">
 	    <div class="musicianprog" style="border: 1px solid green; ">
 	      <div id="counttitle2" style="display:inline;"></div>
-	      <div id="count2" style=" font-size:1em;"></div>
+	      <div class="count" id="count2"></div>
 	    </div>
-	  
-	    <div class="timeleft" style=" border: 1px solid green;" >
-	      <div id="timeleft2" style=" font-size:1em;"></div>
+	    <div class="timeleft" style="border: 1px solid green;" >
+	      <div id="timeleft2"></div>
 	    </div>
-
-
-	   
+	    <div class="unitseq" id="unitseq1"></div>
 	    <div class="pviewmusic" id="previewbox-2"> </div>
 	  </div>
 	  
 	  <div class="pview" id="preview-3" >
-	   
 	    <div class="musicianprog" style="border: 1px solid aqua;">
 	      <div id="counttitle3" style="display:inline;"></div>
-	      <div id="count3" style=" font-size:2em;"></div>
+	      <div class="count" id="count3"></div>
 	    </div>
-	    
-	    <div class="timeleft" style=" border: 1px solid aqua;" >
-	      <div id="timeleft3" style=" font-size:1em;"></div>
+	    <div class="timeleft" style="border: 1px solid aqua;" >
+	      <div id="timeleft3" style="font-size:1em;"></div>
 	    </div>
-
 	    <div class="unitseq" id="unitseq2"></div>
 	    <div class="pviewmusic" id="previewbox-3"> </div>
-	
 	  </div>
 	  
-
-
-
 	  <div class="pview" id="preview-4">
-	    
 	    <div class="musicianprog" style=" border: 1px solid red;">
 	      <div id="counttitle4" style="display:inline;"></div>
-	      <div id="count4" style=" font-size:2em;"></div>
+	      <div class="count" id="count4"></div>
 	    </div>
-
 	    <div class="timeleft" style=" border: 1px solid red;" >
-	      <div id="timeleft4" style=" font-size:1em;"></div>
+	      <div id="timeleft4"></div>
 	    </div>
-
 	    <div class="unitseq" id="unitseq3"></div>
 	    <div class="pviewmusic" id="previewbox-4"> </div>
-	  
 	  </div>
-	  
 	</div>      
 		
 
-
 	<div class="soloscore">
-
+	  
 	  <div class="pviewsolo" id="preview-solo">
-	    
 	    <div class="musicianprog" style=" border: 1px solid red;">
-	      <div id="counttitle" style="display:inline;"></div>
-	      <div id="count" style=" font-size:3em;"></div>
+	      <div id="counttitle" ></div>
+	      <div class="count" id="count"></div>
 	    </div>
-
 	    <div class="timeleft" style=" border: 1px solid red;" >
-	      <div id="totalcountdown" style=" font-size:3em;"></div>
+	      <div id="totalcountdown"></div>
 	    </div>
-
 	    <div class="unitseq" id="unitseqsolo"></div>
 	    <div class="pviewmusic" id="previewbox-solo"> </div>
-	  
+	  </div>
+	  <div class="solo-next">
+	    <div id="previewbox-solo-next"> </div>
+	    <div id="nexttitle">NEXT:</div>
 	  </div>
 	</div>
 	
 
-	
 	<div id="info">
 	  <div id="comms"> 
 	    <div id="chat" title="type here to chat with others connected to network" >