Subversion Repositories LCARS

Rev

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

Rev Author Line No. Line
73 PointedEar 1
<?php \header('Content-Type: text/css; charset=UTF-8'); ?>
36 PointedEar 2
/*
3
 * <title>CSS for PointedEars' LCARS, version 2.1, stardate 201012.30</title>
4
 */
5
 
6
/* basic fonts */
7
 
8
@font-face {
9
  font-family: "LCARS";
10
  font-style: normal;
11
  font-weight: normal;
12
  src: local("LCARS"), url(LCARS.ttf);
13
}
14
 
15
/* EOT font created with WEFT on 2002-03-23 */
16
@font-face {
17
  font-family: "Downloadable Haettenschweiler";
18
  font-style: normal;
19
  font-weight: normal;
20
  src: url(HAETTEN0.eot), url(HAETTENS.ttf);
21
}
22
 
23
/*
24
@font-face {
25
  font-family:Webdings;
26
  font-style:normal;
27
  font-weight:normal;
28
  src:url(WEBDING0.eot);
29
}
30
*/
31
 
32
@font-face {
33
  font-family: "Downloadable Zurich XCn BT";
34
  font-style: normal;
35
  font-weight: normal;
36
  src: url(ZurichXCn.pfr);
37
}
38
 
39
/* basic display */
40
 
41
* {
42
  font-family: "LCARS",
43
    Haettenschweiler, "Downloadable Haettenschweiler",
44
    "Zurich XCn BT", "Downloadable Zurich XCn BT",
45
    impact, Verdana, Geneva, Arial, Helvetica, sans-serif;
46
  font-weight: normal;
47
}
48
 
49
body {
50
  position: absolute;
51
  left: 204px;
52
  top: 216px;
53
  right: 0px;
54
  bottom: 0;
55
 
56
  /* IE 5.5+ scrollbar colors */
57
/* from Mozilla LCARS Theme (2D style) */
58
  scrollbar-3dlight-color:#000;
59
  scrollbar-arrow-color:#000;
60
  scrollbar-base-color:#000;
61
  scrollbar-darkshadow-color:#000;
62
  scrollbar-face-color:#99f;
63
  scrollbar-highlight-color:#99f;
64
  scrollbar-track-color:#000;
65
  scrollbar-shadow-color:#99f;
66
 
67
  background-color: #000;
68
  color: #99f;
69
  font-size: 131%; /* 134% */
70
}
71
 
72
h1, h2 {
73
  margin-top: 0;
74
  font-size: 120%;
75
  font-weight: normal;
76
}
77
 
78
#LCARS {
79
  position: relative;
80
}
81
 
82
.button {
83
  display: block;
84
  width: 100px;
85
  min-height: 40px;
86
  background-color: #c9c;
87
  color: #000;
88
  text-decoration: none;
89
}
90
 
91
.elbo {
92
  position: relative;
93
  width: 100px;
94
  height: 62px;
95
  text-align: right;
96
}
97
 
98
.elbo .terminator {
99
  position: absolute;
100
  width: 100px;
101
  height: 18px;
102
}
103
 
104
.elbo .terminator.left {
105
  left: 0;
106
  border-right: 4px solid #000;
107
}
108
 
109
.elbo .terminator.right {
110
  right: 0;
111
  border-left: 4px solid #000;
112
}
113
 
114
.elbo span {
115
  position: relative;
116
  right: 4px;
117
}
118
 
119
.elbo-button {
120
  float: left;
121
  clear: left;
122
  position: relative;
123
  height: 40px;
124
  margin-right: 4px;
125
  margin-bottom: 0;
126
  border-bottom: 4px solid black;
127
}
128
 
129
#upper {
130
  position: fixed;
131
  z-index: 3;
132
  left: 4px;
133
  top: 0;
134
  right: 4px;
135
  padding-top: 4px;
136
  background-color: #000;
137
  color: #fff;
138
}
139
 
140
#upper .elbo-button {
141
  height: 84px;
142
}
143
 
144
#upper .elbo-button span {
145
  position: absolute;
