c1ec28b8f42ceabbf804f13f3dd6d048147802ac
[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 .line{
227   clear:both;
228   border-top:2px solid gray;
229   margin:0;
230   padding:0;
231 }
232
233
234 .ruleset {
235   position:absolute;
236   top:7.5em;
237   border:2px solid gray;
238   padding:0.3em;
239   margin:0;
240 }
241
242 .time { 
243   float:left;
244   border:2px solid gray;
245   border-top:0;
246 }
247
248 .bug {
249   position:absolute;
250   top:14.5em;
251   width:10em;
252   border:2px solid gray;
253   padding-top:0.5em;
254   clear:left;
255 }
256
257 .over { 
258   text-align:center;
259   margin-bottom:0.1em;
260 }
261
262 .submitbutton { 
263  border:0;
264  background-color: #efe;
265  }
266
267 .submitbutton:hover { 
268 background-color:#afa; 
269 }