f1384abf9f0d585feaab679085e92bbf8cb479f8
[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   /*background-color:yellow;*/
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.2em 0.5em;  
85   display:inline;
86 }
87 ul.tricks li:hover {
88   background-color: yellow;
89 }
90
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 {
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.card0 span{
191   top:4em;
192   left:-10em;
193   border: 3px solid green;
194 }
195 ul.tricks li div div.card1 span{
196   top:-2em;
197   left:1em;
198   border: 3px solid green;
199 }
200 ul.tricks li div div.card2 span{
201   top:-2em;
202   left:0em;
203   border: 3px solid green;
204 }
205 ul.tricks li div div.card3 span{
206   top:4em;
207   left:3em;
208   border: 3px solid green;
209 }
210
211 .mycards {
212   clear:both;
213   margin:0;
214   margin-top:33em;
215   padding:0;
216   border:1px solid red;
217   background-color:yellow;
218 }
219
220 .mycards img {
221   height:6em;
222 }
223
224 .line{
225   clear:both;
226   border-top:2px solid gray;
227   margin:0;
228   padding:0;
229 }
230
231
232 .ruleset {
233   position:absolute;
234   top:7.5em;
235   border:2px solid gray;
236   padding:0.3em;
237   margin:0;
238 }
239
240 .time { 
241   float:left;
242   border:2px solid gray;
243   border-top:0;
244 }
245
246 .over { 
247   position:absolute;
248   top:12.5em;
249   border:2px solid black;
250
251 }
252
253 .bug {
254   position:absolute;
255   top:14.5em;
256   width:10em;
257   border:2px solid gray;
258   padding-top:0.5em;
259   clear:left;
260 }