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