Subversion Repositories LCARS

Rev

Rev 19 | Go to most recent revision | Show entire file | Regard 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
}
-
 
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;
46
}
114
}
47
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;
64
}
-
 
65
-
 
66
div.body {
-
 
67
  /* width:95%; */
-
 
68
}
-
 
69
-
 
70
span.alt { /* span with alternative text color */
-
 
71
  color:#f93;
-
 
72
  background-color:#000;
-
 
73
}
-
 
74
-
 
75
/* for JavaScript processing messages */
-
 
76
-
 
77
.standby {
-
 
78
  font-size:166%;
-
 
79
  background-color:#000;
-
 
80
  color:#99f;
-
 
81
}
-
 
82
-
 
83
div.standby {
-
 
84
  position:absolute;
-
 
85
  top:0;
-
 
86
  visibility:hidden;
-
 
87
}
-
 
88
-
 
89
/* font styles  */
-
 
90
-
 
91
p {
-
 
92
  margin-top:0;
-
 
93
  margin-bottom:1em;
-
 
94
}
-
 
95
-
 
96
div, p, li, th, td {
-
 
97
  max-width: 60ex;
-
 
98
}
-
 
99
-
 
100
small  {
-
 
101
  font-size:100%;
-
 
102
}
-
 
103
129
 
104
b, strong {
-
 
105
  color:#f93;
-
 
106
  background-color:#000;
130
  background-color: #000;
107
  font-weight:normal;
-
 
108
}
-
 
109
-
 
110
i, cite, blockquote, em {
-
 
111
  background-color:#000;
-
 
112
  color:#f93;
-
 
113
  font-style:normal;
-
 
114
}
-
 
115
-
 
116
abbr {
-
 
117
  white-space:nowrap;
-
 
118
}
-
 
119
-
 
120
abbr, acronym {
-
 
121
  border-bottom: 1px solid dotted;
131
  color: <?php echo $colors['database']['text']; ?>;
122
  cursor: help;
-
 
123
}
-
 
124
-
 
125
span.cap {
-
 
126
  font-variant:small-caps;
132
  font-size: 131%; /* 134% */
127
}
133
}
128
134
129
/* headings */
135
/* headings */
130
-
 
131
h1 {
136
h1 {
132
  font-size:191%;
137
  font-size: 120%; /* 191% */
133
  font-weight:normal;
138
  font-weight: normal;
134
  color:#c96;
139
  color: #fff; /* #c96 */
135
  background-color:black;
140
  background-color: black;
136
}
141
}
137
142
138
-
 
