b694fe9fbff85b1d162f53f0fcf031f6b22ede07
[e-DoKo.git] / css / standard001.css
1 .header {
2   background-color: white;
3   text-align:       center;
4   height:           4em;
5   border-bottom:    3px solid gray;
6 }
7
8 .lastlogin {
9   position:absolute;
10   font-size:smaller;
11   top:0;
12   left:0;
13 }
14
15 .main {
16   min-height: 40em;
17 }
18
19 .footer {
20   margin:0;
21   margin-top:0.3em;
22   padding:0;
23   border-top: 2px solid #444;
24   font-size:smaller;
25   clear:both;
26 }
27 .footer .right { float:right; }
28 .footer .left  { float:left; }
29
30 .status {
31   position:absolute;
32   right:1em;
33   top:0.1em;
34   font-size: smaller;
35 }
36
37 .joingame,.sickness,.poverty,.total,.message {
38  position: absolute;
39  background-color: #fff;
40  width: 20%;
41  top:22em;
42  left:40%;
43  right:40%;
44  text-align: center;
45  z-index:22
46 }
47
48
49 .total .re {
50  position: absolute;
51  left: -4em;
52  top:8em;
53  background-color: #fff;
54  z-index:15;
55 }
56 .total .contra {
57  position: absolute;
58  right: -4em;
59  top:8em;
60  background-color: #fff;
61  z-index:15;
62 }
63
64 .poverty {
65   top:32em;
66   z-index:15;
67   background-color:#fff;
68 }
69
70 .rules {
71 margin-top:20em;
72 }
73
74
75 .card {
76   position:absolute;
77   z-index:20;
78   top:18em;
79   left:28em;
80   text-align:center;
81   background-color:white;
82   border:2px solid gray;
83 }
84 .card img { width:8em; }
85
86 /* display the table and the names */
87 div.table {
88   position:absolute;
89   width:99%;
90   height:35em;
91   margin:0;
92   left:0;
93   padding:0;
94 /*  border: 3px solid blue; */
95   top: 8.2em;
96   text-align:center;
97 }
98
99 div.table img.table {
100   position:absolute;
101   width:25%;
102   top:20%;
103   height:22em;
104   left:37.5%;
105   z-indexk:9;
106   display: block;
107   margin:0;
108   padding:0;
109 }
110 div.table div {
111   /*background-color:green;*/
112   position:absolute;
113   width:12.5%;
114   text-align:center;
115   z-index:20;
116 }
117 div.table div img{
118   /*background-color:green;*/
119   width:20%;
120 }
121
122 div.table div.table0 {
123   top:45%;
124   right:62.5%;
125 }
126 div.table div.table1 {
127   top:5%;
128   left:43.75%;
129 }
130 div.table div.table2 {
131   top:45%;
132   left:62.5%;
133 }
134 div.table div.table3 {
135   bottom:5%;
136   left: 43.75%;
137 }
138
139 ul.tricks {
140   position:relative;
141   list-style:none;
142   margin:3px;
143   padding:0;
144   padding-bottom:3px;
145   text-align:center;
146   border-bottom:1px solid #444;
147 }
148 ul.tricks a { text-decoration:none; color:#000;}
149 ul.tricks li {
150   /*background-color:blue;*/
151   margin:0.1em;
152   padding:0.2em 0.5em;
153   display:inline;
154 }
155 ul.tricks li.old {  background-color:#fff; }
156 ul.tricks li:hover {  background-color: #bbb;}
157 ul.tricks li.nohighlight:hover {  background-color: #fff;}
158
159 ul.tricks li div.trick {
160   position:absolute;
161   width:100%;
162   height:35em;
163   top:1.2em;
164   left: 0;
165   margin:0;
166   padding:0;
167 /*  border: 2px solid red;*/
168   display:block;
169 }
170 ul.tricks li div.trick {
171   display:none;
172 }
173
174 ul.tricks li div.trick img.arrow {
175   position:absolute;
176   margin:0;
177   padding:0;
178 /*  border: 5px solid blue;*/
179   text-align:center;
180   width:16%;
181   height:16em;
182   left:42%;
183   right:42%;
184   top:9em;
185   z-index:8;
186 }
187
188 hr {clear:both;}
189
190 /*ul.tricks li:hover div.table{ display:block; }*/
191
192 ul.tricks li div div.card0 img,ul.tricks li div div.card0 .score, .vorbehalt0 {
193   position:absolute;
194   margin:0;
195   padding:0;
196   /*border: 1px solid red;*/
197   top: 40%;
198   left:37.5%;
199   right:56x.5%;
200   width:6%;
201   z-index:9;
202 }
203 ul.tricks li div div.card0 span.comment{
204   position:absolute;
205   margin:0;
206   padding:0;
207   /*border: 1px solid red;*/
208   top: 5%;
209   right:66.5%;
210   left:17.5%;
211   width:16%;
212 }
213 ul.tricks li div div.card1 img,ul.tricks li div div.card1 .score, .vorbehalt1 {
214   position:absolute;
215   margin:0;
216   padding:0;
217   /*border: 1px solid red;*/
218   top: 20%;
219   left:47%;
220   right:47%;
221   width:6%;
222   text-align:center;
223   z-index:9;
224 }
225 ul.tricks li div div.card1 span.comment{
226   position:absolute;
227   margin:0;
228   padding:0;
229   /*border: 1px solid red;*/
230   top: 5%;
231   left:66.5%;
232   right:17.5%;
233   width:16%;
234   text-align:center;
235 }
236 ul.tricks li div div.card2 img,ul.tricks li div div.card2 .score, .vorbehalt2{
237   position:absolute;
238   margin:0;
239   padding:0;
240   /*border: 1px solid red;*/
241   top: 40%;
242   right:37.5%;
243   left:56x.5%;
244   width:6%;
245   z-index:9;
246 }
247 ul.tricks li div div.card2 span.comment{
248   position:absolute;
249   margin:0;
250   padding:0;
251   /*border: 1px solid red;*/
252   top: 80%;
253   left:66.5%;
254   right:17.5%;
255   width:16%;
256   text-align:center;
257 }
258 ul.tricks li div div.card3 img,ul.tricks li div div.card3 .score, .vorbehalt3{
259   position:absolute;
260   margin:0;
261   padding:0;
262   /*border: 1px solid red;*/
263   bottom: 20%;
264   left:47%;
265   right:47%;
266   width:6%;
267   text-align:center;
268   z-index:9;
269 }
270 ul.tricks li div div.card3 span.comment{
271   position:absolute;
272   margin:0;
273   padding:0;
274   /*border: 1px solid red;*/
275   top: 80%;
276   right:66.5%;
277   left:17.5%;
278   width:16%;
279 }
280
281 span.comment{
282  border: 3px solid green;
283 }
284
285 ul.tricks li div div span.comment span{
286   display:block;
287   text-align:left;
288   border-top:1px solid green;
289 }
290
291 .mycards {
292   margin:0;
293   margin-top:34.5em;
294   padding:0;
295   border:1px solid red;
296   background-color:yellow;
297 }
298
299 .mycards img {
300   height:6em;
301 }
302
303 .exchange {
304   clear:both;
305   margin:0;
306   padding:0;
307   border:1px solid red;
308   background-color:yellow;
309 }
310
311 .exchange img {
312   height:6em;
313 }
314
315 .line{
316   clear:both;
317   border-top:2px solid gray;
318   margin:0;
319   padding:0;
320 }
321
322 .session {
323   border-bottom:1px solid black;
324   text-align:center;
325 }
326
327 .gameinfo, .useroptions {
328   position:absolute;
329   top:10em;
330   right:0em;
331   margin:1em;
332   margin-top:0em;
333   margin-right:0em;
334
335   width:12em;
336
337   border-top:    2px solid gray;
338   border-left:   2px solid gray;
339   border-bottom: 2px solid gray;
340
341   padding:0.3em;
342
343   background-color: #eee;
344 }
345
346 .usermenu {
347   position:absolute;
348   top:10em;
349   left:0;
350   margin:1em;
351   margin-top:0em;
352   margin-left:0em;
353
354   width: 12em;
355
356   border-top:    2px solid gray;
357   border-right:  2px solid gray;
358   border-bottom: 2px solid gray;
359
360   padding:0.3em;
361
362   background-color: #eee;
363 }
364
365 .notes {
366   position:absolute;
367   top:27em;
368   left:0;
369   margin:1em;
370   margin-top:0em;
371   margin-left:0em;
372
373   width: 12em;
374
375   border-top:    2px solid gray;
376   border-right:  2px solid gray;
377   border-bottom: 2px solid gray;
378
379   padding:0.3em;
380
381   background-color: #efefef;
382
383   height:10em;
384   overflow: auto;
385 }
386
387 .user { margin-left:25%;margin-right:25%; }
388
389 .over {
390   text-align:center;
391   margin-bottom:0.1em;
392 }
393
394 .submitbutton {
395   border:0;
396   background-color: #efe;
397 }
398
399 .submitbutton:hover {
400   background-color:#afa;
401 }
402
403
404 .cardinput {
405   display:inline;
406   position:relative;
407   border: 1px solid black;
408 }
409
410 .cardinput img {
411   width: 4em;
412 }
413
414 .cardinput:hover{
415   background-color:red;
416 }
417
418 div span img.button {
419   width: 2em;
420 }
421
422 .gamestatuspre {
423    padding: 0 0.3em;
424
425     background-color: #fd8901;
426 }
427 .gamestatusover {
428    padding:0 0.3em;
429   background-color: #f82c20 ;
430 }
431 .gamestatusplay {
432   padding:0 0.3em;
433   background-color: #15de26;
434 }
435
436 .scoretable{
437   height:10em;
438   overflow: auto;
439 }
440 table.score {
441   width:10em;
442   border-collapse:collapse;
443 }
444
445 .bigger {
446   font-size:larger;
447 }