Subversion Repositories LCARS

Rev

Rev 202 | 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
 
205 PointedEar 632
.eli-stone {
633
  padding: 0.5em 0.5em 0.125em 0.5em;
634
  background-color: black;
635
  color: #80878d;
636
  font-weight: bold;
637
  line-height: 1em;
638
  text-transform: lowercase;
639
}
640
 
641
.eli-stone .eli,
642
.eli-stone .stone {
643
  position: relative;
644
  display: block;
645
  text-align: right;
646
}
647
 
648
.eli-stone .eli {
649
  padding-right: 0.125em;
650
  font-size: 150%;
651
}
652
 
653
.eli-stone .eli:after {
654
  content: "Eli";
655
  position: absolute;
656
  top: 0;
657
  left: 0;
658
  right: 0;
659
  bottom: 0;
660
  padding-right: 0.125em;
661
  color: transparent;
662
  -webkit-text-fill-color: #dfe6f0;
663
  -webkit-mask-image: -webkit-linear-gradient(top left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.25));
664
}
665
 
666
.eli-stone .stone:after {
667
  content: "Stone";
668
  position: absolute;
669
  top: 0;
670
  left: 0;
671
  right: 0;
672
  bottom: 0;
673
  color: transparent;
674
  -webkit-text-fill-color: #dfe6f0;
675
  -webkit-mask-image: -webkit-linear-gradient(top left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.25));
676
}
677
 
26 PointedEar 678
@font-face {
679
  font-family: "Interstate";
41 PointedEar 680
  src: local("Interstate"), url(/styles/fonts/non-free/interstate_ultra-black_condensed.ttf);
681
}
26 PointedEar 682
 