139
h2 {
143
h2 {
140
  font-size:129%;
144
  font-size: 120%; /* 129% */
141
  font-weight:normal;
145
  font-weight: normal;
142
  color:#fc6;
146
  color: #fff; /* #fc6 */
143
  background-color:black;
147
  background-color: black;
144
  text-transform: uppercase;
148
  text-transform: uppercase;
145
}
149
}
146
150
147
h3 {
151
h3 {
148
  margin-top:0;
152
  margin-top: 0;
149
  margin-bottom:1em;
153
  margin-bottom: 1em;
150
  font-size:123%;
154
  font-size: 123%;
151
  font-weight:normal;
155
  font-weight: normal;
152
  color:#fc6;
156
  color: #fff; /* #fc6 */
153
  background-color:black;
157
  background-color: black;
154
  text-transform: uppercase;
158
  text-transform: uppercase;
155
}
159
}
156
160
157
h4 {
161
h4 {
Line 165... Line 169...
165
169
166
table + h4 {
170
table+h4 {
167
  margin-top:1em;
171
  margin-top: 1em;
168
}
172
}
169
173
-
 
174
/*
170
a.h4:link:hover, a.h4:visited:hover {
175
a.h4:link:hover,a.h4:visited:hover {
171
  color:#fc6;
176
  color: #fc6;
172
  background-color:black;
177
  background-color: black;
173
}
178
}
174
179
175
a.h4:link:active, a.h4:visited:active {
180
a.h4:link:active,a.h4:visited:active {
176
  color:#fff;
181
  color: #fff;
177
  background-color:black;
182
  background-color: black;
178
}
183
}
-
 
184
*/
179
185
180
h5 {
186
h5 {
181
  margin-top:2em;
187
  margin-top: 2em;
182
  margin-bottom:1em;
188
  margin-bottom: 1em;
-
 
189
  background-color: black;
-
 
190
  color: <?php echo $colors['multi-display']['text1']; ?>; /* #fc6 */
183
  font-size:111%;
191
  font-size: 111%;
184
  font-weight:normal;
192
  font-weight: normal;
185
  color:#fc6;
-
 
186
  background-color:black;
-
 
187
}
193
}
188
194
189
h6 {
195
h6 {
190
  margin-top:2em;
196
  margin-top: 2em;
191
  margin-bottom:1em;
197
  margin-bottom: 1em;
Line 193... Line 199...
193
  font-weight:normal;
199
  font-weight: normal;
194
  color:#fc6;
200
  color: #fc6;
195
  background-color:black;
201
  background-color: black;
196
}
202
}
197
203
-
 
204
div.body { /* width:95%; */
-
 
205
 
-
 
206
}
-
 
207
-
 
208
span.alt { /* span with alternative text color */
-
 
209
  color: #f93;
-
 
210
  background-color: #000;
-
 
211
}
-
 
212
-
 
213
/* for JavaScript processing messages */
-
 
214
.standby {
-
 
215
  font-size: 166%;
-
 
216
  background-color: #000;
-
 
217
  color: #99f;
-
 
218
}
-
 
219
-
 
220
div.standby {
-
 
221
  position: absolute;
-
 
222
  top: 0;
-
 
223
  visibility: hidden;
-
 
224
}
-
 
225
-
 
226
/* font styles  */
-
 
227
p {
-
 
228
  margin-top: 0;
-
 
229
  margin-bottom: 1em;
-
 
230
}
-
 
231
-
 
232
div,p,li,th,td {
-
 
233
  max-width: 60ex;
-
 
234
}
-
 
235
-
 
236
small {
-
 
237
  font-size: 100%;
-
 
238
}
-
 
239
-
 
240
b, strong {
-
 
241
  color: <?php echo $colors['multi-display']['text1']; ?>; /* #f93 */
-
 
242
  background-color: #000;
-
 
243
  font-weight: normal;
-
 
244
}
-
 
245
-
 
246
i, cite, blockquote, em {
-
 
247
  background-color: #000;
-
 
248
  color: <?php echo $colors['multi-display']['text1']; ?>; /* #f93 */
-
 
249
  font-style: normal;
-
 
250
}
-
 
251
-
 
252
abbr {
-
 
253
  white-space: nowrap;
-
 
254
}
-
 
255
-
 
256
abbr, acronym {
-
 
257
  border-bottom: 1px dotted;
-
 
258
  cursor: help;
-
 
259
}
-
 
260
-
 
261
del {
-
 
262
  background-color: #000;
-
 
263
  color: <?php echo $colors['database']['old_text']; ?>;
-
 
264
  text-decoration: line-through;
-
 
265
}
-
 
266
-
 
267
ins {
-
 
268
  background-color: #000;
-
 
269
  color: <?php echo $colors['database']['new_text']; ?>;
-
 
270
  text-decoration: none;
-
 
271
}
-
 
272
-
 
273
span.cap {
-
 
274
  font-variant: small-caps;
-
 
275
}
-
 
276
-
 
277
ul.filelist li  {
-
 
278
  background-color: #000;
-
 
279
  color: <?php echo $colors['database']['n/a']; ?>;
-
 
280
  cursor: not-allowed;
-
 
281
}
-
 
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
Line 309... Line 395...
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%;
Line 332... Line 416...
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;
Line 346... Line 429...
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
}
Line 427... Line 509...
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
432
515
  {
433
table.hover thead th:hover,
-
 
434
thead.hover th:hover,
-
 
435
tbody.hover th:hover,
-
 
436
table.hover tbody tr:hover th,
-
 
437
tbody.hover tr:hover th {
-
 
438
  background-color:#f99;
516
  background-color: #f99;
439
  color:#000;
517
  color: #000;
440
}
518
}
441
519
442
table.hover tbody tr:hover,
520
table.hover tbody tr:hover,tbody.hover tr:hover {
443
tbody.hover tr:hover {
-
 
444
  color:#fc3;
521
  color: #fc3;
445
}
522
}
446
523
447
table.hover tbody tr:hover a,
524
table.hover tbody tr:hover a,tbody.hover 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 */