Subversion Repositories LCARS

Rev

Rev 18 | Rev 36 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
18 PointedEar 1
/*
2
 * <title>CSS for PointedEars' LCARS, version 2.054, stardate 200712.02</title>
3
 */
17 PointedEar 4
 
5
/* basic fonts */
6
 
7
@font-face {
18 PointedEar 8
  font-family: "Downloadable LCARS";
9
  font-style: normal;
10
  font-weight: normal;
19 PointedEar 11
  src: url(fonts/LCARS.ttf);
17 PointedEar 12
}
13
 
18 PointedEar 14
/* EOT font created with WEFT on 2002-03-23 */
17 PointedEar 15
@font-face {
18 PointedEar 16
  font-family: "Downloadable Haettenschweiler";
17
  font-style: normal;
18
  font-weight: normal;
19 PointedEar 19
  src: url(fonts/HAETTEN0.eot), url(fonts/HAETTENS.ttf);
18 PointedEar 20
}
21
 
22
/*
23
@font-face {
17 PointedEar 24
  font-family:Webdings;
25
  font-style:normal;
26
  font-weight:normal;
27
  src:url(WEBDING0.eot);
28
}
18 PointedEar 29
*/
17 PointedEar 30
 
31
@font-face {
18 PointedEar 32
  font-family: "Downloadable Zurich XCn BT";
33
  font-style: normal;
34
  font-weight: normal;
19 PointedEar 35
  src: url(fonts/ZurichXCn.pfr);
17 PointedEar 36
}
37
 
38
/* basic display */
39
 
40
* {
18 PointedEar 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;
17 PointedEar 46
}
47
 
48
body {
49
  cursor:default;
18 PointedEar 50
  font-size:134%; /*129%*/
17 PointedEar 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
 
18 PointedEar 96
div, p, li, th, td {
97
  max-width: 60ex;
98
}
99
 
17 PointedEar 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
 
18 PointedEar 120
abbr, acronym {
121
  border-bottom: 1px solid dotted;
122
  cursor: help;
123
}
124
 
17 PointedEar 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;
18 PointedEar 183
  font-size:111%;
17 PointedEar 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
 
18 PointedEar 378
table>tbody.scroll tr {
379
  height: auto;
380
}
381
 
17 PointedEar 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;
18 PointedEar 402
  font-size: 133%;
17 PointedEar 403
  font-weight:normal;
404
}
405
 
406
thead th:first-child {
19 PointedEar 407
  padding-left: 12px;
408
  border-radius: 12px 0 0 0;
409
  -moz-border-radius: 12px 0 0 0;
410
  -webkit-border-radius: 12px 0 0 0;
17 PointedEar 411
}
412
 
413
table.left th, thead.left th, tbody.left th, th.left {
414
  background-color:inherit;
415
  color:inherit;
416
  text-transform:uppercase;
417
  text-align:right;
418
}
419
 
420
th, td {
421
  padding-right:3px;
422
}
423
 
424
td {
425
  padding-left:4px;
426
  background-color:inherit;
427
  color:inherit;
18 PointedEar 428
  font-size:133%;
17 PointedEar 429
}
430
 
431
/* hover table */
432
 
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;
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;
450
}
451
 
452
/* Lowlight all rows except that with the active/focused element */
453
table.hover tbody:active,
454
table.hover tbody:focus,
455
tbody.hover:active,
456
tbody.hover:focus {
457
  background-color:#000;
458
  color:#99c;
459
}
460
 
461
table.hover tbody tr:active,
462
tbody.hover tr:active,
463
table.hover tbody tr:focus,
464
tbody.hover tr:focus {
465
  background-color:#000;
466
  color:#fff;
467
}
468
 
469
/* This to invert display on hover does not seem proper LCARS design */
470
/*
471
table.hover tbody tr:hover a:link,
472
tbody.hover tr:hover a:link {
473
  color:#fff;
474
}
475
 
476
table.hover tbody tr:hover a:visited,
477
tbody.hover tr:hover a:visited {
478
  background-color:inherit;
479
  color:#963;
480
}
481
 
482
table.hover tbody tr:hover a:link:focus,
483
table.hover tbody tr:hover a:visited:focus,
484
table.hover tbody tr:hover a:link:hover,
485
table.hover tbody tr:hover a:visited:hover,
486
table.hover tbody tr:hover a:link:active,
487
tbody.hover tr:hover a:link:focus,
488
tbody.hover tr:hover a:visited:focus,
489
tbody.hover tr:hover a:link:hover,
490
tbody.hover tr:hover a:visited:hover,
491
tbody.hover tr:hover a:link:active {
492
  background-color:inherit;
493
  color:#960;
494
}
495
 
496
table.hover tbody tr:hover a:visited:active,
497
tbody.hover tr:hover a:visited:active {
498
  background-color:inherit;
499
  color:#c63;
500
}
501
*/