Subversion Repositories LCARS

Rev

Rev 29 | Rev 41 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 29 Rev 32
Line 48... Line 48...
48
}
48
}
49
49
50
th {
50
th {
51
  width: 20%;
51
  width: 20%;
52
  padding: 0.25em 0.5em 0.25em 0;
52
  padding: 0.25em 0.5em 0.25em 0;
-
 
53
  font-weight: normal;
53
  text-align: right;
54
  text-align: right;
54
}
55
}
55
56
56
td:first-child {
57
td:first-child {
57
  width: 1em;
58
  width: 1em;
Line 82... Line 83...
82
@font-face {
83
@font-face {
83
  font-family: "X-Files";
84
  font-family: "X-Files";
84
  src: local("X-Files"), url(/styles/fonts/x-files.ttf);
85
  src: local("X-Files"), url(/styles/fonts/x-files.ttf);
85
}
86
}
86
87
87
<?php
-
 
88
  $xfiles_pos = '65% 60%';
-
 
89
  $xfiles_angle = '12deg';
-
 
90
  $xfiles_gray = '236, 244, 235';
-
 
91
?>
-
 
92
-
 
93
.akte-x {
88
.akte-x {
94
  padding: 1em 0.25em 0.6em 0.25em;
89
  padding: 1em 0.25em 0.6em 0.25em;
95
  background-image:
90
  background-image:
96
    linear-gradient(<?php echo $xfiles_angle; ?>,
91
    -o-linear-gradient(12deg,
97
      rgba(<?php echo $xfiles_gray; ?>, 0) 33%, rgba(<?php echo $xfiles_gray; ?>, 0.9) 68%,
92
      rgba(236, 244, 235, 0) 33%, rgba(236, 244, 235, 0.9) 68%,
98
      rgba(<?php echo $xfiles_gray; ?>, 0.9) 70%, rgba(<?php echo $xfiles_gray; ?>, 0) 90%);
93
      rgba(236, 244, 235, 0.9) 70%, rgba(236, 244, 235, 0) 90%);
99
  background-image:
94
  background-image:
100
    -moz-radial-gradient(<?php echo $xfiles_pos; ?>,
-
 
101
      rgba(<?php echo $xfiles_gray; ?>, 0.5) 50%, rgba(<?php echo $xfiles_gray; ?>, 0.1)),
-
 
102
    -moz-linear-gradient(<?php echo $xfiles_angle; ?>,
95
    linear-gradient(12deg,
103
      rgba(<?php echo $xfiles_gray; ?>, 0) 33%, rgba(<?php echo $xfiles_gray; ?>, 0.9) 68%,
96
      rgba(236, 244, 235, 0) 33%, rgba(236, 244, 235, 0.9) 68%,
104
      rgba(<?php echo $xfiles_gray; ?>, 0.9) 70%, rgba(<?php echo $xfiles_gray; ?>, 0) 90%);
97
      rgba(236, 244, 235, 0.9) 70%, rgba(236, 244, 235, 0) 90%);
105
  background-image:
98
  background-image:
-
 
99
    -moz-radial-gradient(65% 60%,
-
 
100
      rgba(236, 244, 235, 0.5) 50%, rgba(236, 244, 235, 0.1)),
106
    -o-linear-gradient(<?php echo $xfiles_angle; ?>,
101
    -moz-linear-gradient(12deg,
107
      rgba(<?php echo $xfiles_gray; ?>, 0) 33%, rgba(<?php echo $xfiles_gray; ?>, 0.9) 68%,
102
      rgba(236, 244, 235, 0) 33%, rgba(236, 244, 235, 0.9) 68%,
108
      rgba(<?php echo $xfiles_gray; ?>, 0.9) 70%, rgba(<?php echo $xfiles_gray; ?>, 0) 90%);
103
      rgba(236, 244, 235, 0.9) 70%, rgba(236, 244, 235, 0) 90%);
109
  background-image:
104
  background-image:
110
    -webkit-radial-gradient(<?php echo $xfiles_pos; ?>, 25% 75%,
105
    -webkit-radial-gradient(65% 60%, 25% 75%,
111
      rgba(<?php echo $xfiles_gray; ?>, 0.5) 50%, rgba(<?php echo $xfiles_gray; ?>, 0.1)),
106
      rgba(236, 244, 235, 0.5) 50%, rgba(236, 244, 235, 0.1)),
112
    -webkit-linear-gradient(<?php echo $xfiles_angle; ?>,
107
    -webkit-linear-gradient(12deg,
113
      rgba(<?php echo $xfiles_gray; ?>, 0) 33%, rgba(<?php echo $xfiles_gray; ?>, 0.9) 68%,
108
      rgba(236, 244, 235, 0) 33%, rgba(236, 244, 235, 0.9) 68%,
114
      rgba(<?php echo $xfiles_gray; ?>, 0.9) 70%, rgba(<?php echo $xfiles_gray; ?>, 0) 90%);
109
      rgba(236, 244, 235, 0.9) 70%, rgba(236, 244, 235, 0) 90%);
115
  background-color: #000;
110
  background-color: #000;
116
  color: #dcdfdc;
111
  color: #dcdfdc;
117
  line-height: 2em;
112
  line-height: 2em;
118
  vertical-align: middle;  
113
  vertical-align: middle;  
119
}
114
}
120
115
-
 
116
-
 
117
121
.akte-x .small {
118
.akte-x .small {
122
  padding-left: 1em;
119
  padding-left: 1em;
123
  background-image: linear-gradient(bottom left, black, transparent);
120
/*   .linear-gradient(bottom left, black, transparent); */
124
  background-image: -moz-linear-gradient(bottom left, black, transparent);
121
  background-image: -moz-linear-gradient(bottom left, black, transparent);
125
  background-image: -o-linear-gradient(bottom left, black, transparent);
122
  background-image: -o-linear-gradient(bottom left, black, transparent);
126
  background-image: -webkit-linear-gradient(bottom left, black, transparent);
123
  background-image: -webkit-linear-gradient(bottom left, black, transparent);
-
 
124
  background-image: linear-gradient(bottom left, black, transparent);
127
  vertical-align: middle;
125
  vertical-align: middle;
128
  font-family: "Futura Condensed", sans-serif;
126
  font-family: "Futura Condensed", sans-serif;
129
  font-size: 50%;
127
  font-size: 50%;
130
  text-transform: uppercase;
128
  text-transform: uppercase;
131
  letter-spacing: 1em;
129
  letter-spacing: 1em;
Line 176... Line 174...
176
    rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 1));
174
    rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 1));
