Subversion Repositories LCARS

Rev

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

Rev Author Line No. Line
26 PointedEar 1
<?php
2
header('Last-Modified: ' . gmdate('D, d M Y H:i:s', @filemtime(__FILE__)) . ' GMT');
3
 
4
/* Cached resource expires in HTTP/1.1 caches 24h after last retrieval */
5
header('Cache-Control: max-age=86400, s-maxage=86400, must-revalidate, proxy-revalidate');
6
 
7
/* Cached resource expires in HTTP/1.0 caches 24h after last retrieval */
8
header('Expires: ' . gmdate('D, d M Y H:i:s', time() + 86400) . ' GMT');
9
 
10
header('Content-Type: text/css; charset=UTF-8');
11
?>
12
@CHARSET "UTF-8";
13
 
14
html, body {
15
  -webkit-font-smoothing: antialiased;
16
}
17
 
18
h1, h2, h3, h4, h5, h6 {
19
  text-rendering: optimizeLegibility;
20
}
21
 
22
body {
23
  font-family: sans-serif;
24
}
25
 
26
:link, :visited {
27
  text-decoration: none;
28
  color: inherit;
29
}
30
 
31
.hidden {
32
  display: none;
33
}
34
 
35
h1 {
36
  margin: 0;
37
  text-align: center;
38
}
39
 
40
[title] {
41
  cursor: help;
42
/*  border-bottom: 1px dotted black; */
43
}
44
 
45
table {
46
  width: 100%;
47
  border-collapse: collapse;
48
}
49
 
50
th {
51
  width: 20%;
52
  padding: 0.25em 0.5em 0.25em 0;
53
  text-align: right;
54
}
55
 
56
td:first-child {
57
  width: 1em;
58
  border: none;
59
}
60
 
61
th.recommended {
62
  border-left: 2px solid green;
63
  border-top: 2px solid green;
64
  border-bottom: 2px solid green;
65
}
66
 
67
td:last-child {
68
  padding-right: 0.25em;
69
}
70
 
71
td.recommended {
72
  border-top: 2px solid green;
73
  border-right: 2px solid green;
74
  border-bottom: 2px solid green;
75
}
76
 
77
@font-face {
78
  font-family: "Futura Condensed";
79
  src: local("Futura Condensed"), url(/styles/fonts/futura_condensed.TTF);
80
}
81
 
82
@font-face {
83
  font-family: "X-Files";
84
  src: local("X-Files"), url(/styles/fonts/x-files.ttf);
85
}
86
 
87
<?php
88
  $xfiles_pos = '65% 60%';
89
  $xfiles_angle = '12deg';
90
  $xfiles_gray = '236, 244, 235';
91
?>
92
 
93
.akte-x {
94
  padding: 1em 0.25em 0.6em 0.25em;
95
  background-image:
96
    linear-gradient(<?php echo $xfiles_angle; ?>,
97
      rgba(<?php echo $xfiles_gray; ?>, 0) 33%, rgba(<?php echo $xfiles_gray; ?>, 0.9) 68%,
98
      rgba(<?php echo $xfiles_gray; ?>, 0.9) 70%, rgba(<?php echo $xfiles_gray; ?>, 0) 90%);
99
  background-image:
100
    -moz-radial-gradient(<?php echo $xfiles_pos; ?>,
101
      rgba(<?php echo $xfiles_gray; ?>, 0.5) 50%, rgba(<?php echo $xfiles_gray; ?>, 0.1)),
102
    -moz-linear-gradient(<?php echo $xfiles_angle; ?>,
103
      rgba(<?php echo $xfiles_gray; ?>, 0) 33%, rgba(<?php echo $xfiles_gray; ?>, 0.9) 68%,
104
      rgba(<?php echo $xfiles_gray; ?>, 0.9) 70%, rgba(<?php echo $xfiles_gray; ?>, 0) 90%);
105
  background-image:
106
    -o-linear-gradient(<?php echo $xfiles_angle; ?>,
107
      rgba(<?php echo $xfiles_gray; ?>, 0) 33%, rgba(<?php echo $xfiles_gray; ?>, 0.9) 68%,
108
      rgba(<?php echo $xfiles_gray; ?>, 0.9) 70%, rgba(<?php echo $xfiles_gray; ?>, 0) 90%);
109
  background-image:
110
    -webkit-radial-gradient(<?php echo $xfiles_pos; ?>, 25% 75%,
111
      rgba(<?php echo $xfiles_gray; ?>, 0.5) 50%, rgba(<?php echo $xfiles_gray; ?>, 0.1)),
112
    -webkit-linear-gradient(<?php echo $xfiles_angle; ?>,
113
      rgba(<?php echo $xfiles_gray; ?>, 0) 33%, rgba(<?php echo $xfiles_gray; ?>, 0.9) 68%,
114
      rgba(<?php echo $xfiles_gray; ?>, 0.9) 70%, rgba(<?php echo $xfiles_gray; ?>, 0) 90%);
115
  background-color: #000;
116
  color: #dcdfdc;
117
  line-height: 2em;
118
  vertical-align: middle;  
119
}
120
 
121
.akte-x .small {
122
  padding-left: 1em;
123
  background-image: linear-gradient(bottom left, black, transparent);
124
  background-image: -moz-linear-gradient(bottom left, black, transparent);
125
  background-image: -o-linear-gradient(bottom left, black, transparent);
126
  background-image: -webkit-linear-gradient(bottom left, black, transparent);
127
  vertical-align: middle;
128
  font-family: "Futura Condensed", sans-serif;
129
  font-size: 50%;
130
  text-transform: uppercase;
131
  letter-spacing: 1em;
132
}
133
 
134
.akte-x .before-x {
135
  letter-spacing: normal;
136
}
137
 
138
.akte-x .x {
139
  font-family: "X-Files", sans-serif;
140
  font-size: 600%;
141
  font-weight: lighter;
142
  vertical-align: middle;
143
  vertical-align: -webkit-baseline-middle;
144
  color: black;
145
  -webkit-mask-image: -webkit-linear-gradient(-12deg,
146
    rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 1));
147
}
148
 
149
.alf {
150
  font-family: "URW Bookman L", serif;
151
  font-weight: bold;
152
  font-size: 120%;
153
 
154
}
155
 
156
@font-face {
157
  font-family: "Highguard";
158
  src: local("Highguard"), url(/styles/fonts/Highguard.ttf);
159
}
160
 
161
.andromeda {
162
  position: relative;
163
  font-family: "Highguard", sans-serif;
164
  font-size: 204%;
165
  color: rgba(245, 153, 79, 1);
166
  text-shadow:
167
    /* blurred shadow */
168
    -1px 0 2px black, 0 -1px 2px black, 1px 0 2px black, 0 1px 2px black,
169
 
170
    /* outline */
171
    -1px 0 black, 0 -1px black, 1px 0 black, 0 1px black;
172
}
173
 
174
.andromeda .gradient {
175
  -webkit-mask-image: -webkit-linear-gradient(top,
176
    rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 1));
177
}
178
 
179
.andromeda .roddenberry {
180
  position: absolute;
181
  right: 3.5em;
182
  top: 1.7em;
183
  font-family: sans-serif;
184
  font-size: 21%;
185
  text-transform: uppercase;
186
  color: black;
187
  text-shadow: none;
188
  letter-spacing: 0;
189
}
190
 
191
.big-bang-theory {
192
  font-family: Impact, sans-serif;
193
  font-size: 122%;
194
  text-transform: uppercase;
195
}
196
 
197
.big-bang-theory .lower {
198
  font-size: 0.75em;
199
  text-transform: lowercase;
200
}
201
 
202
.big-bang-theory .i {
203
  text-transform: none;
204
  font-size: 111%;
205
  font-weight: normal;
206
}
207
 
208
.big-bang-theory .bang {
209
  color: #CE152C;
210
}
211
 
212
@font-face {
213
  font-family: "Battlestar";
214
  src: local("Battlestar"), url(/styles/fonts/BATTLEST.TTF);
215
}
216
 
217
.bsg {
218
  font-family: "Battlestar", sans-serif;
219
  font-size: 84%;
220
}
221
 
222
@font-face {
223
  font-family: "Buffied";
224
  src: local("Buffied"), url(/styles/fonts/Buffied.ttf);
225
}
226
 
