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