| author | Eugen Sawin <sawine@me73.com> |
| Tue, 16 Nov 2010 23:36:50 +0100 | |
| changeset 22 | 38931aca0bff |
| parent 21 | 32923d84e8fb |
| child 23 | cb8118ffdfc2 |
| permissions | -rw-r--r-- |
1 *
2 {
3 margin: 0;
4 padding: 0;
5 border: 0;
6 }
8 ul, ol
9 {
10 list-style-type: none;
11 }
13 body
14 {
15 background: #fafafa;
16 font: 15px/15px sans-serif;
17 margin: 30px 80px;
18 color: #333;
19 text-align: center;
20 }
22 #container
23 {
24 margin-left: auto;
25 margin-right: auto;
26 width: 1000px;
27 text-align: left;
28 }
30 .red
31 {
32 /*color: #b22;*/
33 color: #aaa;
34 }
36 a
37 {
38 text-decoration: none;
39 color: #777;
40 }
42 p
43 {
44 padding-bottom: 10px;
45 }
47 a:hover
48 {
49 color: #333;
50 }
52 span.link
53 {
54 border-bottom: dashed 1px #aaa;
55 position: relative;
56 color: #777;
57 }
59 .menu > span.link
60 {
61 border-bottom: 0;
62 font-size: 60px;
63 font-weight: bold;
64 letter-spacing: 0.2px;
65 line-height: 80%;
66 text-transform: uppercase;
67 color: #333;
68 }
70 span.missinglink
71 {
72 border-bottom: dashed 1px #aaa;
73 position: relative:
74 color: #aaa;
75 text-decoration: line-through;
76 }
78 h3
79 {
81 padding-bottom: 5px;
82 font-weight: bold;
83 text-transform: uppercase;
84 }
86 .menu > a
87 {
88 font-size: 60px;/*72px;*/
89 font-weight: bold;
90 letter-spacing: 0.2px;
91 line-height: 80%;
92 text-transform: uppercase;
93 color: #bbb;
94 }
96 .menu > a:hover
97 {
98 color: #333;
99 }
101 a > span
102 {
103 display: none;
104 }
106 a:hover > span
107 {
108 display: inline;
109 color: red;
110 font-weight: bold;
111 }
113 .container2
114 {
115 position: fixed;
116 top: 30px;
117 height: 100px;
118 width: 400px;
119 left: 50%;
120 }
122 .menu > a .container2 .content
123 {
124 display: none;
125 font: 12px/15px sans-serif;
126 color: #555;
127 position: absolute;
128 height: 400px;
129 width: 400px;
130 text-transform: none;
131 z-index: 100;
132 background: #fafafa;
134 }
136 .menu > a:hover .container2 .content
137 {
138 display: block;
139 }
141 body > #container > .content
142 {
143 font: 12px/15px sans-serif;
144 width: 400px;
145 height: 400px;
146 color: #555;
147 position: absolute;
148 margin-left: auto;
149 margin-right: auto;
150 text-transform: none;
151 z-index: 1;
152 }
154 .content a
155 {
156 border-bottom: dashed 1px red;
157 position: relative;
158 }
160 .content a:hover
161 {
162 border-bottom: 0;
163 }
165 .content .entry
166 {
167 padding-bottom: 20px;
168 width: 400px;
169 }
171 .content .entry .details
172 {
173 display: none;
174 font: 12px/15px sans-serif;
175 width: 400px;
176 height: 400px;
177 color: #333;
178 position: absolute;
179 margin-left: 500px;
180 margin-right: auto;
181 top: 0;
182 text-transform: none;
183 background: #fafafa;
184 }
186 .content .entry:hover .details
187 {
188 display: block;
189 }
191 .content .entry:hover .red
192 {
193 color: #d22;
194 }
197 div.universe1
198 {
199 background: #fafafa;
200 position: absolute;
201 width: 50%;
202 height: 50%;
203 left: 0;
204 top: 0;
205 text-align: center;
206 color: #fff;
207 }
209 div.universe1:hover
210 {
211 }
213 div.universe2
214 {
215 background: #fafafa;
216 position: fixed;
217 margin: 30px 80px;
218 left: 50%;
219 width: 50%;
220 height: 50%;
221 top: 0;
222 font-size: 60px;
223 font-weight: bold;
224 letter-spacing: 0.2px;
225 line-height: 80%;
226 text-align: left;
227 color: #fff;
228 }
230 div.universe2:hover
231 {
232 }
235 div.universe3
236 {
237 background: #fafafa;
238 position: absolute;
239 width: 50%;
240 height: 50%;
241 left: 0;
242 top: 50%;
243 text-transform: uppercase;
244 text-align: center;
245 color: #fafafa;
246 }
248 div.universe3:hover
249 {
250 background: #eee;
251 color: #aaa;
252 }
255 div.universe4
256 {
257 background: #fafafa;
258 position: absolute;
259 width: 50%;
260 height: 50%;
261 left: 50%;
262 top: 50%;
263 text-transform: uppercase;
264 text-align: center;
265 color: #fafafa;
266 }
268 div.universe4:hover
269 {
270 background: #eee;
271 color: #aaa;
272 }
274 div.menu
275 {
276 position: absolute;
277 bottom: 150px;
279 }
281 #menu1
282 {
283 width: 400px;
284 }
286 #menu2
287 {
288 margin-left: 500px;
289 margin-right: auto;
290 width: 400px;
291 }
293 #info
294 {
295 position: absolute;
296 bottom: 30px;
297 width: 400px;
298 color: #aaa;
299 }
301 #info:hover
302 {
303 color: #333;
304 }
306 #info li.name
307 {
308 font-weight: bold;
309 }
311 #info li.misc
312 {
313 font-weight: normal;
314 }
316 #container #copy
317 {
318 position: absolute;
319 bottom: 30px;
320 margin-left: 812px;
321 margin-right: auto;
322 color: #aaa;
323 }
325 #copy:hover
326 {
327 color: #333;
328 }