Rev 36 | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed
Rev 36 | Rev 198 | ||
---|---|---|---|
1 | /* <title>CSS for PointedEars' LCARS, version 2.053, stardate 200712.02</title>
|
1 | /* <title>CSS for PointedEars' LCARS, version 2.053, stardate 200712.02</title>
|
2 | */
|
2 | */
|
3 | 3 | ||
4 | /* basic fonts */
|
4 | /* basic fonts */
|
5 | 5 | ||
6 | /* $WEFT -- Created by:Thomas 'PointedEars' Lahn (webmaster@PointedEars.de)
|
6 | /* $WEFT -- Created by:Thomas 'PointedEars' Lahn (webmaster@PointedEars.de)
|
7 | on 2002-03-23 -- */
|
7 | on 2002-03-23 -- */
|
8 | @font-face {
|
8 | @font-face {
|
9 | font-family:Haettens; |
9 | font-family:Haettens; |
10 | font-style:normal; |
10 | font-style:normal; |
11 | font-weight:normal; |
11 | font-weight:normal; |
12 | src:url(HAETTEN0.eot); |
12 | src:url(HAETTEN0.eot); |
13 | }
|
13 | }
|
14 | 14 | ||
15 | /*
|
15 | /*
|
16 | @font-face {
|
16 | @font-face {
|
17 | font-family:Webdings;
|
17 | font-family:Webdings;
|
18 | font-style:normal;
|
18 | font-style:normal;
|
19 | font-weight:normal;
|
19 | font-weight:normal;
|
20 | src:url(WEBDING0.eot);
|
20 | src:url(WEBDING0.eot);
|
21 | }
|
21 | }
|
22 | */
|
22 | */
|
23 | 23 | ||
24 | @font-face {
|
24 | @font-face {
|
25 | font-family:"Zurich XCn BT"; |
25 | font-family:"Zurich XCn BT"; |
26 | src:url(ZurichXCn.pfr); |
26 | src:url(ZurichXCn.pfr); |
27 | }
|
27 | }
|
28 | 28 | ||
29 | /* basic display */
|
29 | /* basic display */
|
30 | 30 | ||
31 | * { |
31 | * { |
32 | font-family:LCARS, Haettenschweiler, Haettens, "Zurich XCn BT", impact, Verdana, |
32 | font-family:LCARS, Haettenschweiler, Haettens, "Zurich XCn BT", impact, Verdana, |
33 | Geneva, Arial, Helvetica, sans-serif; |
33 | Geneva, Arial, Helvetica, sans-serif; |
34 | font-weight:normal; |
34 | font-weight:normal; |
35 | }
|
35 | }
|
36 | 36 | ||
37 | body {
|
37 | body {
|
38 | cursor:default; |
38 | cursor:default; |
39 | font-size:123%; /*110%*/ |
39 | font-size:123%; /*110%*/ |
40 | background-color:#000; |
40 | background-color:#000; |
41 | color:#ccf; /* #afbfe0; #69F; */ |
41 | color:#ccf; /* #afbfe0; #69F; */ |
42 | margin:0 10px; |
42 | margin:0 10px; |
43 | /* IE 5.5+ scrollbar colors */
|
43 | /* IE 5.5+ scrollbar colors */
|
44 | /* from Mozilla LCARS Theme (2D style) */
|
44 | /* from Mozilla LCARS Theme (2D style) */
|
45 | scrollbar-3dlight-color:#000; |
45 | scrollbar-3dlight-color:#000; |
46 | scrollbar-arrow-color:#000; |
46 | scrollbar-arrow-color:#000; |
47 | scrollbar-base-color:#000; |
47 | scrollbar-base-color:#000; |
48 | scrollbar-darkshadow-color:#000; |
48 | scrollbar-darkshadow-color:#000; |
49 | scrollbar-face-color:#99f; |
49 | scrollbar-face-color:#99f; |
50 | scrollbar-highlight-color:#99f; |
50 | scrollbar-highlight-color:#99f; |
51 | scrollbar-track-color:#000; |
51 | scrollbar-track-color:#000; |
52 | scrollbar-shadow-color:#99f; |
52 | scrollbar-shadow-color:#99f; |
53 | }
|
53 | }
|
54 | 54 | ||
55 | div.body { |
55 | div.body { |
56 | /* width:95%; */
|
56 | /* width:95%; */
|
57 | }
|
57 | }
|
58 | 58 | ||
59 | span.alt { /* span with alternative text color */ |
59 | span.alt { /* span with alternative text color */ |
60 | color:#f93; |
60 | color:#f93; |
61 | background-color:#000; |
61 | background-color:#000; |
62 | }
|
62 | }
|
63 | 63 | ||
64 | /* for JavaScript processing messages */
|
64 | /* for JavaScript processing messages */
|
65 | 65 | ||
66 | .standby { |
66 | .standby { |
67 | font-size:166%; |
67 | font-size:166%; |
68 | background-color:#000; |
68 | background-color:#000; |
69 | color:#99f; |
69 | color:#99f; |
70 | }
|
70 | }
|
71 | 71 | ||
72 | div.standby { |
72 | div.standby { |
73 | position:absolute; |
73 | position:absolute; |
74 | top:0; |
74 | top:0; |
75 | visibility:hidden; |
75 | visibility:hidden; |
76 | }
|
76 | }
|
77 | 77 | ||
78 | /* font styles */
|
78 | /* font styles */
|
79 | 79 | ||
80 | p {
|
80 | p {
|
81 | margin-top:0; |
81 | margin-top:0; |
82 | margin-bottom:1em; |
82 | margin-bottom:1em; |
83 | }
|
83 | }
|
84 | 84 | ||
85 | small {
|
85 | small {
|
86 | font-size:100%; |
86 | font-size:100%; |
87 | }
|
87 | }
|
88 | 88 | ||
89 | b, strong { |
89 | b, strong { |
90 | color:#f93; |
90 | color:#f93; |
91 | background-color:#000; |
91 | background-color:#000; |
92 | font-weight:normal; |
92 | font-weight:normal; |
93 | }
|
93 | }
|
94 | 94 | ||
95 | i, cite, blockquote, em { |
95 | i, cite, blockquote, em { |
96 | background-color:#000; |
96 | background-color:#000; |
97 | color:#f93; |
97 | color:#f93; |
98 | font-style:normal; |
98 | font-style:normal; |
99 | }
|
99 | }
|
100 | 100 | ||
101 | abbr {
|
101 | abbr {
|
102 | white-space:nowrap; |
102 | white-space:nowrap; |
103 | }
|
103 | }
|
104 | 104 | ||
105 | span.cap { |
105 | span.cap { |
106 | font-variant:small-caps; |
106 | font-variant:small-caps; |
107 | }
|
107 | }
|
108 | 108 | ||
109 | /* headings */
|
109 | /* headings */
|
110 | 110 | ||
111 | h1 {
|
111 | h1 {
|
112 | font-size:191%; |
112 | font-size:191%; |
113 | font-weight:normal; |
113 | font-weight:normal; |
114 | color:#c96; |
114 | color:#c96; |
115 | background-color:black; |
115 | background-color:black; |
116 | }
|
116 | }
|
117 | 117 | ||
118 | 118 | ||
119 | h2 {
|
119 | h2 {
|
120 | font-size:129%; |
120 | font-size:129%; |
121 | font-weight:normal; |
121 | font-weight:normal; |
122 | color:#fc6; |
122 | color:#fc6; |
123 | background-color:black; |
123 | background-color:black; |
124 | text-transform: uppercase; |
124 | text-transform: uppercase; |
125 | }
|
125 | }
|
126 | 126 | ||
127 | h3 {
|
127 | h3 {
|
128 | margin-top:0; |
128 | margin-top:0; |
129 | margin-bottom:1em; |
129 | margin-bottom:1em; |
130 | font-size:123%; |
130 | font-size:123%; |
131 | font-weight:normal; |
131 | font-weight:normal; |
132 | color:#fc6; |
132 | color:#fc6; |
133 | background-color:black; |
133 | background-color:black; |
134 | text-transform: uppercase; |
134 | text-transform: uppercase; |
135 | }
|
135 | }
|
136 | 136 | ||
137 | h4 {
|
137 | h4 {
|
138 | margin-top:2em; |
138 | margin-top:2em; |
139 | margin-bottom:1em; |
139 | margin-bottom:1em; |
140 | font-size:116%; |
140 | font-size:116%; |
141 | font-weight:normal; |
141 | font-weight:normal; |
142 | color:#fc6; |
142 | color:#fc6; |
143 | background-color:black; |
143 | background-color:black; |
144 | }
|
144 | }
|
145 | 145 | ||
146 | table + h4 { |
146 | table + h4 { |
147 | margin-top:1em; |
147 | margin-top:1em; |
148 | }
|
148 | }
|
149 | 149 | ||
150 | a.h4:link:hover, a.h4:visited:hover { |
150 | a.h4:link:hover, a.h4:visited:hover { |
151 | color:#fc6; |
151 | color:#fc6; |
152 | background-color:black; |
152 | background-color:black; |
153 | }
|
153 | }
|
154 | 154 | ||
155 | a.h4:link:active, a.h4:visited:active { |
155 | a.h4:link:active, a.h4:visited:active { |
156 | color:#fff; |
156 | color:#fff; |
157 | background-color:black; |
157 | background-color:black; |
158 | }
|
158 | }
|
159 | 159 | ||
160 | h5 {
|
160 | h5 {
|
161 | margin-top:2em; |
161 | margin-top:2em; |
162 | margin-bottom:1em; |
162 | margin-bottom:1em; |
163 | font-size:110%; |
163 | font-size:110%; |
164 | font-weight:normal; |
164 | font-weight:normal; |
165 | color:#fc6; |
165 | color:#fc6; |
166 | background-color:black; |
166 | background-color:black; |
167 | }
|
167 | }
|
168 | 168 | ||
169 | h6 {
|
169 | h6 {
|
170 | margin-top:2em; |
170 | margin-top:2em; |
171 | margin-bottom:1em; |
171 | margin-bottom:1em; |
172 | font-size:104%; |
172 | font-size:104%; |
173 | font-weight:normal; |
173 | font-weight:normal; |
174 | color:#fc6; |
174 | color:#fc6; |
175 | background-color:black; |
175 | background-color:black; |
176 | }
|
176 | }
|
177 | 177 | ||
178 | /* LCARS specific anchors */
|
178 | /* LCARS specific anchors */
|
179 | 179 | ||
180 | /* order is important to buggy IE;
|
180 | /* order is important to buggy IE;
|
181 | TODO: [IE] links focus color, visited links hover color */
|
181 | TODO: [IE] links focus color, visited links hover color */
|
182 | 182 | ||
183 | a:link:hover, a:link:active, a:link:focus { |
183 | a:link:hover, a:link:active, a:link:focus { |
184 | background-color:#000; |
184 | background-color:#000; |
185 | color:#fc0; |
185 | color:#fc0; |
186 | text-decoration:none; |
186 | text-decoration:none; |
187 | }
|
187 | }
|
188 | 188 | ||
189 | a:link { |
189 | a:link { |
190 | background-color:black; |
190 | background-color:black; |
191 | color:white; |
191 | color:white; |
192 | text-decoration:none; |
192 | text-decoration:none; |
193 | }
|
193 | }
|
194 | 194 | ||
195 | a:visited:hover { |
195 | a:visited:hover { |
196 | background-color:#000; |
196 | background-color:#000; |
197 | color:#fc3; |
197 | color:#fc3; |
198 | text-decoration:none; |
198 | text-decoration:none; |
199 | }
|
199 | }
|
200 | 200 | ||
201 | a:visited:active { |
201 | a:visited:active { |
202 | background-color:black; |
202 | background-color:black; |
203 | color:#fff; |
203 | color:#fff; |
204 | text-decoration:none; |
204 | text-decoration:none; |
205 | }
|
205 | }
|
206 | 206 | ||
207 | a:visited:focus { |
207 | a:visited:focus { |
208 | background-color:#000; |
208 | background-color:#000; |
209 | color:#fc3; |
209 | color:#fc3; |
210 | text-decoration:none; |
210 | text-decoration:none; |
211 | }
|
211 | }
|
212 | 212 | ||
213 | a:visited { |
213 | a:visited { |
214 | background-color:black; |
214 | background-color:black; |
215 | color:#fc9; |
215 | color:#fc9; |
216 | text-decoration:none; |
216 | text-decoration:none; |
217 | }
|
217 | }
|
218 | 218 | ||
219 | /* buttons */
|
219 | /* buttons */
|
220 | 220 | ||
221 | a.button:link:focus, a.button:visited:focus, |
221 | a.button:link:focus, a.button:visited:focus, |
222 | a.button:link:hover, a.button:visited:hover { |
222 | a.button:link:hover, a.button:visited:hover { |
223 | color:#000; |
223 | color:#000; |
224 | background-color:#c9c; |
224 | background-color:#c9c; |
225 | text-decoration:none; |
225 | text-decoration:none; |
226 | }
|
226 | }
|
227 | 227 | ||
228 | a.button:link:active, a.button:visited:active { |
228 | a.button:link:active, a.button:visited:active { |
229 | color:#000; |
229 | color:#000; |
230 | background-color:#fff; |
230 | background-color:#fff; |
231 | cursor:default; |
231 | cursor:default; |
232 | text-decoration:none; |
232 | text-decoration:none; |
233 | }
|
233 | }
|
234 | 234 | ||
235 | a.button:link, a.button:visited { |
235 | a.button:link, a.button:visited { |
236 | background-color:#969; |
236 | background-color:#969; |
237 | color:#000; |
237 | color:#000; |
238 | padding-left:1px; |
238 | padding-left:1px; |
239 | vertical-align:middle; |
239 | vertical-align:middle; |
240 | font-size:110%; |
240 | font-size:110%; |
241 | text-decoration:none; |
241 | text-decoration:none; |
242 | }
|
242 | }
|
243 | 243 | ||
244 | a.stop:link, a.stop:visited { |
244 | a.stop:link, a.stop:visited { |
245 | background-color:#c66; |
245 | background-color:#c66; |
246 | color:#000; |
246 | color:#000; |
247 | padding-left:1px; |
247 | padding-left:1px; |
248 | vertical-align:middle; |
248 | vertical-align:middle; |
249 | font-size:110%; |
249 | font-size:110%; |
250 | text-decoration:none; |
250 | text-decoration:none; |
251 | }
|
251 | }
|
252 | 252 | ||
253 | a.stop:link:hover, a.stop:visited:hover { |
253 | a.stop:link:hover, a.stop:visited:hover { |
254 | background-color:#f66; |
254 | background-color:#f66; |
255 | color:#000; |
255 | color:#000; |
256 | text-decoration:none; |
256 | text-decoration:none; |
257 | }
|
257 | }
|
258 | 258 | ||
259 | a.stop:link:active, a.stop:visited:active { |
259 | a.stop:link:active, a.stop:visited:active { |
260 | background-color:#fff; |
260 | background-color:#fff; |
261 | color:#000; |
261 | color:#000; |
262 | text-decoration:none; |
262 | text-decoration:none; |
263 | }
|
263 | }
|
264 | 264 | ||
265 | a.go:link, a.go:visited { |
265 | a.go:link, a.go:visited { |
266 | background-color:#6c6; |
266 | background-color:#6c6; |
267 | color:#000; |
267 | color:#000; |
268 | padding-left:1px; |
268 | padding-left:1px; |
269 | vertical-align:middle; |
269 | vertical-align:middle; |
270 | font-size:110%; |
270 | font-size:110%; |
271 | text-decoration:none; |
271 | text-decoration:none; |
272 | }
|
272 | }
|
273 | 273 | ||
274 | a.go:link:hover, a.go:visited:hover { |
274 | a.go:link:hover, a.go:visited:hover { |
275 | background-color:#6f6; |
275 | background-color:#6f6; |
276 | color:#000; |
276 | color:#000; |
277 | text-decoration:none; |
277 | text-decoration:none; |
278 | }
|
278 | }
|
279 | 279 | ||
280 | a.go:link:active, a.go:visited:active { |
280 | a.go:link:active, a.go:visited:active { |
281 | background-color:#fff; |
281 | background-color:#fff; |
282 | color:#000; |
282 | color:#000; |
283 | text-decoration:none; |
283 | text-decoration:none; |
284 | }
|
284 | }
|
285 | 285 | ||
286 | span.symbol { |
286 | span.symbol { |
287 | font-family:Webdings, fantasy; |
287 | font-family:Webdings, fantasy; |
288 | font-style:normal; |
288 | font-style:normal; |
289 | font-weight:normal; |
289 | font-weight:normal; |
290 | font-size:110%; |
290 | font-size:110%; |
291 | }
|
291 | }
|
292 | 292 | ||
293 | /* form elements */
|
293 | /* form elements */
|
294 | 294 | ||
295 | input {
|
295 | input {
|
296 | background-color:black; |
296 | background-color:black; |
297 | font-size:104%; |
297 | font-size:104%; |
298 | color:white; |
298 | color:white; |
299 | }
|
299 | }
|
300 | 300 | ||
301 | input.button { |
301 | input.button { |
302 | /* offset-width:auto; */
|
302 | /* offset-width:auto; */
|
303 | border-style:none; |
303 | border-style:none; |
304 | border-width:0px; |
304 | border-width:0px; |
305 | color:#000; |
305 | color:#000; |
306 | background-color:#969; |
306 | background-color:#969; |
307 | font-size:123%; |
307 | font-size:123%; |
308 | cursor:pointer; |
308 | cursor:pointer; |
309 | }
|
309 | }
|
310 | 310 | ||
311 | textarea {
|
311 | textarea {
|
312 | background-color:#000; |
312 | background-color:#000; |
313 | font-size:104%; |
313 | font-size:104%; |
314 | color:white; |
314 | color:white; |
315 | }
|
315 | }
|
316 | 316 | ||
317 | select |
317 | select |
318 | {
|
318 | {
|
319 | color:white; |
319 | color:white; |
320 | background-color:#000; |
320 | background-color:#000; |
321 | border-color:white; |
321 | border-color:white; |
322 | font-size:104%; |
322 | font-size:104%; |
323 | cursor:pointer; |
323 | cursor:pointer; |
324 | }
|
324 | }
|
325 | 325 | ||
326 | option {
|
326 | option {
|
327 | cursor:pointer; |
327 | cursor:pointer; |
328 | }
|
328 | }
|
329 | 329 | ||
330 | /* table elements */
|
330 | /* table elements */
|
331 | 331 | ||
332 | table {
|
332 | table {
|
333 | border-collapse: separate; |
333 | border-collapse: separate; |
334 | margin-top:0; |
334 | margin-top:0; |
335 | margin-bottom:1em; |
335 | margin-bottom:1em; |
336 | }
|
336 | }
|
337 | 337 | ||
338 | /*
|
338 | /*
|
339 | * Not for IE 6 and below.
|
339 | * Not for IE 6 and below.
|
340 | * Bugfix for IE 7 is provided by lcars-ie7.css which should be
|
340 | * Bugfix for IE 7 is provided by lcars-ie7.css which should be
|
341 | * included as follows:
|
341 | * included as follows:
|
342 |
|
342 |
|
343 | <link rel="stylesheet" href="/styles/lcars.css" type="text/css">
|
343 | <link rel="stylesheet" href="/styles/lcars.css" type="text/css">
|
344 | <!--[if IE 7]>
|
344 | <!--[if IE 7]>
|
345 | <link rel="stylesheet" href="/styles/lcars-ie7.css" type="text/css">
|
345 | <link rel="stylesheet" href="/styles/lcars-ie7.css" type="text/css">
|
346 | <![endif]-->
|
346 | <![endif]-->
|
347 | */
|
347 | */
|
348 | table>tbody.scroll { |
348 | table>tbody.scroll { |
349 | height:11em; |
349 | height:11em; |
350 | overflow:auto; |
350 | overflow:auto; |
351 | /*
|
351 | /*
|
352 | * In current implementations, the scrollbar is displayed within
|
352 | * In current implementations, the scrollbar is displayed within
|
353 | * the tbody area, so we disable horizontal scrolling for that ...
|
353 | * the tbody area, so we disable horizontal scrolling for that ...
|
354 | */
|
354 | */
|
355 | overflow-x: hidden !important; |
355 | overflow-x: hidden !important; |
356 | }
|
356 | }
|
357 | 357 | ||
358 | /*
|
358 | /*
|
359 | * ... and make enough room so that the text won't flow under the
|
359 | * ... and make enough room so that the text won't flow under the
|
360 | * vertical scrollbar. However, that is still a dirty hack as we
|
360 | * vertical scrollbar. However, that is still a dirty hack as we
|
361 | * assume that the vertical scrollbar is not wider than 20px.
|
361 | * assume that the vertical scrollbar is not wider than 20px.
|
362 | */
|
362 | */
|
363 | table>tbody.scroll td:last-child { |
363 | table>tbody.scroll td:last-child { |
364 | padding-right: 20px; |
364 | padding-right: 20px; |
365 | }
|
365 | }
|
366 | 366 | ||
367 | tr {
|
367 | tr {
|
368 | vertical-align:top; |
368 | vertical-align:top; |
369 | vertical-align: baseline; |
369 | vertical-align: baseline; |
370 | }
|
370 | }
|
371 | 371 | ||
372 | th {
|
372 | th {
|
373 | padding-left:3px; |
373 | padding-left:3px; |
374 | /* border-right:2px solid black; */
|
374 | /* border-right:2px solid black; */
|
375 | text-align:left; |
375 | text-align:left; |
376 | background-color:#c66; |
376 | background-color:#c66; |
377 | color:#000; |
377 | color:#000; |
378 | font-size:110%; |
378 | font-size:110%; |
379 | font-weight:normal; |
379 | font-weight:normal; |
380 | }
|
380 | }
|
381 | 381 | ||
382 | thead th:first-child { |
382 | thead th:first-child { |
383 | border-top-left-radius: 7px 15px; |
383 | border-top-left-radius: 7px 15px; |
384 | }
|
384 | }
|
385 | 385 | ||
386 | table.left th, thead.left th, tbody.left th, th.left { |
386 | table.left th, thead.left th, tbody.left th, th.left { |
387 | background-color:inherit; |
387 | background-color:inherit; |
388 | color:inherit; |
388 | color:inherit; |
389 | text-transform:uppercase; |
389 | text-transform:uppercase; |
390 | text-align:right; |
390 | text-align:right; |
391 | }
|
391 | }
|
392 | 392 | ||
393 | th, td { |
393 | th, td { |
394 | padding-right:3px; |
394 | padding-right:3px; |
395 | }
|
395 | }
|
396 | 396 | ||
397 | td {
|
397 | td {
|
398 | padding-left:4px; |
398 | padding-left:4px; |
399 | background-color:inherit; |
399 | background-color:inherit; |
400 | color:inherit; |
400 | color:inherit; |
401 | font-size:110%; |
401 | font-size:110%; |
402 | }
|
402 | }
|
403 | 403 | ||
404 | /* hover table */
|
404 | /* hover table */
|
405 | 405 | ||
406 | table.hover thead th:hover, |
406 | table.hover thead th:hover, |
407 | thead.hover th:hover, |
407 | thead.hover th:hover, |
408 | tbody.hover th:hover, |
408 | tbody.hover th:hover, |
409 | table.hover tbody tr:hover th, |
409 | table.hover tbody tr:hover th, |
410 | tbody.hover tr:hover th { |
410 | tbody.hover tr:hover th { |
411 | background-color:#f99; |
411 | background-color:#f99; |
412 | color:#000; |
412 | color:#000; |
413 | }
|
413 | }
|
414 | 414 | ||
415 | table.hover tbody tr:hover, |
415 | table.hover tbody tr:hover, |
416 | tbody.hover tr:hover { |
416 | tbody.hover tr:hover { |
417 | color:#fc3; |
417 | color:#fc3; |
418 | }
|
418 | }
|
419 | 419 | ||
420 | table.hover tbody tr:hover a, |
420 | table.hover tbody tr:hover a, |
421 | tbody.hover tr:hover a { |
421 | tbody.hover tr:hover a { |
422 | background-color:inherit; |
422 | background-color:inherit; |
423 | }
|
423 | }
|
424 | 424 | ||
425 | /* Lowlight all rows except that with the active/focused element */
|
425 | /* Lowlight all rows except that with the active/focused element */
|
426 | table.hover tbody:active, |
426 | table.hover tbody:active, |
427 | table.hover tbody:focus, |
427 | table.hover tbody:focus, |
428 | tbody.hover:active, |
428 | tbody.hover:active, |
429 | tbody.hover:focus { |
429 | tbody.hover:focus { |
430 | background-color:#000; |
430 | background-color:#000; |
431 | color:#99c; |
431 | color:#99c; |
432 | }
|
432 | }
|
433 | 433 | ||
434 | table.hover tbody tr:active, |
434 | table.hover tbody tr:active, |
435 | tbody.hover tr:active, |
435 | tbody.hover tr:active, |
436 | table.hover tbody tr:focus, |
436 | table.hover tbody tr:focus, |
437 | tbody.hover tr:focus { |
437 | tbody.hover tr:focus { |
438 | background-color:#000; |
438 | background-color:#000; |
439 | color:#fff; |
439 | color:#fff; |
440 | }
|
440 | }
|
441 | 441 | ||
442 | /* This to invert display on hover does not seem proper LCARS design */
|
442 | /* This to invert display on hover does not seem proper LCARS design */
|
443 | /*
|
443 | /*
|
444 | table.hover tbody tr:hover a:link,
|
444 | table.hover tbody tr:hover a:link,
|
445 | tbody.hover tr:hover a:link {
|
445 | tbody.hover tr:hover a:link {
|
446 | color:#fff;
|
446 | color:#fff;
|
447 | }
|
447 | }
|
448 | 448 | ||
449 | table.hover tbody tr:hover a:visited,
|
449 | table.hover tbody tr:hover a:visited,
|
450 | tbody.hover tr:hover a:visited {
|
450 | tbody.hover tr:hover a:visited {
|
451 | background-color:inherit;
|
451 | background-color:inherit;
|
452 | color:#963;
|
452 | color:#963;
|
453 | }
|
453 | }
|
454 | 454 | ||
455 | table.hover tbody tr:hover a:link:focus,
|
455 | table.hover tbody tr:hover a:link:focus,
|
456 | table.hover tbody tr:hover a:visited:focus,
|
456 | table.hover tbody tr:hover a:visited:focus,
|
457 | table.hover tbody tr:hover a:link:hover,
|
457 | table.hover tbody tr:hover a:link:hover,
|
458 | table.hover tbody tr:hover a:visited:hover,
|
458 | table.hover tbody tr:hover a:visited:hover,
|
459 | table.hover tbody tr:hover a:link:active,
|
459 | table.hover tbody tr:hover a:link:active,
|
460 | tbody.hover tr:hover a:link:focus,
|
460 | tbody.hover tr:hover a:link:focus,
|
461 | tbody.hover tr:hover a:visited:focus,
|
461 | tbody.hover tr:hover a:visited:focus,
|
462 | tbody.hover tr:hover a:link:hover,
|
462 | tbody.hover tr:hover a:link:hover,
|
463 | tbody.hover tr:hover a:visited:hover,
|
463 | tbody.hover tr:hover a:visited:hover,
|
464 | tbody.hover tr:hover a:link:active {
|
464 | tbody.hover tr:hover a:link:active {
|
465 | background-color:inherit;
|
465 | background-color:inherit;
|
466 | color:#960;
|
466 | color:#960;
|
467 | }
|
467 | }
|
468 | 468 | ||
469 | table.hover tbody tr:hover a:visited:active,
|
469 | table.hover tbody tr:hover a:visited:active,
|
470 | tbody.hover tr:hover a:visited:active {
|
470 | tbody.hover tr:hover a:visited:active {
|
471 | background-color:inherit;
|
471 | background-color:inherit;
|
472 | color:#c63;
|
472 | color:#c63;
|
473 | }
|
473 | }
|
474 | */
|
474 | */
|
475 | 475 |