BUGFIX: fixed a typo in the scoretable
[e-DoKo.git] / css / standard008.css
1 /* reset CSS (taken from blueprint and modified a bit) */
2
3 html, body, div, span,
4 h1, h2, h3, h4, h5, h6, p,
5 a,img,  dl, dt, dd, ol, ul, li,
6 fieldset, form, label, legend,
7 table, tbody, tfoot, thead, tr, th, td {
8   margin: 0;
9   padding: 0;
10   border: 0;
11   vertical-align: baseline;
12 }
13 table { border-collapse: separate; border-spacing: 0; }
14 caption, th, td { text-align: left; font-weight: normal; }
15 table, td, th { vertical-align: middle; }
16
17 /*  end reset */
18
19 h1, h2, h3, h4, h5, h6, p {margin: 2px; padding: 1px;}
20
21 .header {
22   background-color: white;
23   text-align:       center;
24   height:           4em;
25   border-bottom:    3px solid gray;
26 }
27
28 .lastlogin {
29   position:absolute;
30   font-size:smaller;
31   top:0;
32   left:0;
33 }
34
35 .main {
36   min-height: 40em;
37 }
38
39 .footer {
40   margin:0;
41   margin-top:0.3em;
42   padding:0;
43   border-top: 2px solid #444;
44   font-size:smaller;
45   clear:both;
46 }
47 .footer .right { float:right; }
48 .footer .left  { float:left; }
49
50 .status {
51   position:absolute;
52   right:1em;
53   top:0.1em;
54   font-size: smaller;
55 }
56
57 .joingame,.sickness,.poverty,.total,.message {
58  position: absolute;
59  background-color: #fff;
60  width: 20%;
61  top:19em;
62  left:40%;
63  right:40%;
64  text-align: center;
65  z-index:22
66 }
67
68
69 .total .re {
70  position: absolute;
71  left: -4em;
72  top:8em;
73  background-color: #fff;
74  z-index:15;
75 }
76 .total .contra {
77  position: absolute;
78  right: -4em;
79  top:8em;
80  background-color: #fff;
81  z-index:15;
82 }
83
84 .rules {
85   margin-top:24em;
86 }
87
88
89 .card {
90   position:absolute;
91   z-index:20;
92   top:18em;
93   left:28em;
94   text-align:center;
95   background-color:white;
96   border:2px solid gray;
97 }
98 .card img { width:8em; }
99
100 /* display the table and the names */
101 div.table {
102   position:absolute;
103   width:100%;
104   height:35em;
105   margin:0;
106   left:0;
107   padding:0;
108 /*  border: 3px solid blue; */
109   top: 8.2em;
110   text-align:center;
111 }
112
113 div.table img.table {
114   position:absolute;
115   width:25%;
116   top:20%;
117   height:22em;
118   left:37.5%;
119   z-indexk:9;
120   display: block;
121   margin:0;
122   padding:0;
123 }
124 div.table div {
125   /*background-color:green;*/
126   position:absolute;
127   width:12.5%;
128   text-align:center;
129   z-index:20;
130 }
131 div.table div img{
132   /*background-color:green;*/
133   width:20%;
134 }
135
136 div.table div.table0 {
137   top:45%;
138   right:62.5%;
139 }
140 div.table div.table1 {
141   top:5%;
142   left:43.75%;
143 }
144 div.table div.table2 {
145   top:45%;
146   left:62.5%;
147 }
148 div.table div.table3 {
149   bottom:5%;
150   left: 43.75%;
151 }
152
153 ul.tricks {
154   position:relative;
155   zoom:1; /* fixes an IE6 issue and hopefully doesn't mess up anything else */
156   list-style:none;
157   margin:3px;
158   padding:0;
159   padding-bottom:3px;
160   text-align:center;
161   border-bottom:1px solid #444;
162 }
163 ul.tricks a { text-decoration:none; color:#000;}
164 ul.tricks li {
165   /*background-color:blue;*/
166   margin:0.1em;
167   padding:0.2em 0.5em;
168   display:inline;
169 }
170 ul.tricks li.old {  background-color:#fff; }
171 ul.tricks li:hover {  background-color: #bbb;}
172 ul.tricks li.nohighlight:hover {  background-color: #fff;}
173
174 ul.tricks li div.trick {
175   position:absolute;
176   width:100%;
177   height:35em;
178   top:1.2em;
179   left: 0;
180   margin:0;
181   padding:0;
182 /*  border: 2px solid red;*/
183   display:block;
184 }
185 ul.tricks li div.trick {
186   display:none;
187 }
188
189 ul.tricks li div.trick img.arrow {
190   position:absolute;
191   margin:0;
192   padding:0;
193 /*  border: 5px solid blue;*/
194   text-align:center;
195   width:16%;
196   height:16em;
197   left:42%;
198   right:42%;
199   top:11em;
200   z-index:8;
201 }
202
203 hr {clear:both;}
204
205 /*ul.tricks li:hover div.table{ display:block; }*/
206
207 ul.tricks li div div.card0 img,ul.tricks li div div.card0 .score, .vorbehalt0 {
208   position:absolute;
209   margin:0;
210   padding:0;
211   /*border: 1px solid red;*/
212   top: 45%;
213   left:37.5%;
214   right:56.5%;
215   width:6%;
216   z-index:30;
217 }
218 ul.tricks li div div.card0 span.comment{
219   position:absolute;
220   margin:0;
221   padding:0;
222   /*border: 1px solid red;*/
223   top: 5%;
224   right:66.5%;
225   left:17.5%;
226   width:16%;
227 }
228 ul.tricks li div div.card1 img,ul.tricks li div div.card1 .score, .vorbehalt1 {
229   position:absolute;
230   margin:0;
231   padding:0;
232   /*border: 1px solid red;*/
233   top: 25%;
234   left:47%;
235   right:47%;
236   width:6%;
237   text-align:center;
238   z-index:30;
239 }
240 ul.tricks li div div.card1 span.comment{
241   position:absolute;
242   margin:0;
243   padding:0;
244   /*border: 1px solid red;*/
245   top: 5%;
246   left:66.5%;
247   right:17.5%;
248   width:16%;
249   text-align:center;
250 }
251 ul.tricks li div div.card2 img,ul.tricks li div div.card2 .score, .vorbehalt2{
252   position:absolute;
253   margin:0;
254   padding:0;
255   /*border: 1px solid red;*/
256   top: 45%;
257   right:37.5%;
258   left:56x.5%;
259   width:6%;
260   z-index:30;
261 }
262 ul.tricks li div div.card2 span.comment{
263   position:absolute;
264   margin:0;
265   padding:0;
266   /*border: 1px solid red;*/
267   top: 85%;
268   left:66.5%;
269   right:17.5%;
270   width:16%;
271   text-align:center;
272 }
273 ul.tricks li div div.card3 img,ul.tricks li div div.card3 .score, .vorbehalt3{
274   position:absolute;
275   margin:0;
276   padding:0;
277   /*border: 1px solid red;*/
278   bottom: 15%;
279   left:47%;
280   right:47%;
281   width:6%;
282   text-align:center;
283   z-index:30;
284 }
285 ul.tricks li div div.card3 span.comment{
286   position:absolute;
287   margin:0;
288   padding:0;
289   /*border: 1px solid red;*/
290   top: 85%;
291   right:66.5%;
292   left:17.5%;
293   width:16%;
294 }
295
296 span.comment{
297  border: 3px solid green;
298 }
299
300 ul.tricks li div div span.comment span{
301   display:block;
302   text-align:left;
303   border-top:1px solid green;
304 }
305
306 .mycards {
307   margin:0;
308   margin-top:34.5em;
309   padding:0;
310   border:1px solid red;
311   background-color:yellow;
312 }
313
314 .mycards img {
315   height:6em;
316 }
317
318 .exchange {
319   clear:both;
320   margin:0;
321   padding:0;
322   border:1px solid red;
323   background-color:yellow;
324 }
325
326 .exchange img {
327   height:6em;
328 }
329
330 .line{
331   clear:both;
332   border-top:2px solid gray;
333   margin:0;
334   padding:0;
335 }
336
337 .session {
338   border-bottom:1px solid black;
339   text-align:center;
340 }
341 div.session div.sessionrules { 
342   width:19em;
343   float:left ;
344   text-align: left;
345 }
346 div.session div.sessionscore { 
347   width:19em;
348   float:right ;
349   text-align: right;
350 }
351 div.session div.sessionrules div{
352   display:none;
353   background-color: white;
354   border: 1px solid black;
355   position:absolute;
356   z-index: 30;
357   padding:0.5em;
358 }
359 div.session div.sessionrules:hover div{
360   display:block;
361 }
362 div.session div.sessionscore div{
363   position:absolute;
364   width:12em;
365   right:0em;
366   display:none;
367   background-color: white;
368   border: 1px solid black;
369   z-index: 30;
370 }
371 div.session div.sessionscore:hover div{
372   display:block;
373 }
374
375 .scoretable{
376   height:20em;
377   overflow: auto;
378 }
379 table.score {
380   margin:0.5em;
381   width:10em;
382   border-collapse:collapse;
383 }
384
385 .gameinfo {
386   position:absolute;
387   top:27em;
388   right:0em;
389   margin:1em;
390   margin-top:0em;
391   margin-right:0em;
392
393   width:12em;
394
395   border-top:    2px solid gray;
396   border-left:   2px solid gray;
397   border-bottom: 2px solid gray;
398
399   padding:0.3em;
400
401   background-color: #efefef;
402 }
403
404 .usermenu {
405   position:absolute;
406   top:10em;
407   left:0;
408   margin:1em;
409   margin-top:0em;
410   margin-left:0em;
411
412   width: 12em;
413
414   border-top:    2px solid gray;
415   border-right:  2px solid gray;
416   border-bottom: 2px solid gray;
417
418   padding:0.3em;
419
420   background-color: #eee;
421 }
422
423 .notes {
424   position:absolute;
425   top:27em;
426   left:0;
427   margin:1em;
428   margin-top:0em;
429   margin-left:0em;
430
431   width: 12em;
432
433   border-top:    2px solid gray;
434   border-right:  2px solid gray;
435   border-bottom: 2px solid gray;
436
437   padding:0.3em;
438
439   background-color: #efefef;
440
441   height:10em;
442   overflow: auto;
443 }
444
445 .user { margin-left:25%;margin-right:5%; }
446 .user td.usergames { width:50%; }
447 .wide { margin-left:5%;margin-right:5%; }
448
449 .over {
450   text-align:center;
451   margin-bottom:0.1em;
452 }
453
454 .submitbutton {
455   border:0;
456   background-color: #efe;
457 }
458
459 .submitbutton:hover {
460   background-color:#afa;
461 }
462
463
464 .cardinput {
465   display:inline;
466   position:relative;
467   border: 1px solid black;
468 }
469
470 .cardinput img {
471   width: 4em;
472 }
473
474 .cardinput:hover{
475   background-color:red;
476 }
477
478 div span img.button {
479   width: 2em;
480 }
481
482 .gamestatuspre {
483    padding: 0 0.3em;
484
485     background-color: #fd8901;
486 }
487 .gamestatusover {
488    padding:0 0.3em;
489   background-color: #f82c20 ;
490 }
491 .gamestatusplay {
492   padding:0 0.3em;
493   background-color: #15de26;
494 }
495
496 .bigger {
497   font-size:larger;
498 }
499
500 caption { 
501   text-align: center;
502   margin: 0.5em;
503   padding: 0.5em;
504   padding-bottom: 0em;
505   margin-bottom: 0;
506  }
507 table.stats { margin: 0.5em 1em; 
508   border: solid 0.2em #aeaeae;
509   -moz-border-radius: 0.5em ;
510   float: left;
511 }
512 table.stats tr.odd  { background-color:#aeaeae; }
513 table.stats tr.even { background-color:#eaeaea; }
514 table.stats td, table.stats th { 
515   margin-left:  0.2em;
516   margin-right: 0.2em;
517   padding-left:  0.2em;
518   padding-right: 0.2em;
519   border-right: solid 0.1em black;
520 }
521 table.stats  tr td:last-child, table.stats  tr th:last-child { border-right: solid 0 black; }
522
523 table.stats th { border-bottom: solid 0.2em black }
524