| author | Eugen Sawin <sawine@me73.com> |
| Mon, 15 Nov 2010 23:14:44 +0100 | |
| changeset 15 | 057231ebef3c |
| parent 14 | 8a5e3c219670 |
| child 16 | acc31f291dd5 |
| 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 a
17 {
18 text-decoration: none;
19 color: #aaa;
20 }
22 a:hover
23 {
24 color: #333;
25 }
27 span.link
28 {
29 border-bottom: dashed 1px #aaa;
30 position: relative;
31 color: #aaa;
32 }
34 .menu > span.link
35 {
36 border-bottom: 0;
37 font-size: 60px;/*72px;*/
38 font-weight: bold;
39 letter-spacing: 0.2px;
40 line-height: 80%;
41 text-transform: uppercase;
42 color: #333;
43 }
45 span.missinglink
46 {
47 border-bottom: dashed 1px #aaa;
48 position: relative:
49 color: #aaa;
50 text-decoration: line-through;
51 }
53 h3
54 {
56 padding-bottom: 5px;
57 font-weight: bold;
58 text-transform: uppercase;
59 }
61 .menu > a
62 {
63 font-size: 60px;/*72px;*/
64 font-weight: bold;
65 letter-spacing: 0.2px;
66 line-height: 80%;
67 text-transform: uppercase;
68 color: #bbb;
69 }
71 .menu > a:hover
72 {
73 color: #333;
74 }
76 a > span
77 {
78 display: none;
79 }
81 a:hover > span
82 {
83 display: inline;
84 color: red;
85 font-weight: bold;
86 }
88 .menu > a .content
89 {
90 display: none;
91 font: 12px/15px sans-serif;
92 width: 100%;
93 height: 45%;
94 color: #333;
95 position: fixed;
96 margin: 30px 80px;
97 left: 0;
98 top: 0;
99 text-transform: none;
100 z-index: 100;
101 background: #fafafa;
102 }
104 .menu > a:hover .content
105 {
106 display: block;
107 }
109 body > .content
110 {
111 font: 12px/15px sans-serif;
112 width: 100%;
113 color: #333;
114 position: fixed;
115 margin: 30px 80px;
116 left: 0;
117 top: 0;
118 text-transform: none;
119 z-index: 1;
120 }
122 .content a
123 {
124 border-bottom: dashed 1px #699;
125 position: relative;
126 }
128 .content a:hover
129 {
130 border-bottom: 0;
131 }
133 body > .content .entry
134 {
135 padding-bottom: 20px;
136 }
138 body > .content .entry .details
139 {
140 display: none;
141 font: 12px/15px sans-serif;
142 width: 30%;
143 height: 45%;
144 color: #333;
145 position: fixed;
146 margin: 30px 80px;
147 left: 50%;
148 top: 0;
149 text-transform: none;
150 background: #fafafa;
151 }
153 body > .content .entry:hover .details
154 {
155 display: block;
156 }
159 div.universe1
160 {
161 background: #fafafa;
162 position: absolute;
163 width: 50%;
164 height: 50%;
165 left: 0;
166 top: 0;
167 text-align: center;
168 color: #fff;
169 }
171 div.universe1:hover
172 {
173 background: #eee;
174 color: #aaa;
175 }
177 div.universe2
178 {
179 background: #fafafa;
180 position: fixed;
181 margin: 30px 80px;
182 left: 50%;
183 width: 50%;
184 height: 50%;
185 top: 0;
186 font-size: 60px;
187 font-weight: bold;
188 letter-spacing: 0.2px;
189 line-height: 80%;
190 text-align: left;
191 color: #fff;
192 }
194 div.universe2:hover
195 {
196 background: #eee;
197 color: #aaa;
198 }
201 div.universe3
202 {
203 background: #fafafa;
204 position: absolute;
205 width: 50%;
206 height: 50%;
207 left: 0;
208 top: 50%;
209 text-transform: uppercase;
210 text-align: center;
211 color: #fafafa;
212 }
214 div.universe3:hover
215 {
216 background: #eee;
217 color: #aaa;
218 }
221 div.universe4
222 {
223 background: #fafafa;
224 position: absolute;
225 width: 50%;
226 height: 50%;
227 left: 50%;
228 top: 50%;
229 text-transform: uppercase;
230 text-align: center;
231 color: #fafafa;
232 }
234 div.universe4:hover
235 {
236 background: #eee;
237 color: #aaa;
238 }
240 div.menu
241 {
242 position: absolute;
243 bottom: 20%;
244 margin: 0 80px;
245 }
247 #menu1
248 {
249 left: 0;
250 }
252 #menu2
253 {
254 left: 50%;
255 }
257 div.info {
258 position: absolute;
259 bottom: 30px;
260 color: #aaa;
261 }
263 div.info:hover
264 {
265 color: #333;
266 }
268 div.info li.name
269 {
270 font-weight: bold;
271 }
273 div.info li.misc
274 {
275 font-weight: normal;
276 }
278 #copy
279 {
280 position: absolute;
281 bottom: 30px;
282 right: 80px;
283 color: #aaa;
284 }
286 #copy:hover
287 {
288 color: #333;
289 }