683
.eureka {
684
  position: relative;
685
  padding: 0.25em 0.5em 0.125em 0.5em;
686
  font-family: "Interstate", sans-serif;
687
  font-size: 130%;
688
  background-color: #8de5f9;
689
  background-image: -moz-radial-gradient(bottom, ellipse,
690
    #f4fff7 20%, #8de5f9, #285e8d);
691
  background-image: -webkit-radial-gradient(bottom, 100% 125%,
692
    #f4fff7 20%, #8de5f9, #285e8d);
693
  color: rgb(251, 254, 247);
694
  color: rgba(255, 255, 255, 0.9);
695
  text-shadow: 0 -1px rgb(77, 148, 168), 1px 0 1px rgb(168, 217, 231),
696
    1px -1px rgb(77, 148, 168);
697
  text-shadow: 0 -1px rgba(77, 148, 168, 0.9), 1px 0 1px rgba(168, 217, 231, 0.9),
698
    1px -1px rgba(77, 148, 168, 0.9);
699
}
700
 
701
.eureka .gradient {
702
  display: inline-block;
53 PointedEar 703
  <?php
704
    Mixins::prefix_property('transform', '',
705
        'matrix(1, 0, 0, 0.9, 0, 0)',
706
        array('-moz-', '-webkit-', ''));
707
  ?>
26 PointedEar 708
/*
709
  position: absolute;
710
  padding: 0.25em 0.5em 0.125em 0.5em;
711
  left: 0;
712
  top: 0;
713
  -webkit-mask-image: -webkit-linear-gradient(
714
    rgba(0, 0, 0, 1) 30%, transparent 55%, rgba(0, 0, 0, 1) 80%);
715
  z-index: 2;
716
*/
717
}
718
/*
719
.eureka:after {
720
  content: "EUReKA";
721
  color: red;
722
}
723
*/
724
 
725
.eureka .eur {
726
  text-transform: uppercase;
727
}
728
 
729
.eureka .e {
730
  display: inline-block;
731
  position: relative;
732
  bottom: 0.25em;
733
  text-shadow: 0 1px 1px rgb(168, 217, 231), 0 1px rgb(77, 148, 168);
734
  text-shadow: 0 1px 1px rgba(168, 217, 231, 0.9), 0 1px rgba(77, 148, 168, 0.9);
32 PointedEar 735
 
736
  -moz-transform: matrix(1, 0, 0, 0.9, 0, 0);
737
  -moz-transform: perspective(50px) rotateX(45deg);
738
  -o-transform: matrix(1, 0, 0, 0.9, 0, 0);
739
  -ms-transform: matrix(1, 0, 0, 0.9, 0, 0);
740
  -webkit-transform: perspective(50px) rotateX(45deg);
741
  transform: perspective(50px) rotateX(45deg);
26 PointedEar 742
}
743
 
744
.eureka .ka {
745
  text-shadow: -1px 0 1px rgb(168, 217, 231), -1px -1px rgb(77, 148, 168),
746
 
747
  text-shadow: -1px 0 1px rgba(168, 217, 231, 0.9), -1px -1px rgba(77, 148, 168, 0.9),
748
 
749
  text-transform: uppercase;
750
}
751
 
752
@font-face {
41 PointedEar 753
  font-family: "Marriage-Script";
754
  font-weight: normal;
755
  src: local("Marriage-Script"), url(/styles/fonts/MARRIAGE.TTF);
756
}
757
 
758
.firefly {
759
  padding: 0.4em 0.8em 0.4em 0.95em;
53 PointedEar 760
  background-color: #762109;
761
  <?php
762
    Mixins::linear_gradient('background-image',
763
        'rgba(73, 1, 2, 0.8) 15%,
764
         rgba(155, 73, 49, 0) 15%, rgba(155, 73, 49, 0) 85%,
765
         rgba(73, 1, 2, 0.8) 85%, rgba(73, 1, 2, 0.8)');
766
  ?>
41 PointedEar 767
        color: #fefcff;
768
  font-family: "Marriage-Script", cursive;
769
  font-size: 160%;
770
  text-shadow: -1px 0px 1px #300202, 2px 2px 4px #fed700, 0px 0px 4px #270201;
771
  text-transform: lowercase;
772
}
773
 
774
.firefly .e {
775
  text-shadow: 0px 0px 4px #fed700;
776
}
777
 
778
@font-face {
26 PointedEar 779
  font-family: "Middleton";
41 PointedEar 780
  src: url(/styles/fonts/non-free/middleto.ttf);
26 PointedEar 781
}
782
 
783
.frasier {
784
  font-family: "Middleton", sans-serif;
785
  font-size: 120%;
786
  text-transform: uppercase;
787
}
788
 
789
.frasier span {
790
  font-size: 75%;
791
}
792
 
32 PointedEar 793
.fresh-hell {
794
  position: relative;
795
  background-color: white;
796
  color: #fff900;
797
  font-family: Kruella, fantasy;
798
  font-size: 150%;
799
  text-transform: uppercase;
800
  white-space: nowrap;
801
  -webkit-text-stroke: 0.25px #333;
802
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
803
}
804
 
805
.fresh-hell .gradient {
806
  position: absolute;
807
  left: 0;
808
  top: 0;
809
  -webkit-mask-image: -webkit-linear-gradient(
810
    rgba(0, 0, 0, 1), transparent);
811
  z-index: 2;
812
}
813
 
814
.fresh-hell:after {
815
  content: "Fresh Hell";
816
  color: #bf170a;
817
}
818
 
26 PointedEar 819
@font-face {
820
  font-family: "Century Gothic";
41 PointedEar 821
  src: local("Century Gothic"), url(/styles/fonts/non-free/Century_Gothic.TTF);
26 PointedEar 822
}
823
 
824
.fringe {
825
  padding: 0.125em 0.5em 0.125em 0.5em;
826
  background-color: #000;
827
  background-image: -moz-radial-gradient(center, #D6DBD3 4%, #7d9b9d 60%, black);
828
  background-image: -webkit-radial-gradient(center, 67% 67%, #D6DBD3 4%, #7d9b9d 60%, black);
32 PointedEar 829
  color: #101811;
26 PointedEar 830
  font-family: "Century Gothic", sans-serif;
831
  font-weight: bolder;
832
  font-size: 140%;
833
  text-transform: uppercase;
834
}
835
 
836
.fringe .gradient {
837
  display: inline-block;
838
  /*
839
  -webkit-mask-image: -webkit-radial-gradient(center, 150% 150%,
840
    rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.125));
841
  */
53 PointedEar 842
        <?php
843
          Mixins::prefix_property('transform', '',
844
                'perspective(50px) rotateX(4.43deg)',
845
                array('-moz-', '-webkit-', ''));
846
        ?>
26 PointedEar 847
}
848
 
849
.fringe .f {
850
  display: inline-block;
851
 
852
  /*-webkit-transform: matrix(1, 0, -0.06, 1, 0, 0);*/
853
  text-shadow:
32 PointedEar 854
     0.5px   0.25px #5b6e65,
855
     0.75px  0.5px  #5b6e65,
856
     1.25px  0.75px #5b6e65,
857
     1.5px   1.25px #5b6e65,
858
     1.75px  1.5px  #5b6e65,
859
     2px     1.75px #5b6e65,
860
     2.25px     2px #5b6e65;
26 PointedEar 861
 
862
  /* text-shadow: 1px 0.75px 2px #5b6e65, 1px 1.75px 0px #758278; */
863
  /* shadow-pos: y = -0.83909963 * x */
864
/*
865
  text-shadow: 0.5px 0.25px #111910, 0.75px 0.5px #111910,
866
    1.25px 0.75px #111910, 1.5px 1.25px #111910, 1.75px 1.5px #111910,
867
    1.75px 1.5px #111910, 2.25px 1.75px #111910;
868
 */    
869
}
870
 
871
.fringe .r {
872
  display: inline-block;
873
  /*-webkit-transform: matrix(1, 0, -0.04, 1, 0, 0);*/
874
  /*
875
  text-shadow:
32 PointedEar 876
     0.25px   0.25px $fringe_shadow,
877
     0.5px    0.5px  $fringe_shadow,
878
     1px      0.75px $fringe_shadow,
879
     1.25px   1.25px $fringe_shadow,
880
     1.5px    1.5px  $fringe_shadow,
881
     1.75px   1.75px $fringe_shadow,
882
     2px      2px    $fringe_shadow;
26 PointedEar 883
  */
884
  /* Same shadow as .f */
885
  text-shadow:
32 PointedEar 886
     0.5px   0.25px #5b6e65,
887
     0.75px  0.5px  #5b6e65,
888
     1.25px  0.75px #5b6e65,
889
     1.5px   1.25px #5b6e65,
890
     1.75px  1.5px  #5b6e65,
891
     2px     1.75px #5b6e65,
892
     2.25px     2px #5b6e65;
26 PointedEar 893
}
894
 
895
.fringe .i {
896
  display: inline-block;
897
  /* -webkit-transform: matrix(1, 0, -0.02, 1, 0, 0); */
898
  /*
899
  text-shadow:
32 PointedEar 900
 
901
     0.5px  0.5px  $fringe_shadow,
902
     0.75px 0.75px $fringe_shadow,
903
     1px    1.25px $fringe_shadow,
904
     1.25px 1.5px  $fringe_shadow,
905
     1.5px  1.75px $fringe_shadow,
906
     1.75px 2px    $fringe_shadow;
26 PointedEar 907
   */
908
  /* Same shadow as .f */
909
  text-shadow:
32 PointedEar 910
     0.5px   0.25px #5b6e65,
911
     0.75px  0.5px  #5b6e65,
912
     1.25px  0.75px #5b6e65,
913
     1.5px   1.25px #5b6e65,
914
     1.75px  1.5px  #5b6e65,
915
     2px     1.75px #5b6e65,
916
     2.25px     2px #5b6e65;
26 PointedEar 917
}
918
 
919
.fringe .n {
920
  display: inline-block;
921
  /*- webkit-transform: matrix(1, 0, -0.01, 1, 0, 0); */
922
  text-shadow:
32 PointedEar 923
 
924
 
925
 
926
 
927
 
928
 
929
 
26 PointedEar 930
}
931
 
932
.fringe .g {
933
  display: inline-block;
934
  /* -webkit-transform: matrix(1, 0, 0.01, 1, 0, 0); */
935
  /* text-shadow:
32 PointedEar 936
 
937
     -0.5px  0.5px  $fringe_shadow,
938
     -0.75px 0.75px $fringe_shadow,
939
     -1px    1.25px $fringe_shadow,
940
     -1.25px 1.5px  $fringe_shadow,
941
     -1.5px  1.75px $fringe_shadow,
942
     -1.75px 2px    $fringe_shadow; */
26 PointedEar 943
  /* Same shadow as .e */
944
  text-shadow:
32 PointedEar 945
    -0.25px 0.25px #5b6e65,
946
    -0.5px  0.5px  #5b6e65,
947
    -1px    0.75px #5b6e65,
948
    -1.25px 1.25px #5b6e65,
949
    -1.5px  1.5px  #5b6e65,
950
    -1.75px 1.75px #5b6e65,
951
    -2px    2px    #5b6e65;
26 PointedEar 952
}
953
 
954
.fringe .e {
955
  display: inline-block;
956
  /* -webkit-transform: matrix(1, 0, 0.02, 1, 0, 0); */
957
  text-shadow:
32 PointedEar 958
    -0.25px 0.25px #5b6e65,
959
    -0.5px  0.5px  #5b6e65,
960
    -1px    0.75px #5b6e65,
961
    -1.25px 1.25px #5b6e65,
962
    -1.5px  1.5px  #5b6e65,
963
    -1.75px 1.75px #5b6e65,
964
    -2px    2px    #5b6e65;
26 PointedEar 965
}
966
 
967
@font-face {
968
  font-family: "Futurama Title";
969
  src: local("Futurama Title"), url(/styles/fonts/futurama-title.ttf);
970
}
971
 
972
.futurama {
973
  display: block;
974
  padding-top: 0.5em;
975
  font-family: "Futurama Title", serif;
976
  text-transform: uppercase;
977
  line-height: 1em;
978
  -webkit-transform: translateX(-0.67em);
979
}
980
 
981
.futurama span {
982
  display: inline-block;
983
   line-height: 1em;
984
}
985
 
986
.futurama .f {
987
  -webkit-transform: rotate(-36deg) translateY(0.125em);
988
}
989
 
990
.futurama .u {
991
  -webkit-transform: rotate(-25.7deg) translateX(0.25em) translateY(-0.25em);
992
}
993
 
994
.futurama .t {
995
  -webkit-transform: rotate(-15.4deg) translateX(0.33em) translateY(-0.625em);
996
}
997
 
998
.futurama .u2 {
999
  -webkit-transform: rotate(-5.1deg) translateX(0.4em) translateY(-0.825em);
1000
}
1001
 
1002
.futurama .r {
1003
  -webkit-transform: rotate(5.1deg) translateX(0.45em) translateY(-0.95em);
1004
}
1005
 
1006
.futurama .a {
1007
  -webkit-transform: rotate(15.4deg) translateX(0.5em) translateY(-0.9em);
1008
}
1009
 
1010
.futurama .m {
1011
  -webkit-transform: rotate(25.7deg) translateX(0.55em) translateY(-0.7em);
1012
}
1013
 
1014
.futurama .a2 {
1015
  -webkit-transform: rotate(36deg) translateX(0.67em) translateY(-0.4em);
1016
}
1017
 
1018
@font-face {
1019
  font-family: "ITC Avant Garde Gothic Medium";
1020
  src: local("ITC Avant Garde Gothic Medium"), local("ITC Avant Garde Gothic"),
41 PointedEar 1021
    url(/styles/fonts/non-free/itc_avant_garde_gothic--lte52011.ttf);
26 PointedEar 1022
}
1023
 
1024
.glee {
1025
  padding: 0.125em 0.5em;
1026
  /* background-image: -moz-radial-gradient(#FFEA8C, #FFD727);
1027
  background-image: -webkit-radial-gradient(#FFEA8C, #FFD727);
1028
  background-color: #FFD727; */
1029
  background-color: #000;
1030
  color: #fff;
1031
  font-family: "ITC Avant Garde Gothic Medium", sans-serif;
1032
  font-size: 120%;
1033
  text-transform: lowercase;
1034
  letter-spacing: -0.0625em;
1035
}
1036
 
1037
.glee .lee {
1038
  letter-spacing: -0.125em;
1039
}
1040
 
1041
@font-face {
1042
  font-family: "SKM Avant Garde Two";
41 PointedEar 1043
  src: local("SKM Avant Garde Two"), url(/styles/fonts/non-free/SKM%20Avant%20Garde%20Two.ttf);
26 PointedEar 1044
}
1045
 
1046
.heroes {
1047
  position: relative;
202 PointedEar 1048
  padding: 0.3em 0.75em 0.3em 0.75em;
26 PointedEar 1049
  background-color: black;
1050
  color: #fff;
1051
  font-family: "SKM Avant Garde Two", sans-serif;
1052
  text-transform: uppercase;
1053
  letter-spacing: 0.5em;
1054
}
1055
 
1056
.heroes .o {
1057
  position: relative;
1058
  color: #ffffed;
1059
  padding: 0.25em 0.125em;
1060
}
1061
 
1062
.heroes .o:after {
1063
  position: absolute;
1064
  left: -0.25em;
1065
  top: 0;
1066
  right: 0;
1067
  bottom: 0;
1068
  background-image:
1069
    /* glare */
1070
    -webkit-radial-gradient(48% 20%, circle, #ffffff 0%, #ffffff 7%,
1071
      rgb(250, 226, 182) 8%, rgba(250, 226, 182, 0) 23%),
1072
 
1073
    /* moon */
1074
    -webkit-radial-gradient(41% 50%, circle, black 35%, transparent 40%),
1075
 
1076
    /* corona */
1077
    -webkit-radial-gradient(41% 50%, circle, #f5eccd 35%, transparent 50%),
1078
 
1079
    /* flares */
1080
    -webkit-radial-gradient(44% 44%, circle, #ffffff 35%, transparent 55%);
1081
 
1082
  content: "";
1083
}
1084
 
1085
.heroes .s {
1086
  letter-spacing: normal;
1087
}
1088
 
1089
@font-face {
1090
  font-family: "House";
1091
  src: local("House"), url(/styles/fonts/House.ttf);
1092
}
1093
 
1094
.house {
1095
  /* text-transform: uppercase; */
1096
}
1097
 
1098
.house .h {
1099
  font-family: House, sans-serif;
1100
  /*
1101
  display: inline-block;
1102
  border: 1px solid black;
1103
  width: 1em;
1104
  height: 1em;
1105
  line-height: 1em;
1106
  text-align: center;
1107
  margin-right: 0.125em;
1108
  */
1109
}
1110
 
1111
.house .ouse {
1112
  font-family: House, sans-serif;
1113
  /* text-decoration: underline; */
1114
}
1115
 
1116
.house .md {
1117
  position: relative;
1118
  bottom: -0.4em;
1119
  font-size: 0.6em;
1120
}
1121
 
1122
.house .md-de {
1123
  position: relative;
1124
  font-size: 0.6em;
1125
  text-decoration: underline;
1126
}
1127
 
1128
@font-face {
1129
  font-family: "MacEnvy DB";
1130
  src: local("MacEnvy DB"), url(/styles/fonts/MacEnvy_DB-Regular.ttf);
1131
}
1132
 
1133
.ijon-tichy {
1134
  padding: 0.25em 0.5em;
1135
  background-color: #000;
1136
  color: #B9B7BA;
1137
  line-height: 1em;
1138
  font-family: "MacEnvy DB", sans-serif;
1139
  text-align: center;
1140
  text-transform: uppercase;
1141
}
1142
 
1143
.ijon-tichy .title {
1144
  display: block;
1145
  letter-spacing: 0.0625em;
1146
}
1147
 
1148
.ijon-tichy .title .i {
1149
  text-shadow: 1.5px 0.5px #59575A, 2px 0.75px #59575A;
1150
}
1151
 
1152
.ijon-tichy .title .j {
1153
  text-shadow: 1.5px 0.5px #59575A, 1.5px 0.75px #59575A;
1154
}
1155
 
1156
.ijon-tichy .title .o {
1157
  text-shadow: 1.5px 0.5px #59575A, 1px 0.75px #59575A;
1158
}
1159
 
1160
.ijon-tichy .title .n {
1161
  text-shadow: 1px 0.75px #59575A;
1162
}
1163
 
1164
.ijon-tichy .title .t {
1165
  text-shadow: 0 0.75px #59575A;
1166
}
1167
 
1168
.ijon-tichy .title .i2 {
1169
  text-shadow: -0.5px 0.75px #59575A;
1170
}
1171
 
1172
.ijon-tichy .title .c {
1173
  text-shadow: -1px 0.75px #59575A;
1174
}
1175
 
1176
.ijon-tichy .title .h {
1177
  text-shadow: -1.5px 0.75px #59575A, -1px 0.5px #59575A;
1178
}
1179
 
1180
.ijon-tichy .title .y {
1181
  text-shadow: -1.5px 0.75px #59575A, -1.5px 0.5px #59575A;
1182
}
1183
 
1184
.ijon-tichy .subtitle {
1185
  display: block;
1186
  font-size: 67%;
1187
  letter-spacing: 0.4em;
1188
}
1189
 
1190
.ijon-tichy .subtitle .r {
1191
  text-shadow: 1.5px 0.5px #59575A;
1192
}
1193
 
1194
.ijon-tichy .subtitle .a {
1195
  text-shadow: 1px 0.5px #59575A;
1196
}
1197
 
1198
.ijon-tichy .subtitle .u {
1199
  text-shadow: 0.5px 0.5px #59575A;
1200
}
1201
 
1202
.ijon-tichy .subtitle .mpi {
1203
  text-shadow: 0 0.5px #59575A;
1204
}
1205
 
1206
.ijon-tichy .subtitle .l {
1207
  text-shadow: -0.5px 0.5px #59575A;
1208
}
1209
 
1210
.ijon-tichy .subtitle .o {
1211
  text-shadow: -1px 0.5px #59575A;
1212
}
1213
 
1214
.ijon-tichy .subtitle .t {
1215
  text-shadow: -1.5px 0.5px #59575A;
1216
}
1217
 
1218
.ijon-tichy .subtitle2 {
1219
  display: block;
1220
  font-size: 50%;
1221
  line-height: 1em;
1222
}
1223
 
1224
.ijon-tichy .subtitle2 .die {
1225
  text-shadow: 1px 0.5px #59575A;
1226
}
1227
 
1228
.ijon-tichy .subtitle2 .ster {
1229
  text-shadow: 0.5px 0.5px #59575A;
1230
}
1231
 
1232
.ijon-tichy .subtitle2 .ntag {
1233
  text-shadow: 0 0.5px #59575A;
1234
}
1235
 
1236
.ijon-tichy .subtitle2 .ebuec {
1237
  text-shadow: -0.5px 0.5px #59575A;
1238
}
1239
 
1240
.ijon-tichy .subtitle2 .her {
1241
  text-shadow: -1px 0.5px #59575A;
1242
}
1243
 
1244
@font-face {
1245
  font-family: "Digital1";
1246
  src: local("Transponder AOE"), url(/styles/fonts/digital/TRANA___.TTF);
1247
}
1248
 
1249
.it-crowd {
1250
  position: relative;
1251
  padding: 0.125em 0.75em 0.125em 0.5em;
1252
  background-color: black;
1253
  color: #d4774b;
1254
  font-family: "Digital1", monospace;
1255
  font-size: 120%;
1256
  text-transform: uppercase;
1257
  text-shadow: 0 0 1px #d4774b;
1258
}
1259
 
1260
.it-crowd:after {
1261
  position: absolute;
1262
  top: 0;
1263
  content: "\258E";
1264
  letter-spacing: 0;
1265
}
1266
 
32 PointedEar 1267
.superman {
1268
  font-weight: bold;
1269
}
1270
 
26 PointedEar 1271
.life-on-mars {
28 PointedEar 1272
  display: inline-block;
26 PointedEar 1273
  padding: 0.25em 0.5em;
28 PointedEar 1274
  background-color: #000;
26 PointedEar 1275
  background-image:
28 PointedEar 1276
    -webkit-linear-gradient(left,
202 PointedEar 1277
        rgba(255, 255, 255, 0) 44%,
1278
        rgba(255, 255, 255, 1) 45%,
1279
        rgba(255, 255, 255, 1) 46%,
1280
        rgba(255, 255, 255, 0) 47%),
32 PointedEar 1281
    -webkit-linear-gradient(top,
202 PointedEar 1282
        rgba(255, 255, 255, 0) 48%,
1283
        rgba(255, 255, 255, 1) 48%,
1284
        rgba(255, 255, 255, 1) 52%,
1285
        rgba(255, 255, 255, 0) 52%);
28 PointedEar 1286
  color: #fff;
32 PointedEar 1287
  font-weight: bold;
28 PointedEar 1288
  text-shadow: 0 0 0.5px #fff;
26 PointedEar 1289
  text-transform: uppercase;
28 PointedEar 1290
  -webkit-text-fill-color: transparent;
26 PointedEar 1291
}
1292
 
202 PointedEar 1293
.life-on-mars .life {
1294
  vertical-align: top;
1295
  display: inline-block;
1296
}
1297
 
28 PointedEar 1298
.life-on-mars .e {
1299
  letter-spacing: 0.5em;
1300
}
1301
 
202 PointedEar 1302
.life-on-mars .life-on {
1303
  display: inline-block;
1304
  text-align: left;
1305
}
1306
 
28 PointedEar 1307
.life-on-mars .on {
202 PointedEar 1308
  display: inline-block;
1309
  text-align: left;
28 PointedEar 1310
  text-shadow: 0 0 1px #fff;
1311
}
1312
 
1313
.life-on-mars .mars {
202 PointedEar 1314
  display: block;
1315
  position: relative;
1316
  top: 0.25em;
1317
  text-align: left;
28 PointedEar 1318
  text-shadow: 0 0 2px #fff;
1319
}
1320
 
26 PointedEar 1321
.macgyver {
1322
  padding: 0.125em 0.5em;
1323
  background-color: #080a09;
1324
  color: #bb1e15;
1325
  font-family: "Copperplate Gothic Bold", serif;
1326
  font-size: 150%;
1327
  font-variant: small-caps;
1328
  font-weight: bold;
32 PointedEar 1329
 
26 PointedEar 1330
  text-shadow:
32 PointedEar 1331
    -0.5px -0.5px #9f1512,
1332
     0px   -0.5px #9f1512,
1333
     0.5px -0.5px #9f1512,
1334
    -0.5px  0px   #9f1512,
1335
     0.5px  0px   #9f1512,
1336
    -0.5px  0.5px #9f1512,
1337
     0px    0.5px #9f1512,
1338
     0.5px  0.5px #9f1512,
1339
    -1px   -1px  1px #d9ad7e,
1340
     0px   -1px  1px #d9ad7e,
1341
     1px   -1px  1px #d9ad7e,
1342
    -1px    0px  1px #d9ad7e,
1343
     1px    0px  1px #d9ad7e,
1344
    -1px    1px  1px #d9ad7e,
1345
     0px    1px  1px #d9ad7e,
1346
     1px    1px  1px #d9ad7e;
26 PointedEar 1347
}
1348
 
1349
@font-face {
1350
  font-family: "Gill Sans Ultra Bold";
41 PointedEar 1351
  src: local("Gill Sans Ultra Bold"), url(/styles/fonts/non-free/gilsanu0.TTF);
26 PointedEar 1352
}
1353
 
1354
.monk {
1355
  color: #d1122a;
1356
  font-family: "Gill Sans Ultra Bold", sans-serif;
1357
  font-size: 110%;
1358
  text-transform: uppercase;
1359
  text-shadow: 1px 1px 1px black;
1360
}
1361
 
1362
@font-face {
1363
  font-family: "Swiss 721 Black Extended BT";
41 PointedEar 1364
  src: local("Swiss 721 Black Extended BT"), url(/styles/fonts/non-free/swiss721_bke.TTF);
26 PointedEar 1365
}
1366
 
1367
.moonlight {
1368
  padding: 0.125em 0.5em;
1369
  background-color: black;
1370
  color: #020109;
1371
  font-family: "Swiss 721 Black Extended BT", sans-serif;
1372
  text-transform: uppercase;
53 PointedEar 1373
  <?php
1374
        Mixins::radial_gradient('background-image',
1375
                '24% 50%, circle,
1376
                 rgba(224, 211, 106, 1) 33%, rgba(224, 211, 106, 0) 36%, #100d04');
1377
  ?>
26 PointedEar 1378
}
1379
 
1380
.moonlight .moon {
1381
  -webkit-mask-image: -webkit-linear-gradient(-80deg, rgba(0,0,0,0.33), rgba(0,0,0,1) 67%);
1382
  letter-spacing: -0.0625em;
1383
}
1384
 
1385
.moonlight .moon .n {
1386
  letter-spacing: 0.125em;
1387
}
1388
 
1389
.moonlight .light {
1390
  color: #ebf062;
1391
  text-shadow: 1px 1px 2px #070400;
1392
}
1393
 
192 PointedEar 1394
.moonlighting {
1395
  padding: 0.125em 0.5em;
202 PointedEar 1396
  background-color: #672522;
1397
  <?php Mixins::linear_gradient('background-image', '#672b24, #652313'); ?>
1398
  color: #f2f4ff;
1399
  color: rgba(242, 244, 255, 0.97);
192 PointedEar 1400
  font: 116% "Futura Condensed", sans-serif;
202 PointedEar 1401
  text-shadow: 0 0 5px rgba(219, 227, 236, 0.5);
192 PointedEar 1402
  text-transform: uppercase;
202 PointedEar 1403
  -webkit-text-fill-color: rgba(123, 134, 255, 0.53);
1404
  -webkit-text-stroke: 1px rgba(242, 244, 255, 0.97);
192 PointedEar 1405
}
1406
 
26 PointedEar 1407
@font-face {
1408
  font-family: "Terminator";
1409
  src: url(/styles/fonts/TERMINAT.TTF);
1410
}
1411
 
1412
.mutant-x {
1413
  position: relative;
1414
  padding: 0.25em 0.5em 0.125em 0.5em;
1415
  background-color: black;
1416
  color: #8f6442;
1417
  font-family: "Terminator", sans-serif;
1418
  font-size: 105%;
1419
  text-transform: uppercase;
1420
  white-space: nowrap;
1421
  -webkit-text-stroke: 0.5px rgba(255, 255, 255, 0.1);
1422
}
1423
 
1424
.mutant-x .gradient {
1425
  position: absolute;
1426
  padding: 0.25em 0.5em 0.125em 0.5em;
1427
  left: 0;
1428
  top: 0;
1429
  -webkit-mask-image: -webkit-linear-gradient(
1430
    rgba(0, 0, 0, 1) 30%, transparent 55%, rgba(0, 0, 0, 1) 80%);
1431
  z-index: 2;
1432
}
1433
 
1434
.mutant-x:after {
1435
  content: "Mutant X";
1436
  color: #fcf1eb;
1437
}
1438
 
1439
@font-face {
1440
  font-family: "Walkway SemiBold";
1441
  src: local("Walkway SemiBold"), url(/styles/fonts/Walkway_SemiBold.ttf);
1442
}
1443
 
1444
.numb3rs {
1445
  position: relative;
1446
  padding: 0.25em 0.5em 0.125em 0.5em;
1447
  background-color: #000200;
1448
  /*
1449
  background-image:
1450
    -webkit-repeating-linear-gradient(left, transparent, transparent 9px,
1451
      rgba(244, 247, 244, 0.5) 10px, rgba(244, 247, 244, 0.5) 10px),
1452
    -webkit-repeating-linear-gradient(top, transparent, transparent 4px,
1453
      rgba(244, 247, 244, 0.5) 5px, rgba(244, 247, 244, 0.5) 5px);
1454
  */
1455
  color: #f4f7f4;
1456
  font-family: "Walkway SemiBold", Helvetica, sans-serif;
1457
  font-size: 116%;
1458
  font-weight: lighter;
1459
  letter-spacing: 1px;
1460
  text-shadow: 0 0 2px #f4f7f4;
1461
  text-transform: uppercase;
1462
}
1463
 
1464
.numb3rs .s {
1465
  letter-spacing: normal;
1466
}
1467
 
1468
/*  
1469
.numb3rs .gradient {
1470
  position: absolute;
1471
  left: 0;
1472
  top: 0;
1473
  padding: 0.25em 0.5em 0.125em 0.5em;
1474
  color: #f4f7f4;
1475
  -webkit-mask-image: -webkit-linear-gradient(rgba(0, 0, 0, 1), transparent 75%);
1476
  z-index: 2;
1477
}
1478
 
1479
.numb3rs:after {
1480
  content: "Numb3rs";
1481
  color: #898b88;
1482
  text-transform: uppercase;
1483
} */
1484
 
1485
@font-face {
28 PointedEar 1486
  font-family: "Unconform Round";
1487
  src: local("Unconform Round"), url(/styles/fonts/UNCON___.TTF);
1488
}
1489
 
1490
.odyssey5 {
1491
  padding: 0.5em 0.5em 0.125em 0.5em;
1492
  background-color: #000;
1493
  color: #d1550b;
1494
  font-family: "Unconform Round", sans-serif;
1495
  text-transform: uppercase;
1496
  letter-spacing: 0.125em;
1497
}
1498
 
1499
.odyssey5 .s2 {
1500
  letter-spacing: 0.25em;
1501
}
1502
 
1503
.odyssey5 .e {
1504
  letter-spacing: 0.5em;
1505
}
1506
 
1507
.odyssey5 .y2 {
1508
  letter-spacing: 0.5em;
1509
}
1510
 
1511
.odyssey5 .five {
1512
  letter-spacing: normal;
1513
}
1514
 
1515
@font-face {
26 PointedEar 1516
  font-family: "Dateline Bold";
1517
  src: local("Dateline Bold"), url(/styles/fonts/DatelineBold.ttf);
1518
}
1519
 
1520
.psych {
1521
  font-family: "Dateline Bold", serif;
1522
  font-size: 110%;
1523
  letter-spacing: -0.125em;
1524
  color: #749f27;
1525
}
1526
 
1527
@font-face {
1528
  font-family: "Swiss Cheesed";
1529
  src: local("SwissCheese"), url(/styles/fonts/SwissCheesed.ttf);
1530
}
1531
 
1532
.quantum-leap {
1533
  position: relative;
1534
  left: 0;
1535
  top: 0;
1536
  padding: 0.5em 0.5em 0.25em 0.5em;
1537
  background-color: black;
32 PointedEar 1538
 
1539
  color: #5598ff;
26 PointedEar 1540
  font-family: "Swiss Cheesed", sans-serif;
1541
  font-size: 110%;
1542
  letter-spacing: 0.0625em;
1543
  text-transform: uppercase;
1544
  text-align: center;
1545
  text-shadow:
32 PointedEar 1546
    -1px -1px #6f98e5,
1547
 
1548
     1px -1px #6f98e5,
1549
    -1px  0px #6f98e5,
1550
 
1551
     1px  0px #6f98e5,
1552
    -1px  1px #6f98e5,
1553
 
1554
     1px  1px #6f98e5,
1555
    -1px -1px 8px #5598ff,
1556
 
1557
     1px -1px 8px #5598ff,
1558
    -1px  0   8px #5598ff,
1559
 
1560
     1px  0   8px #5598ff,
1561
    -1px  1px 8px #5598ff,
1562
 
1563
     1px  1px 8px #5598ff;
26 PointedEar 1564
}
1565
 
1566
.quantum-leap .gradient {
1567
  position: absolute;
1568
  left: 0;
1569
  top: 0;
1570
  padding: 0.5em 0.5em 0.25em 0.5em;
1571
  color: #000;
32 PointedEar 1572
  -webkit-text-fill-color: #5598ff;
26 PointedEar 1573
  -webkit-mask-image: -webkit-linear-gradient(rgba(0, 0, 0, 1), transparent 33%);
1574
  z-index: 2;
1575
}
1576
.quantum-leap:after {
1577
  content: "Quantum Leap";
1578
  color: #000;
1579
}
1580
 
1581
@font-face {
1582
  font-family: "Spleeny Decaf GD";
41 PointedEar 1583
  src: local("Spleeny Decaf GD"), url(/styles/fonts/non-free/Spleeny%20Decaf%20GD.ttf);
26 PointedEar 1584
}
1585
 
1586
.reaper {
1587
  font-family: "Spleeny Decaf GD", fantasy;
1588
  text-transform: uppercase;
1589
}
1590
 
1591
@font-face {
192 PointedEar 1592
  font-family: 'MicroExtendFLF-Bold';
1593
  src:
1594
        local('MicroExtendFLF-Bold'),
1595
        url('/styles/fonts/MicroExtendFLF-Bold.ttf.woff') format('woff'),
1596
    url('/styles/fonts/MicroExtendFLF-Bold.ttf.svg#MicroExtendFLF-Bold') format('svg'),
1597
    url('/styles/fonts/MicroExtendFLF-Bold.ttf.eot'),
1598
    url('/styles/fonts/MicroExtendFLF-Bold.ttf.eot?#iefix') format('embedded-opentype');
1599
        font-weight: normal;
1600
  font-style: normal;
1601
}
1602
 
1603
.remington-steele {
1604
  background-color: white;
1605
  color: #506BA6;
1606
  font: bold 104% MicroExtendFLF-Bold, sans-serif;
1607
  text-align: center;
1608
  text-shadow: 1px 1px 1px #000;
1609
  text-transform: uppercase;
1610
}
1611
 
1612
@font-face {
26 PointedEar 1613
  font-family: "Roswell";
1614
  src: local("Roswell"), url(/styles/fonts/Roswell.TTF);
1615
}
1616
 
1617
.roswell {
1618
  padding: 0.25em 0.5em 0.125em 0.5em;
1619
  background-color: #000;
53 PointedEar 1620
  <?php
1621
    Mixins::linear_gradient('background-image', 'left, #6f3811, #000');
1622
  ?>
26 PointedEar 1623
  color: #ffffbc;
1624
  font-family: "Roswell", sans-serif;
1625
  letter-spacing: 0.25em;
32 PointedEar 1626
 
26 PointedEar 1627
  text-shadow:
32 PointedEar 1628
    -1px -1px 1px rgba(138, 8, 0, 0.5),
1629
     0px  1px 1px rgba(138, 8, 0, 0.5),
1630
     1px  1px 1px rgba(138, 8, 0, 0.5);
26 PointedEar 1631
  text-transform: uppercase;
32 PointedEar 1632
  -webkit-text-stroke: 0.25px rgba(138, 8, 0, 0.75);
26 PointedEar 1633
}
1634
 
1635
.roswell span {
1636
  letter-spacing: normal;
1637
}
1638
 
1639
.samantha-who {
1640
  padding: 0.125em 0.25em 0.125em 0.25em;
1641
  background-color: #000;
1642
  color: #e3e5e2;
1643
  line-height: 1em;
1644
}
1645
 
1646
.samantha-who .text {
1647
  display: inline-block;
1648
}
1649
 
1650
.samantha-who .samantha {
1651
  display: block;
1652
  position: relative;
1653
  padding-top: 0.25em;
1654
  padding-left: 0.25em;
1655
  font-family: "a_Futura Orto", sans-serif;
205 PointedEar 1656
  text-align: right;
26 PointedEar 1657
  text-transform: uppercase;
1658
}
1659
 
1660
.samantha-who .samantha::after {
1661
  position: absolute;
1662
  left: -0.2em;
1663
  top: -1.05em;
1664
  right: 0.2em;
1665
  bottom: 1.05em;
1666
  background-image: -webkit-radial-gradient(10% 15%, 20% 20%, transparent 15%, #d29c13 26%, #d29c13 34%, transparent 45%);
1667
  content: "";
1668
  -webkit-transform: rotate(-27deg);
1669
  /*border: 1px solid red;*/
1670
}
1671
 
1672
.samantha-who .who,
1673
.samantha-who .q {
1674
  color: #e81b04;
1675
}
1676
 
1677
.samantha-who .who {
1678
  display: block;
1679
  font-weight: bold;
1680
  line-height: 0.75em;
205 PointedEar 1681
  text-align: right;
26 PointedEar 1682
}
1683
 
1684
.samantha-who .q {
1685
  font-family: cursive;
1686
  font-size: 200%;
1687
  font-weight: lighter;
1688
}
1689
 
1690
@font-face {
1691
  font-family: "Scrubs";
1692
  src: local("TSS Scrubs Logo"), url(/styles/fonts/tsslogo.ttf);
1693
}
1694
 
1695
.scrubs:before {
1696
  content: "[";
1697
}
1698
 
1699
.scrubs {
1700
  padding: 0.125em 0.25em 0 0.25em;
1701
  background-color: #15121a;
1702
  color: #d0f9fb;
1703
  font-family: "Scrubs", sans-serif;
1704
  font-size: 150%;
1705
  text-shadow: 0 0 10px #d0f9fb;
1706
}
1707
 
1708
.scrubs .s {
1709
  text-transform: uppercase;
1710
}
1711
 
1712
.scrubs:after {
1713
  content: "]";
1714
}
1715
 
1716
@font-face {
1717
  font-family: "seaQuest";
1718
  src: local("Seaquest"), url(/styles/fonts/SQDSV.TTF);
1719
}
1720
 
1721
.seaQuest {
1722
  position: relative;
1723
  padding-top: 1.5em;
1724
  background-color: #00001e;
1725
<?php
1726
  // error_reporting(E_ALL | E_STRICT);
1727
  $lambda = 1;
1728
  for ($i = 0; $i < 200; ++$i)
1729
  {
1730
    $x = mt_rand(1, 99);
1731
    /*
1732
     * Decreasing probability of pixels near bottom through exponential distribution;
1733
     * TODO: If coord > 50%, decrease probability of appearance.
1734
     */
172 PointedEar 1735
    $max = $lambda * exp(-$lambda * mt_rand(0, 5)) * 99;
1736
    if (1 <= $max)
1737
    {
1738
            $y = mt_rand(1, $max);
1739
          $coords[] = array('x' => $x, 'y' => $y);
1740
    }
26 PointedEar 1741
  }
1742
 
1743
  $dots = array_map(function ($coord) {
1744
    return "-webkit-radial-gradient({$coord['x']}% {$coord['y']}%, 1px 1px, rgba(255, 255, 255, 0.75), rgba(0, 0, 30, 0))";
1745
  }, $coords);
1746
?>
1747
  /* water bubbles */
1748
  background-image: <?php echo implode(",\n    ", $dots); ?>,
1749
    /* sunlight */
1750
    -webkit-radial-gradient(50% 0%, 50% 200%, #00438c, rgba(0, 0, 31, 0)),
1751
    /* water */
1752
    -webkit-linear-gradient(#030129, #00000c);
32 PointedEar 1753
  color: #ffc50c;
26 PointedEar 1754
  font-family: "seaQuest", sans-serif;
1755
  font-size: 92%;
1756
}
1757
 
1758
.seaQuest #seaQuest {
1759
  display: block;
1760
  padding: 0 0.25em;
1761
  text-transform: uppercase;
1762
  line-height: 1;
1763
}
1764
 
1765
.seaQuest #seaQuest .s {
1766
  text-shadow:
1767
    0.5px -0.25px 0.5px #f5bd46,
1768
    1px   -0.5px  0.5px #cd8d1f,
1769
    1.5px -0.75px 0.5px #b37b1c,
1770
    2px   -1px    0.5px #805b17,
1771
    2.5px -1.25px 0.5px #2e2000,
1772
    3px   -1.5px  0.5px #040400,
1773
    3.5px -1.75px       #000508;
1774
}
1775
 
1776
.seaQuest #seaQuest .e {
1777
  text-shadow:
1778
    0.5px -0.25px 0.5px #f5bd46,
1779
    1px   -0.5px  0.5px #cd8d1f,
1780
    1.5px -0.75px 0.5px #b37b1c,
1781
    2px   -1px    0.5px #805b17,
1782
    2.5px -1.25px 0.5px #2e2000,
1783
    3px   -1.5px        #040400;
1784
}
1785
 
1786
.seaQuest #seaQuest .a {
1787
  text-shadow:
1788
    0.5px -0.25px 0.5px #fdb207,
1789
    1px   -0.5px  0.5px #eb950e,
1790
    1.5px -0.75px 0.5px #ae5900,
1791
    2px   -1px    0.5px #642a00,
1792
    2.5px -1.25px       #261704;
1793
}
1794
 
1795
.seaQuest #seaQuest .q {
1796
  position: relative;
1797
  visibility: hidden;
1798
  display: inline-block;
1799
  margin-right: 0.5em;
1800
  text-shadow: none;
1801
}
1802
 
1803
.seaQuest #seaQuest .q:after {
1804
  position: absolute;
1805
  visibility: visible;
1806
  margin-right: 0.125em;
1807
  left: 0;
1808
  top: -0.5em;
1809
  right: 0;
1810
  bottom: 0;
1811
  content: "{";
1812
  text-align: center;
1813
  text-shadow:
1814
    0.5px -0.25px 0.5px #ffb43b,
1815
    1px   -0.5px  0.5px #e28d23,
1816
    1.5px -0.75px 0.5px #853400,
1817
    2px   -1px          #510600;
1818
}
1819
 
1820
.seaQuest #seaQuest .u {
1821
  text-shadow:
1822
    0.5px -0.25px 0.5px #f7c35d,
1823
    1px   -0.5px  0.5px #a36729,
1824
    1.5px -0.75px 0.5px #3c0800,
1825
    2px   -1px          #1b011c;
1826
}
1827
 
1828
.seaQuest #seaQuest .e2 {
1829
  text-shadow:
1830
     0.5px -0.25px 0.5px #d8ab56,
1831
     1px   -0.5px  0.5px #5c3605;
1832
}
1833
 
1834
.seaQuest #seaQuest .s2 {
1835
  text-shadow:
1836
    0px    -0.25px 0.5px #d8ab56,
1837
    -0.5px -0.5px  0.5px #5c3605,
1838
    -1px   -0.75px       #200d00,
1839
     0.5px -0.25px       #200d00;
1840
}
1841
 
1842
.seaQuest #seaQuest .t {
1843
  text-shadow:
1844
     0.5px -0.25px       #e9bf73,
1845
    -0.5px -0.25px 0.5px #d8ab56,
1846
    -1px   -0.5px  0.5px #5c3605,
1847
    -1.5px -0.75px       #200d00,
1848
     0.5px -0.25px       #200d00;
1849
}
1850
 
1851
.seaQuest #dsv {
1852
  position: relative;
1853
  visibility: hidden;
1854
  display: block;
1855
  margin-top: 0.5em;
1856
  padding-bottom: 0.25em;
1857
  line-height: 1;
1858
}
1859
 
