From 048d8cb807f4b76a0fb989d3945bda7ebb683803 Mon Sep 17 00:00:00 2001 From: arun Date: Tue, 28 Nov 2006 10:49:07 +0000 Subject: not quite where I want it to be, but perhaps good enough to show the alpha testers ;) --- index.php | 60 ++++++++++--- standard.css | 287 +++++++++++++++++++++++------------------------------------ 2 files changed, 155 insertions(+), 192 deletions(-) diff --git a/index.php b/index.php index b8a7141..413b810 100644 --- a/index.php +++ b/index.php @@ -6,8 +6,32 @@ e-Doko + - +

Welcome to E-Doko

(please hit shift-reload:))

@@ -19,7 +43,7 @@ $host = "http://doko.nubati.net/index.php"; $wiki = "http://wiki.nubati.net/index.php?title=EmailDoko"; -$debug = 0; +$debug = 1; $last=-2; @@ -401,8 +425,6 @@ function save_status() /***************** M A I N **************************/ echo "

If you find bugs, please list them in the wiki.

\n"; - -echo "

Names that are underlined have a comment, which you can access by hovering over the name with your mouse ;)

\n"; echo "

\n"; /* end header */ @@ -840,15 +862,23 @@ else echo $player[$hash[$game["wedding"]]]["name"]." is playing a wedding!
\n"; /* show history */ + /* old tricks as list */ + echo "

History:

\n"; + echo "

Trick $j\n

\n $\"table\"$ \n"; else - echo "

\n"; + { + /* display current trick */ + echo "

Current Trick\n

