standard.css

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