1860
.seaQuest #dsv:after {
1861
  position: absolute;
1862
  visibility: visible;
1863
  left: -0.75em;
1864
  top: 0;
1865
  right: 0;
1866
  bottom: 0;
1867
  content: "|";
1868
  text-align: center;
1869
  text-shadow:
1870
    0.5px -0.25px 0.5px #ffb43b,
1871
    1px   -0.5px  0.5px #e28d23,
1872
    1.5px -0.75px 0.5px #853400,
1873
    2px   -1px          #510600;
1874
}
1875
 
1876
@font-face {
205 PointedEar 1877
    font-family: 'Jura-Demi-Bold';
1878
    src:url('/styles/fonts/Jura-Demi-Bold.ttf.woff') format('woff'),
1879
        url('/styles/fonts/Jura-Demi-Bold.ttf.svg#Jura-Demi-Bold') format('svg'),
1880
        url('/styles/fonts/Jura-Demi-Bold.ttf.eot'),
1881
        url('/styles/fonts/Jura-Demi-Bold.ttf.eot?#iefix') format('embedded-opentype');
1882
        font-weight: normal;
1883
        font-style: normal;
1884
}
1885
 
1886
.seven-days {
1887
  position: relative;
1888
  padding: 1em 1em 0.75em;
1889
  background-color: #020401;
1890
  color: #f7fbe0;
1891
  font-family: 'Jura-Demi-Bold', sans-serif;
1892
  font-size: 80%;
1893
  font-weight: bold;
1894
  text-transform: uppercase;
1895
  letter-spacing: 1em;
1896
  white-space: nowrap;
1897
}
1898
 
