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