author | Eugen Sawin <sawine@me73.com> |
Sat, 07 Jan 2012 16:27:42 +0100 | |
changeset 92 | 290ad5d7652b |
permissions | -rw-r--r-- |
1 * {
2 margin: 0;
3 padding: 0;
4 border: 0;
5 }
7 ul, ol {
8 list-style-type: none;
9 }
11 body {
12 background: #fafafa;
13 font: sans-serif;
14 margin: 30px 80px;
15 color: #333;
16 text-align: center;
17 }
19 #container {
20 margin-left: auto;
21 margin-right: auto;
22 width: 1000px;
23 text-align: left;
24 }
26 .red {
27 /*color: #b22;*/
28 color: #aaa;
29 }
31 .permred {
32 color: #d22;
33 }
35 a {
36 text-decoration: none;
37 color: #777;
38 }
40 p {
41 padding-bottom: 10px;
42 }
44 a:hover {
45 color: #333;
46 }
48 span.link {
49 border-bottom: dashed 1px #aaa;
50 position: relative;
51 color: #777;
52 }
54 .menu > span.link {
55 border-bottom: 0;
56 font-size: 60px;
57 font-weight: bold;
58 letter-spacing: 0.2px;
59 line-height: 80%;
60 text-transform: uppercase;
61 color: #333;
62 }
64 span.missinglink {
65 border-bottom: dashed 1px #aaa;
66 position: relative:
67 color: #aaa;
68 text-decoration: line-through;
69 }
71 h3 {
73 padding-bottom: 5px;
74 font-weight: bold;
75 text-transform: uppercase;
76 }
78 .menu > a {
79 font-size: 60px;
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 color: #333;
89 }
91 a > span {
92 display: none;
93 }
95 a:hover > span {
96 display: inline;
97 color: red;
98 font-weight: bold;
99 }
101 .container2 {
102 position: fixed;
103 top: 30px;
104 height: 100px;
105 width: 400px;
106 left: 50%;
107 }
109 .menu > a .container2 .content {
110 display: none;
111 font: 12px/15px sans-serif;
112 color: #555;
113 position: absolute;
114 height: 400px;
115 width: 400px;
116 text-transform: none;
117 z-index: 100;
118 background: #fafafa;
120 }
122 .menu > a:hover .container2 .content {
123 display: block;
124 }
126 body > #container > .content {
127 font: 12px/15px sans-serif;
128 width: 400px;
129 height: 400px;
130 color: #555;
131 position: absolute;
132 margin-left: auto;
133 margin-right: auto;
134 text-transform: none;
135 z-index: 1;
136 }
138 .content a {
139 border-bottom: dashed 1px red;
140 position: relative;
141 }
143 .content a:hover {
144 border-bottom: 0;
145 }
147 .content .entry {
148 padding-bottom: 20px;
149 width: 400px;
150 }
152 .content .entry .details {
153 display: none;
154 font: 12px/15px sans-serif;
155 width: 400px;
156 height: 400px;
157 color: #333;
158 position: absolute;
159 margin-left: 500px;
160 margin-right: auto;
161 top: 0;
162 text-transform: none;
163 background: #fafafa;
164 }
166 .content .entry:hover .details {
167 display: block;
168 }
170 .content .entry:hover .red {
171 color: #d22;
172 }
175 div.universe1 {
176 background: #fafafa;
177 position: absolute;
178 width: 50%;
179 height: 50%;
180 left: 0;
181 top: 0;
182 color: #fff;
183 }
185 div.universe1:hover {
186 }
188 div.universe2 {
189 background: #fafafa;
190 position: fixed;
191 margin: 30px 80px;
192 left: 50%;
193 width: 50%;
194 height: 50%;
195 top: 0;
196 font-size: 60px;
197 font-weight: bold;
198 letter-spacing: 0.2px;
199 line-height: 80%;
200 text-align: left;
201 color: #fff;
202 }
204 div.universe2:hover {
205 }
208 div.universe3 {
209 background: #fafafa;
210 position: absolute;
211 width: 50%;
212 height: 50%;
213 left: 0;
214 top: 50%;
215 text-transform: uppercase;
216 text-align: center;
217 color: #fafafa;
218 }
220 /*div.universe3:hover
221 {
222 background: #eee;
223 color: #aaa;
224 }*/
227 div.universe4 {
228 background: #fafafa;
229 position: absolute;
230 width: 50%;
231 height: 50%;
232 left: 50%;
233 top: 50%;
234 text-transform: uppercase;
235 text-align: center;
236 color: #fafafa;
237 }
239 /*div.universe4:hover
240 {
241 background: #eee;
242 color: #aaa;
243 }*/
245 div.menu {
246 position: absolute;
247 bottom: 150px;
249 }
251 #menu1 {
252 width: 400px;
253 }
255 #menu2 {
256 margin-left: 500px;
257 margin-right: auto;
258 width: 400px;
259 }
261 #info {
262 position: absolute;
263 bottom: 30px;
264 width: 400px;
265 color: #aaa;
266 }
268 #info:hover {
269 color: #333;
270 }
272 #info li.name {
273 font-weight: bold;
274 }
276 #info li.misc {
277 font-weight: normal;
278 }
280 #container #copy {
281 position: absolute;
282 width: 1000px;
283 bottom: 30px;
284 color: #aaa;
285 text-align: right;
286 }
288 #copy:hover {
289 color: #333;
290 }