1899
.seven-days:before {
1900
  position: absolute;
1901
  left: 0;
1902
  top: -0.125em;
1903
  right: 0;
1904
  bottom: 0;
1905
  padding-left: 0.75em;
1906
  display: block;
1907
  color: #191955;
1908
  content: "7";
1909
  font-size: 350%;
1910
  font-weight: 900;
1911
  text-align: center;
1912
}
1913
 
1914
.seven-days:after {
1915
  position: absolute;
1916
  left: 0;
1917
  top: -0.125em;
1918
  right: 0;
1919
  bottom: 0;
1920
  padding-left: 0.75em;
1921
  display: block;
1922
  content: "7";
1923
  font-size: 350%;
1924
  font-weight: 900;
1925
  text-align: center;
1926
  color: transparent;
1927
  -webkit-text-fill-color: #f7fbe0;
1928
  -webkit-mask-image: -webkit-linear-gradient(bottom left,
1929
        rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 60%);
1930
}
1931
 
1932
.seven-days .s {
1933
  letter-spacing: normal;
1934
}
1935
 
1936
@font-face {
26 PointedEar 1937
  font-family: "London Tube";
41 PointedEar 1938
  src: local("P22 Johnston Underground"), url(/styles/fonts/non-free/p22-johnston-underground.ttf);
26 PointedEar 1939
}
1940
 
