Subversion Repositories LCARS

Rev

Rev 36 | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

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