proper colors for char

apps/web/priv/static/doc/svg.js

@@ -231,6 +231,7 @@ loadFile('templates/Card.svg', function() {
         document.getElementById("Chat").setAttribute("clip-path","url(#myClip)");
         document.getElementById("Clip-Path").setAttribute("transform", "translate(0,0)");
         document.getElementById('Player-Statistics').style.display = 'none';
+        document.getElementById("Right-Bar").setAttribute("fill","lightblue");
         document.getElementById("Right-Bar").onmouseover = barHover;
         document.getElementById("Right-Bar").onmouseout = barHoverOut;
         document.getElementById('edit').setAttribute("contentEditable","true");
@@ -289,7 +290,7 @@ var scroll = 0.0;
 
 function chatMessage(id, me, string) {
     var i=0;
-    var colors=['white','#DFF1F4'];
+    var colors=['#FDFDFD','#DFF1F4'];
     var x1 = 7;
     var y1 = 0;
     var translate_y = parseFloat(document.getElementById("Chat").getBBox().height);
@@ -389,7 +390,7 @@ function create_multiline(target) {
 
 function barHover(evt) {
     var target = document.getElementById("Right-Bar");
-    target.setAttribute("fill","#9CADCB");
+    target.setAttribute("fill","skyblue");
 }
 
 function barHoverOut(evt) {
@@ -407,7 +408,7 @@ function chatEditor(evt) {
     } else if (evt.keyCode == 13 && evt.metaKey == true) {
         document.execCommand('insertText',false, '\n');
     }
-    var scroll = -10000000;
+    var scroll = -1000000;
     mouseWheelHandler({'detail':scroll,'wheelDelta':scroll});
 }
 

apps/web/priv/static/doc/svg_clean.htm

@@ -10,26 +10,26 @@
 
 <svg id="Refined" width="900px" style="position:fixed; top:0; left:0; height:100%; width:100%;">Placeholder for SVG Game Scene</svg>
 
-<div class="controls" id="history">
-<button id="pluslogin" type="button" data-gapiattached="true">Login</button>
-<label id="nothing"> Google</label></div><label id="gosterge">Gosterge: 1 5</label><br>
-<label id="player1"> Albert Einstein </label><select id="h1"></select>
-<label id="player2"> Marie Curie </label><select id="h2"></select>
-<label id="player3"> Ilya Prigogine </label><select id="h3"></select>
-<label id="player4" style="font-weight: bold; color: red;"> Asena Simsek </label><select id="h4"></select><br>
-<button id="logout" type="button">Logout</button>
-<button id="attach" type="button">Attach</button>
-<button id="join" type="button">Join</button>
-<select id="games_ids"></select>
-<select id="take_src"><option label="Table" value="0">Table</option><option label="Left" value="1">Left</option></select>
-<button id="take" type="button">Take</button>
-<select id="istaka"></select>
-<button id="discard" type="button">Discard</button>
-<button id="reveal" type="button">Reveal</button>
-<button id="saw_okey" type="button">I Saw Okey</button>
-<button id="have_8" type="button">8 Tashes</button>
-<button id="pause" type="button">Pause</button>
-<button id="info" type="button">PlayerInfo</button>
+<div class="controls" id="history" height=0 width=0>
+<button class="controls" id="pluslogin" type="button" data-gapiattached="true">Login</button>
+<label class="controls"  id="nothing"> Google</label></div>
+<label class="controls"  id="player1"> Albert Einstein </label><select  class="controls" id="h1"></select>
+<label class="controls"  id="player2"> Marie Curie </label><select  class="controls" id="h2"></select>
+<label class="controls"  id="player3"> Ilya Prigogine </label><select  class="controls" id="h3"></select>
+<label class="controls"  id="player4" style="font-weight: bold; color: red;"> Asena Simsek </label><select  class="controls" id="h4"></select>
+<button class="controls"  id="logout" type="button">Logout</button>
+<button class="controls"  id="attach" type="button">Attach</button>
+<button class="controls"  id="join" type="button">Join</button>
+<select class="controls"  id="games_ids"></select>
+<select class="controls"  id="take_src"><option label="Table" value="0">Table</option><option label="Left" value="1">Left</option></select>
+<button class="controls"  id="take" type="button">Take</button>
+<select class="controls"  id="istaka"></select>
+<button class="controls"  id="discard" type="button">Discard</button>
+<button class="controls"  id="reveal" type="button">Reveal</button>
+<button class="controls"  id="saw_okey" type="button">I Saw Okey</button>
+<button class="controls"  id="have_8" type="button">8 Tashes</button>
+<button class="controls"  id="pause" type="button">Pause</button>
+<button class="controls"  id="info" type="button">PlayerInfo</button>
 </div>
 
 <script src='svg.js' type='text/javascript' charset='utf-8'></script>

apps/web/priv/static/doc/synrc.css

@@ -3,7 +3,7 @@
     A:visited   { color: darkblue; }
     A:hover     { color: blue; }
     
-    controls { display: none; }
+    .controls { display: none; visible: hidden; }
 
     SUP        { font-size:10pt; }
     BODY        { font-size:14pt; font-family: "Exo 2",Calibri, Lucida Sans, "Lucida Grande"; }