1941
.sherlock {
1942
  font-family: "London Tube", sans-serif;
1943
  font-size: 120%;
1944
  text-transform: uppercase;
1945
}
1946
 
1947
@font-face {
1948
  font-family: "Simpsonfont";
1949
  src: local("Simpsonfont"), url(/styles/fonts/Simpsonfont.ttf);
1950
}
1951
 
1952
@font-face {
1953
  font-family: "Akbar";
1954
  src: local("Akbar"), url(/styles/fonts/akbar.ttf);
1955
}
1956
 
1957
.simpsons {
1958
  position: relative;
1959
  min-width: 6em;
1960
  min-height: 2em;
1961
  padding: 0.125em 0.25em;
1962
  background-color: #6598DC;
1963
  color: #FFD166;
1964
  font-family: "Akbar", sans-serif;
1965
  text-align: center;
1966
  text-transform: uppercase;
1967
  overflow: hidden;
1968
}
1969
 
1970
.simpsons span {
1971
  position: relative;
1972
  display: block;
1973
}
1974
 
53 PointedEar 1975
<?php
1976
  Mixins::keyframes('zoom-in',
1977
    '0% {
1978
       opacity: 0;
1979
       -moz-transform: perspective(100px) translateX(0) translateY(0) translateZ(-400px);
1980
       -webkit-transform: perspective(100px) translateX(0) translateY(0) translateZ(-400px);
1981
     }
