some more design changes
[e-DoKo.git] / standard.css
1
2 .trick
3 {
4   position:relative;
5 //  border: 1px solid green;
6   height:500px;
7   width:500px;
8 }
9
10 img
11 {
12   height:80px;
13 }
14
15 .oldtrick
16 {
17   position:relative;
18   //border: 1px solid green;
19   height:280px;
20   width: 280px;
21   float:right;
22   clear:right;
23 }
24
25 .oldtrick img
26
27   height:50px;
28 }
29
30 .oldtrick div.table
31 {
32   position:absolute;
33   height:180px;;
34   width:180px;
35   left:50px;
36   top:50px;
37   //border:1px solid black;
38 }
39 .trick div.table
40 {
41   position:absolute;
42   
43   height:340px;;
44   width:340px;
45   left:80px;
46   top:80px;
47  // border:1px solid black;
48 }
49
50 div.card0>span
51
52   position:absolute;
53   left:-70px;
54   //border:1px solid black;
55 }
56
57 div.card1>span
58
59   position:absolute;
60   top:-30px;
61   //border:1px solid black;
62 }
63
64
65 div.card2>span
66
67   position:absolute;
68   left:40px;
69  // border:1px solid black;
70 }
71
72 div.card3>span
73
74   position:absolute;
75   bottom:-40px;
76   //border:1px solid black;
77 }
78
79 div.card0
80 {
81   position:absolute;
82   top:50px;
83   left: 0px;
84   //border:2px solid;
85 }
86 div.card1
87 {
88   position:absolute;
89   top:0px;
90   left:70px
91 }
92 div.card2
93 {
94   position:absolute;
95   top:50px;
96   right:0px;
97   text-align:right;
98 }
99 div.card3
100 {
101   position:absolute;
102
103   bottom:0px;
104   left:70px;
105 }
106
107 .trick div.card0
108 {
109   position:absolute;
110   top:110px;
111   left: 0px;
112 }
113 .trick div.card1
114 {
115   position:absolute;
116   top:0px;
117   left:140px
118 }
119 .trick div.card2
120 {
121   position:absolute;
122   top:110px;
123   right:0px;
124   text-align:right;
125 }
126 .trick div.card3
127 {
128   position:absolute;
129
130   bottom:0px;
131   left:140px;
132 }
133
134 .card2 span span
135 {
136    position:relative;
137    left:-80px;
138 }
139
140 .card3 span span
141
142   position:relative;
143   top:-40px;
144 }
145
146 span.comment
147 {
148   text-decoration:underline;
149 }
150
151 .comment span span
152 {
153   text-decoration:none;
154 }
155
156 /* hide comments */
157 .table div span span
158 {
159   position: absolute;
160   width:    100px;
161   background-color: white;
162   border:1px solid black;
163   display:  none;
164 }
165
166 .table div
167 {
168   float:left;
169   margin-bottom:10px;
170 }
171
172 .table div:hover span span
173 {
174  display:block;
175 }
176
177
178 /* background image for the table */
179 .background0
180 {
181    background:url(pics/stable0.png) no-repeat 60px 60px;
182 }
183 .background1
184 {
185    background:url(pics/stable1.png) no-repeat 60px 60px;
186 }
187 .background2
188 {
189    background:url(pics/stable2.png) no-repeat 60px 60px;
190 }
191 .background3
192 {
193    background:url(pics/stable3.png) no-repeat 60px 60px;
194 }
195
196 div.back0
197 {
198    background:url(pics/table0.png) no-repeat 100px 100px;
199 }
200 div.back1
201 {
202    background:url(pics/table1.png) no-repeat 100px 100px;
203 }
204 div.back2
205 {
206    background:url(pics/table2.png) no-repeat 100px 100px;
207 }
208 div.back3
209 {
210    background:url(pics/table3.png) no-repeat 100px 100px;
211 }
212
213