author | Eugen Sawin <sawine@me73.com> |
Tue, 16 Nov 2010 16:00:03 +0100 | |
changeset 20 | ea66b23342a3 |
parent 19 | 36c26564cd18 |
child 21 | 32923d84e8fb |
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 }
21 .red
22 {
23 /*color: #b22;*/
24 color: #aaa;
25 }
27 a
28 {
29 text-decoration: none;
30 color: #777;
31 }
33 p
34 {
35 padding-bottom: 10px;
36 }
38 a:hover
39 {
40 color: #333;
41 }
43 span.link
44 {
45 border-bottom: dashed 1px #aaa;
46 position: relative;
47 color: #777;
48 }
50 .menu > span.link
51 {
52 border-bottom: 0;
53 font-size: 60px;
54 font-weight: bold;
55 letter-spacing: 0.2px;
56 line-height: 80%;
57 text-transform: uppercase;
58 color: #333;
59 }
61 span.missinglink
62 {
63 border-bottom: dashed 1px #aaa;
64 position: relative:
65 color: #aaa;
66 text-decoration: line-through;
67 }
69 h3
70 {
72 padding-bottom: 5px;
73 font-weight: bold;
74 text-transform: uppercase;
75 }
77 .menu > a
78 {
79 font-size: 60px;/*72px;*/
80 font-weight: bold;
81 letter-spacing: 0.2px;
82 line-height: 80%;
83 text-transform: uppercase;
84 color: #bbb;
85 }
87 .menu > a:hover
88 {
89 color: #333;
90 }
92 a > span
93 {
94 display: none;
95 }
97 a:hover > span
98 {
99 display: inline;
100 color: red;
101 font-weight: bold;
102 }
104 .menu > a .content
105 {
106 display: none;
107 font: 12px/15px sans-serif;
108 width: 50%;
109 height: 400px;
110 color: #555;
111 position: fixed;
112 margin: 30px 80px;
113 left: 0;
114 top: 0;
115 text-transform: none;
116 z-index: 100;
117 background: #fafafa;
118 }
120 .menu > a:hover .content
121 {
122 display: block;
123 }
125 body > .content
126 {
127 font: 12px/15px sans-serif;
128 width: 50%;
129 height: 400px;
130 color: #555;
131 position: fixed;
132 margin: 30px 80px;
133 left: 0;
134 top: 0;
135 text-transform: none;
136 z-index: 1;
137 }
139 .content a
140 {
141 border-bottom: dashed 1px red;
142 position: relative;
143 }
145 .content a:hover
146 {
147 border-bottom: 0;
148 }
150 .content .entry
151 {
152 padding-bottom: 20px;
153 width: 400px;
154 }
156 .content .entry .details
157 {
158 display: none;
159 font: 12px/15px sans-serif;
160 width: 400px;
161 height: 400px;
162 color: #333;
163 position: fixed;
164 margin: 30px 80px;
165 left: 50%;
166 top: 0;
167 text-transform: none;
168 background: #fafafa;
169 }
171 .content .entry:hover .details
172 {
173 display: block;
174 }
176 .content .entry:hover .red
177 {
178 color: #d22;
179 }
182 div.universe1
183 {
184 background: #fafafa;
185 position: absolute;
186 width: 50%;
187 height: 50%;
188 left: 0;
189 top: 0;
190 text-align: center;
191 color: #fff;
192 }
194 div.universe1:hover
195 {
196 }
198 div.universe2
199 {
200 background: #fafafa;
201 position: fixed;
202 margin: 30px 80px;
203 left: 50%;
204 width: 50%;
205 height: 50%;
206 top: 0;
207 font-size: 60px;
208 font-weight: bold;
209 letter-spacing: 0.2px;
210 line-height: 80%;
211 text-align: left;
212 color: #fff;
213 }
215 div.universe2:hover
216 {
217 }
220 div.universe3
221 {
222 background: #fafafa;
223 position: absolute;
224 width: 50%;
225 height: 50%;
226 left: 0;
227 top: 50%;
228 text-transform: uppercase;
229 text-align: center;
230 color: #fafafa;
231 }
233 div.universe3:hover
234 {
235 background: #eee;
236 color: #aaa;
237 }
240 div.universe4
241 {
242 background: #fafafa;
243 position: absolute;
244 width: 50%;
245 height: 50%;
246 left: 50%;
247 top: 50%;
248 text-transform: uppercase;
249 text-align: center;
250 color: #fafafa;
251 }
253 div.universe4:hover
254 {
255 background: #eee;
256 color: #aaa;
257 }
259 div.menu
260 {
261 position: absolute;
262 bottom: 150px;
263 margin: 0 80px;
264 }
266 #menu1
267 {
268 left: 0;
269 width: 400px;
270 }
272 #menu2
273 {
274 left: 50%;
275 width: 400px;
276 }
278 div.info {
279 position: absolute;
280 bottom: 30px;
281 color: #aaa;
282 }
284 div.info:hover
285 {
286 color: #333;
287 }
289 div.info li.name
290 {
291 font-weight: bold;
292 }
294 div.info li.misc
295 {
296 font-weight: normal;
297 }
299 #copy
300 {
301 position: absolute;
302 bottom: 30px;
303 right: 80px;
304 color: #aaa;
305 }
307 #copy:hover
308 {
309 color: #333;
310 }