Subversion Repositories LCARS

Rev

Go to most recent revision | Details | Last modification | View Log | RSS feed

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