NEW FEATURE: show Vorbehalte in each game
[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 .user { margin-left:25%;margin-right:25%; }
365
366 .over {
367   text-align:center;
368   margin-bottom:0.1em;
369 }
370
371 .submitbutton {
372   border:0;
373   background-color: #efe;
374 }
375
376 .submitbutton:hover {
377   background-color:#afa;
378 }
379
380
381 .cardinput {
382   display:inline;
383   position:relative;
384   border: 1px solid black;
385 }
386
387 .cardinput img {
388   width: 4em;
389 }
390
391 .cardinput:hover{
392   background-color:red;
393 }
394
395 div span img.button {
396   width: 2em;
397 }
398
399 .gamestatuspre {
400    padding: 0 0.3em;
401
402     background-color: #fd8901;
403 }
404 .gamestatusover {
405    padding:0 0.3em;
406   background-color: #f82c20 ;
407 }
408 .gamestatusplay {
409   padding:0 0.3em;
410   background-color: #15de26;
411 }
412
413 .scoretable{
414   height:10em;
415   overflow: auto;
416 }
417 table.score {
418   width:10em;
419   border-collapse:collapse;
420 }
421
422 .bigger {
423   font-size:larger;
424 }