146
  right: 4px;
147
  bottom: 4px;
148
}
149
 
150
#caption-container {
151
  /*position: relative; */
152
  position: absolute;
153
  /*float: right; */
154
 
155
  /* Corresponds with negative margin for elbo-button */
156
  /* margin-left: 104px; */
157
 
158
  margin-top: 0;
159
  left: 204px;
160
  right: 0;
161
  height: 100px;
162
  text-align: right;
163
  font-weight: normal;
164
  font-size: 40px;
165
  text-transform: uppercase;
166
  z-index: 3;
167
  overflow: auto;
168
}
169
 
170
#caption {
171
  position: relative;
172
  margin-top: 0;
173
  text-align: right;
174
}
175
 
176
#upper-elbo {
177
  position: relative;
178
  clear: left;
179
  margin-bottom: 4px;
180
}
181
 
182
#upper-elbo .elbo {
183
  height: 62px;
184
  background-color: #9cf;
185
  color: #000;
186
}
187
 
188
.red-alert .elbo-button,
189
.red-alert #upper-elbo .elbo,
190
.red-alert #lower-elbo .elbo,
191
.red-alert #lower .elbo-button
192
{
193
  background-color: #f00;
194
}
195
 
196
.database #upper-elbo .elbo,
197
.database #lower-elbo .elbo
198
{
199
  background-color: #f1df6f;
200
  color: #000;
201
}
202
 
203
#upper-elbo .elbo.left {
204
  border-radius: 0 0 0 32px;
205
  -moz-border-radius: 0 0 0 32px;
206
  -webkit-border-radius: 0 0 0 32px;
207
}
208
 
209
#upper-elbo .elbo.left span {
210
  top: 4px;
211
}
212
 
213
#upper-elbo .elbo.right {
214
  position: absolute;
215
  left: 100px;
216
  top: 0;
217
  width: auto;
218
  right: 0;
219
}
220
 
221
#upper-elbo .elbo.right .black {
222
  position: absolute;
223
  left: 0;
224
  top: 0;
225
  width: 100%;
226
  height: 44px;
227
  background-color: #000;
228
  border-radius: 0 0 0 16px;
229
  -moz-border-radius: 0 0 0 16px;
230
  -webkit-border-radius: 0 0 0 16px;
231
}
232
 
233
#upper-elbo .elbo.right .terminator {
234
  top: 44px;
235
}
236
 
237
#lower {
238
  position: fixed;
239
  left: 4px;
240
  top: 158px;
241
  right: 4px;
242
  bottom: 4px;
243
}
244
 
245
#lower-elbo {
246
  position: relative;
247
  z-index: 3;
248
  margin-bottom: 4px;
249
}
250
 
251
#lower-elbo .elbo {
252
  background-color: #c66;
253
  color: #000;
254
}
255
 
256
#lower-elbo .elbo.left {
257
  border-radius: 32px 0 0 0;
258
  -moz-border-radius: 32px 0 0 0;
259
  -webkit-border-radius: 32px 0 0 0;
260
}
261
 
262
#lower-elbo .elbo.left span {
263
  position: absolute;
264
  bottom: 4px;
265
}
266
 
267
#lower-elbo h2.elbo.left  {
268
  margin-bottom: 0;
269
}
270
 
271
#lower-elbo h2.elbo.left span {
272
  bottom: 0;
273
}
274
 
275
#lower-elbo .elbo.right {
276
  position: absolute;
277
  left: 100px;
278
  top: 0;
279
  width: auto;
280
  right: 0;
281
}
282
 
283
#lower-elbo .elbo.right .black {
284
  position: absolute;
285
  left: 0px;
286
  top: 18px;
287
  width: 100%;
288
  height: 45px;
289
  background-color: #000;
290
  border-radius: 16px 0 0 0;
291
  -moz-border-radius: 16px 0 0 0;
292
  -webkit-border-radius: 16px 0 0 0;
293
}
294
 
295
#lower-elbo .elbo.right .terminator {
296
  top: 0;
