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