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