1982
 
1983
     20% {
1984
       opacity: 1;
1985
     }
1986
 
1987
     100% {
1988
       -moz-transform: perspective(100px) translateX(5px) translateY(-4px) translateZ(100px);
1989
       -webkit-transform: perspective(100px) translateX(5px) translateY(-4px) translateZ(100px);
1990
     }');
1991
?>
1992
 
26 PointedEar 1993
.simpsons:hover span.text {
53 PointedEar 1994
  <?php
1995
        Mixins::animation('-name', 'zoom-in');
1996
        /* -webkit-animation-iteration-count: infinite; */
1997
        Mixins::animation('-duration', '3s');
1998
  ?>  
26 PointedEar 1999
}
2000
 
2001
@font-face {
192 PointedEar 2002
    font-family: 'Interdimensional';
2003
    src:
2004
      url('/styles/fonts/Interdimensional.ttf.woff') format('woff'),
2005
      url('/styles/fonts/Interdimensional.ttf.svg#Interdimensional') format('svg'),
2006
      url('/styles/fonts/Interdimensional.ttf.eot'),
2007
      url('/styles/fonts/Interdimensional.ttf.eot?#iefix') format('embedded-opentype');
2008
    font-weight: normal;
2009
    font-style: normal;
2010
}
2011
 
