CLEANUP: make the code look a bit nicer
[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 {
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.card0 span{
193   top:4em;
194   left:-10em;
195   border: 3px solid green;
196 }
197 ul.tricks li div div.card1 span{
198   top:-2em;
199   left:1em;
200   border: 3px solid green;
201 }
202 ul.tricks li div div.card2 span{
203   top:-2em;
204   left:0em;
205   border: 3px solid green;
206 }
207 ul.tricks li div div.card3 span{
208   top:2em;
209   left:20em;
210   border: 3px solid green;
211 }
212
213 .mycards {
214   clear:both;
215   margin:0;
216   margin-top:33em;
217   padding:0;
218   border:1px solid red;
219   background-color:yellow;
220 }
221
222 .mycards img {
223   height:6em;
224 }
225
226 .exchange {
227   clear:both;
228   margin:0;
229   padding:0;
230   border:1px solid red;
231   background-color:yellow;
232 }
233
234 .exchange img {
235   height:6em;
236 }
237
238 .line{
239   clear:both;
240   border-top:2px solid gray;
241   margin:0;
242   padding:0;
243 }
244
245 .session {
246   border-bottom:1px solid black;
247 }
248
249 .ruleset {
250   float:left;
251   margin:0;
252   margin-top:10.5em;
253   border:2px solid gray;
254   padding:0.3em;
255 }
256
257
258 .bug {
259   float:left;
260   margin-top:8.5em;
261   width:10em;
262   border:2px solid gray;
263   padding-top:0.5em;
264   clear:left;
265 }
266
267 .over { 
268   text-align:center;
269   margin-bottom:0.1em;
270 }
271
272 .submitbutton { 
273   border:0;
274   background-color: #efe;
275 }
276
277 .submitbutton:hover { 
278   background-color:#afa; 
279 }
280
281 .useroptions{
282   float:right;
283   padding-left:0.3em;
284   border-left: 1px solid #aaa;
285   border-bottom: 1px solid #aaa;
286 }
287 .useroptions h4 {
288     margin:0.1em;
289     margin-left:0em;
290     padding:0.1em;
291     padding-left:0em;
292     text-aling:left;
293 }
294
295 .cardinput {
296   display:inline;
297   position:relative;
298   border: 1px solid black;
299 }
300
301 .cardinput img {
302   width: 4em;
303 }
304
305 .cardinput:hover{
306   background-color:red;
307 }
308
309 div span img.button {
310   height: 2em; 
311   width: 2em;
312
313 }