Subversion Repositories LCARS

Rev

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

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