2012
.sliders {
2013
  padding: 0.125em 0.5em;
2014
  background-color: #000;
2015
  color: #c1d4e2;
2016
  font-family: Interdimensional, sans-serif;
2017
  letter-spacing: 0.125em;
2018
  text-transform: uppercase;
2019
  text-shadow: 0 0 2px #c1d4e2;
2020
}
2021
 
2022
.sliders .last {
2023
  letter-spacing: normal;
2024
}
2025
 
2026
@font-face {
26 PointedEar 2027
  font-family: "Smallville";
2028
  src: local("Smallville"), url(/styles/fonts/Smallville1.ttf);
2029
}
2030
 
2031
.smallville {
2032
  font-family: "Smallville", sans-serif;
2033
  font-size: 160%;
2034
  text-transform: uppercase;
2035
  color: #FE1318;
2036
}
2037
 
2038
/* Symmetric "Superman" effect */
2039
.smallville span {
2040
  position: relative;
2041
  top: -0.1em;
2042
  font-size: 90%;
2043
}
172 PointedEar 2044
 
2045
.space-above-beyond {
174 PointedEar 2046
  background-color: #222723;
2047
  color: #A7B2C4;
172 PointedEar 2048
  padding: 0.25em 0.5em;
2049
  text-transform: uppercase;
2050
}
2051
 
174 PointedEar 2052
@font-face {
2053
  font-family: "Freedom Fighter";
2054
  src: local("Freedom Fighter"), url(/styles/fonts/freedomfighter.ttf);
2055
}
2056
 
172 PointedEar 2057
.space-above-beyond .space {
2058
  display: block;
174 PointedEar 2059
  color: #5E5C5D;
2060
  font: 150% "Freedom Fighter", sans-serif;
172 PointedEar 2061
  text-align: justify;
174 PointedEar 2062
  text-shadow: 1px 1px 1px #0A0300, -1px -1px 1px #F5FBFF;
172 PointedEar 2063
}
2064
 
2065
.space-above-beyond .space span {
2066
  letter-spacing: normal;
2067
}
2068
 
2069
.space-above-beyond .above-beyond {
2070
  display: block;
2071
  font-size: 50%;
2072
  text-align: justify;
174 PointedEar 2073
  word-spacing: 0.125em;
2074
  -webkit-text-stroke: #A7B2C4 1px;
172 PointedEar 2075
}
2076
 
2077
.space-above-beyond .above-beyond span {
2078
  word-spacing: normal;
2079
}
2080
 
