added footer, moved revision into footer
[e-DoKo.git] / css / standard.css
1 .header {
2   background-color:white;
3   text-align:center;
4   border-bottom:3px solid gray;
5 }
6 .footer { 
7  margin:0;
8  margin-top:0.3em;
9  padding:0;
10  border-top: 2px solid #444;
11  font-size:smaller;
12  clear:both;
13  }
14 .footer .right{  float:right; }
15 .footer .left{  float:left; }
16
17 p.gamenumber { 
18   position:absolute;
19   top:0;
20   text-align:center;
21 }
22
23 .card { 
24   position:absolute;
25   z-index:20;
26   top:18em;
27   left:28em;
28   text-aling:center;
29   background-color:white;
30   border:2px solid gray;
31 }
32 .card img { width:8em; }
33
34 /* display the table and the names */
35 div.table {
36   position:absolute;
37   margin:0;
38   padding:0;
39 /*  border: 5px solid blue;*/
40   top: 14em;
41   left: 20em;
42 }
43
44 div.table img { 
45   height:20em;
46   width:20em;
47   z-index:9;
48 }
49 div.table span {
50 /*  background-color:green;*/
51   position:absolute;
52 }
53 div.table span.table0 {
54   top:10em;
55   left:-5em;
56   text-align:right;
57 }
58 div.table span.table1 {
59   top:-2em;
60   left: 0em;
61   width:20em;
62   text-align:center;
63 }
64 div.table span.table2 {
65   top:10em;
66   left:21em;
67   text-align:left;
68   vertical-align:center;
69 }
70 div.table span.table3 {
71   top:23em;
72   left: 0em;
73   width:20em;
74   text-align:center;
75 }
76
77
78
79 ul.tricks {
80   position:relative;
81   list-style:none;
82   margin:3px;
83   padding:0;
84   /*background-color:yellow;*/
85   text-align:center;
86
87 }
88
89 ul.tricks a { text-decoration:none; color:#000;}
90
91 ul.tricks li {
92   /*background-color:blue;*/
93   margin:0.2em 0.5em;  
94   display:inline;
95 }
96 ul.tricks li:hover {
97   background-color: yellow;
98 }
99
100
101 ul.tricks li div.trick {
102   position:absolute;
103   margin:0;
104   padding:0;
105 /*  border: 5px solid green;*/
106   top: 8em;
107   left: 20em;
108   height:20em;
109   width:20em;
110   z-index:9;
111   display:none;
112 }
113
114 ul.tricks li div.trick img.arrow {
115   position:absolute;
116   margin:0;
117   padding:0;
118   top: 4em;
119   left: 3em;
120   height:14em;
121   z-index:-2;
122 }
123
124 hr {clear:both;}
125
126 /*ul.tricks li:hover div.table{ display:block; }*/
127
128 ul.tricks li div div.card0 {
129   position:absolute;
130   margin:0;
131   padding:0;
132   /*border: 1px solid red;*/
133   top: 9em;
134   right:27em;
135 }
136 ul.tricks li div div.card1 {
137   position:absolute;
138   margin:0;
139   padding:0;
140   /*border: 1px solid red;*/
141   top: -3em;
142   left:-3em;
143   width:28em;
144   text-align:center;
145 }
146 ul.tricks li div div.card2 {
147   position:absolute;
148   margin:0;
149   padding:0;
150   /*border: 1px solid red;*/
151   top: 9em;
152   right:-2em;
153 }
154 ul.tricks li div div.card3 {
155   position:absolute;
156   margin:0;
157   padding:0;
158   /*border: 1px solid red;*/
159   top: 20em;
160   left:-3em;
161   width:28em;
162   text-align:center;
163 }
164
165 ul.tricks li div div img {
166   position:absolute;
167   height:6em;
168   margin:0;
169   padding:0;
170 }
171
172 ul.tricks li div div.card0 img {
173   top: -2em;
174   left:5em;
175 }
176 ul.tricks li div div.card1 img {
177   top: 3em;
178   left:10em;
179 }
180 ul.tricks li div div.card2 img {
181   top: -2em;
182   left:-6em;
183 }
184 ul.tricks li div div.card3 img {
185   top: -6em;
186   left:10em;
187 }
188
189
190 ul.tricks li div div span {
191   position:absolute;
192   background-color:white;
193   margin:0;
194   padding:0;
195   width:10em;
196   border: 1px solid yellow;
197   z-index:11;
198 }
199 ul.tricks li div div.card0 span{
200   top:1em;
201   left:-10em;
202   border: 3px solid green;
203 }
204 ul.tricks li div div.card1 span{
205   top:0em;
206   left:1em;
207   border: 3px solid green;
208 }
209 ul.tricks li div div.card2 span{
210   top:-2em;
211   left:0em;
212   border: 3px solid green;
213 }
214 ul.tricks li div div.card3 span{
215   top:1em;
216   left:3em;
217   border: 3px solid green;
218 }
219
220 .mycards {
221   clear:both;
222   margin:0;
223   margin-top:38em;
224   padding:0;
225   border:1px solid red;
226   background-color:yellow;
227 }
228
229 .mycards img {
230   height:6em;
231 }
232
233 .line{
234   clear:both;
235   border-top:2px solid gray;
236   margin:0;
237   padding:0;
238 }
239
240 .info {
241   float:right;
242   border:2px solid gray;
243   border-top:0;
244 }
245
246 .ruleset {
247   float:right;
248   border:2px solid gray;
249   border-top:0;
250 }
251
252 .time { 
253   float:left;
254   border:2px solid gray;
255   border-top:0;
256 }
257
258 .over { 
259   float:right;
260   border:2px solid black;
261   clear:right;
262 }
263
264 .bug {
265   float:left;
266   width:10em;
267   border:2px solid gray;
268   border-top:0;
269   padding-top:0.5em;
270   clear:left;
271 }