177
}
175
}
178
176
179
.andromeda .roddenberry {
177
.andromeda .roddenberry {
180
  position: absolute;
178
  position: absolute;
181
  right: 3.5em;
179
  right: 3.75em;
182
  top: 1.7em;
180
  top: 1.7em;
183
  font-family: sans-serif;
181
  font-family: sans-serif;
184
  font-size: 21%;
182
  font-size: 21%;
185
  text-transform: uppercase;
183
  text-transform: uppercase;
186
  color: black;
184
  color: black;
Line 189... Line 187...
189
}
187
}
190
188
191
.big-bang-theory {
189
.big-bang-theory {
192
  font-family: Impact, sans-serif;
190
  font-family: Impact, sans-serif;
193
  font-size: 122%;
191
  font-size: 122%;
-
 
192
  font-weight: bold;
194
  text-transform: uppercase;
193
  text-transform: uppercase;
195
}
194
}
196
195
197
.big-bang-theory .lower {
196
.big-bang-theory .lower {
198
  font-size: 0.75em;
197
  font-size: 0.75em;
Line 345... Line 344...
345
  background-color: black;
344
  background-color: black;
346
  background-image: -webkit-radial-gradient(50% 20%, 20% 100%, white, transparent 75%);
345
  background-image: -webkit-radial-gradient(50% 20%, 20% 100%, white, transparent 75%);
347
  color: white;
346
  color: white;
348
  font-family: serif;
347
  font-family: serif;
349
  font-size: 120%;
348
  font-size: 120%;
-
 
349
  font-weight: bold;
350
  line-height: 1;
350
  line-height: 1;
351
  text-align: center;
351
  text-align: center;
352
  text-transform: uppercase;
352
  text-transform: uppercase;
353
}
353
}
354
354
355
.dead-zone .text {
355
.dead-zone .text {
356
  display: block;
356
  display: block;
357
        margin-top: 1em;
357
  margin-top: 1em;
358
        padding: 0 1em;
358
  padding: 0 1em;
359
        background: white;
359
  background: white;
360
        background:
360
  background:
361
                -webkit-linear-gradient(-5deg, rgba(255, 255, 255, 0),
361
    -webkit-linear-gradient(-5deg, rgba(255, 255, 255, 0),
362
                        rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)),
362
      rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)),
363
                -webkit-linear-gradient(5deg, rgba(255, 255, 255, 0),
363
    -webkit-linear-gradient(5deg, rgba(255, 255, 255, 0),
364
                        rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
364
      rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
365
        background:
365
  background:
366
                linear-gradient(-5deg, rgba(255, 255, 255, 0),
366
    linear-gradient(-5deg, rgba(255, 255, 255, 0),
367
                        rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)),
367
      rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)),
368
                linear-gradient(5deg, rgba(255, 255, 255, 0),
368
    linear-gradient(5deg, rgba(255, 255, 255, 0),
369
                        rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
369
      rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
370
        color: black;
370
  color: black;
371
}
371
}
372
372
373
.dead-zone .text .dead {
373
.dead-zone .text .dead {
374
  display: block;
374
  display: block;
375
  top: -0.125em;
375
  top: -0.125em;
Line 385... Line 385...
385
  top: -0.5em;
385
  top: -0.5em;
386
  font-size: 110%;
386
  font-size: 110%;
387
  -webkit-transform: perspective(15px) rotateX(35deg);
387
  -webkit-transform: perspective(15px) rotateX(35deg);
388
  transform: perspective(15px) rotateX(35deg);
388
  transform: perspective(15px) rotateX(35deg);
389
  -webkit-mask-image: -webkit-linear-gradient(
389
  -webkit-mask-image: -webkit-linear-gradient(
390
        rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.67));
390
    rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.67));
