LAYOUT: fixed small bug, probably only showed up on small windows
[e-DoKo.git] / css / standard.css
1 .header {
2   background-color:white;
3   text-align:center;
4   border-bottom:3px solid gray;
5 }
6 .footer { 
7  margin:0;
8  margin-top:0.3em;
9  padding:0;
10  border-top: 2px solid #444;
11  font-size:smaller;
12  clear:both;
13  }
14 .footer .right{  float:right; }
15 .footer .left{  float:left; }
16
17 .card { 
18   position:absolute;
19   z-index:20;
20   top:18em;
21   left:28em;
22   text-aling:center;
23   background-color:white;
24   border:2px solid gray;
25 }
26 .card img { width:8em; }
27
28 /* display the table and the names */
29 div.table {
30   position:absolute;
31   margin:0;
32   padding:0;
33 /*  border: 5px solid blue;*/
34   top: 14em;
35   left: 20em;
36 }
37
38 div.table img { 
39   height:20em;
40   width:20em;
41   z-index:9;
42 }
43 div.table span {
44   /*background-color:green;*/
45   position:absolute;
46   width:13em;
47 }
48 div.table span.table0 {
49   top:9em;
50   left:-15em;
51   text-align:right;
52 }
53 div.table span.table1 {
54   top:-3.5em;
55   left: 0em;
56   width:20em;
57   text-align:center;
58 }
59 div.table span.table2 {
60   top:9em;
61   left:22em;
62   text-align:left;
63   vertical-align:center;
64 }
65 div.table span.table3 {
66   top:21.5em;
67   left: 0em;
68   width:20em;
69   text-align:center;
70 }
71
72 ul.tricks {
73   position:relative;
74   list-style:none;
75   margin:3px;
76   padding:0;
77   padding-bottom:3px;
78   text-align:center;
79   border-bottom:1px solid #444;
80 }
81 ul.tricks a { text-decoration:none; color:#000;}
82 ul.tricks li {
83   /*background-color:blue;*/
84   margin:0;
85   padding:0.2em 0.5em;  
86   display:inline;
87 }
88 ul.tricks li.old {  background-color:#fff; }
89 ul.tricks li:hover {  background-color: #bbb;}
90 ul.tricks li.nohighlight:hover {  background-color: #fff;}
91
92 ul.tricks li div.trick {
93   position:absolute;
94   margin:0;
95   padding:0;
96 /*  border: 5px solid green;*/
97   top: 8em;
98   left: 20em;
99   height:20em;
100   width:20em;
101   z-index:9;
102   display:none;
103 }
104
105 ul.tricks li div.trick img.arrow {
106   position:absolute;
107   margin:0;
108   padding:0;
109   top: 4em;
110   left: 3em;
111   height:14em;
112   z-index:-2;
113 }
114
115 hr {clear:both;}
116
117 /*ul.tricks li:hover div.table{ display:block; }*/
118
119 ul.tricks li div div.card0 {
120   position:absolute;
121   margin:0;
122   padding:0;
123   /*border: 1px solid red;*/
124   top: 9em;
125   right:27em;
126 }
127 ul.tricks li div div.card1 {
128   position:absolute;
129   margin:0;
130   padding:0;
131   /*border: 1px solid red;*/
132   top: -3em;
133   left:-3em;
134   width:28em;
135   text-align:center;
136 }
137 ul.tricks li div div.card2 {
138   position:absolute;
139   margin:0;
140   padding:0;
141   /*border: 1px solid red;*/
142   top: 9em;
143   right:-2em;
144 }
145 ul.tricks li div div.card3 {
146   position:absolute;
147   margin:0;
148   padding:0;
149   /*border: 1px solid red;*/
150   top: 20em;
151   left:-3em;
152   width:28em;
153   text-align:center;
154 }
155
156 ul.tricks li div div img {
157   position:absolute;
158   height:6em;
159   margin:0;
160   padding:0;
161 }
162
163 ul.tricks li div div.card0 img {
164   top: -2em;
165   left:5em;
166 }
167 ul.tricks li div div.card1 img {
168   top: 3em;
169   left:10em;
170 }
171 ul.tricks li div div.card2 img {
172   top: -2em;
173   left:-6em;
174 }
175 ul.tricks li div div.card3 img {
176   top: -6em;
177   left:10em;
178 }
179
180
181 ul.tricks li div div span.comment {
182   position:absolute;
183   background-color:white;
184   margin:0;
185   padding:0;
186   width:10em;
187   border: 1px solid yellow;
188   z-index:-11;
189 }
190 ul.tricks li div div span.comment:hover {
191   z-index:11;
192 }
193 ul.tricks li div div.card0 span.comment{
194   top:4em;
195   left:-10em;
196   border: 3px solid green;
197 }
198 ul.tricks li div div.card1 span.comment{
199   top:-2em;
200   left:1em;
201   border: 3px solid green;
202 }
203 ul.tricks li div div.card2 span.comment{
204   top:-2em;
205   left:0em;
206   border: 3px solid green;
207 }
208 ul.tricks li div div.card3 span.comment{
209   top:2em;
210   left:20em;
211   border: 3px solid green;
212 }
213 ul.tricks li div div span.comment span{
214   display:block;
215   width:10em;
216   text-align:left;
217   border-top:1px solid green;
218 }
219
220 .mycards {
221   clear:both;
222   margin:0;
223   margin-top:33em;
224   padding:0;
225   border:1px solid red;
226   background-color:yellow;
227 }
228
229 .mycards img {
230   height:6em;
231 }
232
233 .exchange {
234   clear:both;
235   margin:0;
236   padding:0;
237   border:1px solid red;
238   background-color:yellow;
239 }
240
241 .exchange img {
242   height:6em;
243 }
244
245 .line{
246   clear:both;
247   border-top:2px solid gray;
248   margin:0;
249   padding:0;
250 }
251
252 .session {
253   border-bottom:1px solid black;
254   text-align:center;
255 }
256
257 .ruleset {
258   position:absolute;
259   top:10.5em;
260   border:2px solid gray;
261   padding:0.3em;
262 }
263
264
265 .bug {
266   position:absolute;
267   top:17.5em;
268   width:10em;
269   border:2px solid gray;
270   padding-top:0.5em;
271   clear:left;
272 }
273
274 .over { 
275   text-align:center;
276   margin-bottom:0.1em;
277 }
278
279 .submitbutton { 
280   border:0;
281   background-color: #efe;
282 }
283
284 .submitbutton:hover { 
285   background-color:#afa; 
286 }
287
288 .useroptions{
289   float:right;
290   padding-left:0.3em;
291   border-left: 1px solid #aaa;
292   border-bottom: 1px solid #aaa;
293 }
294 .useroptions h4 {
295     margin:0.1em;
296     margin-left:0em;
297     padding:0.1em;
298     padding-left:0em;
299     text-aling:left;
300 }
301
302 .cardinput {
303   display:inline;
304   position:relative;
305   border: 1px solid black;
306 }
307
308 .cardinput img {
309   width: 4em;
310 }
311
312 .cardinput:hover{
313   background-color:red;
314 }
315
316 div span img.button {
317   height: 2em; 
318   width: 2em;
319
320 }