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; |