standard.css

   1
   2 .trick
   3 {
   4   position:relative;
   5 //  border: 1px solid green;
   6   height:500px;
   7   width:500px;
   8 }
   9
  10 img
  11 {
  12   height:80px;
  13 }
  14
  15 .oldtrick
  16 {
  17   position:relative;
  18   //border: 1px solid green;
  19   height:280px;
  20   width: 280px;
  21   float:right;
  22   clear:right;
  23 }
  24
  25 .oldtrick img
  26 {
  27   height:50px;
  28 }
  29
  30 .oldtrick div.table
  31 {
  32   position:absolute;
  33   height:180px;;
  34   width:180px;
  35   left:50px;
  36   top:50px;
  37   //border:1px solid black;
  38 }
  39 .trick div.table
  40 {
  41   position:absolute;
  42
  43   height:340px;;
  44   width:340px;
  45   left:80px;
  46   top:80px;
  47  // border:1px solid black;
  48 }
  49
  50 div.card0>span
  51 {
  52   position:absolute;
  53   left:-70px;
  54   //border:1px solid black;
  55 }
  56
  57 div.card1>span
  58 {
  59   position:absolute;
  60   top:-30px;
  61   //border:1px solid black;
  62 }
  63
  64
  65 div.card2>span
  66 {
  67   position:absolute;
  68   left:40px;
  69  // border:1px solid black;
  70 }
  71
  72 div.card3>span
  73 {
  74   position:absolute;
  75   bottom:-40px;
  76   //border:1px solid black;
  77 }
  78
  79 div.card0
  80 {
  81   position:absolute;
  82   top:50px;
  83   left: 0px;
  84   //border:2px solid;
  85 }
  86 div.card1
  87 {
  88   position:absolute;
  89   top:0px;
  90   left:70px
  91 }
  92 div.card2
  93 {
  94   position:absolute;
  95   top:50px;
  96   right:0px;
  97   text-align:right;
  98 }
  99 div.card3
 100 {
 101   position:absolute;
 102
 103   bottom:0px;
 104   left:70px;
 105 }
 106
 107 .trick div.card0
 108 {
 109   position:absolute;
 110   top:110px;
 111   left: 0px;
 112 }
 113 .trick div.card1
 114 {
 115   position:absolute;
 116   top:0px;
 117   left:140px
 118 }
 119 .trick div.card2
 120 {
 121   position:absolute;
 122   top:110px;
 123   right:0px;
 124   text-align:right;
 125 }
 126 .trick div.card3
 127 {
 128   position:absolute;
 129
 130   bottom:0px;
 131   left:140px;
 132 }
 133
 134 .card2 span span
 135 {
 136    position:relative;
 137    left:-80px;
 138 }
 139
 140 .card3 span span
 141 {
 142   position:relative;
 143   top:-40px;
 144 }
 145
 146 span.comment
 147 {
 148   text-decoration:underline;
 149 }
 150
 151 .comment span span
 152 {
 153   text-decoration:none;
 154 }
 155
 156 /* hide comments */
 157 .table div span span
 158 {
 159   position: absolute;
 160   width:    100px;
 161   background-color: white;
 162   border:1px solid black;
 163   display:  none;
 164 }
 165
 166 .table div
 167 {
 168   float:left;
 169   margin-bottom:10px;
 170 }
 171
 172 .table div:hover span span
 173 {
 174  display:block;
 175 }
 176
 177
 178 /* background image for the table */
 179 .background0
 180 {
 181    background:url(pics/stable0.png) no-repeat 60px 60px;
 182 }
 183 .background1
 184 {
 185    background:url(pics/stable1.png) no-repeat 60px 60px;
 186 }
 187 .background2
 188 {
 189    background:url(pics/stable2.png) no-repeat 60px 60px;
 190 }
 191 .background3
 192 {
 193    background:url(pics/stable3.png) no-repeat 60px 60px;
 194 }
 195
 196 div.back0
 197 {
 198    background:url(pics/table0.png) no-repeat 100px 100px;
 199 }
 200 div.back1
 201 {
 202    background:url(pics/table1.png) no-repeat 100px 100px;
 203 }
 204 div.back2
 205 {
 206    background:url(pics/table2.png) no-repeat 100px 100px;
 207 }
 208 div.back3
 209 {
 210    background:url(pics/table3.png) no-repeat 100px 100px;
 211 }
 212
 213