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