\n $\"table\"$ "; + } for($i=0;$i",$card); - echo "

"; + echo "

\n"; if(strlen($tmp[2])>0) - echo ""; + echo " "; else - echo " "; + echo " "; echo $player[$hash[$tmp[0]]]["name"]; /* check for comment */ if(strlen($tmp[2])>0) - echo " ".$tmp[2].""; - echo " \n "; + echo "".$tmp[2].""; + echo "\n "; display_card($tmp[1]); $last = $tmp[0]; - echo "

\n"; + echo "

\n"; } } - echo "

\n"; + + echo "

\n"; /* figure out who needs to play next */ $next = $last + 1; @@ -1051,7 +1083,7 @@ else who won? "; + echo $player[$hash[$i]]["name"]."
"; echo ""; ?> diff --git a/standard.css b/standard.css index 346e0e5..75eb567 100644 --- a/standard.css +++ b/standard.css @@ -1,220 +1,151 @@ - -.header -{ +.header { + background-color:white; text-align:center; - border-bottom: 3px solid gray; -} - - -.trick -{ - position:relative; -// border: 1px solid green; - height:500px; - width:500px; -} - -img -{ - height:80px; + border-bottom:3px solid gray; } -.oldtrick -{ - position:relative; - //border: 1px solid green; - height:280px; - width: 280px; - float:right; - clear:right; -} - -.oldtrick img -{ - height:50px; +ul.oldtrick { + list-style:none; + margin:0; + padding:0; + background-color:yellow; } -.oldtrick div.table -{ - position:absolute; - height:180px;; - width:180px; - left:50px; - top:50px; - //border:1px solid black; -} -.trick div.table -{ - position:absolute; - - height:340px;; - width:340px; - left:80px; - top:80px; - // border:1px solid black; +ul.oldtrick li { + /*background-color:blue;*/ + margin:0 0.5em; + float:left; } - -div.card0>span -{ - position:absolute; - left:-70px; - //border:1px solid black; +ul.oldtrick li:hover { + background-color: yellow; } -div.card1>span -{ +ul.oldtrick li div.table img.table { position:absolute; - top:-30px; - //border:1px solid black; + margin:0; + padding:0; + top: 3em; + left: 4em; + height:24em; + z-index:-2; } - -div.card2>span -{ +ul.oldtrick li div.table { position:absolute; - left:40px; - // border:1px solid black; + margin:0; + padding:0; + /*border: 5px solid green;*/ + top: 14em; + left: 8em; + height:28em; + width:28em; + z-index:9; + display:none; } -div.card3>span -{ - position:absolute; - bottom:-40px; - //border:1px solid black; -} +/*ul.oldtrick li:hover div.table{ display:block; } +*/ -div.card0 -{ +ul.oldtrick li div div.card0 { position:absolute; - top:50px; - left: 0px; - //border:2px solid; + margin:0; + padding:0; + /*border: 1px solid red;*/ + top: 14em; + right:25em; } -div.card1 -{ +ul.oldtrick li div div.card1 { position:absolute; - top:0px; - left:70px + margin:0; + padding:0; + /*border: 1px solid red;*/ + top: 0; + left:0em; + width:28em; + text-align:center; } -div.card2 -{ +ul.oldtrick li div div.card2 { position:absolute; - top:50px; - right:0px; - text-align:right; + margin:0; + padding:0; + /*border: 1px solid red;*/ + top: 14em; + right:0em; } -div.card3 -{ +ul.oldtrick li div div.card3 { position:absolute; - - bottom:0px; - left:70px; + margin:0; + padding:0; + /*border: 1px solid red;*/ + top: 28em; + left:0; + width:28em; + text-align:center; } -.trick div.card0 -{ - position:absolute; - top:110px; - left: 0px; -} -.trick div.card1 -{ - position:absolute; - top:0px; - left:140px -} -.trick div.card2 -{ - position:absolute; - top:110px; - right:0px; - text-align:right; -} -.trick div.card3 -{ +ul.oldtrick li div div img { position:absolute; - - bottom:0px; - left:140px; -} - -.card2 span span -{ - position:relative; - left:-80px; + height:6em; + margin:0; + padding:0; } -.card3 span span -{ - position:relative; - top:-40px; +ul.oldtrick li div div.card0 img { + top: -2em; + left:5em; } - -span.comment -{ - text-decoration:underline; +ul.oldtrick li div div.card1 img { + top: 3em; + left:12em; } - -.comment span span -{ - text-decoration:none; +ul.oldtrick li div div.card2 img { + top: -2em; + left:-6em; } - -/* hide comments */ -.table div span span -{ - position: absolute; - width: 100px; - background-color: white; - border:1px solid black; - display: none; +ul.oldtrick li div div.card3 img { + top: -6em; + left:12em; } -.table div -{ - float:left; - margin-bottom:10px; -} -.table div:hover span span -{ - display:block; +ul.oldtrick li div div span { + /*background-color:green;*/ } - - -/* background image for the table */ -.background0 -{ - background:url(pics/stable0.png) no-repeat 60px 60px; +ul.oldtrick li div div.card0 span { + text-align:right; } -.background1 -{ - background:url(pics/stable1.png) no-repeat 60px 60px; +ul.oldtrick li div div.card1 span { + text-align:center; } -.background2 -{ - background:url(pics/stable2.png) no-repeat 60px 60px; +ul.oldtrick li div div.card0 span { + text-align:left; } -.background3 -{ - background:url(pics/stable3.png) no-repeat 60px 60px; +ul.oldtrick li div div.card0 span { + text-align:center; } -div.back0 -{ - background:url(pics/table0.png) no-repeat 100px 100px; -} -div.back1 -{ - background:url(pics/table1.png) no-repeat 100px 100px; -} -div.back2 -{ - background:url(pics/table2.png) no-repeat 100px 100px; -} -div.back3 -{ - background:url(pics/table3.png) no-repeat 100px 100px; +ul.oldtrick li div div span span { + position:absolute; + background-color:white; + margin:0; + padding:0; + border: 1px solid yellow; + top:1em; + z-index:11; } +.mycards { + position:absolute; + margin:0; + padding:0; + right:0; + top:15em; + width:12em; + float:right; + border:1px solid red; + background-color:yellow; +} +.mycards img{ + height:6em; +} \ No newline at end of file -- cgit v1.2.3-18-g5258