changed path to pics and cards and css to be absolute paths
[e-DoKo.git] / standard.css
1 .header {
2   background-color:white;
3   text-align:center;
4   border-bottom:3px solid gray;
5 }
6
7 .card { 
8   position:absolute;
9   z-index:20;
10   top:18em;
11   left:28em;
12   text-aling:center;
13   background-color:white;
14   border:2px solid gray;
15 }
16 .card img { width:8em; }
17
18
19 ul.oldtrick {
20   position:relative;
21   list-style:none;
22   margin:3px;
23   padding:0;
24   /*background-color:yellow;*/
25   text-align:center;
26
27 }
28
29 ul.oldtrick a { text-decoration:none; color:#000;}
30
31 ul.oldtrick li {
32   /*background-color:blue;*/
33   margin:0.2em 0.5em;  
34   display:inline;
35 }
36 ul.oldtrick li:hover {
37   background-color: yellow;
38 }
39
40 ul.oldtrick li div.table img.table {
41   position:absolute;
42   margin:0;
43   padding:0;
44   top: 4em;
45   left: 3em;
46   height:22em;
47   z-index:-2;
48 }
49
50 ul.oldtrick li div.table {
51   position:absolute;
52   margin:0;
53   padding:0;
54   /*border: 5px solid green;*/
55   top: 10em;
56   left: 18em;
57   height:28em;
58   width:28em;
59   z-index:9;
60   display:none;
61 }
62
63 hr {clear:both;}
64
65 /*ul.oldtrick li:hover div.table{ display:block; }*/
66
67 ul.oldtrick li div div.card0 {
68   position:absolute;
69   margin:0;
70   padding:0;
71   /*border: 1px solid red;*/
72   top: 14em;
73   right:25em;
74 }
75 ul.oldtrick li div div.card1 {
76   position:absolute;
77   margin:0;
78   padding:0;
79   /*border: 1px solid red;*/
80   top: 0;
81   left:0em;
82   width:28em;
83   text-align:center;
84 }
85 ul.oldtrick li div div.card2 {
86   position:absolute;
87   margin:0;
88   padding:0;
89   /*border: 1px solid red;*/
90   top: 14em;
91   right:0em;
92 }
93 ul.oldtrick li div div.card3 {
94   position:absolute;
95   margin:0;
96   padding:0;
97   /*border: 1px solid red;*/
98   top: 29em;
99   left:0;
100   width:28em;
101   text-align:center;
102 }
103
104 ul.oldtrick li div div img {
105   position:absolute;
106   height:6em;
107   margin:0;
108   padding:0;
109 }
110
111 ul.oldtrick li div div.card0 img {
112   top: -2em;
113   left:5em;
114 }
115 ul.oldtrick li div div.card1 img {
116   top: 3em;
117   left:12em;
118 }
119 ul.oldtrick li div div.card2 img {
120   top: -2em;
121   left:-6em;
122 }
123 ul.oldtrick li div div.card3 img {
124   top: -6em;
125   left:12em;
126 }
127
128
129 ul.oldtrick li div div span {
130   /*background-color:green;*/
131 }
132 ul.oldtrick li div div.card0 span {
133   text-align:right;
134 }
135 ul.oldtrick li div div.card1 span {
136   text-align:center;
137 }
138 ul.oldtrick li div div.card0 span {
139   text-align:left;
140 }
141 ul.oldtrick li div div.card0 span {
142   text-align:center;
143 }
144
145 ul.oldtrick li div div span span {
146   position:absolute;
147   background-color:white;
148   margin:0;
149   padding:0;
150   width:10em;
151   border: 1px solid yellow;
152   z-index:11;
153 }
154 ul.oldtrick li div div.card0 span span{
155   top:1em;
156   left:-14em;
157   border: 3px solid green;
158 }
159 ul.oldtrick li div div.card1 span span{
160   top:-1em;
161   left:3em;
162   border: 3px solid green;
163 }
164 ul.oldtrick li div div.card2 span span{
165   top:-2em;
166   left:3em;
167   border: 3px solid green;
168 }
169 ul.oldtrick li div div.card3 span span{
170   top:-1em;
171   left:3em;
172   border: 3px solid green;
173 }
174
175 .mycards {
176   clear:both;
177   margin:0;
178   margin-top:38em;
179   padding:0;
180   border:1px solid red;
181   background-color:yellow;
182 }
183
184 .mycards img {
185   height:6em;
186 }
187
188 .line{
189   clear:both;
190   border-top:2px solid gray;
191   margin:0;
192   padding:0;
193 }
194
195 .info {
196   float:right;
197   border:2px solid gray;
198   border-top:0;
199 }
200
201 .bug {
202   float:left;
203   width:10em;
204   border:2px solid gray;
205   border-top:0;
206 }