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