Subversion Repositories LCARS

Rev

Rev 19 | Rev 198 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

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