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