26 PointedEar 2081
@font-face {
2082
  font-family: "Stargate";
2083
  src: local("Stargate"), url(/styles/fonts/STARGATE.TTF);
2084
}
2085
 
2086
.stargate {
2087
  font-family: "Stargate", serif;
2088
  font-size: 122%;
2089
  text-align: center;
2090
  text-transform: uppercase;
2091
}
2092
 
2093
.stargate > span {
2094
  display: block;
2095
}
2096
 
2097
.stargate.en {
2098
  letter-spacing: 0.125em;
2099
}
2100
 
202 PointedEar 2101
.stargate.en span .t,
2102
.stargate.en span .a2
2103
{
2104
  letter-spacing: 0.03125em;
2105
}
2106
 
26 PointedEar 2107
.stargate.en span span:last-child {
2108
  letter-spacing: normal;
2109
}
2110
 
2111
.stargate.en > span:first-child {
2112
  padding-bottom: 0;
202 PointedEar 2113
  /* border-bottom: 1px solid black; */
26 PointedEar 2114
}
2115
 
2116
.stargate.en > span:last-child {
202 PointedEar 2117
  /* padding-top: 0.125em; */
26 PointedEar 2118
}
2119
 
202 PointedEar 2120
.stargate.de span .a2 {
2121
  letter-spacing: -0.03125em;
2122
}
2123
 
26 PointedEar 2124
.stargate.de > span:last-child {
2125
  font-size: 64%;
2126
}
2127
 
2128
.stargate .a {
2129
  text-transform: lowercase;
2130
}
2131
 
2132
.atlantis .stargate {
2133
  display: inline-block;
2134
  padding: 0 0.25em;
2135
  border-bottom: 1px solid black;
2136
  font-size: 81%;
2137
  letter-spacing: 0.125em;
2138
}
2139
 
2140
.atlantis .atlantis {
2141
  margin-top: 0.125em;
2142
  position: relative;
2143
  top: -0.15em;
2144
  padding-top: 0.15em;
2145
  letter-spacing: 0.125em;
2146
}
2147
 
2148
.atlantis span span:last-child
2149
{
2150
  letter-spacing: normal;
2151
}
2152
 
2153
.sg-u {
2154
  padding: 0.25em 0.25em 0 0.25em;
2155
  background-color: #000;
2156
  color: #eee;
2157
  font-family: "Eurostile Extended", sans-serif;
2158
  font-size: 122%;
32 PointedEar 2159
  font-weight: bold;
26 PointedEar 2160
  letter-spacing: -0.125em;
2161
}
2162
 
2163
.sg-u .ring {
2164
  letter-spacing: -0.2em;
2165
}
2166
 
2167
@font-face {
2168
  font-family: "Torchwood";
2169
  src: local("Torchwood"), url(/styles/fonts/Torchwood.ttf);
2170
}
2171
 
2172
@font-face {
2173
  font-family: "Federation Classic";
2174
  src: local("Federation Classic"), url(/styles/fonts/FEC_____.TTF);
2175
}
2176
 
41 PointedEar 2177
.star-trek-tos {
26 PointedEar 2178
  padding: 0.125em 0.25em 0 0.25em;
2179
  background-color: #000;
41 PointedEar 2180
  color: #FBB72C;
26 PointedEar 2181
  font-family: "Federation Classic", sans-serif;
2182
  font-size: 150%;
2183
  text-transform: lowercase;
2184
}
2185
 
41 PointedEar 2186
@font-face {
2187
  font-family: "Starnext";
2188
        src: local("Starnext"), url(/styles/fonts/StarNext.ttf);
2189
}
2190
 
2191
.star-trek-tng {
2192
  padding: 0.25em 0.5em 0.25em 0.5em;
2193
  background-color: #000;
2194
  color: #2D7BCD;
2195
  font-family: "Starnext", sans-serif;
2196
  font-size: 120%;
2197
  line-height: 1;
2198
        text-transform: uppercase;
2199
  text-align: center;
2200
}
2201
 
2202
.star-trek-tng span {
2203
  display: block;
2204
}
2205
 
2206
.star-trek-tng .star {
2207
  text-align: left;
2208
}
2209
 
2210
.star-trek-tng .trek {
2211
  position: relative;
2212
  top: -0.2em;
2213
  text-align: right;
2214
}
2215
 
2216
.star-trek-tng .tng {
2217
  font-size: 44%;
2218
}
2219
 
29 PointedEar 2220
.time-trax {
2221
  background-color: #fff;
2222
  color: #003ee5;
2223
  font-size: 120%;
32 PointedEar 2224
  font-weight: bold;
29 PointedEar 2225
  text-shadow: 2px 1px #00021c;
2226
}
2227
 
26 PointedEar 2228
.torchwood {
2229
  padding: 0.125em 0.25em;
2230
  background-color: black;
2231
  color: #E72524;
2232
  font-family: "Torchwood", serif;
2233
  font-size: 106%;
2234
  text-transform: uppercase;
2235
}
2236
 
2237
@font-face {
2238
  font-family: "True Blood";
41 PointedEar 2239
  src: local("True Blood"), url(/styles/fonts/non-free/TRUEBLOOD.ttf);
26 PointedEar 2240
}
2241
 
2242
.true-blood {
53 PointedEar 2243
  font-family: "True Blood", sans-serif;
26 PointedEar 2244
}
2245
 
2246
.true-blood .upper {
2247
  text-transform: uppercase;
2248
}
2249
 
2250
.true-blood .blood {
2251
  color: #991b30;
2252
}
2253
 
2254
.true-blood .lower {
2255
  text-transform: lowercase;
2256
}
2257
 
2258
.tara {
2259
  font-family: sans-serif;
32 PointedEar 2260
  font-weight: bold;
26 PointedEar 2261
  text-transform: uppercase;
2262
}
2263
 
2264
.visitors {
2265
  position: relative;
2266
  padding: 0.5em 0.5em 0.25em 0.5em;
2267
  background-color: #000;
2268
  color: #ff1700;
2269
  font-family: fantasy;
2270
  font-size: 80%;
2271
  line-height: 2em;
2272
}
2273
 
2274
.visitors span {
2275
  vertical-align: middle;
2276
}
2277
 
2278
.visitors .v {
2279
  position: absolute;
2280
  left: 0;
2281
  width: 100%;
2282
  font-size: 300%;
2283
  color: rgba(210, 0, 1, 0.8);
2284
  text-align: center;
2285
}
2286
 
2287
.visitors .subtitle {
2288
  text-transform: uppercase;
2289
}
2290
 
2291
@font-face {
2292
  font-family: "Gunplay";
2293
  src: local("Gunplay"), url(/styles/fonts/gunplay.ttf);
2294
}
2295
 
2296
.warehouse-13 {
2297
  padding: 0 0.25em 0.125em 0.25em;
2298
  background-color: #000;
2299
  color: #BF311A;
2300
  font-family: "Gunplay", sans-serif;
2301
  text-transform: uppercase;
2302
}
2303
 
2304
.warehouse-13 .numbers {
2305
  color: #B4B4B4;
2306
}
2307
 
2308
div.box {
2309
  border: 1px solid black;
2310
  position: relative;
2311
  text-align: center;
2312
}
2313
 
2314
div.meter, div.coverage {
2315
  position: absolute;
2316
  height: 100%;
2317
}
2318
 
2319
div.meter {
2320
  background-color: rgba(0, 0, 128, 0.5);
2321
}
2322
 
2323
div.season {
2324
  position: absolute;
2325
  border-left: 1px solid #333;
2326
  background-color: transparent;
2327
  color: #999;
2328
  overflow: hidden;
2329
  white-space: nowrap;
2330
}
2331
 
2332
div.coverage {
2333
  background-color: rgba(0, 218, 0, 0.5);
2334
}
2335
 
2336
.percentage {
2337
  position: relative;
2338
  background-color: rgba(255, 255, 255, 0.5);
2339
}