LAYOUT: use html5 buttons for prev/next for the tricks
authorArun Persaud <arun@nubati.net>
Wed, 16 Nov 2011 05:13:20 +0000 (21:13 -0800)
committerArun Persaud <apersaud@lbl.gov>
Wed, 16 Nov 2011 05:13:20 +0000 (21:13 -0800)
css/standard.css
include/game.php
include/output.php

index 5c2b9fa0a3950ff7bc561fc5d60cf09161f698b1..2e8567f0754eee77a480c88673e1c9eba6e9e92b 100644 (file)
@@ -258,8 +258,8 @@ ul.tricks li {
   display:inline;
 }
 ul.tricks li.old {  background-color:#fff; }
-ul.tricks li:hover {  background-color: #bbb;}
-ul.tricks li.nohighlight:hover {  background-color: #fff;}
+ul.tricks li a:hover {  background-color: #bbb;}
+ul.tricks li.nohighlight a:hover {  background-color: #fff;}
 
 div.tricks {
   position: absolute;
index 621b0b04d8e12b5c53748282c255ae5c4551c073..6d5b169119b0539828bb9cb8d1214ef329e27fbf 100644 (file)
@@ -417,8 +417,8 @@ switch($mystatus)
       echo "  <li onclick=\"hl('13');\" class=\"current\"><a href=\"#\">"._('Score')."</a></li>\n";
 
     /* output previous/next buttons */
-    echo "  <li onclick=\"hl_prev();\" class=\"old\"><a href=\"#\">"._('prev')."</a></li>\n";
-    echo "  <li onclick=\"hl_next();\" class=\"old\"><a href=\"#\">"._('next')."</a></li>\n";
+    echo "  <li onclick=\"hl_prev();\" ><button>"._('prev')."</button></li>\n";
+    echo "  <li onclick=\"hl_next();\" ><button>"._('next')."</button></li>\n";
 
     echo "</ul>\n\n";
 
index 74d0e00a829cb5a8bb3e1649b793a63fb09954ec..1d1a71ffd8a4fe5e061af850e4fb55ef27eb87bc 100644 (file)
@@ -379,7 +379,7 @@ function output_header()
      <meta name="viewport" content="width=device-width; initial-scale=1.0;" />
      <link rel="shortcut icon" href="pics/edoko-favicon.png" />
      <link rel="stylesheet" href="css/normalize.css?v=1" />
-     <link rel="stylesheet" href="css/standard.css?v=37" />
+     <link rel="stylesheet" href="css/standard.css?v=38" />
      <link rel="stylesheet" href="css/dateinput.css?v=1"/>
      <script type="text/javascript" src="include/jquery.js"> </script>
      <script type="text/javascript" src="include/jquery.tablesorter.js"></script>