-
-.trick
-{
- position:relative;
-// border: 1px solid green;
- height:500px;
- width:500px;
+.header {
+ background-color:white;
+ text-align:center;
+ border-bottom:3px solid gray;
}
-img
-{
- height:80px;
+.card {
+ position:absolute;
+ z-index:20;
+ top:18em;
+ left:28em;
+ text-aling:center;
+ background-color:white;
+ border:2px solid gray;
}
+.card img { width:8em; }
-.oldtrick
-{
+
+ul.oldtrick {
position:relative;
- //border: 1px solid green;
- height:280px;
- width: 280px;
- float:right;
- clear:right;
-}
+ list-style:none;
+ margin:3px;
+ padding:0;
+ /*background-color:yellow;*/
+ text-align:center;
-.oldtrick img
-{
- height:50px;
}
-.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 a { text-decoration:none; color:#000;}
-div.card0>span
-{
- position:absolute;
- left:-70px;
- //border:1px solid black;
+ul.oldtrick li {
+ /*background-color:blue;*/
+ margin:0.2em 0.5em;
+ display:inline;
}
-
-div.card1>span
-{
- position:absolute;
- top:-30px;
- //border:1px solid black;
+ul.oldtrick li:hover {
+ background-color: yellow;
}
-
-div.card2>span
-{
+ul.oldtrick li div.table img.table {
position:absolute;
- left:40px;
- // border:1px solid black;
+ margin:0;
+ padding:0;
+ top: 4em;
+ left: 3em;
+ height:22em;
+ z-index:-2;
}
-div.card3>span
-{
+ul.oldtrick li div.table {
position:absolute;
- bottom:-40px;
- //border:1px solid black;
+ margin:0;
+ padding:0;
+ /*border: 5px solid green;*/
+ top: 10em;
+ left: 18em;
+ height:28em;
+ width:28em;
+ z-index:9;
+ display:none;
}
-div.card0
-{
+hr {clear:both;}
+
+/*ul.oldtrick li:hover div.table{ display:block; }*/
+
+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
-}
-div.card2
-{
+ margin:0;
+ padding:0;
+ /*border: 1px solid red;*/
+ top: 0;
+ left:0em;
+ width:28em;
+ text-align:center;
+}
+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: 29em;
+ left:0;
+ width:28em;
+ text-align:center;
}
-.trick div.card0
-{
+ul.oldtrick li div div img {
position:absolute;
- top:110px;
- left: 0px;
+ height:6em;
+ margin:0;
+ padding:0;
}
-.trick div.card1
-{
- position:absolute;
- top:0px;
- left:140px
+
+ul.oldtrick li div div.card0 img {
+ top: -2em;
+ left:5em;
}
-.trick div.card2
-{
- position:absolute;
- top:110px;
- right:0px;
- text-align:right;
+ul.oldtrick li div div.card1 img {
+ top: 3em;
+ left:12em;
}
-.trick div.card3
-{
- position:absolute;
-
- bottom:0px;
- left:140px;
+ul.oldtrick li div div.card2 img {
+ top: -2em;
+ left:-6em;
}
-
-span.comment
-{
- text-decoration:underline;
+ul.oldtrick li div div.card3 img {
+ top: -6em;
+ left:12em;
}
-.comment span span
-{
- text-decoration:none;
-}
-.table div span span
-{
- position: absolute;
- width: 100px;
- background-color: white;
- border:1px solid black;
- display: none;
+ul.oldtrick li div div span {
+ /*background-color:green;*/
}
-
-.table div
-{
- float:left;
- margin-bottom:10px;
+ul.oldtrick li div div.card0 span {
+ text-align:right;
}
-
-.table div:hover span span
-{
- display:block;
+ul.oldtrick li div div.card1 span {
+ text-align:center;
}
-
-.card2 span span
-{
- position:relative;
- left:-80px;
+ul.oldtrick li div div.card0 span {
+ text-align:left;
}
-
-.card3 span span
-{
- position:relative;
- top:-40px;
+ul.oldtrick li div div.card0 span {
+ text-align:center;
}
-.background0
-{
- background:url(pics/stable0.png) no-repeat 60px 60px;
+ul.oldtrick li div div span span {
+ position:absolute;
+ background-color:white;
+ margin:0;
+ padding:0;
+ width:10em;
+ border: 1px solid yellow;
+ z-index:11;
}
-.background1
-{
- background:url(pics/stable1.png) no-repeat 60px 60px;
+ul.oldtrick li div div.card0 span span{
+ top:1em;
+ left:-14em;
+ border: 3px solid green;
}
-.background2
-{
- background:url(pics/stable2.png) no-repeat 60px 60px;
+ul.oldtrick li div div.card1 span span{
+ top:-1em;
+ left:3em;
+ border: 3px solid green;
}
-.background3
-{
- background:url(pics/stable3.png) no-repeat 60px 60px;
+ul.oldtrick li div div.card2 span span{
+ top:-2em;
+ left:3em;
+ border: 3px solid green;
}
-div.back0
-{
- background:url(pics/table0.png) no-repeat 100px 100px;
+ul.oldtrick li div div.card3 span span{
+ top:-1em;
+ left:3em;
+ border: 3px solid green;
}
-div.back1
-{
- background:url(pics/table1.png) no-repeat 100px 100px;
+
+.mycards {
+ clear:both;
+ margin:0;
+ margin-top:38em;
+ padding:0;
+ border:1px solid red;
+ background-color:yellow;
}
-div.back2
-{
- background:url(pics/table2.png) no-repeat 100px 100px;
+
+.mycards img {
+ height:6em;
}
-div.back3
-{
- background:url(pics/table3.png) no-repeat 100px 100px;
+
+.line{
+ clear:both;
+ border-top:2px solid gray;
+ margin:0;
+ padding:0;
}
+.info {
+ float:right;
+ border:2px solid gray;
+ border-top:0;
+}
+.bug {
+ float:left;
+ width:10em;
+ border:2px solid gray;
+ border-top:0;
+}
\ No newline at end of file