391
}
391
}
392
392
393
@font-face {
393
@font-face {
394
  font-family: "Doctor Who";
394
  font-family: "Doctor Who";
395
  src: local("Matt Smith Doctor Who"), url(/styles/fonts/matt_smith_doctor_who.ttf);
395
  src: local("Matt Smith Doctor Who"), url(/styles/fonts/matt_smith_doctor_who.ttf);
Line 587... Line 587...
587
  display: inline-block;
587
  display: inline-block;
588
  position: relative;
588
  position: relative;
589
  bottom: 0.25em;
589
  bottom: 0.25em;
590
  text-shadow: 0 1px 1px rgb(168, 217, 231), 0 1px rgb(77, 148, 168);
590
  text-shadow: 0 1px 1px rgb(168, 217, 231), 0 1px rgb(77, 148, 168);
591
  text-shadow: 0 1px 1px rgba(168, 217, 231, 0.9), 0 1px rgba(77, 148, 168, 0.9);
591
  text-shadow: 0 1px 1px rgba(168, 217, 231, 0.9), 0 1px rgba(77, 148, 168, 0.9);
592
  <?php
592
 
593
    $matrix = 'matrix(1, 0, 0, 0.9, 0, 0)';
593
  -moz-transform: matrix(1, 0, 0, 0.9, 0, 0);
594
    $transforms3d = 'perspective(50px) rotateX(45deg)';
594
  -moz-transform: perspective(50px) rotateX(45deg);
595
  ?>
-
 
596
  -moz-transform: <?php echo $matrix; ?>;
-
 
597
  -moz-transform: <?php echo $transforms3d; ?>;
-
 
598
  -o-transform: <?php echo $matrix; ?>;
595
  -o-transform: matrix(1, 0, 0, 0.9, 0, 0);
599
  -ms-transform: <?php echo $matrix; ?>;
596
  -ms-transform: matrix(1, 0, 0, 0.9, 0, 0);
600
  -webkit-transform: <?php echo $transforms3d; ?>;
597
  -webkit-transform: perspective(50px) rotateX(45deg);
601
  transform: <?php echo $transforms3d; ?>;
598
  transform: perspective(50px) rotateX(45deg);
602
}
599
}
603
600
604
.eureka .ka {
601
.eureka .ka {
605
  text-shadow: -1px 0 1px rgb(168, 217, 231), -1px -1px rgb(77, 148, 168),
602
  text-shadow: -1px 0 1px rgb(168, 217, 231), -1px -1px rgb(77, 148, 168),
606
    0 -1px rgb(77, 148, 168);
603
    0 -1px rgb(77, 148, 168);
Line 622... Line 619...
622
619
623
.frasier span {
620
.frasier span {
624
  font-size: 75%;
621
  font-size: 75%;
625
}
622
}
626
623
-
 
624
.fresh-hell {
-
 
625
  position: relative;
-
 
626
  background-color: white;
-
 
627
  color: #fff900;
-
 
628
  font-family: Kruella, fantasy;
-
 
629
  font-size: 150%;
-
 
630
  text-transform: uppercase;
-
 
631
  white-space: nowrap;
-
 
632
  -webkit-text-stroke: 0.25px #333;
-
 
633
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
-
 
634
}
-
 
635
-
 
636
.fresh-hell .gradient {
-
 
637
  position: absolute;
-
 
638
  left: 0;
-
 
639
  top: 0;
-
 
640
  -webkit-mask-image: -webkit-linear-gradient(
-
 
641
    rgba(0, 0, 0, 1), transparent);
-
 
642
  z-index: 2;
-
 
643
}
-
 
644
-
 
645
.fresh-hell:after {
-
 
646
  content: "Fresh Hell";
-
 
647
  color: #bf170a;
-
 
648
}
-
 
649
627
@font-face {
650
@font-face {
628
  font-family: "Century Gothic";
651
  font-family: "Century Gothic";
629
  src: local("Century Gothic"), url(/styles/fonts/Century_Gothic.TTF);
652
  src: local("Century Gothic"), url(/styles/fonts/Century_Gothic.TTF);
630
}
653
}
631
654
632
<?php
-
 
633
  $fringe_color = '#101811';
-
 
634
  $fringe_shadow = '#5b6e65';
-
 
635
?>
-
 
636
-
 
637
.fringe {
655
.fringe {
638
  display: inline-block;
656
  display: inline-block;
639
  padding: 0.125em 0.5em 0.125em 0.5em;
657
  padding: 0.125em 0.5em 0.125em 0.5em;
640
  background-color: #000;
658
  background-color: #000;
641
  background-image: -moz-radial-gradient(center, #D6DBD3 4%, #7d9b9d 60%, black);
659
  background-image: -moz-radial-gradient(center, #D6DBD3 4%, #7d9b9d 60%, black);
642
  background-image: -webkit-radial-gradient(center, 67% 67%, #D6DBD3 4%, #7d9b9d 60%, black);
660
  background-image: -webkit-radial-gradient(center, 67% 67%, #D6DBD3 4%, #7d9b9d 60%, black);
643
  color: <?php echo $fringe_color; ?>;
661
  color: #101811;
644
  font-family: "Century Gothic", sans-serif;
662
  font-family: "Century Gothic", sans-serif;
645
  font-weight: bolder;
663
  font-weight: bolder;
646
  font-size: 140%;
664
  font-size: 140%;
647
  text-transform: uppercase;
665
  text-transform: uppercase;
648
}
666
}
Line 651... Line 669...
651
  display: inline-block;
669
  display: inline-block;
652
  /*
670
  /*
653
  -webkit-mask-image: -webkit-radial-gradient(center, 150% 150%,
671
  -webkit-mask-image: -webkit-radial-gradient(center, 150% 150%,
654
    rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.125));
672
    rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.125));
655
  */
673
  */
656
  <?php $transforms3d = 'perspective(50px) rotateX(4.43deg)'; ?>
674
  -moz-transform: perspective(50px) rotateX(4.43deg);
657
  -moz-transform: <?php echo $transforms3d; ?>;
-
 
658
  -webkit-transform: <?php echo $transforms3d; ?>;
675
  -webkit-transform: perspective(50px) rotateX(4.43deg);
659
  transform: <?php echo $transforms3d; ?>;
676
  transform: perspective(50px) rotateX(4.43deg);
660
}
677
}
661
678
662
.fringe .f {
679
.fringe .f {
663
  display: inline-block;
680
  display: inline-block;
664
681
665
  /*-webkit-transform: matrix(1, 0, -0.06, 1, 0, 0);*/
682
  /*-webkit-transform: matrix(1, 0, -0.06, 1, 0, 0);*/
666
  text-shadow:
683
  text-shadow:
667
     0.5px   0.25px <?php echo $fringe_shadow; ?>,
684
     0.5px   0.25px #5b6e65,
668
     0.75px  0.5px  <?php echo $fringe_shadow; ?>,
685
     0.75px  0.5px  #5b6e65,
669
     1.25px  0.75px <?php echo $fringe_shadow; ?>,
686
     1.25px  0.75px #5b6e65,
670
     1.5px   1.25px <?php echo $fringe_shadow; ?>,
687
     1.5px   1.25px #5b6e65,
671
     1.75px  1.5px  <?php echo $fringe_shadow; ?>,
688
     1.75px  1.5px  #5b6e65,
672
     2px     1.75px <?php echo $fringe_shadow; ?>,
689
     2px     1.75px #5b6e65,
673
     2.25px     2px <?php echo $fringe_shadow; ?>;
690
     2.25px     2px #5b6e65;
674
 
691
 
675
  /* text-shadow: 1px 0.75px 2px #5b6e65, 1px 1.75px 0px #758278; */
692
  /* text-shadow: 1px 0.75px 2px #5b6e65, 1px 1.75px 0px #758278; */
676
  /* shadow-pos: y = -0.83909963 * x */
693
  /* shadow-pos: y = -0.83909963 * x */
677
/*
694
/*
678
  text-shadow: 0.5px 0.25px #111910, 0.75px 0.5px #111910,
695
  text-shadow: 0.5px 0.25px #111910, 0.75px 0.5px #111910,
679
    1.25px 0.75px #111910, 1.5px 1.25px #111910, 1.75px 1.5px #111910,
696
    1.25px 0.75px #111910, 1.5px 1.25px #111910, 1.75px 1.5px #111910,
680
    1.75px 1.5px #111910, 2.25px 1.75px #111910;
697
    1.75px 1.5px #111910, 2.25px 1.75px #111910;
681
 */    
698
 */    
682
}
699
}
683
700
684
-
 
685
.fringe .r {
701
.fringe .r {
686
  display: inline-block;
702
  display: inline-block;
687
  /*-webkit-transform: matrix(1, 0, -0.04, 1, 0, 0);*/
703
  /*-webkit-transform: matrix(1, 0, -0.04, 1, 0, 0);*/
688
  /*
704
  /*
689
  text-shadow:
705
  text-shadow:
690
     0.25px   0.25px <?php echo $fringe_shadow; ?>,
706
     0.25px   0.25px $fringe_shadow,
691
     0.5px  0.5px  <?php echo $fringe_shadow; ?>,
707
     0.5px    0.5px  $fringe_shadow,
692
     1px  0.75px <?php echo $fringe_shadow; ?>,
708
     1px      0.75px $fringe_shadow,
693
     1.25px   1.25px <?php echo $fringe_shadow; ?>,
709
     1.25px   1.25px $fringe_shadow,
694
     1.5px  1.5px  <?php echo $fringe_shadow; ?>,
710
     1.5px    1.5px  $fringe_shadow,
695
     1.75px     1.75px <?php echo $fringe_shadow; ?>,
711
     1.75px   1.75px $fringe_shadow,
696
     2px     2px <?php echo $fringe_shadow; ?>;
712
     2px      2px    $fringe_shadow;
697
  */
713
  */
698
  /* Same shadow as .f */
714
  /* Same shadow as .f */
699
  text-shadow:
715
  text-shadow:
700
     0.5px   0.25px <?php echo $fringe_shadow; ?>,
716
     0.5px   0.25px #5b6e65,
701
     0.75px  0.5px  <?php echo $fringe_shadow; ?>,
717
     0.75px  0.5px  #5b6e65,
702
     1.25px  0.75px <?php echo $fringe_shadow; ?>,
718
     1.25px  0.75px #5b6e65,
703
     1.5px   1.25px <?php echo $fringe_shadow; ?>,
719
     1.5px   1.25px #5b6e65,
704
     1.75px  1.5px  <?php echo $fringe_shadow; ?>,
720
     1.75px  1.5px  #5b6e65,
705
     2px     1.75px <?php echo $fringe_shadow; ?>,
721
     2px     1.75px #5b6e65,
706
     2.25px     2px <?php echo $fringe_shadow; ?>;
722
     2.25px     2px #5b6e65;
707
}
723
}
708
724
709
.fringe .i {
725
.fringe .i {
710
  display: inline-block;
726
  display: inline-block;
711
  /* -webkit-transform: matrix(1, 0, -0.02, 1, 0, 0); */
727
  /* -webkit-transform: matrix(1, 0, -0.02, 1, 0, 0); */
712
  /*
728
  /*
713
  text-shadow:
729
  text-shadow:
714
     0   0.25px <?php echo $fringe_shadow; ?>,
730
     0      0.25px $fringe_shadow,
715
     0.5px  0.5px  <?php echo $fringe_shadow; ?>,
731
     0.5px  0.5px  $fringe_shadow,
716
     0.75px  0.75px <?php echo $fringe_shadow; ?>,
732
     0.75px 0.75px $fringe_shadow,
717
     1px   1.25px <?php echo $fringe_shadow; ?>,
733
     1px    1.25px $fringe_shadow,
718
     1.25px  1.5px  <?php echo $fringe_shadow; ?>,
734
     1.25px 1.5px  $fringe_shadow,
719
     1.5px     1.75px <?php echo $fringe_shadow; ?>,
735
     1.5px  1.75px $fringe_shadow,
720
     1.75px     2px <?php echo $fringe_shadow; ?>;
736
     1.75px 2px    $fringe_shadow;
721
   */
737
   */
722
  /* Same shadow as .f */
738
  /* Same shadow as .f */
723
  text-shadow:
739
  text-shadow:
724
     0.5px   0.25px <?php echo $fringe_shadow; ?>,
740
     0.5px   0.25px #5b6e65,
725
     0.75px  0.5px  <?php echo $fringe_shadow; ?>,
741
     0.75px  0.5px  #5b6e65,
726
     1.25px  0.75px <?php echo $fringe_shadow; ?>,
742
     1.25px  0.75px #5b6e65,
727
     1.5px   1.25px <?php echo $fringe_shadow; ?>,
743
     1.5px   1.25px #5b6e65,
728
     1.75px  1.5px  <?php echo $fringe_shadow; ?>,
744
     1.75px  1.5px  #5b6e65,
729
     2px     1.75px <?php echo $fringe_shadow; ?>,
745
     2px     1.75px #5b6e65,
730
     2.25px     2px <?php echo $fringe_shadow; ?>;
746
     2.25px     2px #5b6e65;
731
}
747
}
732
748
733
.fringe .n {
749
.fringe .n {
734
  display: inline-block;
750
  display: inline-block;
735
  /*- webkit-transform: matrix(1, 0, -0.01, 1, 0, 0); */
751
  /*- webkit-transform: matrix(1, 0, -0.01, 1, 0, 0); */
736
  text-shadow:
752
  text-shadow:
737
    0   0.25px <?php echo $fringe_shadow; ?>,
753
    0  0.25px #5b6e65,
738
    0  0.5px  <?php echo $fringe_shadow; ?>,
754
    0  0.5px  #5b6e65,
739
    0  0.75px <?php echo $fringe_shadow; ?>,
755
    0  0.75px #5b6e65,
740
    0   1.25px <?php echo $fringe_shadow; ?>,
756
    0  1.25px #5b6e65,
741
    0  1.5px  <?php echo $fringe_shadow; ?>,
757
    0  1.5px  #5b6e65,
742
    0     1.75px <?php echo $fringe_shadow; ?>,
758
    0  1.75px #5b6e65,
743
    0     2px <?php echo $fringe_shadow; ?>;
759
    0  2px    #5b6e65;
744
}
760
}
745
761
746
.fringe .g {
762
.fringe .g {
747
  display: inline-block;
763
  display: inline-block;
748
  /* -webkit-transform: matrix(1, 0, 0.01, 1, 0, 0); */
764
  /* -webkit-transform: matrix(1, 0, 0.01, 1, 0, 0); */
749
  /* text-shadow:
765
  /* text-shadow:
750
    0   0.25px <?php echo $fringe_shadow; ?>,
766
      0      0.25px $fringe_shadow,
751
     -0.5px  0.5px  <?php echo $fringe_shadow; ?>,
767
     -0.5px  0.5px  $fringe_shadow,
752
     -0.75px  0.75px <?php echo $fringe_shadow; ?>,
768
     -0.75px 0.75px $fringe_shadow,
753
     -1px   1.25px <?php echo $fringe_shadow; ?>,
769
     -1px    1.25px $fringe_shadow,
754
     -1.25px  1.5px  <?php echo $fringe_shadow; ?>,
770
     -1.25px 1.5px  $fringe_shadow,
755
     -1.5px     1.75px <?php echo $fringe_shadow; ?>,
771
     -1.5px  1.75px $fringe_shadow,
756
     -1.75px     2px <?php echo $fringe_shadow; ?>; */
772
     -1.75px 2px    $fringe_shadow; */
757
  /* Same shadow as .e */
773
  /* Same shadow as .e */
758
  text-shadow:
774
  text-shadow:
759
    -0.25px   0.25px <?php echo $fringe_shadow; ?>,
775
    -0.25px 0.25px #5b6e65,
760
    -0.5px  0.5px  <?php echo $fringe_shadow; ?>,
776
    -0.5px  0.5px  #5b6e65,
761
    -1px  0.75px <?php echo $fringe_shadow; ?>,
777
    -1px    0.75px #5b6e65,
762
    -1.25px   1.25px <?php echo $fringe_shadow; ?>,
778
    -1.25px 1.25px #5b6e65,
763
    -1.5px  1.5px  <?php echo $fringe_shadow; ?>,
779
    -1.5px  1.5px  #5b6e65,
764
    -1.75px     1.75px <?php echo $fringe_shadow; ?>;
780
    -1.75px 1.75px #5b6e65,
765
    -2px     2px <?php echo $fringe_shadow; ?>;
781
    -2px    2px    #5b6e65;
766
}
782
}
767
783
768
.fringe .e {
784
.fringe .e {
769
  display: inline-block;
785
  display: inline-block;
770
  /* -webkit-transform: matrix(1, 0, 0.02, 1, 0, 0); */
786
  /* -webkit-transform: matrix(1, 0, 0.02, 1, 0, 0); */
771
  text-shadow:
787
  text-shadow:
772
    -0.25px   0.25px <?php echo $fringe_shadow; ?>,
788
    -0.25px 0.25px #5b6e65,
773
    -0.5px  0.5px  <?php echo $fringe_shadow; ?>,
789
    -0.5px  0.5px  #5b6e65,
774
    -1px  0.75px <?php echo $fringe_shadow; ?>,
790
    -1px    0.75px #5b6e65,
775
    -1.25px   1.25px <?php echo $fringe_shadow; ?>,
791
    -1.25px 1.25px #5b6e65,
776
    -1.5px  1.5px  <?php echo $fringe_shadow; ?>,
792
    -1.5px  1.5px  #5b6e65,
777
    -1.75px     1.75px <?php echo $fringe_shadow; ?>;
793
    -1.75px 1.75px #5b6e65,
778
    -2px     2px <?php echo $fringe_shadow; ?>;
794
    -2px    2px    #5b6e65;
779
}
795
}
780
796
781
@font-face {
797
@font-face {
782
  font-family: "Futurama Title";
798
  font-family: "Futurama Title";
783
  src: local("Futurama Title"), url(/styles/fonts/futurama-title.ttf);
799
  src: local("Futurama Title"), url(/styles/fonts/futurama-title.ttf);
Line 1077... Line 1093...
1077
  top: 0;
1093
  top: 0;
1078
  content: "\258E";
1094
  content: "\258E";
1079
  letter-spacing: 0;
1095
  letter-spacing: 0;
1080
}
1096
}
1081
1097
-
 
1098
.superman {
-
 
1099
  font-weight: bold;
-
 
1100
}
-
 
1101
1082
.life-on-mars {
1102
.life-on-mars {
1083
  display: inline-block;
1103
  display: inline-block;
1084
  padding: 0.25em 0.5em;
1104
  padding: 0.25em 0.5em;
1085
  background-color: #000;
1105
  background-color: #000;
1086
  background-image:
1106
  background-image:
1087
    -webkit-linear-gradient(left,
1107
    -webkit-linear-gradient(left,
1088
        rgba(255, 255, 255, 0) 35%,
1108
      rgba(255, 255, 255, 0) 35%,
1089
        rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 1) 36%,
1109
      rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 1) 36%,
1090
        rgba(255, 255, 255, 0) 38%),
1110
      rgba(255, 255, 255, 0) 38%),
1091
        -webkit-linear-gradient(top,
1111
    -webkit-linear-gradient(top,
1092
                rgba(255, 255, 255, 0) 81%,
1112
      rgba(255, 255, 255, 0) 81%,
1093
                rgba(255, 255, 255, 1) 81%, rgba(255, 255, 255, 1) 89%,
1113
      rgba(255, 255, 255, 1) 81%, rgba(255, 255, 255, 1) 89%,
1094
                rgba(255, 255, 255, 0) 89%);
1114
      rgba(255, 255, 255, 0) 89%);
1095
  color: #fff;
1115
  color: #fff;
-
 
1116
  font-weight: bold;
1096
  text-shadow: 0 0 0.5px #fff;
1117
  text-shadow: 0 0 0.5px #fff;
1097
  text-transform: uppercase;
1118
  text-transform: uppercase;
1098
  -webkit-text-fill-color: transparent;
1119
  -webkit-text-fill-color: transparent;
1099
}
1120
}
1100
1121
Line 1116... Line 1137...
1116
  color: #bb1e15;
1137
  color: #bb1e15;
1117
  font-family: "Copperplate Gothic Bold", serif;
1138
  font-family: "Copperplate Gothic Bold", serif;
1118
  font-size: 150%;
1139
  font-size: 150%;
1119
  font-variant: small-caps;
1140
  font-variant: small-caps;
1120
  font-weight: bold;
1141
  font-weight: bold;
1121
  <?php
-
 
1122
    $darkred = '#9f1512';
-
 
1123
    $gold = '#d9ad7e';
-
 
1124
  ?>
1142
1125
  text-shadow:
1143
  text-shadow:
1126
    -0.5px -0.5px <?php echo $darkred; ?>,
1144
    -0.5px -0.5px #9f1512,
1127
     0px   -0.5px <?php echo $darkred; ?>,
1145
     0px   -0.5px #9f1512,
1128
     0.5px -0.5px <?php echo $darkred; ?>,
1146
     0.5px -0.5px #9f1512,
1129
    -0.5px  0px   <?php echo $darkred; ?>,
1147
    -0.5px  0px   #9f1512,
1130
     0.5px  0px   <?php echo $darkred; ?>,
1148
     0.5px  0px   #9f1512,
1131
    -0.5px  0.5px <?php echo $darkred; ?>,
1149
    -0.5px  0.5px #9f1512,
1132
     0px    0.5px <?php echo $darkred; ?>,
1150
     0px    0.5px #9f1512,
1133
     0.5px  0.5px <?php echo $darkred; ?>,
1151
     0.5px  0.5px #9f1512,
1134
    -1px   -1px  1px <?php echo $gold; ?>,
1152
    -1px   -1px  1px #d9ad7e,
1135
     0px   -1px  1px <?php echo $gold; ?>,
1153
     0px   -1px  1px #d9ad7e,
1136
     1px   -1px  1px <?php echo $gold; ?>,
1154
     1px   -1px  1px #d9ad7e,
1137
    -1px    0px  1px <?php echo $gold; ?>,
1155
    -1px    0px  1px #d9ad7e,
1138
     1px    0px  1px <?php echo $gold; ?>,
1156
     1px    0px  1px #d9ad7e,
1139
    -1px    1px  1px <?php echo $gold; ?>,
1157
    -1px    1px  1px #d9ad7e,
1140
     0px    1px  1px <?php echo $gold; ?>,
1158
     0px    1px  1px #d9ad7e,
1141
     1px    1px  1px <?php echo $gold; ?>;
1159
     1px    1px  1px #d9ad7e;
1142
}
1160
}
1143
1161
1144
@font-face {
1162
@font-face {
1145
  font-family: "Gill Sans Ultra Bold";
1163
  font-family: "Gill Sans Ultra Bold";
1146
  src: local("Gill Sans Ultra Bold"), url(/styles/fonts/gilsanu0.TTF);
1164
  src: local("Gill Sans Ultra Bold"), url(/styles/fonts/gilsanu0.TTF);
Line 1315... Line 1333...
1315
  display: inline-block;
1333
  display: inline-block;
1316
  left: 0;
1334
  left: 0;
1317
  top: 0;
1335
  top: 0;
1318
  padding: 0.5em 0.5em 0.25em 0.5em;
1336
  padding: 0.5em 0.5em 0.25em 0.5em;
1319
  background-color: black;
1337
  background-color: black;
1320
  <?php
1338
1321
    $ql_shine = '#6f98e5';
-
 
1322
    $ql_glow = '#5598ff';
1339
  color: #5598ff;
1323
    $ql_glow_range = '8px';
-
 
1324
  ?>
-
 
1325
  color: <?php echo $ql_glow; ?>;
-
 
1326
  font-family: "Swiss Cheesed", sans-serif;
1340
  font-family: "Swiss Cheesed", sans-serif;
1327
  font-size: 110%;
1341
  font-size: 110%;
1328
  letter-spacing: 0.0625em;
1342
  letter-spacing: 0.0625em;
1329
  text-transform: uppercase;
1343
  text-transform: uppercase;
1330
  text-align: center;
1344
  text-align: center;
1331
  text-shadow:
1345
  text-shadow:
1332
    -1px -1px <?php echo $ql_shine; ?>,
1346
    -1px -1px #6f98e5,
1333
     0   -1px <?php echo $ql_shine; ?>,
1347
     0   -1px #6f98e5,
1334
     1px -1px <?php echo $ql_shine; ?>,
1348
     1px -1px #6f98e5,
1335
    -1px  0px <?php echo $ql_shine; ?>,
1349
    -1px  0px #6f98e5,
1336
     0    0px <?php echo $ql_shine; ?>,
1350
     0    0px #6f98e5,
1337
     1px  0px <?php echo $ql_shine; ?>,
1351
     1px  0px #6f98e5,
1338
    -1px  1px <?php echo $ql_shine; ?>,
1352
    -1px  1px #6f98e5,
1339
     0    1px <?php echo $ql_shine; ?>,
1353
     0    1px #6f98e5,
1340
     1px  1px <?php echo $ql_shine; ?>,
1354
     1px  1px #6f98e5,
1341
    -1px -1px <?php echo $ql_glow_range . ' ' . $ql_glow; ?>,
1355
    -1px -1px 8px #5598ff,
1342
     0   -1px <?php echo $ql_glow_range . ' ' . $ql_glow; ?>,
1356
     0   -1px 8px #5598ff,
1343
     1px -1px <?php echo $ql_glow_range . ' ' . $ql_glow; ?>,
1357
     1px -1px 8px #5598ff,
1344
    -1px  0   <?php echo $ql_glow_range . ' ' . $ql_glow; ?>,
1358
    -1px  0   8px #5598ff,
1345
     0    0   <?php echo $ql_glow_range . ' ' . $ql_glow; ?>,
1359
     0    0   8px #5598ff,
1346
     1px  0   <?php echo $ql_glow_range . ' ' . $ql_glow; ?>,
1360
     1px  0   8px #5598ff,
1347
    -1px  1px <?php echo $ql_glow_range . ' ' . $ql_glow; ?>,
1361
    -1px  1px 8px #5598ff,
1348
     0    1px <?php echo $ql_glow_range . ' ' . $ql_glow; ?>,
1362
     0    1px 8px #5598ff,
1349
     1px  1px <?php echo $ql_glow_range . ' ' . $ql_glow; ?>;
1363
     1px  1px 8px #5598ff;
1350
}
1364
}
1351
1365
1352
.quantum-leap .gradient {
1366
.quantum-leap .gradient {
1353
  position: absolute;
1367
  position: absolute;
1354
  left: 0;
1368
  left: 0;
1355
  top: 0;
1369
  top: 0;
1356
  padding: 0.5em 0.5em 0.25em 0.5em;
1370
  padding: 0.5em 0.5em 0.25em 0.5em;
1357
  color: #000;
1371
  color: #000;
1358
  -webkit-text-fill-color: <?php echo $ql_glow; ?>;
1372
  -webkit-text-fill-color: #5598ff;
1359
  -webkit-mask-image: -webkit-linear-gradient(rgba(0, 0, 0, 1), transparent 33%);
1373
  -webkit-mask-image: -webkit-linear-gradient(rgba(0, 0, 0, 1), transparent 33%);
1360
  z-index: 2;
1374
  z-index: 2;
1361
}
1375
}
1362
.quantum-leap:after {
1376
.quantum-leap:after {
1363
  content: "Quantum Leap";
1377
  content: "Quantum Leap";
Line 1388... Line 1402...
1388
  background-image: -webkit-linear-gradient(left, #6f3811, #000);
1402
  background-image: -webkit-linear-gradient(left, #6f3811, #000);
1389
  background-image: linear-gradient(left, #6f3811, #000);
1403
  background-image: linear-gradient(left, #6f3811, #000);
1390
  color: #ffffbc;
1404
  color: #ffffbc;
1391
  font-family: "Roswell", sans-serif;
1405
  font-family: "Roswell", sans-serif;
1392
  letter-spacing: 0.25em;
1406
  letter-spacing: 0.25em;
1393
  <?php $roswell_red = '138, 8, 0'; ?>
-
 
-
 
1407
1394
  text-shadow:
1408
  text-shadow:
1395
    -1px -1px 1px rgba(<?php echo $roswell_red; ?>, 0.5), 0px -1px 1px rgba(<?php echo $roswell_red; ?>, 0.5), 1px -1px 1px rgba(<?php echo $roswell_red; ?>, 0.5),
1409
    -1px -1px 1px rgba(138, 8, 0, 0.5),
1396
    -1px  0px 1px rgba(<?php echo $roswell_red; ?>, 0.5), 0px  0px 1px rgba(<?php echo $roswell_red; ?>, 0.5), 1px  0px 1px rgba(<?php echo $roswell_red; ?>, 0.5),
1410
     0px  1px 1px rgba(138, 8, 0, 0.5),
1397
    -1px  1px 1px rgba(<?php echo $roswell_red; ?>, 0.5), 0px  1px 1px rgba(<?php echo $roswell_red; ?>, 0.5), 1px  1px 1px rgba(<?php echo $roswell_red; ?>, 0.5);
1411
     1px  1px 1px rgba(138, 8, 0, 0.5);
1398
  text-transform: uppercase;
1412
  text-transform: uppercase;
1399
  -webkit-text-stroke: 0.25px rgba(<?php echo $roswell_red; ?>, 0.75);
1413
  -webkit-text-stroke: 0.25px rgba(138, 8, 0, 0.75);
1400
}
1414
}
1401
1415
1402
.roswell span {
1416
.roswell span {
1403
  letter-spacing: normal;
1417
  letter-spacing: normal;
1404
}
1418
}
Line 1504... Line 1518...
1504
  }
1518
  }
1505
 
1519
 
1506
  $dots = array_map(function ($coord) {
1520
  $dots = array_map(function ($coord) {
1507
    return "-webkit-radial-gradient({$coord['x']}% {$coord['y']}%, 1px 1px, rgba(255, 255, 255, 0.75), rgba(0, 0, 30, 0))";
1521
    return "-webkit-radial-gradient({$coord['x']}% {$coord['y']}%, 1px 1px, rgba(255, 255, 255, 0.75), rgba(0, 0, 30, 0))";
1508
  }, $coords);
1522
  }, $coords);
1509
  $gold = '#ffc50c';
-
 
1510
?>
1523
?>
1511
  /* water bubbles */
1524
  /* water bubbles */
1512
  background-image: <?php echo implode(",\n    ", $dots); ?>,
1525
  background-image: <?php echo implode(",\n    ", $dots); ?>,
1513
    /* sunlight */
1526
    /* sunlight */
1514
    -webkit-radial-gradient(50% 0%, 50% 200%, #00438c, rgba(0, 0, 31, 0)),
1527
    -webkit-radial-gradient(50% 0%, 50% 200%, #00438c, rgba(0, 0, 31, 0)),
1515
    /* water */
1528
    /* water */
1516
    -webkit-linear-gradient(#030129, #00000c);
1529
    -webkit-linear-gradient(#030129, #00000c);
1517
  color: <?php echo $gold; ?>;
1530
  color: #ffc50c;
1518
  font-family: "seaQuest", sans-serif;
1531
  font-family: "seaQuest", sans-serif;
1519
  font-size: 92%;
1532
  font-size: 92%;
1520
}
1533
}
1521
1534
1522
.seaQuest #seaQuest {
1535
.seaQuest #seaQuest {
Line 1784... Line 1797...
1784
  padding: 0.25em 0.25em 0 0.25em;
1797
  padding: 0.25em 0.25em 0 0.25em;
1785
  background-color: #000;
1798
  background-color: #000;
1786
  color: #eee;
1799
  color: #eee;
1787
  font-family: "Eurostile Extended", sans-serif;
1800
  font-family: "Eurostile Extended", sans-serif;
1788
  font-size: 122%;
1801
  font-size: 122%;
-
 
1802
  font-weight: bold;
1789
  letter-spacing: -0.125em;
1803
  letter-spacing: -0.125em;
1790
}
1804
}
1791
1805
1792
.sg-u .ring {
1806
.sg-u .ring {
1793
  letter-spacing: -0.2em;
1807
  letter-spacing: -0.2em;
Line 1814... Line 1828...
1814
1828
1815
.time-trax {
1829
.time-trax {
1816
  background-color: #fff;
1830
  background-color: #fff;
1817
  color: #003ee5;
1831
  color: #003ee5;
1818
  font-size: 120%;
1832
  font-size: 120%;
-
 
1833
  font-weight: bold;
1819
  text-shadow: 2px 1px #00021c;
1834
  text-shadow: 2px 1px #00021c;
1820
}
1835
}
1821
1836
1822
.torchwood {
1837
.torchwood {
1823
  padding: 0.125em 0.25em;
1838
  padding: 0.125em 0.25em;
Line 1849... Line 1864...
1849
  text-transform: lowercase;
1864
  text-transform: lowercase;
1850
}
1865
}
1851
1866
1852
.tara {
1867
.tara {
1853
  font-family: sans-serif;
1868
  font-family: sans-serif;
-
 
1869
  font-weight: bold;
1854
  text-transform: uppercase;
1870
  text-transform: uppercase;
1855
}
1871
}
1856
1872
1857
.visitors {
1873
.visitors {
1858
  display: inline-block;
1874
  display: inline-block;