author | Eugen Sawin <sawine@me73.com> |
Tue, 16 Nov 2010 13:17:30 +0100 | |
changeset 17 | 2eb0d8ba4a9c |
parent 16 | acc31f291dd5 |
child 19 | 36c26564cd18 |
permissions | -rw-r--r-- |
1 * {
2 margin: 0;
3 padding: 0;
4 border: 0;
5 }
6 ul, ol {
7 list-style-type: none;
8 }
9 body {
10 background: #fafafa;
11 font: 15px/15px sans-serif;
12 margin: 30px 80px;
13 color: #333;
14 }
16 .red
17 {
18 color: #b22;
19 }
21 a
22 {
23 text-decoration: none;
24 color: #aaa;
25 }
27 p
28 {
29 padding-bottom: 10px;
30 }
32 a:hover
33 {
34 color: #333;
35 }
37 span.link
38 {
39 border-bottom: dashed 1px #aaa;
40 position: relative;
41 color: #aaa;
42 }
44 .menu > span.link
45 {
46 border-bottom: 0;
47 font-size: 60px;/*72px;*/
48 font-weight: bold;
49 letter-spacing: 0.2px;
50 line-height: 80%;
51 text-transform: uppercase;
52 color: #333;
53 }
55 span.missinglink
56 {
57 border-bottom: dashed 1px #aaa;
58 position: relative:
59 color: #aaa;
60 text-decoration: line-through;
61 }
63 h3
64 {
66 padding-bottom: 5px;
67 font-weight: bold;
68 text-transform: uppercase;
69 }
71 .menu > a
72 {
73 font-size: 60px;/*72px;*/
74 font-weight: bold;
75 letter-spacing: 0.2px;
76 line-height: 80%;
77 text-transform: uppercase;
78 color: #bbb;
79 }
81 .menu > a:hover
82 {
83 color: #333;
84 }
86 a > span
87 {
88 display: none;
89 }
91 a:hover > span
92 {
93 display: inline;
94 color: red;
95 font-weight: bold;
96 }
98 .menu > a .content
99 {
100 display: none;
101 font: 12px/15px sans-serif;
102 width: 50%;
103 height: 50%;
104 color: #333;
105 position: fixed;
106 margin: 30px 80px;
107 left: 0;
108 top: 0;
109 text-transform: none;
110 z-index: 100;
111 background: #fafafa;
112 }
114 .menu > a:hover .content
115 {
116 display: block;
117 }
119 body > .content
120 {
121 font: 12px/15px sans-serif;
122 width: 50%;
123 color: #333;
124 position: fixed;
125 margin: 30px 80px;
126 left: 0;
127 top: 0;
128 text-transform: none;
129 z-index: 1;
130 }
132 .content a
133 {
134 border-bottom: dashed 1px #699;
135 position: relative;
136 }
138 .content a:hover
139 {
140 border-bottom: 0;
141 }
143 .content .entry
144 {
145 padding-bottom: 20px;
146 width: 400px;
147 }
149 .content .entry .details
150 {
151 display: none;
152 font: 12px/15px sans-serif;
153 width: 400px;
154 height: 50%;
155 color: #333;
156 position: fixed;
157 margin: 30px 80px;
158 left: 50%;
159 top: 0;
160 text-transform: none;
161 background: #fafafa;
162 }
164 .content .entry:hover .details
165 {
166 display: block;
167 }
170 div.universe1
171 {
172 background: #fafafa;
173 position: absolute;
174 width: 50%;
175 height: 50%;
176 left: 0;
177 top: 0;
178 text-align: center;
179 color: #fff;
180 }
182 div.universe1:hover
183 {
184 }
186 div.universe2
187 {
188 background: #fafafa;
189 position: fixed;
190 margin: 30px 80px;
191 left: 50%;
192 width: 50%;
193 height: 50%;
194 top: 0;
195 font-size: 60px;
196 font-weight: bold;
197 letter-spacing: 0.2px;
198 line-height: 80%;
199 text-align: left;
200 color: #fff;
201 }
203 div.universe2:hover
204 {
205 }
208 div.universe3
209 {
210 background: #fafafa;
211 position: absolute;
212 width: 50%;
213 height: 50%;
214 left: 0;
215 top: 50%;
216 text-transform: uppercase;
217 text-align: center;
218 color: #fafafa;
219 }
221 div.universe3:hover
222 {
223 background: #eee;
224 color: #aaa;
225 }
228 div.universe4
229 {
230 background: #fafafa;
231 position: absolute;
232 width: 50%;
233 height: 50%;
234 left: 50%;
235 top: 50%;
236 text-transform: uppercase;
237 text-align: center;
238 color: #fafafa;
239 }
241 div.universe4:hover
242 {
243 background: #eee;
244 color: #aaa;
245 }
247 div.menu
248 {
249 position: absolute;
250 bottom: 20%;
251 margin: 0 80px;
252 }
254 #menu1
255 {
256 left: 0;
257 width: 400px;
258 }
260 #menu2
261 {
262 left: 50%;
263 width: 400px;
264 }
266 div.info {
267 position: absolute;
268 bottom: 30px;
269 color: #aaa;
270 }
272 div.info:hover
273 {
274 color: #333;
275 }
277 div.info li.name
278 {
279 font-weight: bold;
280 }
282 div.info li.misc
283 {
284 font-weight: normal;
285 }
287 #copy
288 {
289 position: absolute;
290 bottom: 30px;
291 right: 80px;
292 color: #aaa;
293 }
295 #copy:hover
296 {
297 color: #333;
298 }