227
@font-face {
228
  font-family: "Slayer";
229
  src: url(/styles/fonts/slayer11.eot?);
230
  src: local("Slayer"),
231
    url(/styles/fonts/slayer11.eot?) format(eot),
232
    url(/styles/fonts/slayer11.woff) format(woff),
233
    url(/styles/fonts/slayer11.ttf) format(truetype),
234
    url(/styles/fonts/slayer11.svg#Slayer) format(svg);
235
  font-weight: normal;
236
  font-style: normal;
237
}
238
 
239
@font-face {
240
  font-family: "Kruella";
241
  src: local("Kruella"), url(/styles/fonts/kruella.ttf);
242
}
243
 
244
.buffy {
245
  display: inline-block;
246
  padding: 0.75em 0.5em 0.5em 0.5em;
247
  background-color: #000700;
248
  background-image: -moz-radial-gradient(circle, #6d7a9c 35%, transparent 45%);
249
  background-image: -webkit-radial-gradient(circle, #6d7a9c 35%, transparent 45%);
250
  color: #feffff;
251
  line-height: 1em;
252
  text-align: center;
253
  text-shadow: 1px 1px 1px black;
254
}
255
 
256
.buffy .title {
257
  font-family: "Buffied", fantasy;
258
  font-size: 200%;  
259
}
260
 
261
.buffy .subtitle {
262
  display: block;
263
  font-family: "Slayer", sans-serif;
264
  font-size: 50%;
265
  font-variant: small-caps;
266
}
267
 
268
@font-face {
269
  font-family: "Arno Pro Caption";
270
  src: local("Arno Pro Caption"), url(/styles/fonts/arnopro-caption.otf);
271
}
272
 
273
.castle {
274
  font-family: "Arno Pro Caption", serif;
275
  font-size: 120%;
276
  text-transform: uppercase;
277
}
278
 
279
@font-face {
280
  font-family: "KopyKattKut Bold";
281
  src: local("KopyKattKut Bold"), url(/styles/fonts/KopyKattKut-Bold.otf);
282
}
283
 
284
.charmed {
285
  font-family: "KopyKattKut Bold", serif;
286
  font-size: 115%;
287
  /*letter-spacing: -0.125em;*/
288
  text-transform: uppercase;
289
}
290
 
291
.charmed .c {
292
  /* font-size: 150%; */
293
}
294
 
295
.charmed span {  
296
  /* vertical-align: middle; */
297
}
298
 
299
@font-face {
300
  font-family: "Coolvetica";
301
  src: local("Coolvetica"), url(/styles/fonts/coolvetica.ttf);
302
}
303
 
304
.columbo {
305
  padding: 0 0.25em;
306
  background-color: #273d50;
307
  color: #fde06c;
308
  font-family: "Coolvetica", sans-serif;
309
  font-size: 130%;
310
  letter-spacing: 0.0625em;
311
  text-transform: uppercase;
312
  text-shadow: 2px 2px 1px black;
313
}
314
 
315
@font-face {
316
  font-family: "ITC Serif Gothic LT Bold";
317
  src: url(/styles/fonts/itc_serif_gothic--lte50299.ttf);
318
}
319
 
320
@font-face {
321
  font-family: "ITC Serif Gothic LT Heavy";
322
  src: url(/styles/fonts/itc_serif_gothic--lte50301.ttf);
323
}
324
 
325
.countdown-x {
326
  display: inline-block;
327
  font-family: "ITC Serif Gothic LT Heavy", sans-serif;
328
  line-height: 0.9em;
329
  text-align: center;
330
  text-shadow: 1px 1px #999;
331
}
332
 
333
.countdown-x .title:before {
334
  content: "\2013\00A0";
335
}
336
 
337
.countdown-x .subtitle {
338
  display: block;
339
  font-family: "ITC Serif Gothic LT Bold", sans-serif;
340
}
341
 
342
.dead-zone {
343
  font-family: serif;
344
  text-transform: uppercase;
345
}
346
 
347
@font-face {
348
  font-family: "Doctor Who";
349
  src: local("Matt Smith Doctor Who"), url(/styles/fonts/matt_smith_doctor_who.ttf);
350
}
351
 
352
.doctor-who {
353
  position: relative;
354
  color: #386688;
355
  font-family: "Doctor Who", serif;
356
  font-size: 250%;
357
  text-transform: uppercase;
358
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
359
}
360
 
361
.doctor-who .gradient {
362
  position: absolute;
363
  left: 0;
364
  top: 0;
365
  -webkit-mask-image:
366
    -webkit-radial-gradient(0.15em 0.125em, 15% 50%, rgba(0, 0, 0, 0.4) 10%, rgba(0, 0, 0, 1));
367
  z-index: 2;
368
}
369
 
370
.doctor-who .gradient2 {
371
  -webkit-mask-image:
372
    -webkit-radial-gradient(1.2em 0.125em, 15% 50%, rgba(0, 0, 0, 0.2) 15%, rgba(0, 0, 0, 1));
373
}
374
 
375
.doctor-who .gradient3 {
376
  -webkit-mask-image:
377
    -webkit-radial-gradient(2.4em 0.25em, 15% 50%, rgba(0, 0, 0, 0.2) 15%, rgba(0, 0, 0, 1));
378
}
379
 
380
.doctor-who:after {
381
  content: "Doctor Who";
382
  color: #f7f9fb;
383
}
384
 
385
@font-face {
386
  font-family: "a_Futura Orto";
387
  src: local("Futura Orto"), url(/styles/fonts/a_futuraorto.ttf);
388
}
389
 
390
@font-face {
391
  font-family: "a_Futura Orto Bold";
392
  src: local("Futura Orto Bold"), url(/styles/fonts/a_futuraorto_bold.ttf);
393
}
394
 
395
.efc {
396
  position: relative;
397
  display: inline-block;
398
  background-color: #000;
399
  background-image:
400
    /* Terra */
401
    -moz-radial-gradient(28.6541% -128%, circle, black 67%, #1C1F1C 71%, #394138 72.5%, transparent 73%),
402
 
403
    /* Sol */
404
    -moz-radial-gradient(56.729378% 52.895753%, circle, #fafdfa 7.366136%, #f9c699 9%, transparent 33%);
405
  background-image:
406
    /* Terra */
407
    -webkit-radial-gradient(28.654124% -155%, circle, black 67%, #1c1f1c 71%, #394138 72.5%, transparent 73%),
408
 
409
    /* Sol */
410
    -webkit-radial-gradient(55.137482% 42.084942%, circle, #fafdfa 7.366136%, #f9c699 9%, transparent 33%);
411
  color: #eeeeec;
412
  font-family: "a_Futura Orto Bold", sans-serif;
413
  line-height: 1em;
414
  text-align: center;
415
  text-transform: uppercase;
416
}
417
 
418
.efc .glare {
419
  position: absolute;
420
  left: 0;
421
  right: 0;
422
  top: 0;
423
  bottom: 0;
424
  background-image: -webkit-radial-gradient(56% 43%, 50% 8%, #fafdfa 14%, rgb(249, 198, 153) 15%, rgba(249, 198, 153, 0) 30%);
425
  -webkit-transform: rotate(-11.5deg);
426
}
427
 
428
.efc:after {
429
  position: absolute;
430
  left: 0;
431
  right: 0;
432
  top: 0;
433
  bottom: 0;
434
  content: "";
435
  background-image:
436
    -moz-radial-gradient(55.137482% 42.084942%,
437
      rgba(255, 255, 255, 0.2) 18%,
438
      rgba(255, 255, 255, 0.04));
439
  background-image:
440
    -webkit-radial-gradient(55.137482% 42.084942%, rgba(255, 255, 255, 0.2) 18%, rgba(255, 255, 255, 0.04));
441
}
442
 
443
.efc .gr {
444
  display: block;
445
  margin-top: 1em;  
446
  margin-bottom: 2.5em;
447
  font-family: "a_Futura Orto", sans-serif;
448
  font-size: 50%;
449
}
450
 
451
.efc .earth {
452
  position: relative;
453
  display: block;
454
  padding: 0 0 0 0.35em;
455
  font-size: x-large;
456
  letter-spacing: 0.35em;
457
  color: #efd065;
458
  line-height: 1em;
459
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.75);
460
}
461
 
462
.earth .gradient {
463
  position: absolute;
464
  padding: 0 0 0 0.35em;
465
  left: 0;
466
  top: 0;
467
  -webkit-mask-image: -webkit-linear-gradient(
468
    rgba(255, 255, 255, 1), rgba(243, 205, 98, 0.5) 50%, rgba(0, 0, 0, 0));
469
  z-index: 2;
470
}
471
 
472
.efc .earth:after {
473
  content: "Earth";
474
  color: #9b411a;
475
}
476
 
477
@font-face {
478
  font-family: "Troglodyte";
479
  src: local("Troglodyte"), url(/styles/fonts/TROGLO__.ttf);
480
}
481
 
482
.efc .fc {
483
  position: relative;
484
  top: -0.5em;
485
  display: block;
486
  color: #ac493d;
487
  font-family: "Troglodyte", sans-serif;
488
  font-size: 71%;
489
  line-height: normal;
490
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
491
}
492
 
493
@font-face {
494
  font-family: "Interstate";
495
  src: local("Interstate"), url(/styles/fonts/interstate_ultra-black_condensed.ttf);
496
}
497
 
498
.eureka {
499
  position: relative;
500
  padding: 0.25em 0.5em 0.125em 0.5em;
501
  font-family: "Interstate", sans-serif;
502
  font-size: 130%;
503
  background-color: #8de5f9;
504
  background-image: -moz-radial-gradient(bottom, ellipse,
505
    #f4fff7 20%, #8de5f9, #285e8d);
506
  background-image: -webkit-radial-gradient(bottom, 100% 125%,
507
    #f4fff7 20%, #8de5f9, #285e8d);
508
  color: rgb(251, 254, 247);
509
  color: rgba(255, 255, 255, 0.9);
510
  text-shadow: 0 -1px rgb(77, 148, 168), 1px 0 1px rgb(168, 217, 231),
511
    1px -1px rgb(77, 148, 168);
512
  text-shadow: 0 -1px rgba(77, 148, 168, 0.9), 1px 0 1px rgba(168, 217, 231, 0.9),
513
    1px -1px rgba(77, 148, 168, 0.9);
514
}
515
 
516
.eureka .gradient {
517
  display: inline-block;
518
  -webkit-transform: matrix(1, 0, 0, 0.9, 0, 0);
519
/*
520
  position: absolute;
521
  padding: 0.25em 0.5em 0.125em 0.5em;
522
  left: 0;
523
  top: 0;
524
  -webkit-mask-image: -webkit-linear-gradient(
525
    rgba(0, 0, 0, 1) 30%, transparent 55%, rgba(0, 0, 0, 1) 80%);
526
  z-index: 2;
527
*/
528
}
529
/*
530
.eureka:after {
531
  content: "EUReKA";
532
  color: red;
533
}
534
*/
535
 
536
.eureka .eur {
537
  text-transform: uppercase;
538
}
539
 
540
.eureka .e {
541
  display: inline-block;
542
  position: relative;
543
  bottom: 0.25em;
544
  text-shadow: 0 1px 1px rgb(168, 217, 231), 0 1px rgb(77, 148, 168);
545
  text-shadow: 0 1px 1px rgba(168, 217, 231, 0.9), 0 1px rgba(77, 148, 168, 0.9);
546
  <?php
547
    $matrix = 'matrix(1, 0, 0, 0.9, 0, 0)';
548
    $transforms3d = 'perspective(50px) rotateX(45deg)';
549
  ?>
550
  -moz-transform: <?php echo $matrix; ?>;
551
  -moz-transform: <?php echo $transforms3d; ?>;
552
  -o-transform: <?php echo $matrix; ?>;
553
  -ms-transform: <?php echo $matrix; ?>;
554
  -webkit-transform: <?php echo $transforms3d; ?>;
555
  transform: <?php echo $transforms3d; ?>;
556
}
557
 
558
.eureka .ka {
559
  text-shadow: -1px 0 1px rgb(168, 217, 231), -1px -1px rgb(77, 148, 168),
560
 
561
  text-shadow: -1px 0 1px rgba(168, 217, 231, 0.9), -1px -1px rgba(77, 148, 168, 0.9),
562
 
563
  text-transform: uppercase;
564
}
565
 
566
@font-face {
567
  font-family: "Middleton";
568
  src: url(/styles/fonts/middleto.ttf);
569
}
570
 
571
.frasier {
572
  font-family: "Middleton", sans-serif;
573
  font-size: 120%;
574
  text-transform: uppercase;
575
}
576
 
577
.frasier span {
578
  font-size: 75%;
579
}
580
 
581
@font-face {
582
  font-family: "Century Gothic";
583
  src: local("Century Gothic"), url(/styles/fonts/Century_Gothic.TTF);
584
}
585
 
586
<?php
587
  $fringe_color = '#101811';
588
  $fringe_shadow = '#5b6e65';
589
?>
590
 
591
.fringe {
592
  display: inline-block;
593
  padding: 0.125em 0.5em 0.125em 0.5em;
594
  background-color: #000;
595
  background-image: -moz-radial-gradient(center, #D6DBD3 4%, #7d9b9d 60%, black);
596
  background-image: -webkit-radial-gradient(center, 67% 67%, #D6DBD3 4%, #7d9b9d 60%, black);
597
  color: <?php echo $fringe_color; ?>;
598
  font-family: "Century Gothic", sans-serif;
599
  font-weight: bolder;
600
  font-size: 140%;
601
  text-transform: uppercase;
602
}
603
 
604
.fringe .gradient {
605
  display: inline-block;
606
  /*
607
  -webkit-mask-image: -webkit-radial-gradient(center, 150% 150%,
608
    rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.125));
609
  */
610
  <?php $transforms3d = 'perspective(50px) rotateX(4.43deg)'; ?>
611
  -moz-transform: <?php echo $transforms3d; ?>;
612
  -webkit-transform: <?php echo $transforms3d; ?>;
613
  transform: <?php echo $transforms3d; ?>;
614
}
615
 
616
.fringe .f {
617
  display: inline-block;
618
 
619
  /*-webkit-transform: matrix(1, 0, -0.06, 1, 0, 0);*/
620
  text-shadow:
621
     0.5px   0.25px <?php echo $fringe_shadow; ?>,
622
     0.75px  0.5px  <?php echo $fringe_shadow; ?>,
623
     1.25px  0.75px <?php echo $fringe_shadow; ?>,
624
     1.5px   1.25px <?php echo $fringe_shadow; ?>,
625
     1.75px  1.5px  <?php echo $fringe_shadow; ?>,
626
     2px     1.75px <?php echo $fringe_shadow; ?>,
627
     2.25px     2px <?php echo $fringe_shadow; ?>;
628
 
629
  /* text-shadow: 1px 0.75px 2px #5b6e65, 1px 1.75px 0px #758278; */
630
  /* shadow-pos: y = -0.83909963 * x */
631
/*
632
  text-shadow: 0.5px 0.25px #111910, 0.75px 0.5px #111910,
633
    1.25px 0.75px #111910, 1.5px 1.25px #111910, 1.75px 1.5px #111910,
634
    1.75px 1.5px #111910, 2.25px 1.75px #111910;
635
 */    
636
}
637
 
638
 
639
.fringe .r {
640
  display: inline-block;
641
  /*-webkit-transform: matrix(1, 0, -0.04, 1, 0, 0);*/
642
  /*
643
  text-shadow:
644
     0.25px   0.25px <?php echo $fringe_shadow; ?>,
645
     0.5px  0.5px  <?php echo $fringe_shadow; ?>,
646
     1px  0.75px <?php echo $fringe_shadow; ?>,
647
     1.25px   1.25px <?php echo $fringe_shadow; ?>,
648
     1.5px  1.5px  <?php echo $fringe_shadow; ?>,
649
     1.75px     1.75px <?php echo $fringe_shadow; ?>,
650
     2px     2px <?php echo $fringe_shadow; ?>;
651
  */
652
  /* Same shadow as .f */
653
  text-shadow:
654
     0.5px   0.25px <?php echo $fringe_shadow; ?>,
655
     0.75px  0.5px  <?php echo $fringe_shadow; ?>,
656
     1.25px  0.75px <?php echo $fringe_shadow; ?>,
657
     1.5px   1.25px <?php echo $fringe_shadow; ?>,
658
     1.75px  1.5px  <?php echo $fringe_shadow; ?>,
659
     2px     1.75px <?php echo $fringe_shadow; ?>,
660
     2.25px     2px <?php echo $fringe_shadow; ?>;
661
}
662
 
663
.fringe .i {
664
  display: inline-block;
665
  /* -webkit-transform: matrix(1, 0, -0.02, 1, 0, 0); */
666
  /*
667
  text-shadow:
668
 
669
     0.5px  0.5px  <?php echo $fringe_shadow; ?>,
670
     0.75px  0.75px <?php echo $fringe_shadow; ?>,
671
     1px   1.25px <?php echo $fringe_shadow; ?>,
672
     1.25px  1.5px  <?php echo $fringe_shadow; ?>,
673
     1.5px     1.75px <?php echo $fringe_shadow; ?>,
674
     1.75px     2px <?php echo $fringe_shadow; ?>;
675
   */
676
  /* Same shadow as .f */
677
  text-shadow:
678
     0.5px   0.25px <?php echo $fringe_shadow; ?>,
679
     0.75px  0.5px  <?php echo $fringe_shadow; ?>,
680
     1.25px  0.75px <?php echo $fringe_shadow; ?>,
681
     1.5px   1.25px <?php echo $fringe_shadow; ?>,
682
     1.75px  1.5px  <?php echo $fringe_shadow; ?>,
683
     2px     1.75px <?php echo $fringe_shadow; ?>,
684
     2.25px     2px <?php echo $fringe_shadow; ?>;
685
}
686
 
687
.fringe .n {
688
  display: inline-block;
689
  /*- webkit-transform: matrix(1, 0, -0.01, 1, 0, 0); */
690
  text-shadow:
691
 
692
 
693
 
694
 
695
 
696
 
697
 
698
}
699
 
700
.fringe .g {
701
  display: inline-block;
702
  /* -webkit-transform: matrix(1, 0, 0.01, 1, 0, 0); */
703
  /* text-shadow:
704
 
705
     -0.5px  0.5px  <?php echo $fringe_shadow; ?>,
706
     -0.75px  0.75px <?php echo $fringe_shadow; ?>,
707
     -1px   1.25px <?php echo $fringe_shadow; ?>,
708
     -1.25px  1.5px  <?php echo $fringe_shadow; ?>,
709
     -1.5px     1.75px <?php echo $fringe_shadow; ?>,
710
     -1.75px     2px <?php echo $fringe_shadow; ?>; */
711
  /* Same shadow as .e */
712
  text-shadow:
713
    -0.25px   0.25px <?php echo $fringe_shadow; ?>,
714
    -0.5px  0.5px  <?php echo $fringe_shadow; ?>,
715
    -1px  0.75px <?php echo $fringe_shadow; ?>,
716
    -1.25px   1.25px <?php echo $fringe_shadow; ?>,
717
    -1.5px  1.5px  <?php echo $fringe_shadow; ?>,
718
    -1.75px     1.75px <?php echo $fringe_shadow; ?>;
719
    -2px     2px <?php echo $fringe_shadow; ?>;
720
}
721
 
722
.fringe .e {
723
  display: inline-block;
724
  /* -webkit-transform: matrix(1, 0, 0.02, 1, 0, 0); */
725
  text-shadow:
726
    -0.25px   0.25px <?php echo $fringe_shadow; ?>,
727
    -0.5px  0.5px  <?php echo $fringe_shadow; ?>,
728
    -1px  0.75px <?php echo $fringe_shadow; ?>,
729
    -1.25px   1.25px <?php echo $fringe_shadow; ?>,
730
    -1.5px  1.5px  <?php echo $fringe_shadow; ?>,
731
    -1.75px     1.75px <?php echo $fringe_shadow; ?>;
732
    -2px     2px <?php echo $fringe_shadow; ?>;
733
}
734
 
735
@font-face {
736
  font-family: "Futurama Title";
737
  src: local("Futurama Title"), url(/styles/fonts/futurama-title.ttf);
738
}
739
 
740
.futurama {
741
  display: block;
742
  padding-top: 0.5em;
743
  font-family: "Futurama Title", serif;
744
  text-transform: uppercase;
745
  line-height: 1em;
746
  -webkit-transform: translateX(-0.67em);
747
}
748
 
749
.futurama span {
750
  display: inline-block;
751
   line-height: 1em;
752
}
753
 
754
.futurama .f {
755
  -webkit-transform: rotate(-36deg) translateY(0.125em);
756
}
757
 
758
.futurama .u {
759
  -webkit-transform: rotate(-25.7deg) translateX(0.25em) translateY(-0.25em);
760
}
761
 
762
.futurama .t {
763
  -webkit-transform: rotate(-15.4deg) translateX(0.33em) translateY(-0.625em);
764
}
765
 
766
.futurama .u2 {
767
  -webkit-transform: rotate(-5.1deg) translateX(0.4em) translateY(-0.825em);
768
}
769
 
770
.futurama .r {
771
  -webkit-transform: rotate(5.1deg) translateX(0.45em) translateY(-0.95em);
772
}
773
 
774
.futurama .a {
775
  -webkit-transform: rotate(15.4deg) translateX(0.5em) translateY(-0.9em);
776
}
777
 
778
.futurama .m {
779
  -webkit-transform: rotate(25.7deg) translateX(0.55em) translateY(-0.7em);
780
}
781
 
782
.futurama .a2 {
783
  -webkit-transform: rotate(36deg) translateX(0.67em) translateY(-0.4em);
784
}
785
 
786
@font-face {
787
  font-family: "ITC Avant Garde Gothic Medium";
788
  src: local("ITC Avant Garde Gothic Medium"), local("ITC Avant Garde Gothic"),
789
    url(/styles/fonts/itc_avant_garde_gothic--lte52011.ttf);
790
}
791
 
792
.glee {
793
  padding: 0.125em 0.5em;
794
  /* background-image: -moz-radial-gradient(#FFEA8C, #FFD727);
795
  background-image: -webkit-radial-gradient(#FFEA8C, #FFD727);
796
  background-color: #FFD727; */
797
  background-color: #000;
798
  color: #fff;
799
  font-family: "ITC Avant Garde Gothic Medium", sans-serif;
800
  font-size: 120%;
801
  text-transform: lowercase;
802
  letter-spacing: -0.0625em;
803
}
804
 
805
.glee .lee {
806
  letter-spacing: -0.125em;
807
}
808
 
809
@font-face {
810
  font-family: "SKM Avant Garde Two";
811
  src: local("SKM Avant Garde Two"), url(/styles/fonts/SKM%20Avant%20Garde%20Two.ttf);
812
}
813
 
814
.heroes {
815
  position: relative;
816
  padding: 0.25em 0.75em 0.125em 0.75em;
817
  background-color: black;
818
  color: #fff;
819
  font-family: "SKM Avant Garde Two", sans-serif;
820
  text-transform: uppercase;
821
  letter-spacing: 0.5em;
822
}
823
 
824
.heroes .o {
825
  position: relative;
826
  color: #ffffed;
827
  padding: 0.25em 0.125em;
828
}
829
 
830
.heroes .o:after {
831
  position: absolute;
832
  left: -0.25em;
833
  top: 0;
834
  right: 0;
835
  bottom: 0;
836
  background-image:
837
    /* glare */
838
    -webkit-radial-gradient(48% 20%, circle, #ffffff 0%, #ffffff 7%,
839
      rgb(250, 226, 182) 8%, rgba(250, 226, 182, 0) 23%),
840
 
841
    /* moon */
842
    -webkit-radial-gradient(41% 50%, circle, black 35%, transparent 40%),
843
 
844
    /* corona */
845
    -webkit-radial-gradient(41% 50%, circle, #f5eccd 35%, transparent 50%),
846
 
847
    /* flares */
848
    -webkit-radial-gradient(44% 44%, circle, #ffffff 35%, transparent 55%);
849
 
850
  content: "";
851
}
852
 
853
.heroes .s {
854
  letter-spacing: normal;
855
}
856
 
857
@font-face {
858
  font-family: "House";
859
  src: local("House"), url(/styles/fonts/House.ttf);
860
}
861
 
862
.house {
863
  /* text-transform: uppercase; */
864
}
865
 
866
.house .h {
867
  font-family: House, sans-serif;
868
  /*
869
  display: inline-block;
870
  border: 1px solid black;
871
  width: 1em;
872
  height: 1em;
873
  line-height: 1em;
874
  text-align: center;
875
  margin-right: 0.125em;
876
  */
877
}
878
 
879
.house .ouse {
880
  font-family: House, sans-serif;
881
  /* text-decoration: underline; */
882
}
883
 
884
.house .md {
885
  position: relative;
886
  bottom: -0.4em;
887
  font-size: 0.6em;
888
}
889
 
890
.house .md-de {
891
  position: relative;
892
  font-size: 0.6em;
893
  text-decoration: underline;
894
}
895
 
896
@font-face {
897
  font-family: "MacEnvy DB";
898
  src: local("MacEnvy DB"), url(/styles/fonts/MacEnvy_DB-Regular.ttf);
899
}
900
 
901
.ijon-tichy {
902
  display: inline-block;
903
  padding: 0.25em 0.5em;
904
  background-color: #000;
905
  color: #B9B7BA;
906
  line-height: 1em;
907
  font-family: "MacEnvy DB", sans-serif;
908
  text-align: center;
909
  text-transform: uppercase;
910
}
911
 
912
.ijon-tichy .title {
913
  display: block;
914
  letter-spacing: 0.0625em;
915
}
916
 
917
.ijon-tichy .title .i {
918
  text-shadow: 1.5px 0.5px #59575A, 2px 0.75px #59575A;
919
}
920
 
921
.ijon-tichy .title .j {
922
  text-shadow: 1.5px 0.5px #59575A, 1.5px 0.75px #59575A;
923
}
924
 
925
.ijon-tichy .title .o {
926
  text-shadow: 1.5px 0.5px #59575A, 1px 0.75px #59575A;
927
}
928
 
929
.ijon-tichy .title .n {
930
  text-shadow: 1px 0.75px #59575A;
931
}
932
 
933
.ijon-tichy .title .t {
934
  text-shadow: 0 0.75px #59575A;
935
}
936
 
937
.ijon-tichy .title .i2 {
938
  text-shadow: -0.5px 0.75px #59575A;
939
}
940
 
941
.ijon-tichy .title .c {
942
  text-shadow: -1px 0.75px #59575A;
943
}
944
 
945
.ijon-tichy .title .h {
946
  text-shadow: -1.5px 0.75px #59575A, -1px 0.5px #59575A;
947
}
948
 
949
.ijon-tichy .title .y {
950
  text-shadow: -1.5px 0.75px #59575A, -1.5px 0.5px #59575A;
951
}
952
 
953
.ijon-tichy .subtitle {
954
  display: block;
955
  font-size: 67%;
956
  letter-spacing: 0.4em;
957
}
958
 
959
.ijon-tichy .subtitle .r {
960
  text-shadow: 1.5px 0.5px #59575A;
961
}
962
 
963
.ijon-tichy .subtitle .a {
964
  text-shadow: 1px 0.5px #59575A;
965
}
966
 
967
.ijon-tichy .subtitle .u {
968
  text-shadow: 0.5px 0.5px #59575A;
969
}
970
 
971
.ijon-tichy .subtitle .mpi {
972
  text-shadow: 0 0.5px #59575A;
973
}
974
 
975
.ijon-tichy .subtitle .l {
976
  text-shadow: -0.5px 0.5px #59575A;
977
}
978
 
979
.ijon-tichy .subtitle .o {
980
  text-shadow: -1px 0.5px #59575A;
981
}
982
 
983
.ijon-tichy .subtitle .t {
984
  text-shadow: -1.5px 0.5px #59575A;
985
}
986
 
987
.ijon-tichy .subtitle2 {
988
  display: block;
989
  font-size: 50%;
990
  line-height: 1em;
991
}
992
 
993
.ijon-tichy .subtitle2 .die {
994
  text-shadow: 1px 0.5px #59575A;
995
}
996
 
997
.ijon-tichy .subtitle2 .ster {
998
  text-shadow: 0.5px 0.5px #59575A;
999
}
1000
 
1001
.ijon-tichy .subtitle2 .ntag {
1002
  text-shadow: 0 0.5px #59575A;
1003
}
1004
 
1005
.ijon-tichy .subtitle2 .ebuec {
1006
  text-shadow: -0.5px 0.5px #59575A;
1007
}
1008
 
1009
.ijon-tichy .subtitle2 .her {
1010
  text-shadow: -1px 0.5px #59575A;
1011
}
1012
 
1013
@font-face {
1014
  font-family: "Digital1";
1015
  src: local("Transponder AOE"), url(/styles/fonts/digital/TRANA___.TTF);
1016
}
1017
 
1018
.it-crowd {
1019
  position: relative;
1020
  padding: 0.125em 0.75em 0.125em 0.5em;
1021
  background-color: black;
1022
  color: #d4774b;
1023
  font-family: "Digital1", monospace;
1024
  font-size: 120%;
1025
  text-transform: uppercase;
1026
  text-shadow: 0 0 1px #d4774b;
1027
}
1028
 
1029
.it-crowd:after {
1030
  position: absolute;
1031
  top: 0;
1032
  content: "\258E";
1033
  letter-spacing: 0;
1034
}
1035
 
1036
.life-on-mars {
28 PointedEar 1037
  display: inline-block;
26 PointedEar 1038
  padding: 0.25em 0.5em;
28 PointedEar 1039
  background-color: #000;
26 PointedEar 1040
  background-image:
28 PointedEar 1041
    -webkit-linear-gradient(left,
1042
        rgba(255, 255, 255, 0) 35%,
1043
        rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 1) 36%,
1044
        rgba(255, 255, 255, 0) 38%),
1045
        -webkit-linear-gradient(top,
1046
                rgba(255, 255, 255, 0) 81%,
1047
                rgba(255, 255, 255, 1) 81%, rgba(255, 255, 255, 1) 89%,
1048
                rgba(255, 255, 255, 0) 89%);
1049
  color: #fff;
1050
  text-shadow: 0 0 0.5px #fff;
26 PointedEar 1051
  text-transform: uppercase;
28 PointedEar 1052
  -webkit-text-fill-color: transparent;
26 PointedEar 1053
}
1054
 
28 PointedEar 1055
.life-on-mars .e {
1056
  letter-spacing: 0.5em;
1057
}
1058
 
1059
.life-on-mars .on {
1060
  text-shadow: 0 0 1px #fff;
1061
}
1062
 
1063
.life-on-mars .mars {
1064
  text-shadow: 0 0 2px #fff;
1065
}
1066
 
26 PointedEar 1067
.macgyver {
1068
  padding: 0.125em 0.5em;
1069
  background-color: #080a09;
1070
  color: #bb1e15;
1071
  font-family: "Copperplate Gothic Bold", serif;
1072
  font-size: 150%;
1073
  font-variant: small-caps;
1074
  font-weight: bold;
1075
  <?php
1076
    $darkred = '#9f1512';
1077
    $gold = '#d9ad7e';
1078
  ?>
1079
  text-shadow:
1080
    -0.5px -0.5px <?php echo $darkred; ?>,
1081
     0px   -0.5px <?php echo $darkred; ?>,
1082
     0.5px -0.5px <?php echo $darkred; ?>,
1083
    -0.5px  0px   <?php echo $darkred; ?>,
1084
     0.5px  0px   <?php echo $darkred; ?>,
1085
    -0.5px  0.5px <?php echo $darkred; ?>,
1086
     0px    0.5px <?php echo $darkred; ?>,
1087
     0.5px  0.5px <?php echo $darkred; ?>,
1088
    -1px   -1px  1px <?php echo $gold; ?>,
1089
     0px   -1px  1px <?php echo $gold; ?>,
1090
     1px   -1px  1px <?php echo $gold; ?>,
1091
    -1px    0px  1px <?php echo $gold; ?>,
1092
     1px    0px  1px <?php echo $gold; ?>,
1093
    -1px    1px  1px <?php echo $gold; ?>,
1094
     0px    1px  1px <?php echo $gold; ?>,
1095
     1px    1px  1px <?php echo $gold; ?>;
1096
}
1097
 
1098
@font-face {
1099
  font-family: "Gill Sans Ultra Bold";
1100
  src: local("Gill Sans Ultra Bold"), url(/styles/fonts/gilsanu0.TTF);
1101
}
1102
 
1103
.monk {
1104
  color: #d1122a;
1105
  font-family: "Gill Sans Ultra Bold", sans-serif;
1106
  font-size: 110%;
1107
  text-transform: uppercase;
1108
  text-shadow: 1px 1px 1px black;
1109
}
1110
 
1111
@font-face {
1112
  font-family: "Swiss 721 Black Extended BT";
1113
  src: local("Swiss 721 Black Extended BT"), url(/styles/fonts/swiss721_bke.TTF);
1114
}
1115
 
1116
.moonlight {
1117
  padding: 0.125em 0.5em;
1118
  background-color: black;
1119
  color: #020109;
1120
  font-family: "Swiss 721 Black Extended BT", sans-serif;
1121
  text-transform: uppercase;
1122
  background-image: -moz-radial-gradient(24% 50%, circle,
1123
    rgba(224, 211, 106, 1) 33%, rgba(224, 211, 106, 0) 36%, #100d04);
1124
  background-image: -webkit-radial-gradient(24% 50%, circle,
1125
    rgba(224, 211, 106, 1) 33%, rgba(224, 211, 106, 0) 36%, #100d04);
1126
}
1127
 
1128
.moonlight .moon {
1129
  -webkit-mask-image: -webkit-linear-gradient(-80deg, rgba(0,0,0,0.33), rgba(0,0,0,1) 67%);
1130
  letter-spacing: -0.0625em;
1131
}
1132
 
1133
.moonlight .moon .n {
1134
  letter-spacing: 0.125em;
1135
}
1136
 
1137
.moonlight .light {
1138
  color: #ebf062;
1139
  text-shadow: 1px 1px 2px #070400;
1140
}
1141
 
1142
@font-face {
1143
  font-family: "Terminator";
1144
  src: url(/styles/fonts/TERMINAT.TTF);
1145
}
1146
 
1147
.mutant-x {
1148
  position: relative;
1149
  padding: 0.25em 0.5em 0.125em 0.5em;
1150
  background-color: black;
1151
  color: #8f6442;
1152
  font-family: "Terminator", sans-serif;
1153
  font-size: 105%;
1154
  text-transform: uppercase;
1155
  white-space: nowrap;
1156
  -webkit-text-stroke: 0.5px rgba(255, 255, 255, 0.1);
1157
}
1158
 
1159
.mutant-x .gradient {
1160
  position: absolute;
1161
  padding: 0.25em 0.5em 0.125em 0.5em;
1162
  left: 0;
1163
  top: 0;
1164
  -webkit-mask-image: -webkit-linear-gradient(
1165
    rgba(0, 0, 0, 1) 30%, transparent 55%, rgba(0, 0, 0, 1) 80%);
1166
  z-index: 2;
1167
}
1168
 
1169
.mutant-x:after {
1170
  content: "Mutant X";
1171
  color: #fcf1eb;
1172
}
1173
 
1174
@font-face {
1175
  font-family: "Walkway SemiBold";
1176
  src: local("Walkway SemiBold"), url(/styles/fonts/Walkway_SemiBold.ttf);
1177
}
1178
 
1179
.numb3rs {
1180
  position: relative;
1181
  padding: 0.25em 0.5em 0.125em 0.5em;
1182
  background-color: #000200;
1183
  /*
1184
  background-image:
1185
    -webkit-repeating-linear-gradient(left, transparent, transparent 9px,
1186
      rgba(244, 247, 244, 0.5) 10px, rgba(244, 247, 244, 0.5) 10px),
1187
    -webkit-repeating-linear-gradient(top, transparent, transparent 4px,
1188
      rgba(244, 247, 244, 0.5) 5px, rgba(244, 247, 244, 0.5) 5px);
1189
  */
1190
  color: #f4f7f4;
1191
  font-family: "Walkway SemiBold", Helvetica, sans-serif;
1192
  font-size: 116%;
1193
  font-weight: lighter;
1194
  letter-spacing: 1px;
1195
  text-shadow: 0 0 2px #f4f7f4;
1196
  text-transform: uppercase;
1197
}
1198
 
1199
.numb3rs .s {
1200
  letter-spacing: normal;
1201
}
1202
 
1203
/*  
1204
.numb3rs .gradient {
1205
  position: absolute;
1206
  left: 0;
1207
  top: 0;
1208
  padding: 0.25em 0.5em 0.125em 0.5em;
1209
  color: #f4f7f4;
1210
  -webkit-mask-image: -webkit-linear-gradient(rgba(0, 0, 0, 1), transparent 75%);
1211
  z-index: 2;
1212
}
1213
 
1214
.numb3rs:after {
1215
  content: "Numb3rs";
1216
  color: #898b88;
1217
  text-transform: uppercase;
1218
} */
1219
 
1220
@font-face {
28 PointedEar 1221
  font-family: "Unconform Round";
1222
  src: local("Unconform Round"), url(/styles/fonts/UNCON___.TTF);
1223
}
1224
 
1225
.odyssey5 {
1226
  padding: 0.5em 0.5em 0.125em 0.5em;
1227
  background-color: #000;
1228
  color: #d1550b;
1229
  font-family: "Unconform Round", sans-serif;
1230
  text-transform: uppercase;
1231
  letter-spacing: 0.125em;
1232
}
1233
 
1234
.odyssey5 .s2 {
1235
  letter-spacing: 0.25em;
1236
}
1237
 
1238
.odyssey5 .e {
1239
  letter-spacing: 0.5em;
1240
}
1241
 
1242
.odyssey5 .y2 {
1243
  letter-spacing: 0.5em;
1244
}
1245
 
1246
.odyssey5 .five {
1247
  letter-spacing: normal;
1248
}
1249
 
1250
@font-face {
26 PointedEar 1251
  font-family: "Dateline Bold";
1252
  src: local("Dateline Bold"), url(/styles/fonts/DatelineBold.ttf);
1253
}
1254
 
1255
.psych {
1256
  font-family: "Dateline Bold", serif;
1257
  font-size: 110%;
1258
  letter-spacing: -0.125em;
1259
  color: #749f27;
1260
}
1261
 
1262
@font-face {
1263
  font-family: "Swiss Cheesed";
1264
  src: local("SwissCheese"), url(/styles/fonts/SwissCheesed.ttf);
1265
}
1266
 
1267
.quantum-leap {
1268
  position: relative;
1269
  display: inline-block;
1270
  left: 0;
1271
  top: 0;
1272
  padding: 0.5em 0.5em 0.25em 0.5em;
1273
  background-color: black;
1274
  <?php
1275
    $ql_shine = '#6f98e5';
1276
    $ql_glow = '#5598ff';
1277
    $ql_glow_range = '8px';
1278
  ?>
1279
  color: <?php echo $ql_glow; ?>;
1280
  font-family: "Swiss Cheesed", sans-serif;
1281
  font-size: 110%;
1282
  letter-spacing: 0.0625em;
1283
  text-transform: uppercase;
1284
  text-align: center;
1285
  text-shadow:
1286
    -1px -1px <?php echo $ql_shine; ?>,
1287
 
1288
     1px -1px <?php echo $ql_shine; ?>,
1289
    -1px  0px <?php echo $ql_shine; ?>,
1290
 
1291
     1px  0px <?php echo $ql_shine; ?>,
1292
    -1px  1px <?php echo $ql_shine; ?>,
1293
 
1294
     1px  1px <?php echo $ql_shine; ?>,
1295
    -1px -1px <?php echo $ql_glow_range . ' ' . $ql_glow; ?>,
1296
 
1297
     1px -1px <?php echo $ql_glow_range . ' ' . $ql_glow; ?>,
1298
    -1px  0   <?php echo $ql_glow_range . ' ' . $ql_glow; ?>,
1299
 
1300
     1px  0   <?php echo $ql_glow_range . ' ' . $ql_glow; ?>,
1301
    -1px  1px <?php echo $ql_glow_range . ' ' . $ql_glow; ?>,
1302
 
1303
     1px  1px <?php echo $ql_glow_range . ' ' . $ql_glow; ?>;
1304
}
1305
 
1306
.quantum-leap .gradient {
1307
  position: absolute;
1308
  left: 0;
1309
  top: 0;
1310
  padding: 0.5em 0.5em 0.25em 0.5em;
1311
  color: #000;
1312
  -webkit-text-fill-color: <?php echo $ql_glow; ?>;
1313
  -webkit-mask-image: -webkit-linear-gradient(rgba(0, 0, 0, 1), transparent 33%);
1314
  z-index: 2;
1315
}
1316
.quantum-leap:after {
1317
  content: "Quantum Leap";
1318
  color: #000;
1319
}
1320
 
1321
@font-face {
1322
  font-family: "Spleeny Decaf GD";
1323
  src: local("Spleeny Decaf GD"), url(/styles/fonts/Spleeny%20Decaf%20GD.ttf);
1324
}
1325
 
1326
.reaper {
1327
  font-family: "Spleeny Decaf GD", fantasy;
1328
  text-transform: uppercase;
1329
}
1330
 
1331
@font-face {
1332
  font-family: "Roswell";
1333
  src: local("Roswell"), url(/styles/fonts/Roswell.TTF);
1334
}
1335
 
1336
.roswell {
1337
  display: inline-block;
1338
  padding: 0.25em 0.5em 0.125em 0.5em;
1339
  background-color: #000;
1340
  background-image: -moz-linear-gradient(left, #6f3811, #000);
1341
  background-image: -o-linear-gradient(left, #6f3811, #000);
1342
  background-image: -webkit-linear-gradient(left, #6f3811, #000);
1343
  background-image: linear-gradient(left, #6f3811, #000);
1344
  color: #ffffbc;
1345
  font-family: "Roswell", sans-serif;
1346
  letter-spacing: 0.25em;
1347
  <?php $roswell_red = '138, 8, 0'; ?>
1348
  text-shadow:
1349
    -1px -1px 1px rgba(<?php echo $roswell_red; ?>, 0.5), 0px -1px 1px rgba(<?php echo $roswell_red; ?>, 0.5), 1px -1px 1px rgba(<?php echo $roswell_red; ?>, 0.5),
1350
    -1px  0px 1px rgba(<?php echo $roswell_red; ?>, 0.5), 0px  0px 1px rgba(<?php echo $roswell_red; ?>, 0.5), 1px  0px 1px rgba(<?php echo $roswell_red; ?>, 0.5),
1351
    -1px  1px 1px rgba(<?php echo $roswell_red; ?>, 0.5), 0px  1px 1px rgba(<?php echo $roswell_red; ?>, 0.5), 1px  1px 1px rgba(<?php echo $roswell_red; ?>, 0.5);
1352
  text-transform: uppercase;
1353
  -webkit-text-stroke: 0.25px rgba(<?php echo $roswell_red; ?>, 0.75);
1354
}
1355
 
1356
.roswell span {
1357
  letter-spacing: normal;
1358
}
1359
 
1360
.samantha-who {
1361
  display: inline-block;
1362
  padding: 0.125em 0.25em 0.125em 0.25em;
1363
  background-color: #000;
1364
  color: #e3e5e2;
1365
  line-height: 1em;
1366
}
1367
 
1368
.samantha-who .text {
1369
  display: inline-block;
1370
}
1371
 
1372
.samantha-who .samantha {
1373
  display: block;
1374
  position: relative;
1375
  padding-top: 0.25em;
1376
  padding-left: 0.25em;
1377
  font-family: "a_Futura Orto", sans-serif;
1378
  text-transform: uppercase;
1379
}
1380
 
1381
.samantha-who .samantha::after {
1382
  position: absolute;
1383
  left: -0.2em;
1384
  top: -1.05em;
1385
  right: 0.2em;
1386
  bottom: 1.05em;
1387
  background-image: -webkit-radial-gradient(10% 15%, 20% 20%, transparent 15%, #d29c13 26%, #d29c13 34%, transparent 45%);
1388
  content: "";
1389
  -webkit-transform: rotate(-27deg);
1390
  /*border: 1px solid red;*/
1391
}
1392
 
1393
.samantha-who .who,
1394
.samantha-who .q {
1395
  color: #e81b04;
1396
}
1397
 
1398
.samantha-who .who {
1399
  display: block;
1400
  font-weight: bold;
1401
  line-height: 0.75em;
1402
}
1403
 
1404
.samantha-who .q {
1405
  font-family: cursive;
1406
  font-size: 200%;
1407
  font-weight: lighter;
1408
}
1409
 
1410
@font-face {
1411
  font-family: "Scrubs";
1412
  src: local("TSS Scrubs Logo"), url(/styles/fonts/tsslogo.ttf);
1413
}
1414
 
1415
.scrubs:before {
1416
  content: "[";
1417
}
1418
 
1419
.scrubs {
1420
  padding: 0.125em 0.25em 0 0.25em;
1421
  background-color: #15121a;
1422
  color: #d0f9fb;
1423
  font-family: "Scrubs", sans-serif;
1424
  font-size: 150%;
1425
  text-shadow: 0 0 10px #d0f9fb;
1426
}
1427
 
1428
.scrubs .s {
1429
  text-transform: uppercase;
1430
}
1431
 
1432
.scrubs:after {
1433
  content: "]";
1434
}
1435
 
1436
@font-face {
1437
  font-family: "seaQuest";
1438
  src: local("Seaquest"), url(/styles/fonts/SQDSV.TTF);
1439
}
1440
 
1441
.seaQuest {
1442
  position: relative;
1443
  display: inline-block;
1444
  padding-top: 1.5em;
1445
  background-color: #00001e;
1446
<?php
1447
  // error_reporting(E_ALL | E_STRICT);
1448
  $lambda = 1;
1449
  for ($i = 0; $i < 200; ++$i)
1450
  {
1451
    $x = mt_rand(1, 99);
1452
    /*
1453
     * Decreasing probability of pixels near bottom through exponential distribution;
1454
     * TODO: If coord > 50%, decrease probability of appearance.
1455
     */
1456
    $y = mt_rand(1, $lambda * exp(-$lambda * mt_rand(0, 5)) * 99);
1457
    $coords[] = array('x' => $x, 'y' => $y);
1458
  }
1459
 
1460
  $dots = array_map(function ($coord) {
1461
    return "-webkit-radial-gradient({$coord['x']}% {$coord['y']}%, 1px 1px, rgba(255, 255, 255, 0.75), rgba(0, 0, 30, 0))";
1462
  }, $coords);
1463
  $gold = '#ffc50c';
1464
?>
1465
  /* water bubbles */
1466
  background-image: <?php echo implode(",\n    ", $dots); ?>,
1467
    /* sunlight */
1468
    -webkit-radial-gradient(50% 0%, 50% 200%, #00438c, rgba(0, 0, 31, 0)),
1469
    /* water */
1470
    -webkit-linear-gradient(#030129, #00000c);
1471
  color: <?php echo $gold; ?>;
1472
  font-family: "seaQuest", sans-serif;
1473
  font-size: 92%;
1474
}
1475
 
1476
.seaQuest #seaQuest {
1477
  display: block;
1478
  padding: 0 0.25em;
1479
  text-transform: uppercase;
1480
  line-height: 1;
1481
}
1482
 
1483
.seaQuest #seaQuest .s {
1484
  text-shadow:
1485
    0.5px -0.25px 0.5px #f5bd46,
1486
    1px   -0.5px  0.5px #cd8d1f,
1487
    1.5px -0.75px 0.5px #b37b1c,
1488
    2px   -1px    0.5px #805b17,
1489
    2.5px -1.25px 0.5px #2e2000,
1490
    3px   -1.5px  0.5px #040400,
1491
    3.5px -1.75px       #000508;
1492
}
1493
 
1494
.seaQuest #seaQuest .e {
1495
  text-shadow:
1496
    0.5px -0.25px 0.5px #f5bd46,
1497
    1px   -0.5px  0.5px #cd8d1f,
1498
    1.5px -0.75px 0.5px #b37b1c,
1499
    2px   -1px    0.5px #805b17,
1500
    2.5px -1.25px 0.5px #2e2000,
1501
    3px   -1.5px        #040400;
1502
}
1503
 
1504
.seaQuest #seaQuest .a {
1505
  text-shadow:
1506
    0.5px -0.25px 0.5px #fdb207,
1507
    1px   -0.5px  0.5px #eb950e,
1508
    1.5px -0.75px 0.5px #ae5900,
1509
    2px   -1px    0.5px #642a00,
1510
    2.5px -1.25px       #261704;
1511
}
1512
 
1513
.seaQuest #seaQuest .q {
1514
  position: relative;
1515
  visibility: hidden;
1516
  display: inline-block;
1517
  margin-right: 0.5em;
1518
  text-shadow: none;
1519
}
1520
 
1521
.seaQuest #seaQuest .q:after {
1522
  position: absolute;
1523
  visibility: visible;
1524
  margin-right: 0.125em;
1525
  left: 0;
1526
  top: -0.5em;
1527
  right: 0;
1528
  bottom: 0;
1529
  content: "{";
1530
  text-align: center;
1531
  text-shadow:
1532
    0.5px -0.25px 0.5px #ffb43b,
1533
    1px   -0.5px  0.5px #e28d23,
1534
    1.5px -0.75px 0.5px #853400,
1535
    2px   -1px          #510600;
1536
}
1537
 
1538
.seaQuest #seaQuest .u {
1539
  text-shadow:
1540
    0.5px -0.25px 0.5px #f7c35d,
1541
    1px   -0.5px  0.5px #a36729,
1542
    1.5px -0.75px 0.5px #3c0800,
1543
    2px   -1px          #1b011c;
1544
}
1545
 
1546
.seaQuest #seaQuest .e2 {
1547
  text-shadow:
1548
     0.5px -0.25px 0.5px #d8ab56,
1549
     1px   -0.5px  0.5px #5c3605;
1550
}
1551
 
1552
.seaQuest #seaQuest .s2 {
1553
  text-shadow:
1554
    0px    -0.25px 0.5px #d8ab56,
1555
    -0.5px -0.5px  0.5px #5c3605,
1556
    -1px   -0.75px       #200d00,
1557
     0.5px -0.25px       #200d00;
1558
}
1559
 
1560
.seaQuest #seaQuest .t {
1561
  text-shadow:
1562
     0.5px -0.25px       #e9bf73,
1563
    -0.5px -0.25px 0.5px #d8ab56,
1564
    -1px   -0.5px  0.5px #5c3605,
1565
    -1.5px -0.75px       #200d00,
1566
     0.5px -0.25px       #200d00;
1567
}
1568
 
1569
.seaQuest #dsv {
1570
  position: relative;
1571
  visibility: hidden;
1572
  display: block;
1573
  margin-top: 0.5em;
1574
  padding-bottom: 0.25em;
1575
  line-height: 1;
1576
}
1577
 
1578
.seaQuest #dsv:after {
1579
  position: absolute;
1580
  visibility: visible;
1581
  left: -0.75em;
1582
  top: 0;
1583
  right: 0;
1584
  bottom: 0;
1585
  content: "|";
1586
  text-align: center;
1587
  text-shadow:
1588
    0.5px -0.25px 0.5px #ffb43b,
1589
    1px   -0.5px  0.5px #e28d23,
1590
    1.5px -0.75px 0.5px #853400,
1591
    2px   -1px          #510600;
1592
}
1593
 
1594
@font-face {
1595
  font-family: "London Tube";
1596
  src: local("P22 Johnston Underground"), url(/styles/fonts/p22-johnston-underground.ttf);
1597
}
1598
 
1599
.sherlock {
1600
  font-family: "London Tube", sans-serif;
1601
  font-size: 120%;
1602
  text-transform: uppercase;
1603
}
1604
 
1605
@font-face {
1606
  font-family: "Simpsonfont";
1607
  src: local("Simpsonfont"), url(/styles/fonts/Simpsonfont.ttf);
1608
}
1609
 
1610
@font-face {
1611
  font-family: "Akbar";
1612
  src: local("Akbar"), url(/styles/fonts/akbar.ttf);
1613
}
1614
 
1615
.simpsons {
1616
  position: relative;
1617
  display: inline-block;
1618
  min-width: 6em;
1619
  min-height: 2em;
1620
  padding: 0.125em 0.25em;
1621
  background-color: #6598DC;
1622
  color: #FFD166;
1623
  font-family: "Akbar", sans-serif;
1624
  text-align: center;
1625
  text-transform: uppercase;
1626
  overflow: hidden;
1627
}
1628
 
1629
@-webkit-keyframes zoom-in {
1630
  0% {
1631
    opacity: 0;
1632
    -webkit-transform: perspective(100px) translateX(0) translateY(0) translateZ(-400px);
1633
  }
1634
 
1635
  20% {
1636
    opacity: 1;
1637
  }
1638
 
1639
  100% {
1640
    -webkit-transform: perspective(100px) translateX(5px) translateY(-4px) translateZ(100px);
1641
  }
1642
}
1643
 
1644
.simpsons span {
1645
  position: relative;
1646
  display: block;
1647
}
1648
 
1649
.simpsons:hover span.text {
1650
  -webkit-animation-name: zoom-in;
1651
  /* -webkit-animation-iteration-count: infinite; */
1652
  -webkit-animation-duration: 3s;  
1653
}
1654
 
1655
@font-face {
1656
  font-family: "Smallville";
1657
  src: local("Smallville"), url(/styles/fonts/Smallville1.ttf);
1658
}
1659
 
1660
.smallville {
1661
  font-family: "Smallville", sans-serif;
1662
  font-size: 160%;
1663
  text-transform: uppercase;
1664
  color: #FE1318;
1665
}
1666
 
1667
/* Symmetric "Superman" effect */
1668
.smallville span {
1669
  position: relative;
1670
  top: -0.1em;
1671
  font-size: 90%;
1672
}
1673
 
1674
@font-face {
1675
  font-family: "Stargate";
1676
  src: local("Stargate"), url(/styles/fonts/STARGATE.TTF);
1677
}
1678
 
1679
.stargate {
1680
  display: inline-block;
1681
  font-family: "Stargate", serif;
1682
  font-size: 122%;
1683
  text-align: center;
1684
  text-transform: uppercase;
1685
}
1686
 
1687
.stargate > span {
1688
  display: block;
1689
}
1690
 
1691
.stargate.en {
1692
  letter-spacing: 0.125em;
1693
}
1694
 
1695
.stargate.en span span:last-child {
1696
  letter-spacing: normal;
1697
}
1698
 
1699
.stargate.en > span:first-child {
1700
  padding-bottom: 0;
1701
  border-bottom: 1px solid black;
1702
}
1703
 
1704
.stargate.en > span:last-child {
1705
  padding-top: 0.125em;
1706
}
1707
 
1708
.stargate.de > span:last-child {
1709
  font-size: 64%;
1710
}
1711
 
1712
.stargate .a {
1713
  text-transform: lowercase;
1714
}
1715
 
1716
.atlantis .stargate {
1717
  display: inline-block;
1718
  padding: 0 0.25em;
1719
  border-bottom: 1px solid black;
1720
  font-size: 81%;
1721
  letter-spacing: 0.125em;
1722
}
1723
 
1724
.atlantis .atlantis {
1725
  margin-top: 0.125em;
1726
  position: relative;
1727
  top: -0.15em;
1728
  padding-top: 0.15em;
1729
  letter-spacing: 0.125em;
1730
}
1731
 
1732
.atlantis span span:last-child
1733
{
1734
  letter-spacing: normal;
1735
}
1736
 
1737
.sg-u {
1738
  padding: 0.25em 0.25em 0 0.25em;
1739
  background-color: #000;
1740
  color: #eee;
1741
  font-family: "Eurostile Extended", sans-serif;
1742
  font-size: 122%;
1743
  letter-spacing: -0.125em;
1744
}
1745
 
1746
.sg-u .ring {
1747
  letter-spacing: -0.2em;
1748
}
1749
 
1750
@font-face {
1751
  font-family: "Torchwood";
1752
  src: local("Torchwood"), url(/styles/fonts/Torchwood.ttf);
1753
}
1754
 
1755
@font-face {
1756
  font-family: "Federation Classic";
1757
  src: local("Federation Classic"), url(/styles/fonts/FEC_____.TTF);
1758
}
1759
 
1760
.star-trek {
1761
  padding: 0.125em 0.25em 0 0.25em;
1762
  background-color: #000;
1763
  color: #F8CB35;
1764
  font-family: "Federation Classic", sans-serif;
1765
  font-size: 150%;
1766
  text-transform: lowercase;
1767
}
1768
 
1769
.torchwood {
1770
  padding: 0.125em 0.25em;
1771
  background-color: black;
1772
  color: #E72524;
1773
  font-family: "Torchwood", serif;
1774
  font-size: 106%;
1775
  text-transform: uppercase;
1776
}
1777
 
1778
@font-face {
1779
  font-family: "True Blood";
1780
  src: local("True Blood"), url(/styles/fonts/TRUEBLOOD.ttf);
1781
}
1782
 
1783
.true-blood {
1784
  font-family: "True Blood", serif;
1785
}
1786
 
1787
.true-blood .upper {
1788
  text-transform: uppercase;
1789
}
1790
 
1791
.true-blood .blood {
1792
  color: #991b30;
1793
}
1794
 
1795
.true-blood .lower {
1796
  text-transform: lowercase;
1797
}
1798
 
1799
.tara {
1800
  font-family: sans-serif;
1801
  text-transform: uppercase;
1802
}
1803
 
1804
.visitors {
1805
  display: inline-block;
1806
  position: relative;
1807
  padding: 0.5em 0.5em 0.25em 0.5em;
1808
  background-color: #000;
1809
  color: #ff1700;
1810
  font-family: fantasy;
1811
  font-size: 80%;
1812
  line-height: 2em;
1813
}
1814
 
1815
.visitors span {
1816
  vertical-align: middle;
1817
}
1818
 
1819
.visitors .v {
1820
  position: absolute;
1821
  left: 0;
1822
  width: 100%;
1823
  font-size: 300%;
1824
  color: rgba(210, 0, 1, 0.8);
1825
  text-align: center;
1826
}
1827
 
1828
.visitors .subtitle {
1829
  text-transform: uppercase;
1830
}
1831
 
1832
@font-face {
1833
  font-family: "Gunplay";
1834
  src: local("Gunplay"), url(/styles/fonts/gunplay.ttf);
1835
}
1836
 
1837
.warehouse-13 {
1838
  padding: 0 0.25em 0.125em 0.25em;
1839
  background-color: #000;
1840
  color: #BF311A;
1841
  font-family: "Gunplay", sans-serif;
1842
  text-transform: uppercase;
1843
}
1844
 
1845
.warehouse-13 .numbers {
1846
  color: #B4B4B4;
1847
}
1848
 
1849
div.box {
1850
  border: 1px solid black;
1851
  position: relative;
1852
  text-align: center;
1853
}
1854
 
1855
div.meter, div.coverage {
1856
  position: absolute;
1857
  height: 100%;
1858
}
1859
 
1860
div.meter {
1861
  background-color: rgba(0, 0, 128, 0.5);
1862
}
1863
 
1864
div.season {
1865
  position: absolute;
1866
  border-left: 1px solid #333;
1867
  background-color: transparent;
1868
  color: #999;
1869
  overflow: hidden;
1870
  white-space: nowrap;
1871
}
1872
 
1873
div.coverage {
1874
  background-color: rgba(0, 218, 0, 0.5);
1875
}
1876
 
1877
.percentage {
1878
  position: relative;
1879
  background-color: rgba(255, 255, 255, 0.5);
1880
}