Subversion Repositories LCARS

Rev

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