297
  background-color: #f90;
298
}
299
 
300
#lower-elbo .elbo.right .terminator.left {
301
  background-color: transparent;
302
}
303
 
304
#menu {
305
  /*
306
  float: left;
307
  margin-right: -104px;
308
  */
309
  position: absolute;
310
  top: 66px;
311
  width: 119px;
312
  bottom: 0;
313
  overflow-y: auto;
314
}
315
 
316
ul.elbo {
317
  clear: left;
318
  margin: 0;
319
  height: auto;
320
  padding: 0;
321
  list-style-type: none;
322
}
323
 
324
ul.elbo li {
325
  clear: left;
326
  margin: 0;
327
}
328
 
329
ul.elbo li.half {
330
  display: block;
331
  float: left;
332
  text-align: center;
333
}
334
 
335
ul.elbo li.half .elbo-button {
336
  margin-right: 0;
337
  width: 48px;
338
}
339
 
340
ul.elbo li.half .elbo-button span {
341
  right: auto;
342
}
343
 
344
ul.elbo li.half.left {
345
  border-right: 2px solid black;
346
}
347
 
348
ul.elbo li.half.right {
349
  clear: right;
350
  border-left: 2px solid black;
351
}
352
 
353
#lower .elbo-button {
354
  height: auto;
355
  min-height: 40px;
356
  background-color: #c66;
357
}
358
 
359
#lower .elbo-button span {
360
  bottom: 0;
361
  line-height: 40px;
362
}
363
 
364
#lower h2.elbo-button {
365
  /* min-height: 31px; */
366
}
367
 
368
#lower h2.elbo-button span {
369
  position: absolute;
370
  right: 4px;
371
  bottom: 0;
372
  line-height: normal;
373
}
374
 
375
#lower .elbo-button.button2 {
376
  min-height: 1em;
377
  background-color: #c9c;
378
}
379
 
380
#lower .elbo-button.button2:focus,
381
#lower .elbo-button.button2:hover
382
{
383
  background-color: #f90;
384
}
385
 
386
#lower .elbo-button.button2:active {
387
  background-color: #fff;
388
}
389
 
390
#lower .elbo-button.button2 span {
391
  line-height: 1;
392
}
393
 
394
#lower .elbo-button.button2 span abbr {
395
  border-bottom: none;
396
}
397
 
398
#glue {
399
  position: absolute;
400
  left: 0px;
401
  top: 66px;
402
  bottom: 0;
403
  border-bottom: none;
404
}
405
 
406
p {
407
  margin-top: 0;
408
  margin-bottom: 1em;
409
  text-align: justify;
410
}
411
 
412
p:last-child {
413
  margin-bottom: 0;
414
}
415
 
416
/*
417
p:focus,
418
p:active
419
{
420
  color: #fff;
421
}
422
*/
423
 
424
#content {
425
  position: relative;
426
}
427
 
428
#heading1 {
429
  position: fixed;
430
  right: 8px;
431
  top: 179px;
432
  height: 40px;
433
  left: 208px;
434
  z-index: 3;
435
}
436
 
437
#heading1 h1 {
438
  position: absolute;
439
  margin-bottom: 0;
440
  right: 0;
441
  bottom: 0;
442
  background-color: black;
443
  color: white;
444
}
445
 
446
#content a {
447
  text-decoration: none;
448
}
449
 
450
#content a:link:hover,
451
#content a:link:focus
452
{
453
  background-color:#000;
454
  color: #f90;
455
}
456
 
457
#content a:link:active {
458
  background-color:#000;
459
  color: #fff;
460
}
461
 
462
#content a:link {
463
  background-color:#000;
464
  color:#fc9;
465
}
466
 
467
#content a:visited:hover,
468
#content a:visited:focus
469
{
470
  background-color:#000;
471
  color:#f90;
472
}
473
 
474
#content a:visited:active {
475
  background-color:black;
476
  color:#fff;
477
}
478
 
479
 
480
#content a:visited {
481
  background-color:black;
482
  color:#c9c;
483
}