Rev 36 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed
Rev 36 | Rev 73 | ||
---|---|---|---|
- | 1 | <?php \header('Content-Type: text/css; charset=UTF-8'); ?> |
|
1 | /*
|
2 | /*
|
2 | * <title>CSS for PointedEars' LCARS, version 2.1, stardate 201012.30</title>
|
3 | * <title>CSS for PointedEars' LCARS, version 2.1, stardate 201012.30</title>
|
3 | */
|
4 | */
|
4 | 5 | ||
5 | /* basic fonts */
|
6 | /* basic fonts */
|
6 | 7 | ||
7 | @font-face {
|
8 | @font-face {
|
8 | font-family: "LCARS"; |
9 | font-family: "LCARS"; |
9 | font-style: normal; |
10 | font-style: normal; |
10 | font-weight: normal; |
11 | font-weight: normal; |
11 | src: local("LCARS"), url(LCARS.ttf); |
12 | src: local("LCARS"), url(LCARS.ttf); |
12 | }
|
13 | }
|
13 | 14 | ||
14 | /* EOT font created with WEFT on 2002-03-23 */
|
15 | /* EOT font created with WEFT on 2002-03-23 */
|
15 | @font-face {
|
16 | @font-face {
|
16 | font-family: "Downloadable Haettenschweiler"; |
17 | font-family: "Downloadable Haettenschweiler"; |
17 | font-style: normal; |
18 | font-style: normal; |
18 | font-weight: normal; |
19 | font-weight: normal; |
19 | src: url(HAETTEN0.eot), url(HAETTENS.ttf); |
20 | src: url(HAETTEN0.eot), url(HAETTENS.ttf); |
20 | }
|
21 | }
|
21 | 22 | ||
22 | /*
|
23 | /*
|
23 | @font-face {
|
24 | @font-face {
|
24 | font-family:Webdings;
|
25 | font-family:Webdings;
|
25 | font-style:normal;
|
26 | font-style:normal;
|
26 | font-weight:normal;
|
27 | font-weight:normal;
|
27 | src:url(WEBDING0.eot);
|
28 | src:url(WEBDING0.eot);
|
28 | }
|
29 | }
|
29 | */
|
30 | */
|
30 | 31 | ||
31 | @font-face {
|
32 | @font-face {
|
32 | font-family: "Downloadable Zurich XCn BT"; |
33 | font-family: "Downloadable Zurich XCn BT"; |
33 | font-style: normal; |
34 | font-style: normal; |
34 | font-weight: normal; |
35 | font-weight: normal; |
35 | src: url(ZurichXCn.pfr); |
36 | src: url(ZurichXCn.pfr); |
36 | }
|
37 | }
|
37 | 38 | ||
38 | /* basic display */
|
39 | /* basic display */
|
39 | 40 | ||
40 | * { |
41 | * { |
41 | font-family: "LCARS", |
42 | font-family: "LCARS", |
42 | Haettenschweiler, "Downloadable Haettenschweiler", |
43 | Haettenschweiler, "Downloadable Haettenschweiler", |
43 | "Zurich XCn BT", "Downloadable Zurich XCn BT", |
44 | "Zurich XCn BT", "Downloadable Zurich XCn BT", |
44 | impact, Verdana, Geneva, Arial, Helvetica, sans-serif; |
45 | impact, Verdana, Geneva, Arial, Helvetica, sans-serif; |
45 | font-weight: normal; |
46 | font-weight: normal; |
46 | }
|
47 | }
|
47 | 48 | ||
48 | body {
|
49 | body {
|
49 | position: absolute; |
50 | position: absolute; |
50 | left: 204px; |
51 | left: 204px; |
51 | top: 216px; |
52 | top: 216px; |
52 | right: 0px; |
53 | right: 0px; |
53 | bottom: 0; |
54 | bottom: 0; |
54 | 55 | ||
55 | /* IE 5.5+ scrollbar colors */
|
56 | /* IE 5.5+ scrollbar colors */
|
56 | /* from Mozilla LCARS Theme (2D style) */
|
57 | /* from Mozilla LCARS Theme (2D style) */
|
57 | scrollbar-3dlight-color:#000; |
58 | scrollbar-3dlight-color:#000; |
58 | scrollbar-arrow-color:#000; |
59 | scrollbar-arrow-color:#000; |
59 | scrollbar-base-color:#000; |
60 | scrollbar-base-color:#000; |
60 | scrollbar-darkshadow-color:#000; |
61 | scrollbar-darkshadow-color:#000; |
61 | scrollbar-face-color:#99f; |
62 | scrollbar-face-color:#99f; |
62 | scrollbar-highlight-color:#99f; |
63 | scrollbar-highlight-color:#99f; |
63 | scrollbar-track-color:#000; |
64 | scrollbar-track-color:#000; |
64 | scrollbar-shadow-color:#99f; |
65 | scrollbar-shadow-color:#99f; |
65 | 66 | ||
66 | background-color: #000; |
67 | background-color: #000; |
67 | color: #99f; |
68 | color: #99f; |
68 | font-size: 131%; /* 134% */ |
69 | font-size: 131%; /* 134% */ |
69 | }
|
70 | }
|
70 | 71 | ||
71 | h1, h2 { |
72 | h1, h2 { |
72 | margin-top: 0; |
73 | margin-top: 0; |
73 | font-size: 120%; |
74 | font-size: 120%; |
74 | font-weight: normal; |
75 | font-weight: normal; |
75 | }
|
76 | }
|
76 | 77 | ||
77 | #LCARS { |
78 | #LCARS { |
78 | position: relative; |
79 | position: relative; |
79 | }
|
80 | }
|
80 | 81 | ||
81 | .button { |
82 | .button { |
82 | display: block; |
83 | display: block; |
83 | width: 100px; |
84 | width: 100px; |
84 | min-height: 40px; |
85 | min-height: 40px; |
85 | background-color: #c9c; |
86 | background-color: #c9c; |
86 | color: #000; |
87 | color: #000; |
87 | text-decoration: none; |
88 | text-decoration: none; |
88 | }
|
89 | }
|
89 | 90 | ||
90 | .elbo { |
91 | .elbo { |
91 | position: relative; |
92 | position: relative; |
92 | width: 100px; |
93 | width: 100px; |
93 | height: 62px; |
94 | height: 62px; |
94 | text-align: right; |
95 | text-align: right; |
95 | }
|
96 | }
|
96 | 97 | ||
97 | .elbo .terminator { |
98 | .elbo .terminator { |
98 | position: absolute; |
99 | position: absolute; |
99 | width: 100px; |
100 | width: 100px; |
100 | height: 18px; |
101 | height: 18px; |
101 | }
|
102 | }
|
102 | 103 | ||
103 | .elbo .terminator.left { |
104 | .elbo .terminator.left { |
104 | left: 0; |
105 | left: 0; |
105 | border-right: 4px solid #000; |
106 | border-right: 4px solid #000; |
106 | }
|
107 | }
|
107 | 108 | ||
108 | .elbo .terminator.right { |
109 | .elbo .terminator.right { |
109 | right: 0; |
110 | right: 0; |
110 | border-left: 4px solid #000; |
111 | border-left: 4px solid #000; |
111 | }
|
112 | }
|
112 | 113 | ||
113 | .elbo span { |
114 | .elbo span { |
114 | position: relative; |
115 | position: relative; |
115 | right: 4px; |
116 | right: 4px; |
116 | }
|
117 | }
|
117 | 118 | ||
118 | .elbo-button { |
119 | .elbo-button { |
119 | float: left; |
120 | float: left; |
120 | clear: left; |
121 | clear: left; |
121 | position: relative; |
122 | position: relative; |
122 | height: 40px; |
123 | height: 40px; |
123 | margin-right: 4px; |
124 | margin-right: 4px; |
124 | margin-bottom: 0; |
125 | margin-bottom: 0; |
125 | border-bottom: 4px solid black; |
126 | border-bottom: 4px solid black; |
126 | }
|
127 | }
|
127 | 128 | ||
128 | #upper { |
129 | #upper { |
129 | position: fixed; |
130 | position: fixed; |
130 | z-index: 3; |
131 | z-index: 3; |
131 | left: 4px; |
132 | left: 4px; |
132 | top: 0; |
133 | top: 0; |
133 | right: 4px; |
134 | right: 4px; |
134 | padding-top: 4px; |
135 | padding-top: 4px; |
135 | background-color: #000; |
136 | background-color: #000; |
136 | color: #fff; |
137 | color: #fff; |
137 | }
|
138 | }
|
138 | 139 | ||
139 | #upper .elbo-button { |
140 | #upper .elbo-button { |
140 | height: 84px; |
141 | height: 84px; |
141 | }
|
142 | }
|
142 | 143 | ||
143 | #upper .elbo-button span { |
144 | #upper .elbo-button span { |
144 | position: absolute; |
145 | position: absolute; |
145 | right: 4px; |
146 | right: 4px; |
146 | bottom: 4px; |
147 | bottom: 4px; |
147 | }
|
148 | }
|
148 | 149 | ||
149 | #caption-container { |
150 | #caption-container { |
150 | /*position: relative; */
|
151 | /*position: relative; */
|
151 | position: absolute; |
152 | position: absolute; |
152 | /*float: right; */
|
153 | /*float: right; */
|
153 | 154 | ||
154 | /* Corresponds with negative margin for elbo-button */
|
155 | /* Corresponds with negative margin for elbo-button */
|
155 | /* margin-left: 104px; */
|
156 | /* margin-left: 104px; */
|
156 | 157 | ||
157 | margin-top: 0; |
158 | margin-top: 0; |
158 | left: 204px; |
159 | left: 204px; |
159 | right: 0; |
160 | right: 0; |
160 | height: 100px; |
161 | height: 100px; |
161 | text-align: right; |
162 | text-align: right; |
162 | font-weight: normal; |
163 | font-weight: normal; |
163 | font-size: 40px; |
164 | font-size: 40px; |
164 | text-transform: uppercase; |
165 | text-transform: uppercase; |
165 | z-index: 3; |
166 | z-index: 3; |
166 | overflow: auto; |
167 | overflow: auto; |
167 | }
|
168 | }
|
168 | 169 | ||
169 | #caption { |
170 | #caption { |
170 | position: relative; |
171 | position: relative; |
171 | margin-top: 0; |
172 | margin-top: 0; |
172 | text-align: right; |
173 | text-align: right; |
173 | }
|
174 | }
|
174 | 175 | ||
175 | #upper-elbo { |
176 | #upper-elbo { |
176 | position: relative; |
177 | position: relative; |
177 | clear: left; |
178 | clear: left; |
178 | margin-bottom: 4px; |
179 | margin-bottom: 4px; |
179 | }
|
180 | }
|
180 | 181 | ||
181 | #upper-elbo .elbo { |
182 | #upper-elbo .elbo { |
182 | height: 62px; |
183 | height: 62px; |
183 | background-color: #9cf; |
184 | background-color: #9cf; |
184 | color: #000; |
185 | color: #000; |
185 | }
|
186 | }
|
186 | 187 | ||
187 | .red-alert .elbo-button, |
188 | .red-alert .elbo-button, |
188 | .red-alert #upper-elbo .elbo, |
189 | .red-alert #upper-elbo .elbo, |
189 | .red-alert #lower-elbo .elbo, |
190 | .red-alert #lower-elbo .elbo, |
190 | .red-alert #lower .elbo-button |
191 | .red-alert #lower .elbo-button |
191 | {
|
192 | {
|
192 | background-color: #f00; |
193 | background-color: #f00; |
193 | }
|
194 | }
|
194 | 195 | ||
195 | .database #upper-elbo .elbo, |
196 | .database #upper-elbo .elbo, |
196 | .database #lower-elbo .elbo |
197 | .database #lower-elbo .elbo |
197 | {
|
198 | {
|
198 | background-color: #f1df6f; |
199 | background-color: #f1df6f; |
199 | color: #000; |
200 | color: #000; |
200 | }
|
201 | }
|
201 | 202 | ||
202 | #upper-elbo .elbo.left { |
203 | #upper-elbo .elbo.left { |
203 | border-radius: 0 0 0 32px; |
204 | border-radius: 0 0 0 32px; |
204 | -moz-border-radius: 0 0 0 32px; |
205 | -moz-border-radius: 0 0 0 32px; |
205 | -webkit-border-radius: 0 0 0 32px; |
206 | -webkit-border-radius: 0 0 0 32px; |
206 | }
|
207 | }
|
207 | 208 | ||
208 | #upper-elbo .elbo.left span { |
209 | #upper-elbo .elbo.left span { |
209 | top: 4px; |
210 | top: 4px; |
210 | }
|
211 | }
|
211 | 212 | ||
212 | #upper-elbo .elbo.right { |
213 | #upper-elbo .elbo.right { |
213 | position: absolute; |
214 | position: absolute; |
214 | left: 100px; |
215 | left: 100px; |
215 | top: 0; |
216 | top: 0; |
216 | width: auto; |
217 | width: auto; |
217 | right: 0; |
218 | right: 0; |
218 | }
|
219 | }
|
219 | 220 | ||
220 | #upper-elbo .elbo.right .black { |
221 | #upper-elbo .elbo.right .black { |
221 | position: absolute; |
222 | position: absolute; |
222 | left: 0; |
223 | left: 0; |
223 | top: 0; |
224 | top: 0; |
224 | width: 100%; |
225 | width: 100%; |
225 | height: 44px; |
226 | height: 44px; |
226 | background-color: #000; |
227 | background-color: #000; |
227 | border-radius: 0 0 0 16px; |
228 | border-radius: 0 0 0 16px; |
228 | -moz-border-radius: 0 0 0 16px; |
229 | -moz-border-radius: 0 0 0 16px; |
229 | -webkit-border-radius: 0 0 0 16px; |
230 | -webkit-border-radius: 0 0 0 16px; |
230 | }
|
231 | }
|
231 | 232 | ||
232 | #upper-elbo .elbo.right .terminator { |
233 | #upper-elbo .elbo.right .terminator { |
233 | top: 44px; |
234 | top: 44px; |
234 | }
|
235 | }
|
235 | 236 | ||
236 | #lower { |
237 | #lower { |
237 | position: fixed; |
238 | position: fixed; |
238 | left: 4px; |
239 | left: 4px; |
239 | top: 158px; |
240 | top: 158px; |
240 | right: 4px; |
241 | right: 4px; |
241 | bottom: 4px; |
242 | bottom: 4px; |
242 | }
|
243 | }
|
243 | 244 | ||
244 | #lower-elbo { |
245 | #lower-elbo { |
245 | position: relative; |
246 | position: relative; |
246 | z-index: 3; |
247 | z-index: 3; |
247 | margin-bottom: 4px; |
248 | margin-bottom: 4px; |
248 | }
|
249 | }
|
249 | 250 | ||
250 | #lower-elbo .elbo { |
251 | #lower-elbo .elbo { |
251 | background-color: #c66; |
252 | background-color: #c66; |
252 | color: #000; |
253 | color: #000; |
253 | }
|
254 | }
|
254 | 255 | ||
255 | #lower-elbo .elbo.left { |
256 | #lower-elbo .elbo.left { |
256 | border-radius: 32px 0 0 0; |
257 | border-radius: 32px 0 0 0; |
257 | -moz-border-radius: 32px 0 0 0; |
258 | -moz-border-radius: 32px 0 0 0; |
258 | -webkit-border-radius: 32px 0 0 0; |
259 | -webkit-border-radius: 32px 0 0 0; |
259 | }
|
260 | }
|
260 | 261 | ||
261 | #lower-elbo .elbo.left span { |
262 | #lower-elbo .elbo.left span { |
262 | position: absolute; |
263 | position: absolute; |
263 | bottom: 4px; |
264 | bottom: 4px; |
264 | }
|
265 | }
|
265 | 266 | ||
266 | #lower-elbo h2.elbo.left { |
267 | #lower-elbo h2.elbo.left { |
267 | margin-bottom: 0; |
268 | margin-bottom: 0; |
268 | }
|
269 | }
|
269 | 270 | ||
270 | #lower-elbo h2.elbo.left span { |
271 | #lower-elbo h2.elbo.left span { |
271 | bottom: 0; |
272 | bottom: 0; |
272 | }
|
273 | }
|
273 | 274 | ||
274 | #lower-elbo .elbo.right { |
275 | #lower-elbo .elbo.right { |
275 | position: absolute; |
276 | position: absolute; |
276 | left: 100px; |
277 | left: 100px; |
277 | top: 0; |
278 | top: 0; |
278 | width: auto; |
279 | width: auto; |
279 | right: 0; |
280 | right: 0; |
280 | }
|
281 | }
|
281 | 282 | ||
282 | #lower-elbo .elbo.right .black { |
283 | #lower-elbo .elbo.right .black { |
283 | position: absolute; |
284 | position: absolute; |
284 | left: 0px; |
285 | left: 0px; |
285 | top: 18px; |
286 | top: 18px; |
286 | width: 100%; |
287 | width: 100%; |
287 | height: 45px; |
288 | height: 45px; |
288 | background-color: #000; |
289 | background-color: #000; |
289 | border-radius: 16px 0 0 0; |
290 | border-radius: 16px 0 0 0; |
290 | -moz-border-radius: 16px 0 0 0; |
291 | -moz-border-radius: 16px 0 0 0; |
291 | -webkit-border-radius: 16px 0 0 0; |
292 | -webkit-border-radius: 16px 0 0 0; |
292 | }
|
293 | }
|
293 | 294 | ||
294 | #lower-elbo .elbo.right .terminator { |
295 | #lower-elbo .elbo.right .terminator { |
295 | top: 0; |
296 | top: 0; |
296 | background-color: #f90; |
297 | background-color: #f90; |
297 | }
|
298 | }
|
298 | 299 | ||
299 | #lower-elbo .elbo.right .terminator.left { |
300 | #lower-elbo .elbo.right .terminator.left { |
300 | background-color: transparent; |
301 | background-color: transparent; |
301 | }
|
302 | }
|
302 | 303 | ||
303 | #menu { |
304 | #menu { |
304 | /*
|
305 | /*
|
305 | float: left;
|
306 | float: left;
|
306 | margin-right: -104px;
|
307 | margin-right: -104px;
|
307 | */
|
308 | */
|
308 | position: absolute; |
309 | position: absolute; |
309 | top: 66px; |
310 | top: 66px; |
310 | width: 119px; |
311 | width: 119px; |
311 | bottom: 0; |
312 | bottom: 0; |
312 | overflow-y: auto; |
313 | overflow-y: auto; |
313 | }
|
314 | }
|
314 | 315 | ||
315 | ul.elbo { |
316 | ul.elbo { |
316 | clear: left; |
317 | clear: left; |
317 | margin: 0; |
318 | margin: 0; |
318 | height: auto; |
319 | height: auto; |
319 | padding: 0; |
320 | padding: 0; |
320 | list-style-type: none; |
321 | list-style-type: none; |
321 | }
|
322 | }
|
322 | 323 | ||
323 | ul.elbo li { |
324 | ul.elbo li { |
324 | clear: left; |
325 | clear: left; |
325 | margin: 0; |
326 | margin: 0; |
326 | }
|
327 | }
|
327 | 328 | ||
328 | ul.elbo li.half { |
329 | ul.elbo li.half { |
329 | display: block; |
330 | display: block; |
330 | float: left; |
331 | float: left; |
331 | text-align: center; |
332 | text-align: center; |
332 | }
|
333 | }
|
333 | 334 | ||
334 | ul.elbo li.half .elbo-button { |
335 | ul.elbo li.half .elbo-button { |
335 | margin-right: 0; |
336 | margin-right: 0; |
336 | width: 48px; |
337 | width: 48px; |
337 | }
|
338 | }
|
338 | 339 | ||
339 | ul.elbo li.half .elbo-button span { |
340 | ul.elbo li.half .elbo-button span { |
340 | right: auto; |
341 | right: auto; |
341 | }
|
342 | }
|
342 | 343 | ||
343 | ul.elbo li.half.left { |
344 | ul.elbo li.half.left { |
344 | border-right: 2px solid black; |
345 | border-right: 2px solid black; |
345 | }
|
346 | }
|
346 | 347 | ||
347 | ul.elbo li.half.right { |
348 | ul.elbo li.half.right { |
348 | clear: right; |
349 | clear: right; |
349 | border-left: 2px solid black; |
350 | border-left: 2px solid black; |
350 | }
|
351 | }
|
351 | 352 | ||
352 | #lower .elbo-button { |
353 | #lower .elbo-button { |
353 | height: auto; |
354 | height: auto; |
354 | min-height: 40px; |
355 | min-height: 40px; |
355 | background-color: #c66; |
356 | background-color: #c66; |
356 | }
|
357 | }
|
357 | 358 | ||
358 | #lower .elbo-button span { |
359 | #lower .elbo-button span { |
359 | bottom: 0; |
360 | bottom: 0; |
360 | line-height: 40px; |
361 | line-height: 40px; |
361 | }
|
362 | }
|
362 | 363 | ||
363 | #lower h2.elbo-button { |
364 | #lower h2.elbo-button { |
364 | /* min-height: 31px; */
|
365 | /* min-height: 31px; */
|
365 | }
|
366 | }
|
366 | 367 | ||
367 | #lower h2.elbo-button span { |
368 | #lower h2.elbo-button span { |
368 | position: absolute; |
369 | position: absolute; |
369 | right: 4px; |
370 | right: 4px; |
370 | bottom: 0; |
371 | bottom: 0; |
371 | line-height: normal; |
372 | line-height: normal; |
372 | }
|
373 | }
|
373 | 374 | ||
374 | #lower .elbo-button.button2 { |
375 | #lower .elbo-button.button2 { |
375 | min-height: 1em; |
376 | min-height: 1em; |
376 | background-color: #c9c; |
377 | background-color: #c9c; |
377 | }
|
378 | }
|
378 | 379 | ||
379 | #lower .elbo-button.button2:focus, |
380 | #lower .elbo-button.button2:focus, |
380 | #lower .elbo-button.button2:hover |
381 | #lower .elbo-button.button2:hover |
381 | {
|
382 | {
|
382 | background-color: #f90; |
383 | background-color: #f90; |
383 | }
|
384 | }
|
384 | 385 | ||
385 | #lower .elbo-button.button2:active { |
386 | #lower .elbo-button.button2:active { |
386 | background-color: #fff; |
387 | background-color: #fff; |
387 | }
|
388 | }
|
388 | 389 | ||
389 | #lower .elbo-button.button2 span { |
390 | #lower .elbo-button.button2 span { |
390 | line-height: 1; |
391 | line-height: 1; |
391 | }
|
392 | }
|
392 | 393 | ||
393 | #lower .elbo-button.button2 span abbr { |
394 | #lower .elbo-button.button2 span abbr { |
394 | border-bottom: none; |
395 | border-bottom: none; |
395 | }
|
396 | }
|
396 | 397 | ||
397 | #glue { |
398 | #glue { |
398 | position: absolute; |
399 | position: absolute; |
399 | left: 0px; |
400 | left: 0px; |
400 | top: 66px; |
401 | top: 66px; |
401 | bottom: 0; |
402 | bottom: 0; |
402 | border-bottom: none; |
403 | border-bottom: none; |
403 | }
|
404 | }
|
404 | 405 | ||
405 | p {
|
406 | p {
|
406 | margin-top: 0; |
407 | margin-top: 0; |
407 | margin-bottom: 1em; |
408 | margin-bottom: 1em; |
408 | text-align: justify; |
409 | text-align: justify; |
409 | }
|
410 | }
|
410 | 411 | ||
411 | p:last-child { |
412 | p:last-child { |
412 | margin-bottom: 0; |
413 | margin-bottom: 0; |
413 | }
|
414 | }
|
414 | 415 | ||
415 | /*
|
416 | /*
|
416 | p:focus,
|
417 | p:focus,
|
417 | p:active
|
418 | p:active
|
418 | {
|
419 | {
|
419 | color: #fff;
|
420 | color: #fff;
|
420 | }
|
421 | }
|
421 | */
|
422 | */
|
422 | 423 | ||
423 | #content { |
424 | #content { |
424 | position: relative; |
425 | position: relative; |
425 | }
|
426 | }
|
426 | 427 | ||
427 | #heading1 { |
428 | #heading1 { |
428 | position: fixed; |
429 | position: fixed; |
429 | right: 8px; |
430 | right: 8px; |
430 | top: 179px; |
431 | top: 179px; |
431 | height: 40px; |
432 | height: 40px; |
432 | left: 208px; |
433 | left: 208px; |
433 | z-index: 3; |
434 | z-index: 3; |
434 | }
|
435 | }
|
435 | 436 | ||
436 | #heading1 h1 { |
437 | #heading1 h1 { |
437 | position: absolute; |
438 | position: absolute; |
438 | margin-bottom: 0; |
439 | margin-bottom: 0; |
439 | right: 0; |
440 | right: 0; |
440 | bottom: 0; |
441 | bottom: 0; |
441 | background-color: black; |
442 | background-color: black; |
442 | color: white; |
443 | color: white; |
443 | }
|
444 | }
|
444 | 445 | ||
445 | #content a { |
446 | #content a { |
446 | text-decoration: none; |
447 | text-decoration: none; |
447 | }
|
448 | }
|
448 | 449 | ||
449 | #content a:link:hover, |
450 | #content a:link:hover, |
450 | #content a:link:focus |
451 | #content a:link:focus |
451 | {
|
452 | {
|
452 | background-color:#000; |
453 | background-color:#000; |
453 | color: #f90; |
454 | color: #f90; |
454 | }
|
455 | }
|
455 | 456 | ||
456 | #content a:link:active { |
457 | #content a:link:active { |
457 | background-color:#000; |
458 | background-color:#000; |
458 | color: #fff; |
459 | color: #fff; |
459 | }
|
460 | }
|
460 | 461 | ||
461 | #content a:link { |
462 | #content a:link { |
462 | background-color:#000; |
463 | background-color:#000; |
463 | color:#fc9; |
464 | color:#fc9; |
464 | }
|
465 | }
|
465 | 466 | ||
466 | #content a:visited:hover, |
467 | #content a:visited:hover, |
467 | #content a:visited:focus |
468 | #content a:visited:focus |
468 | {
|
469 | {
|
469 | background-color:#000; |
470 | background-color:#000; |
470 | color:#f90; |
471 | color:#f90; |
471 | }
|
472 | }
|
472 | 473 | ||
473 | #content a:visited:active { |
474 | #content a:visited:active { |
474 | background-color:black; |
475 | background-color:black; |
475 | color:#fff; |
476 | color:#fff; |
476 | }
|
477 | }
|
477 | 478 | ||
478 | 479 | ||
479 | #content a:visited { |
480 | #content a:visited { |
480 | background-color:black; |
481 | background-color:black; |
481 | color:#c9c; |
482 | color:#c9c; |
482 | }
|
483 | }
|
483 | 484 |