author | Eugen Sawin <sawine@me73.com> |
Fri, 19 Nov 2010 17:19:15 +0100 | |
changeset 23 | cb8118ffdfc2 |
parent 22 | 38931aca0bff |
child 24 | b27c14ab5f08 |
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 .permred
37 {
38 color: #d22;
39 }
41 a
42 {
43 text-decoration: none;
44 color: #777;
45 }
47 p
48 {
49 padding-bottom: 10px;
50 }
52 a:hover
53 {
54 color: #333;
55 }
57 span.link
58 {
59 border-bottom: dashed 1px #aaa;
60 position: relative;
61 color: #777;
62 }
64 .menu > span.link
65 {
66 border-bottom: 0;
67 font-size: 60px;
68 font-weight: bold;
69 letter-spacing: 0.2px;
70 line-height: 80%;
71 text-transform: uppercase;
72 color: #333;
73 }
75 span.missinglink
76 {
77 border-bottom: dashed 1px #aaa;
78 position: relative:
79 color: #aaa;
80 text-decoration: line-through;
81 }
83 h3
84 {
86 padding-bottom: 5px;
87 font-weight: bold;
88 text-transform: uppercase;
89 }
91 .menu > a
92 {
93 font-size: 60px;/*72px;*/
94 font-weight: bold;
95 letter-spacing: 0.2px;
96 line-height: 80%;
97 text-transform: uppercase;
98 color: #bbb;
99 }
101 .menu > a:hover
102 {
103 color: #333;
104 }
106 a > span
107 {
108 display: none;
109 }
111 a:hover > span
112 {
113 display: inline;
114 color: red;
115 font-weight: bold;
116 }
118 .container2
119 {
120 position: fixed;
121 top: 30px;
122 height: 100px;
123 width: 400px;
124 left: 50%;
125 }
127 .menu > a .container2 .content
128 {
129 display: none;
130 font: 12px/15px sans-serif;
131 color: #555;
132 position: absolute;
133 height: 400px;
134 width: 400px;
135 text-transform: none;
136 z-index: 100;
137 background: #fafafa;
139 }
141 .menu > a:hover .container2 .content
142 {
143 display: block;
144 }
146 body > #container > .content
147 {
148 font: 12px/15px sans-serif;
149 width: 400px;
150 height: 400px;
151 color: #555;
152 position: absolute;
153 margin-left: auto;
154 margin-right: auto;
155 text-transform: none;
156 z-index: 1;
157 }
159 .content a
160 {
161 border-bottom: dashed 1px red;
162 position: relative;
163 }
165 .content a:hover
166 {
167 border-bottom: 0;
168 }
170 .content .entry
171 {
172 padding-bottom: 20px;
173 width: 400px;
174 }
176 .content .entry .details
177 {
178 display: none;
179 font: 12px/15px sans-serif;
180 width: 400px;
181 height: 400px;
182 color: #333;
183 position: absolute;
184 margin-left: 500px;
185 margin-right: auto;
186 top: 0;
187 text-transform: none;
188 background: #fafafa;
189 }
191 .content .entry:hover .details
192 {
193 display: block;
194 }
196 .content .entry:hover .red
197 {
198 color: #d22;
199 }
202 div.universe1
203 {
204 background: #fafafa;
205 position: absolute;
206 width: 50%;
207 height: 50%;
208 left: 0;
209 top: 0;
210 text-align: center;
211 color: #fff;
212 }
214 div.universe1:hover
215 {
216 }
218 div.universe2
219 {
220 background: #fafafa;
221 position: fixed;
222 margin: 30px 80px;
223 left: 50%;
224 width: 50%;
225 height: 50%;
226 top: 0;
227 font-size: 60px;
228 font-weight: bold;
229 letter-spacing: 0.2px;
230 line-height: 80%;
231 text-align: left;
232 color: #fff;
233 }
235 div.universe2:hover
236 {
237 }
240 div.universe3
241 {
242 background: #fafafa;
243 position: absolute;
244 width: 50%;
245 height: 50%;
246 left: 0;
247 top: 50%;
248 text-transform: uppercase;
249 text-align: center;
250 color: #fafafa;
251 }
253 div.universe3:hover
254 {
255 background: #eee;
256 color: #aaa;
257 }
260 div.universe4
261 {
262 background: #fafafa;
263 position: absolute;
264 width: 50%;
265 height: 50%;
266 left: 50%;
267 top: 50%;
268 text-transform: uppercase;
269 text-align: center;
270 color: #fafafa;
271 }
273 div.universe4:hover
274 {
275 background: #eee;
276 color: #aaa;
277 }
279 div.menu
280 {
281 position: absolute;
282 bottom: 150px;
284 }
286 #menu1
287 {
288 width: 400px;
289 }
291 #menu2
292 {
293 margin-left: 500px;
294 margin-right: auto;
295 width: 400px;
296 }
298 #info
299 {
300 position: absolute;
301 bottom: 30px;
302 width: 400px;
303 color: #aaa;
304 }
306 #info:hover
307 {
308 color: #333;
309 }
311 #info li.name
312 {
313 font-weight: bold;
314 }
316 #info li.misc
317 {
318 font-weight: normal;
319 }
321 #container #copy
322 {
323 position: absolute;
324 width: 1000px;
325 bottom: 30px;
326 color: #aaa;
327 text-align: right;
328 }
330 #copy:hover
331 {
332 color: #333;
333 }