Subversion Repositories LCARS

Rev

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