diff options
| -rw-r--r-- | css/standard.css | 14 | ||||
| -rw-r--r-- | index.php | 6 |
2 files changed, 11 insertions, 9 deletions
diff --git a/css/standard.css b/css/standard.css index f1384ab..d1c31c1 100644 --- a/css/standard.css +++ b/css/standard.css @@ -74,6 +74,7 @@ ul.tricks { list-style:none; margin:3px; padding:0; + padding-bottom:3px; /*background-color:yellow;*/ text-align:center; border-bottom:1px solid #444; @@ -81,12 +82,13 @@ ul.tricks { ul.tricks a { text-decoration:none; color:#000;} ul.tricks li { /*background-color:blue;*/ - margin:0.2em 0.5em; + margin:0; + padding:0.2em 0.5em; display:inline; } -ul.tricks li:hover { - background-color: yellow; -} +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 div.trick { @@ -203,8 +205,8 @@ ul.tricks li div div.card2 span{ border: 3px solid green; } ul.tricks li div div.card3 span{ - top:4em; - left:3em; + top:2em; + left:20em; border: 3px solid green; } @@ -689,7 +689,7 @@ else if(myisset("me")) $firstcard = ""; /* first card in a trick */ echo "\n<ul class=\"tricks\">\n"; - echo " <li> Game $gameid: </li>\n"; + echo " <li class=\"nohighlight\"> Game $gameid: </li>\n"; while($r = mysql_fetch_array($result,MYSQL_NUM)) { @@ -711,14 +711,14 @@ else if(myisset("me")) if($trick!=$lasttrick) { /* start of an old trick? */ - echo " <li onclick=\"hl('$trickNR');\"><a href=\"#\">Trick $trickNR</a>\n". + echo " <li onclick=\"hl('$trickNR');\" class=\"old\"><a href=\"#\">Trick $trickNR</a>\n". " <div class=\"trick\" id=\"trick".$trickNR."\">\n". " <img class=\"arrow\" src=\"pics/arrow".($pos-1).".png\" alt=\"table\" />\n"; } else if($trick==$lasttrick) { /* start of a last trick? */ - echo " <li onclick=\"hl('$trickNR');\"><a href=\"#\">Current Trick</a>\n". + echo " <li onclick=\"hl('$trickNR');\" class=\"current\"><a href=\"#\">Trick $trickNR</a>\n". " <div class=\"trick\" id=\"trick".$trickNR."\">\n". " <img class=\"arrow\" src=\"pics/arrow".($pos-1).".png\" alt=\"table\" />\n"; }; |