Subversion Repositories LCARS

Rev

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

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