WebSVN - LCARS - Diff - Rev 203 and 302 - /trunk/media/video/series/style.css


<?php
/* namespace ; */

\header('Last-Modified: ' . gmdate('D, d M Y H:i:s', @filemtime(__FILE__)) . ' GMT');

/* Cached resource expires in HTTP/1.1 caches 24h after last retrieval */
\header('Cache-Control: max-age=86400, s-maxage=86400, must-revalidate, proxy-revalidate');

/* Cached resource expires in HTTP/1.0 caches 24h after last retrieval */
\header('Expires: ' . gmdate('D, d M Y H:i:s', time() + 86400) . ' GMT');

\header('Content-Type: text/css; charset=UTF-8');

require_once 'css/least/Mixins.php';
use de\pointedears\css\least\Mixins;
?>
@CHARSET "UTF-8";

html, body {
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  /* from SVG for Gecko and WebKit */
  text-rendering: optimizeLegibility;
}

body {
  font-family: sans-serif;
}

:link, :visited {
  text-decoration: none;
  color: inherit;
}

.hidden {
  display: none !important;
}

h1 {
  margin: 0;
  text-align: center;
}

[title] {
  cursor: help;
/*  border-bottom: 1px dotted black; */
}

table {
  width: 100%;
  border-collapse: collapse;
}

th {
  width: 20%;
  padding: 0.25em 0.5em 0.25em 0;
  font-weight: normal;
  text-align: right;
}

th > span,
th > :link > span,
th > :visited > span
{
  display: inline-block;
  text-align: center;
}

td:first-child {
  width: 1em;
  border: none;
}

th.recommended {
  border-left: 2px solid green;
  border-top: 2px solid green;
  border-bottom: 2px solid green;
}

td:last-child {
  padding-right: 0.25em;
}

td.recommended {
  border-top: 2px solid green;
  border-right: 2px solid green;
  border-bottom: 2px solid green;
}

@font-face {
  font-family: "Futura Condensed";
  src: local("Futura Condensed"), url(/styles/fonts/non-free/futura_condensed.TTF);
}

@font-face {
  font-family: "X-Files";
  src: local("X-Files"), url(/styles/fonts/x-files.ttf);
}

.akte-x {
  padding: 0.5em 0.25em 0em 0.25em;
  <?php
/*
  background-image: -(o-|)linear-gradient(12deg,
       rgba(236, 244, 235, 0) 33%, rgba(236, 244, 235, 0.9) 68%,
       rgba(236, 244, 235, 0.9) 70%, rgba(236, 244, 235, 0) 90%);
*/
        Mixins::linear_gradient(
                'background-image',
                '12deg,
       rgba(236, 244, 235, 0) 33%, rgba(236, 244, 235, 0.9) 68%,
       rgba(236, 244, 235, 0.9) 70%, rgba(236, 244, 235, 0) 90%',
      array('-o-', ''));
        ?>
  background-image:
    -moz-radial-gradient(65% 60%,
      rgba(236, 244, 235, 0.5) 50%, rgba(236, 244, 235, 0.1)),
    -moz-linear-gradient(12deg,
      rgba(236, 244, 235, 0) 33%, rgba(236, 244, 235, 0.9) 68%,
      rgba(236, 244, 235, 0.9) 70%, rgba(236, 244, 235, 0) 90%);
  background-image:
    -webkit-radial-gradient(65% 60%, 25% 75%,
      rgba(236, 244, 235, 0.5) 50%, rgba(236, 244, 235, 0.1)),
    -webkit-linear-gradient(12deg,
      rgba(236, 244, 235, 0) 33%, rgba(236, 244, 235, 0.9) 68%,
      rgba(236, 244, 235, 0.9) 70%, rgba(236, 244, 235, 0) 90%);
  background-color: #000;
  color: #dcdfdc;
  line-height: 2em;
  vertical-align: middle;
}

.akte-x .small {
  padding-left: 1em;
<?php
/*
  background-image: -()linear-gradient(bottom left, black, transparent);
 */
  Mixins::linear_gradient('background-image', 'bottom left, black, transparent');
?>
  vertical-align: middle;
  font-family: "Futura Condensed", sans-serif;
  font-size: 50%;
  text-transform: uppercase;
  letter-spacing: 1em;
}

.akte-x .before-x {
  letter-spacing: normal;
}

.akte-x .x {
  font-family: "X-Files", sans-serif;
  font-size: 600%;
  font-weight: lighter;
  vertical-align: middle;
  vertical-align: -webkit-baseline-middle;
  color: black;
  -webkit-mask-image: -webkit-linear-gradient(-12deg,
    rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 1));
}

.alf {
  font-family: "URW Bookman L", serif;
  font-weight: bold;
  font-size: 120%;

}

@font-face {
  font-family: "Highguard";
  src: local("Highguard"), url(/styles/fonts/Highguard.ttf);
}

.andromeda {
  position: relative;
  font-family: "Highguard", sans-serif;
  font-size: 204%;
  color: rgba(245, 153, 79, 1);
  text-shadow:
    /* blurred shadow */
    -1px 0 2px black, 0 -1px 2px black, 1px 0 2px black, 0 1px 2px black,

    /* outline */
    -1px 0 black, 0 -1px black, 1px 0 black, 0 1px black;
}

.andromeda .gradient {
  -webkit-mask-image: -webkit-linear-gradient(top,
    rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 1));
}

.andromeda .roddenberry {
  position: absolute;
  right: 3.75em;
  top: 1.7em;
  font-family: sans-serif;
  font-size: 21%;
  text-transform: uppercase;
  color: black;
  text-shadow: none;
  letter-spacing: 0;
}

.big-bang-theory {
  font-family: Impact, sans-serif;
  font-size: 122%;
  font-weight: bold;
  text-transform: uppercase;
}

.big-bang-theory .lower {
  font-size: 0.75em;
  text-transform: lowercase;
}

.big-bang-theory .i {
  text-transform: none;
  font-size: 111%;
  font-weight: normal;
}

.big-bang-theory .bang {
  color: #CE152C;
}

@font-face {
  font-family: "Battlestar";
  src: local("Battlestar"), url(/styles/fonts/BATTLEST.TTF);
}

.bsg {
  font-family: "Battlestar", sans-serif;
  font-size: 84%;
}

@font-face {
  font-family: "Buffied";
  src: local("Buffied"), url(/styles/fonts/Buffied.ttf);
}

@font-face {
  font-family: "Slayer";
  src: url(/styles/fonts/slayer11.eot?);
  src: local("Slayer"),
    url(/styles/fonts/slayer11.eot?) format("eot"),
    url(/styles/fonts/slayer11.woff) format("woff"),
    url(/styles/fonts/slayer11.ttf) format("truetype"),
    url(/styles/fonts/slayer11.svg#Slayer) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Kruella";
  src: local("Kruella"), url(/styles/fonts/non-free/kruella.ttf);
}

.buffy {
  padding: 0.75em 0.5em 0.5em 0.5em;
  background-color: #000700;
  <?php Mixins::radial_gradient('background-image', 'circle, #6d7a9c 35%, transparent 45%'); ?>
  color: #feffff;
  line-height: 1em;
  text-align: center;
  text-shadow: 1px 1px 1px black;
}

.buffy .title {
  font-family: "Buffied", fantasy;
  font-size: 200%;
}

.buffy .subtitle {
  display: block;
  font-family: "Slayer", sans-serif;
  font-size: 50%;
  font-variant: small-caps;
}

@font-face {
  font-family: "Arno Pro Caption";
  src: local("Arno Pro Caption"), url(/styles/fonts/non-free/arnopro-caption.otf);
}

.castle {
  font-family: "Arno Pro Caption", serif;
  font-size: 120%;
  line-height: 1;
  text-transform: uppercase;
}

@font-face {
  font-family: "KopyKattKut Bold";
  src: local("KopyKattKut Bold"), url(/styles/fonts/KopyKattKut-Bold.otf);
}

.charmed {
  position: relative;
  background-color: #080E32;
  color: rgb(223, 229, 251);
  color: rgba(255, 255, 255, 0.75);
  padding: 1.5em 0.5em 0.75em 0.5em;
  font-family: "KopyKattKut Bold", serif;
  font-size: 115%;
  /*letter-spacing: -0.125em;*/
  line-height: 2;
  overflow: hidden;
  text-transform: uppercase;
}

.charmed .circle {
  position: absolute;
  left: 50%;
  top: 60%;
  width: 2em;
  height: 2em;
  margin-left: -1.3em;
  margin-top: -1.3em;
  border-radius: 50%;
  border: 0.325em solid rgba(36, 63, 219, 0.33);
}

.charmed .circle:before {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 75%;
  height: 75%;
  margin-left: -1.7em;
  margin-top: -0.7em;
  border: 0.325em solid rgba(36, 63, 219, 0.33);
  border-radius: 100% 0;
  content: "";
  <?php
/*
  -(moz-|webkit-|)transform: rotate(15deg);
 */
        Mixins::prefix_property('transform', '',
                'rotate(15deg)',
                array('-moz-', '-webkit-', ''));
        ?>
}

.charmed .circle:after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 75%;
  height: 75%;
  margin-left: -1.05em;
  margin-top: -1.85em;
  border: 0.325em solid rgba(36, 63, 219, 0.33);
  border-radius: 100% 0;
  content: "";
  <?php
        Mixins::prefix_property('transform', '',
                'rotate(-45deg)',
                array('-moz-', '-webkit-', ''));
        ?>
}

.charmed .arc3 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5em;
  height: 1.5em;
  margin-left: -0.3em;
  margin-top: -0.3em;
  border: 0.325em solid rgba(36, 63, 219, 0.33);
  border-radius: 0 100% 0 100%;
  content: "";
  <?php
        Mixins::prefix_property('transform', '',
                'rotate(-15deg)',
                array('-moz-', '-webkit-', ''));
        ?>
}

.charmed .c {
  /* font-size: 150%; */
}

.charmed span {
  position: relative;
  /* vertical-align: middle; */
}

@font-face {
  font-family: "Coolvetica";
  src: local("Coolvetica"), url(/styles/fonts/non-free/coolvetica.ttf);
}

.columbo {
  padding: 0 0.25em;
  background-color: #273d50;
  color: #fde06c;
  font-family: "Coolvetica", sans-serif;
  font-size: 130%;
  letter-spacing: 0.0625em;
  text-transform: uppercase;
  text-shadow: 2px 2px 1px black;
}

@font-face {
  font-family: "ITC Serif Gothic LT Bold";
  src: url(/styles/fonts/non-free/itc_serif_gothic--lte50299.ttf);
}

@font-face {
  font-family: "ITC Serif Gothic LT Heavy";
  src: url(/styles/fonts/non-free/itc_serif_gothic--lte50301.ttf);
}

.countdown-x {
  font-family: "ITC Serif Gothic LT Heavy", sans-serif;
  line-height: 0.9em;
  text-align: center;
  text-shadow: 1px 1px #999;
}

.countdown-x .title:before {
  content: "\2013\00A0";
}

.countdown-x .subtitle {
  display: block;
  font-family: "ITC Serif Gothic LT Bold", sans-serif;
}

.dead-zone {
  background-color: black;
  background-image: -webkit-radial-gradient(50% 20%, 20% 100%, white, transparent 75%);
  color: white;
  font-family: serif;
  font-size: 120%;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}

.dead-zone .text {
  display: block;
  margin-top: 1em;
  padding: 0 1em;
  background: white;
  background:
    -webkit-linear-gradient(-5deg, rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)),
    -webkit-linear-gradient(5deg, rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  background:
    linear-gradient(-5deg, rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)),
    linear-gradient(5deg, rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
  color: black;
}

.dead-zone .text .dead {
  display: block;
  top: -0.125em;
  position: relative;
  font-size: 90%;
  color: #222;
  text-shadow: 0 0 10px white;
}

.dead-zone .text .zone {
  display: block;
  position: relative;
  top: -0.5em;
  font-size: 110%;
  <?php
        Mixins::prefix_property('transform', '',
                'perspective(15px) rotateX(35deg)',
                array('-webkit-', ''));
        ?>
  -webkit-mask-image: -webkit-linear-gradient(
    rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.67));
}

@font-face {
  font-family: "Doctor Who";
  src: local("Matt Smith Doctor Who"), url(/styles/fonts/matt_smith_doctor_who.ttf);
}

.doctor-who {
  position: relative;
  color: #386688;
  font-family: "Doctor Who", serif;
  font-size: 250%;
  text-transform: uppercase;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
}

.doctor-who .gradient {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-mask-image:
    -webkit-radial-gradient(0.15em 0.125em, 15% 50%, rgba(0, 0, 0, 0.4) 10%, rgba(0, 0, 0, 1));
  z-index: 2;
}

.doctor-who .gradient2 {
  -webkit-mask-image:
    -webkit-radial-gradient(1.2em 0.125em, 15% 50%, rgba(0, 0, 0, 0.2) 15%, rgba(0, 0, 0, 1));
}

.doctor-who .gradient3 {
  -webkit-mask-image:
    -webkit-radial-gradient(2.4em 0.25em, 15% 50%, rgba(0, 0, 0, 0.2) 15%, rgba(0, 0, 0, 1));
}

.doctor-who:after {
  content: "Doctor Who";
  color: #f7f9fb;
}

@font-face {
  font-family: "a_Futura Orto";
  src: local("Futura Orto"), url(/styles/fonts/a_futuraorto.ttf);
}

@font-face {
  font-family: "a_Futura Orto Bold";
  src: local("Futura Orto Bold"), url(/styles/fonts/a_futuraorto_bold.ttf);
}

.efc {
  position: relative;
  background-color: #000;
  background-image:
    /* Terra */
    -moz-radial-gradient(28.6541% -128%, circle, black 67%, #1C1F1C 71%, #394138 72.5%, transparent 73%),

    /* Sol */
    -moz-radial-gradient(56.729378% 52.895753%, circle, #fafdfa 7.366136%, #f9c699 9%, transparent 33%);
  background-image:
    /* Terra */
    -webkit-radial-gradient(28.654124% -155%, circle, black 67%, #1c1f1c 71%, #394138 72.5%, transparent 73%),

    /* Sol */
    -webkit-radial-gradient(55.137482% 42.084942%, circle, #fafdfa 7.366136%, #f9c699 9%, transparent 33%);
  color: #eeeeec;
  font-family: "a_Futura Orto Bold", sans-serif;
  line-height: 1em;
  text-align: center;
  text-transform: uppercase;
}

.efc .glare {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: -webkit-radial-gradient(56% 43%, 50% 8%, #fafdfa 14%, rgb(249, 198, 153) 15%, rgba(249, 198, 153, 0) 30%);
  -webkit-transform: rotate(-11.5deg);
}

.efc:after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  background-image:
    -moz-radial-gradient(55.137482% 42.084942%,
      rgba(255, 255, 255, 0.2) 18%,
      rgba(255, 255, 255, 0.04));
  background-image:
    -webkit-radial-gradient(55.137482% 42.084942%, rgba(255, 255, 255, 0.2) 18%, rgba(255, 255, 255, 0.04));
}

.efc .gr {
  display: block;
  margin-top: 1em;
  margin-bottom: 2.5em;
  font-family: "a_Futura Orto", sans-serif;
  font-size: 50%;
}

.efc .earth {
  position: relative;
  display: block;
  padding: 0 0 0 0.35em;
  font-size: x-large;
  letter-spacing: 0.35em;
  color: #efd065;
  line-height: 1em;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.75);
}

.earth .gradient {
  position: absolute;
  padding: 0 0 0 0.35em;
  left: 0;
  top: 0;
  -webkit-mask-image: -webkit-linear-gradient(
    rgba(255, 255, 255, 1), rgba(243, 205, 98, 0.5) 50%, rgba(0, 0, 0, 0));
  z-index: 2;
}

.efc .earth:after {
  content: "Earth";
  color: #9b411a;
}

@font-face {
  font-family: "Troglodyte";
  src: local("Troglodyte"), url(/styles/fonts/TROGLO__.ttf);
}

.efc .fc {
  position: relative;
  top: -0.5em;
  display: block;
  color: #ac493d;
  font-family: "Troglodyte", sans-serif;
  font-size: 71%;
  line-height: normal;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

.eli-stone {
  padding: 0.5em 0.5em 0.125em 0.5em;
  background-color: black;
  color: #80878d;
  font-weight: bold;
  line-height: 1em;
  text-transform: lowercase;
}

.eli-stone .eli,
.eli-stone .stone {
  position: relative;
  display: block;
  text-align: right;
}

.eli-stone .eli {
  padding-right: 0.125em;
  font-size: 150%;
}

.eli-stone .eli:after {
  content: "Eli";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-right: 0.125em;
  color: transparent;
  -webkit-text-fill-color: #dfe6f0;
  -webkit-mask-image: -webkit-linear-gradient(top left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.25));
}

.eli-stone .stone:after {
  content: "Stone";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: transparent;
  -webkit-text-fill-color: #dfe6f0;
  -webkit-mask-image: -webkit-linear-gradient(top left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.25));
}

@font-face {
  font-family: "Interstate";
  src: local("Interstate"), url(/styles/fonts/non-free/interstate_ultra-black_condensed.ttf);
}

.eureka {
  position: relative;
  padding: 0.25em 0.5em 0.125em 0.5em;
  font-family: "Interstate", sans-serif;
  font-size: 130%;
  background-color: #8de5f9;
  background-image: -moz-radial-gradient(bottom, ellipse,
    #f4fff7 20%, #8de5f9, #285e8d);
  background-image: -webkit-radial-gradient(bottom, 100% 125%,
    #f4fff7 20%, #8de5f9, #285e8d);
  color: rgb(251, 254, 247);
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 -1px rgb(77, 148, 168), 1px 0 1px rgb(168, 217, 231),
    1px -1px rgb(77, 148, 168);
  text-shadow: 0 -1px rgba(77, 148, 168, 0.9), 1px 0 1px rgba(168, 217, 231, 0.9),
    1px -1px rgba(77, 148, 168, 0.9);
}

.eureka .gradient {
  display: inline-block;
  <?php
    Mixins::prefix_property('transform', '',
        'matrix(1, 0, 0, 0.9, 0, 0)',
        array('-moz-', '-webkit-', ''));
  ?>
/*
  position: absolute;
  padding: 0.25em 0.5em 0.125em 0.5em;
  left: 0;
  top: 0;
  -webkit-mask-image: -webkit-linear-gradient(
    rgba(0, 0, 0, 1) 30%, transparent 55%, rgba(0, 0, 0, 1) 80%);
  z-index: 2;
*/
}
/*
.eureka:after {
  content: "EUReKA";
  color: red;
}
*/

.eureka .eur {
  text-transform: uppercase;
}

.eureka .e {
  display: inline-block;
  position: relative;
  bottom: 0.25em;
  text-shadow: 0 1px 1px rgb(168, 217, 231), 0 1px rgb(77, 148, 168);
  text-shadow: 0 1px 1px rgba(168, 217, 231, 0.9), 0 1px rgba(77, 148, 168, 0.9);

  -moz-transform: matrix(1, 0, 0, 0.9, 0, 0);
  -moz-transform: perspective(50px) rotateX(45deg);
  -o-transform: matrix(1, 0, 0, 0.9, 0, 0);
  -ms-transform: matrix(1, 0, 0, 0.9, 0, 0);
  -webkit-transform: perspective(50px) rotateX(45deg);
  transform: perspective(50px) rotateX(45deg);
}

.eureka .ka {
  text-shadow: -1px 0 1px rgb(168, 217, 231), -1px -1px rgb(77, 148, 168),
    0 -1px rgb(77, 148, 168);
  text-shadow: -1px 0 1px rgba(168, 217, 231, 0.9), -1px -1px rgba(77, 148, 168, 0.9),
    0 -1px rgba(77, 148, 168, 0.9);
  text-transform: uppercase;
}

@font-face {
  font-family: 'Farscape-1';
  src:url('/styles/fonts/Farscape-1.ttf.woff') format('woff'),
      url('/styles/fonts/Farscape-1.ttf.svg#Farscape-1') format('svg'),
      url('/styles/fonts/Farscape-1.ttf.eot'),
      url('/styles/fonts/Farscape-1.ttf.eot?#iefix') format('embedded-opentype');
      font-weight: normal;
      font-style: normal;
}

.farscape {
  position: relative;
  padding: 0.0625em 0.25em 0em 0.33em;
  background-color: #020204;
        color: #c27d38;
  font-family: "Farscape-1", sans-serif;
  font-size: 180%;
  text-transform: uppercase;
  -webkit-text-stroke: 0.25px #1f1003;
}

.farscape:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0.0625em 0.25em 0em 0.33em;
  content: "Farscape";
  color: #eecf8d;
  -webkit-mask-image: linear-gradient(
        to bottom right,
        rgba(255, 255, 255, 0) 25%,
        rgba(255, 255, 255, 1) 35%,
        rgba(255, 255, 255, 0) 40%,
        rgba(255, 255, 255, 0) 45%,
        rgba(255, 255, 255, 1) 50%,
        rgba(255, 255, 255, 0) 55%,
        rgba(255, 255, 255, 0) 60%,
        rgba(255, 255, 255, 1) 65%,
        rgba(255, 255, 255, 0) 75%
        );
}

.farscape .s {
  text-shadow:
        1px 0px 1px #efcea5,
        2px 0px 2px #efcea5,
        3px 0px 3px #efcea5;
}

@font-face {
  font-family: "Marriage-Script";
  font-weight: normal;
  src: local("Marriage-Script"), url(/styles/fonts/MARRIAGE.TTF);
}

.firefly {
  padding: 0.4em 0.8em 0.4em 0.95em;
  background-color: #762109;
  <?php
    Mixins::linear_gradient('background-image',
        'rgba(73, 1, 2, 0.8) 15%,
         rgba(155, 73, 49, 0) 15%, rgba(155, 73, 49, 0) 85%,
         rgba(73, 1, 2, 0.8) 85%, rgba(73, 1, 2, 0.8)');
  ?>
        color: #fefcff;
  font-family: "Marriage-Script", cursive;
  font-size: 160%;
  text-shadow: -1px 0px 1px #300202, 2px 2px 4px #fed700, 0px 0px 4px #270201;
  text-transform: lowercase;
}

.firefly .e {
  text-shadow: 0px 0px 4px #fed700;
}

@font-face {
  font-family: "Middleton";
  src: url(/styles/fonts/non-free/middleto.ttf);
}

.frasier {
  font-family: "Middleton", sans-serif;
  font-size: 120%;
  text-transform: uppercase;
}

.frasier span {
  font-size: 75%;
}

.fresh-hell {
  position: relative;
  background-color: white;
  color: #fff900;
  font-family: Kruella, fantasy;
  font-size: 150%;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-text-stroke: 0.25px #333;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.fresh-hell .gradient {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-mask-image: -webkit-linear-gradient(
    rgba(0, 0, 0, 1), transparent);
  z-index: 2;
}

.fresh-hell:after {
  content: "Fresh Hell";
  color: #bf170a;
}

@font-face {
  font-family: "Century Gothic";
  src: local("Century Gothic"), url(/styles/fonts/non-free/Century_Gothic.TTF);
}

.fringe {
  padding: 0.125em 0.5em 0.125em 0.5em;
  background-color: #000;
  background-image: -moz-radial-gradient(center, #D6DBD3 4%, #7d9b9d 60%, black);
  background-image: -webkit-radial-gradient(center, 67% 67%, #D6DBD3 4%, #7d9b9d 60%, black);
  color: #101811;
  font-family: "Century Gothic", sans-serif;
  font-weight: bolder;
  font-size: 140%;
  text-transform: uppercase;
}

.fringe .gradient {
  display: inline-block;
  /*
  -webkit-mask-image: -webkit-radial-gradient(center, 150% 150%,
    rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.125));
  */
        <?php
          Mixins::prefix_property('transform', '',
                'perspective(50px) rotateX(4.43deg)',
                array('-moz-', '-webkit-', ''));
        ?>
}

.fringe .f {
  display: inline-block;

  /*-webkit-transform: matrix(1, 0, -0.06, 1, 0, 0);*/
  text-shadow:
     0.5px   0.25px #5b6e65,
     0.75px  0.5px  #5b6e65,
     1.25px  0.75px #5b6e65,
     1.5px   1.25px #5b6e65,
     1.75px  1.5px  #5b6e65,
     2px     1.75px #5b6e65,
     2.25px     2px #5b6e65;

  /* text-shadow: 1px 0.75px 2px #5b6e65, 1px 1.75px 0px #758278; */
  /* shadow-pos: y = -0.83909963 * x */
/*
  text-shadow: 0.5px 0.25px #111910, 0.75px 0.5px #111910,
    1.25px 0.75px #111910, 1.5px 1.25px #111910, 1.75px 1.5px #111910,
    1.75px 1.5px #111910, 2.25px 1.75px #111910;
 */
}

.fringe .r {
  display: inline-block;
  /*-webkit-transform: matrix(1, 0, -0.04, 1, 0, 0);*/
  /*
  text-shadow:
     0.25px   0.25px $fringe_shadow,
     0.5px    0.5px  $fringe_shadow,
     1px      0.75px $fringe_shadow,
     1.25px   1.25px $fringe_shadow,
     1.5px    1.5px  $fringe_shadow,
     1.75px   1.75px $fringe_shadow,
     2px      2px    $fringe_shadow;
  */
  /* Same shadow as .f */
  text-shadow:
     0.5px   0.25px #5b6e65,
     0.75px  0.5px  #5b6e65,
     1.25px  0.75px #5b6e65,
     1.5px   1.25px #5b6e65,
     1.75px  1.5px  #5b6e65,
     2px     1.75px #5b6e65,
     2.25px     2px #5b6e65;
}

.fringe .i {
  display: inline-block;
  /* -webkit-transform: matrix(1, 0, -0.02, 1, 0, 0); */
  /*
  text-shadow:
     0      0.25px $fringe_shadow,
     0.5px  0.5px  $fringe_shadow,
     0.75px 0.75px $fringe_shadow,
     1px    1.25px $fringe_shadow,
     1.25px 1.5px  $fringe_shadow,
     1.5px  1.75px $fringe_shadow,
     1.75px 2px    $fringe_shadow;
   */
  /* Same shadow as .f */
  text-shadow:
     0.5px   0.25px #5b6e65,
     0.75px  0.5px  #5b6e65,
     1.25px  0.75px #5b6e65,
     1.5px   1.25px #5b6e65,
     1.75px  1.5px  #5b6e65,
     2px     1.75px #5b6e65,
     2.25px     2px #5b6e65;
}

.fringe .n {
  display: inline-block;
  /*- webkit-transform: matrix(1, 0, -0.01, 1, 0, 0); */
  text-shadow:
    0  0.25px #5b6e65,
    0  0.5px  #5b6e65,
    0  0.75px #5b6e65,
    0  1.25px #5b6e65,
    0  1.5px  #5b6e65,
    0  1.75px #5b6e65,
    0  2px    #5b6e65;
}

.fringe .g {
  display: inline-block;
  /* -webkit-transform: matrix(1, 0, 0.01, 1, 0, 0); */
  /* text-shadow:
      0      0.25px $fringe_shadow,
     -0.5px  0.5px  $fringe_shadow,
     -0.75px 0.75px $fringe_shadow,
     -1px    1.25px $fringe_shadow,
     -1.25px 1.5px  $fringe_shadow,
     -1.5px  1.75px $fringe_shadow,
     -1.75px 2px    $fringe_shadow; */
  /* Same shadow as .e */
  text-shadow:
    -0.25px 0.25px #5b6e65,
    -0.5px  0.5px  #5b6e65,
    -1px    0.75px #5b6e65,
    -1.25px 1.25px #5b6e65,
    -1.5px  1.5px  #5b6e65,
    -1.75px 1.75px #5b6e65,
    -2px    2px    #5b6e65;
}

.fringe .e {
  display: inline-block;
  /* -webkit-transform: matrix(1, 0, 0.02, 1, 0, 0); */
  text-shadow:
    -0.25px 0.25px #5b6e65,
    -0.5px  0.5px  #5b6e65,
    -1px    0.75px #5b6e65,
    -1.25px 1.25px #5b6e65,
    -1.5px  1.5px  #5b6e65,
    -1.75px 1.75px #5b6e65,
    -2px    2px    #5b6e65;
}

@font-face {
  font-family: "Futurama Title";
  src: local("Futurama Title"), url(/styles/fonts/futurama-title.ttf);
}

.futurama {
  display: block;
  padding-top: 0.5em;
  font-family: "Futurama Title", serif;
  text-transform: uppercase;
  line-height: 1em;
  -webkit-transform: translateX(-0.67em);
}

.futurama span {
  display: inline-block;
   line-height: 1em;
}

.futurama .f {
  -webkit-transform: rotate(-36deg) translateY(0.125em);
}

.futurama .u {
  -webkit-transform: rotate(-25.7deg) translateX(0.25em) translateY(-0.25em);
}

.futurama .t {
  -webkit-transform: rotate(-15.4deg) translateX(0.33em) translateY(-0.625em);
}

.futurama .u2 {
  -webkit-transform: rotate(-5.1deg) translateX(0.4em) translateY(-0.825em);
}

.futurama .r {
  -webkit-transform: rotate(5.1deg) translateX(0.45em) translateY(-0.95em);
}

.futurama .a {
  -webkit-transform: rotate(15.4deg) translateX(0.5em) translateY(-0.9em);
}

.futurama .m {
  -webkit-transform: rotate(25.7deg) translateX(0.55em) translateY(-0.7em);
}

.futurama .a2 {
  -webkit-transform: rotate(36deg) translateX(0.67em) translateY(-0.4em);
}

@font-face {
  font-family: "ITC Avant Garde Gothic Medium";
  src: local("ITC Avant Garde Gothic Medium"), local("ITC Avant Garde Gothic"),
    url(/styles/fonts/non-free/itc_avant_garde_gothic--lte52011.ttf);
}

.glee {
  padding: 0.125em 0.5em;
  /* background-image: -moz-radial-gradient(#FFEA8C, #FFD727);
  background-image: -webkit-radial-gradient(#FFEA8C, #FFD727);
  background-color: #FFD727; */
  background-color: #000;
  color: #fff;
  font-family: "ITC Avant Garde Gothic Medium", sans-serif;
  font-size: 120%;
  text-transform: lowercase;
  letter-spacing: -0.0625em;
}

.glee .lee {
  letter-spacing: -0.125em;
}

@font-face {
  font-family: "SKM Avant Garde Two";
  src: local("SKM Avant Garde Two"), url(/styles/fonts/non-free/SKM%20Avant%20Garde%20Two.ttf);
}

.heroes {
  position: relative;
  padding: 0.3em 0.75em 0.3em 0.75em;
  background-color: black;
  color: #fff;
  font-family: "SKM Avant Garde Two", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.5em;
}

.heroes .o {
  position: relative;
  color: #ffffed;
  padding: 0.25em 0.125em;
}

.heroes .o:after {
  position: absolute;
  left: -0.25em;
  top: 0;
  right: 0;
  bottom: 0;
  background-image:
    /* glare */
    -webkit-radial-gradient(48% 20%, circle, #ffffff 0%, #ffffff 7%,
      rgb(250, 226, 182) 8%, rgba(250, 226, 182, 0) 23%),

    /* moon */
    -webkit-radial-gradient(41% 50%, circle, black 35%, transparent 40%),

    /* corona */
    -webkit-radial-gradient(41% 50%, circle, #f5eccd 35%, transparent 50%),

    /* flares */
    -webkit-radial-gradient(44% 44%, circle, #ffffff 35%, transparent 55%);

  content: "";
}

.heroes .s {
  letter-spacing: normal;
}

@font-face {
  font-family: "House";
  src: local("House"), url(/styles/fonts/House.ttf);
}

.house {
  /* text-transform: uppercase; */
}

.house .h {
  font-family: House, sans-serif;
  /*
  display: inline-block;
  border: 1px solid black;
  width: 1em;
  height: 1em;
  line-height: 1em;
  text-align: center;
  margin-right: 0.125em;
  */
}

.house .ouse {
  font-family: House, sans-serif;
  /* text-decoration: underline; */
}

.house .md {
  position: relative;
  bottom: -0.4em;
  font-size: 0.6em;
}

.house .md-de {
  position: relative;
  font-size: 0.6em;
  text-decoration: underline;
}

@font-face {
  font-family: "MacEnvy DB";
  src: local("MacEnvy DB"), url(/styles/fonts/MacEnvy_DB-Regular.ttf);
}

.ijon-tichy {
  padding: 0.25em 0.5em;
  background-color: #000;
  color: #B9B7BA;
  line-height: 1em;
  font-family: "MacEnvy DB", sans-serif;
  text-align: center;
  text-transform: uppercase;
}

.ijon-tichy .title {
  display: block;
  letter-spacing: 0.0625em;
}

.ijon-tichy .title .i {
  text-shadow: 1.5px 0.5px #59575A, 2px 0.75px #59575A;
}

.ijon-tichy .title .j {
  text-shadow: 1.5px 0.5px #59575A, 1.5px 0.75px #59575A;
}

.ijon-tichy .title .o {
  text-shadow: 1.5px 0.5px #59575A, 1px 0.75px #59575A;
}

.ijon-tichy .title .n {
  text-shadow: 1px 0.75px #59575A;
}

.ijon-tichy .title .t {
  text-shadow: 0 0.75px #59575A;
}

.ijon-tichy .title .i2 {
  text-shadow: -0.5px 0.75px #59575A;
}

.ijon-tichy .title .c {
  text-shadow: -1px 0.75px #59575A;
}

.ijon-tichy .title .h {
  text-shadow: -1.5px 0.75px #59575A, -1px 0.5px #59575A;
}

.ijon-tichy .title .y {
  text-shadow: -1.5px 0.75px #59575A, -1.5px 0.5px #59575A;
}

.ijon-tichy .subtitle {
  display: block;
  font-size: 67%;
  letter-spacing: 0.4em;
}

.ijon-tichy .subtitle .r {
  text-shadow: 1.5px 0.5px #59575A;
}

.ijon-tichy .subtitle .a {
  text-shadow: 1px 0.5px #59575A;
}

.ijon-tichy .subtitle .u {
  text-shadow: 0.5px 0.5px #59575A;
}

.ijon-tichy .subtitle .mpi {
  text-shadow: 0 0.5px #59575A;
}

.ijon-tichy .subtitle .l {
  text-shadow: -0.5px 0.5px #59575A;
}

.ijon-tichy .subtitle .o {
  text-shadow: -1px 0.5px #59575A;
}

.ijon-tichy .subtitle .t {
  text-shadow: -1.5px 0.5px #59575A;
}

.ijon-tichy .subtitle2 {
  display: block;
  font-size: 50%;
  line-height: 1em;
}

.ijon-tichy .subtitle2 .die {
  text-shadow: 1px 0.5px #59575A;
}

.ijon-tichy .subtitle2 .ster {
  text-shadow: 0.5px 0.5px #59575A;
}

.ijon-tichy .subtitle2 .ntag {
  text-shadow: 0 0.5px #59575A;
}

.ijon-tichy .subtitle2 .ebuec {
  text-shadow: -0.5px 0.5px #59575A;
}

.ijon-tichy .subtitle2 .her {
  text-shadow: -1px 0.5px #59575A;
}

@font-face {
  font-family: "Digital1";
  src: local("Transponder AOE"), url(/styles/fonts/digital/TRANA___.TTF);
}

.it-crowd {
  position: relative;
  padding: 0.125em 0.75em 0.125em 0.5em;
  background-color: black;
  color: #d4774b;
  font-family: "Digital1", monospace;
  font-size: 120%;
  text-transform: uppercase;
  text-shadow: 0 0 1px #d4774b;
}

.it-crowd:after {
  position: absolute;
  top: 0;
  content: "\258E";
  letter-spacing: 0;
}

.superman {
  font-weight: bold;
}

.life-on-mars {
  display: inline-block;
  padding: 0.25em 0.5em;
  background-color: #000;
  background-image:
    -webkit-linear-gradient(left,
        rgba(255, 255, 255, 0) 44%,
        rgba(255, 255, 255, 1) 45%,
        rgba(255, 255, 255, 1) 46%,
        rgba(255, 255, 255, 0) 47%),
    -webkit-linear-gradient(top,
        rgba(255, 255, 255, 0) 48%,
        rgba(255, 255, 255, 1) 48%,
        rgba(255, 255, 255, 1) 52%,
        rgba(255, 255, 255, 0) 52%);
  color: #fff;
  font-weight: bold;
  text-shadow: 0 0 0.5px #fff;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
}

.life-on-mars .life {
  vertical-align: top;
  display: inline-block;
}

.life-on-mars .e {
  letter-spacing: 0.5em;
}

.life-on-mars .life-on {
  display: inline-block;
  text-align: left;
}

.life-on-mars .on {
  display: inline-block;
  text-align: left;
  text-shadow: 0 0 1px #fff;
}

.life-on-mars .mars {
  display: block;
  position: relative;
  top: 0.25em;
  text-align: left;
  text-shadow: 0 0 2px #fff;
}

.macgyver {
  padding: 0.125em 0.5em;
  background-color: #080a09;
  color: #bb1e15;
  font-family: "Copperplate Gothic Bold", serif;
  font-size: 150%;
  font-variant: small-caps;
  font-weight: bold;

  text-shadow:
    -0.5px -0.5px #9f1512,
     0px   -0.5px #9f1512,
     0.5px -0.5px #9f1512,
    -0.5px  0px   #9f1512,
     0.5px  0px   #9f1512,
    -0.5px  0.5px #9f1512,
     0px    0.5px #9f1512,
     0.5px  0.5px #9f1512,
    -1px   -1px  1px #d9ad7e,
     0px   -1px  1px #d9ad7e,
     1px   -1px  1px #d9ad7e,
    -1px    0px  1px #d9ad7e,
     1px    0px  1px #d9ad7e,
    -1px    1px  1px #d9ad7e,
     0px    1px  1px #d9ad7e,
     1px    1px  1px #d9ad7e;
}

@font-face {
  font-family: "Gill Sans Ultra Bold";
  src: local("Gill Sans Ultra Bold"), url(/styles/fonts/non-free/gilsanu0.TTF);
}

.monk {
  color: #d1122a;
  font-family: "Gill Sans Ultra Bold", sans-serif;
  font-size: 110%;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px black;
}

@font-face {
  font-family: 'GoldRush';
  src:url('/styles/fonts/GoldRush.ttf.woff') format('woff'),
      url('/styles/fonts/GoldRush.ttf.svg#GoldRush') format('svg'),
      url('/styles/fonts/GoldRush.ttf.eot'),
      url('/styles/fonts/GoldRush.ttf.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CIRcusCapsOpti';
  src:url('/styles/fonts/CIRcusCapsOpti.ttf.woff') format('woff'),
      url('/styles/fonts/CIRcusCapsOpti.ttf.svg#CIRcusCapsOpti') format('svg'),
      url('/styles/fonts/CIRcusCapsOpti.ttf.eot'),
      url('/styles/fonts/CIRcusCapsOpti.ttf.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

.monty-python {
  padding: 0.25em 0.25em;
  background-color: #afeeee;
  color: #b19b53;
  font-family: 'CIRcusCapsOpti', serif;
  text-transform: uppercase;
}

.monty-python .first {
  font-family: 'GoldRush', serif;
  font-size: 66%;
}

.monty-python .second {
  font-size: 125%;
  line-height: 0.9em;
}

.monty-python .first span,
.monty-python .second span {
  display: block;
  position: relative;
}

.monty-python .first span:after,
.monty-python .second span:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  color: transparent;
  -webkit-text-fill-color: #211500;
  -webkit-mask-image: linear-gradient(
        rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 50%);
}

.monty-python .second span:after {
  -webkit-text-fill-color: #231a00;
  -webkit-mask-image: linear-gradient(
        rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 40%,
        rgba(255, 255, 255, 0) 40%);
}

.monty-python .monty:after {
  content: "Monty";
}

.monty-python .pythons:after {
  content: "Python’s";
}

.monty-python .flying:after {
  content: "Flying";
}

.monty-python .circus:after {
  content: "Circus";
}

@font-face {
  font-family: "Swiss 721 Black Extended BT";
  src: local("Swiss 721 Black Extended BT"), url(/styles/fonts/non-free/swiss721_bke.TTF);
}

.moonlight {
  padding: 0.125em 0.5em;
  background-color: black;
  color: #020109;
  font-family: "Swiss 721 Black Extended BT", sans-serif;
  text-transform: uppercase;
  <?php
        Mixins::radial_gradient('background-image',
                '24% 50%, circle,
                 rgba(224, 211, 106, 1) 33%, rgba(224, 211, 106, 0) 36%, #100d04');
  ?>
}

.moonlight .moon {
  -webkit-mask-image: -webkit-linear-gradient(-80deg, rgba(0,0,0,0.33), rgba(0,0,0,1) 67%);
  letter-spacing: -0.0625em;
}

.moonlight .moon .n {
  letter-spacing: 0.125em;
}

.moonlight .light {
  color: #ebf062;
  text-shadow: 1px 1px 2px #070400;
}

.moonlighting {
  padding: 0.125em 0.5em;
  background-color: #672522;
  <?php Mixins::linear_gradient('background-image', '#672b24, #652313'); ?>
  color: #f2f4ff;
  color: rgba(242, 244, 255, 0.97);
  font: 116% "Futura Condensed", sans-serif;
  text-shadow: 0 0 5px rgba(219, 227, 236, 0.5);
  text-transform: uppercase;
  -webkit-text-fill-color: rgba(123, 134, 255, 0.53);
  -webkit-text-stroke: 1px rgba(242, 244, 255, 0.97);
}

@font-face {
  font-family: "Terminator";
  src: url(/styles/fonts/TERMINAT.TTF);
}

.mork-and-mindy {
  color: #f2cd33;
  font: bold 110% serif;
  text-shadow:
        0px -1px 1px #e3dac2,
        0.5px  0.5px 0px #0a0201,
        1px  1px 0px #0a0201,
        2px  2px 0.5px #0a0201,
        0px  0px 1px #0a0201;
  text-transform: uppercase;
}

.mutant-x {
  position: relative;
  padding: 0.25em 0.5em 0.125em 0.5em;
  background-color: black;
  color: #8f6442;
  font-family: "Terminator", sans-serif;
  font-size: 105%;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-text-stroke: 0.5px rgba(255, 255, 255, 0.1);
}

.mutant-x .gradient {
  position: absolute;
  padding: 0.25em 0.5em 0.125em 0.5em;
  left: 0;
  top: 0;
  -webkit-mask-image: -webkit-linear-gradient(
    rgba(0, 0, 0, 1) 30%, transparent 55%, rgba(0, 0, 0, 1) 80%);
  z-index: 2;
}

.mutant-x:after {
  content: "Mutant X";
  color: #fcf1eb;
}

@font-face {
  font-family: "Walkway SemiBold";
  src: local("Walkway SemiBold"), url(/styles/fonts/Walkway_SemiBold.ttf);
}

.numb3rs {
  position: relative;
  padding: 0.25em 0.5em 0.125em 0.5em;
  background-color: #000200;
  /*
  background-image:
    -webkit-repeating-linear-gradient(left, transparent, transparent 9px,
      rgba(244, 247, 244, 0.5) 10px, rgba(244, 247, 244, 0.5) 10px),
    -webkit-repeating-linear-gradient(top, transparent, transparent 4px,
      rgba(244, 247, 244, 0.5) 5px, rgba(244, 247, 244, 0.5) 5px);
  */
  color: #f4f7f4;
  font-family: "Walkway SemiBold", Helvetica, sans-serif;
  font-size: 116%;
  font-weight: lighter;
  letter-spacing: 1px;
  text-shadow: 0 0 2px #f4f7f4;
  text-transform: uppercase;
}

.numb3rs .s {
  letter-spacing: normal;
}

/*
.numb3rs .gradient {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0.25em 0.5em 0.125em 0.5em;
  color: #f4f7f4;
  -webkit-mask-image: -webkit-linear-gradient(rgba(0, 0, 0, 1), transparent 75%);
  z-index: 2;
}

.numb3rs:after {
  content: "Numb3rs";
  color: #898b88;
  text-transform: uppercase;
} */

@font-face {
  font-family: "Unconform Round";
  src: local("Unconform Round"), url(/styles/fonts/UNCON___.TTF);
}

.odyssey5 {
  padding: 0.25em 0.5em 0.25em 0.5em;
  background-color: #000;
  color: #d1550b;
  font-family: "Unconform Round", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.125em;
}

.odyssey5 .s2 {
  letter-spacing: 0.25em;
}

.odyssey5 .e {
  letter-spacing: 0.5em;
}

.odyssey5 .y2 {
  letter-spacing: 0.5em;
}

.odyssey5 .five {
  display: inline-block;
  width: 1.3em;
  padding-top: 0.25em;
  border-radius: 50%;
  background-color: #d1550b;
  color: black;
  letter-spacing: normal;
}

@font-face {
  font-family: "Dateline Bold";
  src: local("Dateline Bold"), url(/styles/fonts/DatelineBold.ttf);
}

.psych {
  font-family: "Dateline Bold", serif;
  font-size: 110%;
  letter-spacing: -0.125em;
  color: #749f27;
}

@font-face {
  font-family: "Swiss Cheesed";
  src: local("SwissCheese"), url(/styles/fonts/SwissCheesed.ttf);
}

.quantum-leap {
  position: relative;
  left: 0;
  top: 0;
  padding: 0.5em 0.5em 0.25em 0.5em;
  background-color: black;

  color: #5598ff;
  font-family: "Swiss Cheesed", sans-serif;
  font-size: 110%;
  letter-spacing: 0.0625em;
  text-transform: uppercase;
  text-align: center;
  text-shadow:
    -1px -1px #6f98e5,
     0   -1px #6f98e5,
     1px -1px #6f98e5,
    -1px  0px #6f98e5,
     0    0px #6f98e5,
     1px  0px #6f98e5,
    -1px  1px #6f98e5,
     0    1px #6f98e5,
     1px  1px #6f98e5,
    -1px -1px 8px #5598ff,
     0   -1px 8px #5598ff,
     1px -1px 8px #5598ff,
    -1px  0   8px #5598ff,
     0    0   8px #5598ff,
     1px  0   8px #5598ff,
    -1px  1px 8px #5598ff,
     0    1px 8px #5598ff,
     1px  1px 8px #5598ff;
}

.quantum-leap .gradient {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0.5em 0.5em 0.25em 0.5em;
  color: #000;
  -webkit-text-fill-color: #5598ff;
  -webkit-mask-image: -webkit-linear-gradient(rgba(0, 0, 0, 1), transparent 33%);
  z-index: 2;
}
.quantum-leap:after {
  content: "Quantum Leap";
  color: #000;
}

@font-face {
  font-family: "Spleeny Decaf GD";
  src: local("Spleeny Decaf GD"), url(/styles/fonts/non-free/Spleeny%20Decaf%20GD.ttf);
}

.reaper {
  font-family: "Spleeny Decaf GD", fantasy;
  text-transform: uppercase;
}

@font-face {
  font-family: 'MicroExtendFLF-Bold';
  src:
        local('MicroExtendFLF-Bold'),
        url('/styles/fonts/MicroExtendFLF-Bold.ttf.woff') format('woff'),
    url('/styles/fonts/MicroExtendFLF-Bold.ttf.svg#MicroExtendFLF-Bold') format('svg'),
    url('/styles/fonts/MicroExtendFLF-Bold.ttf.eot'),
    url('/styles/fonts/MicroExtendFLF-Bold.ttf.eot?#iefix') format('embedded-opentype');
        font-weight: normal;
  font-style: normal;
}

.remington-steele {
  background-color: white;
  color: #506BA6;
  font: bold 104% MicroExtendFLF-Bold, sans-serif;
  text-align: center;
  text-shadow: 1px 1px 1px #000;
  text-transform: uppercase;
}

@font-face {
  font-family: "Roswell";
  src: local("Roswell"), url(/styles/fonts/Roswell.TTF);
}

.roswell {
  padding: 0.25em 0.5em 0.125em 0.5em;
  background-color: #000;
  <?php
    Mixins::linear_gradient('background-image', 'left, #6f3811, #000');
  ?>
  color: #ffffbc;
  font-family: "Roswell", sans-serif;
  letter-spacing: 0.25em;

  text-shadow:
    -1px -1px 1px rgba(138, 8, 0, 0.5),
     0px  1px 1px rgba(138, 8, 0, 0.5),
     1px  1px 1px rgba(138, 8, 0, 0.5);
  text-transform: uppercase;
  -webkit-text-stroke: 0.25px rgba(138, 8, 0, 0.75);
}

.roswell span {
  letter-spacing: normal;
}

.samantha-who {
  padding: 0.125em 0.25em 0.125em 0.25em;
  background-color: #000;
  color: #e3e5e2;
  line-height: 1em;
}

.samantha-who .text {
  display: inline-block;
}

.samantha-who .samantha {
  display: block;
  position: relative;
  padding-top: 0.25em;
  padding-left: 0.25em;
  font-family: "a_Futura Orto", sans-serif;
  text-align: right;
  text-transform: uppercase;
}

.samantha-who .samantha::after {
  position: absolute;
  left: -0.2em;
  top: -1.05em;
  right: 0.2em;
  bottom: 1.05em;
  background-image: -webkit-radial-gradient(10% 15%, 20% 20%, transparent 15%, #d29c13 26%, #d29c13 34%, transparent 45%);
  content: "";
  -webkit-transform: rotate(-27deg);
  /*border: 1px solid red;*/
}

.samantha-who .who,
.samantha-who .q {
  color: #e81b04;
}

.samantha-who .who {
  display: block;
  font-weight: bold;
  line-height: 0.75em;
  text-align: right;
}

.samantha-who .q {
  font-family: cursive;
  font-size: 200%;
  font-weight: lighter;
}

@font-face {
  font-family: "Scrubs";
  src: local("TSS Scrubs Logo"), url(/styles/fonts/tsslogo.ttf);
}

.scrubs:before {
  content: "[";
}

.scrubs {
  padding: 0.125em 0.25em 0 0.25em;
  background-color: #15121a;
  color: #d0f9fb;
  font-family: "Scrubs", sans-serif;
  font-size: 150%;
  text-shadow: 0 0 10px #d0f9fb;
}

.scrubs .s {
  text-transform: uppercase;
}

.scrubs:after {
  content: "]";
}

@font-face {
  font-family: "seaQuest";
  src: local("Seaquest"), url(/styles/fonts/SQDSV.TTF);
}

.seaQuest {
  position: relative;
  padding-top: 1.5em;
  background-color: #00001e;
<?php
  // error_reporting(E_ALL | E_STRICT);
  $lambda = 1;
  for ($i = 0; $i < 200; ++$i)
  {
    $x = mt_rand(1, 99);
    /*
     * Decreasing probability of pixels near bottom through exponential distribution;
     * TODO: If coord > 50%, decrease probability of appearance.
     */
    $max = $lambda * exp(-$lambda * mt_rand(0, 5)) * 99;
    if (1 <= $max)
    {
            $y = mt_rand(1, $max);
          $coords[] = array('x' => $x, 'y' => $y);
    }
  }

  $dots = array_map(function ($coord) {
    return "-webkit-radial-gradient({$coord['x']}% {$coord['y']}%, 1px 1px, rgba(255, 255, 255, 0.75), rgba(0, 0, 30, 0))";
  }, $coords);
?>
  /* water bubbles */
  background-image: <?php echo implode(",\n    ", $dots); ?>,
    /* sunlight */
    -webkit-radial-gradient(50% 0%, 50% 200%, #00438c, rgba(0, 0, 31, 0)),
    /* water */
    -webkit-linear-gradient(#030129, #00000c);
  color: #ffc50c;
  font-family: "seaQuest", sans-serif;
  font-size: 92%;
}

.seaQuest #seaQuest {
  display: block;
  padding: 0 0.25em;
  text-transform: uppercase;
  line-height: 1;
}

.seaQuest #seaQuest .s {
  text-shadow:
    0.5px -0.25px 0.5px #f5bd46,
    1px   -0.5px  0.5px #cd8d1f,
    1.5px -0.75px 0.5px #b37b1c,
    2px   -1px    0.5px #805b17,
    2.5px -1.25px 0.5px #2e2000,
    3px   -1.5px  0.5px #040400,
    3.5px -1.75px       #000508;
}

.seaQuest #seaQuest .e {
  text-shadow:
    0.5px -0.25px 0.5px #f5bd46,
    1px   -0.5px  0.5px #cd8d1f,
    1.5px -0.75px 0.5px #b37b1c,
    2px   -1px    0.5px #805b17,
    2.5px -1.25px 0.5px #2e2000,
    3px   -1.5px        #040400;
}

.seaQuest #seaQuest .a {
  text-shadow:
    0.5px -0.25px 0.5px #fdb207,
    1px   -0.5px  0.5px #eb950e,
    1.5px -0.75px 0.5px #ae5900,
    2px   -1px    0.5px #642a00,
    2.5px -1.25px       #261704;
}

.seaQuest #seaQuest .q {
  position: relative;
  visibility: hidden;
  display: inline-block;
  margin-right: 0.5em;
  text-shadow: none;
}

.seaQuest #seaQuest .q:after {
  position: absolute;
  visibility: visible;
  margin-right: 0.125em;
  left: 0;
  top: -0.5em;
  right: 0;
  bottom: 0;
  content: "{";
  text-align: center;
  text-shadow:
    0.5px -0.25px 0.5px #ffb43b,
    1px   -0.5px  0.5px #e28d23,
    1.5px -0.75px 0.5px #853400,
    2px   -1px          #510600;
}

.seaQuest #seaQuest .u {
  text-shadow:
    0.5px -0.25px 0.5px #f7c35d,
    1px   -0.5px  0.5px #a36729,
    1.5px -0.75px 0.5px #3c0800,
    2px   -1px          #1b011c;
}

.seaQuest #seaQuest .e2 {
  text-shadow:
     0.5px -0.25px 0.5px #d8ab56,
     1px   -0.5px  0.5px #5c3605;
}

.seaQuest #seaQuest .s2 {
  text-shadow:
    0px    -0.25px 0.5px #d8ab56,
    -0.5px -0.5px  0.5px #5c3605,
    -1px   -0.75px       #200d00,
     0.5px -0.25px       #200d00;
}

.seaQuest #seaQuest .t {
  text-shadow:
     0.5px -0.25px       #e9bf73,
    -0.5px -0.25px 0.5px #d8ab56,
    -1px   -0.5px  0.5px #5c3605,
    -1.5px -0.75px       #200d00,
     0.5px -0.25px       #200d00;
}

.seaQuest #dsv {
  position: relative;
  visibility: hidden;
  display: block;
  margin-top: 0.5em;
  padding-bottom: 0.25em;
  line-height: 1;
}

.seaQuest #dsv:after {
  position: absolute;
  visibility: visible;
  left: -0.75em;
  top: 0;
  right: 0;
  bottom: 0;
  content: "|";
  text-align: center;
  text-shadow:
    0.5px -0.25px 0.5px #ffb43b,
    1px   -0.5px  0.5px #e28d23,
    1.5px -0.75px 0.5px #853400,
    2px   -1px          #510600;
}

@font-face {
  font-family: 'Jura-Demi-Bold';
  src:url('/styles/fonts/Jura-Demi-Bold.ttf.woff') format('woff'),
      url('/styles/fonts/Jura-Demi-Bold.ttf.svg#Jura-Demi-Bold') format('svg'),
      url('/styles/fonts/Jura-Demi-Bold.ttf.eot'),
      url('/styles/fonts/Jura-Demi-Bold.ttf.eot?#iefix') format('embedded-opentype');
        font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Jura-Bold';
  src:url('/styles/fonts/Jura-Bold.ttf.woff') format('woff'),
      url('/styles/fonts/Jura-Bold.ttf.svg#Jura-Bold') format('svg'),
      url('/styles/fonts/Jura-Bold.ttf.eot'),
      url('/styles/fonts/Jura-Bold.ttf.eot?#iefix') format('embedded-opentype');
        font-weight: normal;
  font-style: normal;
}

.seven-days {
  position: relative;
  padding: 1em 1em 0.75em;
  background-color: #020401;
  color: #f7fbe0;
  font-family: 'Jura-Demi-Bold', sans-serif;
  font-size: 80%;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1em;
  white-space: nowrap;
}

.seven-days:before {
  position: absolute;
  left: 0;
  top: -0.225em;
  right: 0;
  bottom: 0;
  padding-left: 0.75em;
  display: block;
  color: #191955;
  content: "7";
  font-family: 'Jura-Bold', sans-serif;
  font-size: 350%;
  font-weight: 900;
  text-align: center;
}

.seven-days:after {
  position: absolute;
  left: 0;
  top: -0.225em;
  right: 0;
  bottom: 0;
  padding-left: 0.75em;
  display: block;
  content: "7";
  font-family: 'Jura-Bold', sans-serif;
  font-size: 350%;
  font-weight: 900;
  text-align: center;
  color: transparent;
  -webkit-text-fill-color: #f7fbe0;
  -webkit-mask-image: -webkit-linear-gradient(bottom left,
        rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 60%);
}

.seven-days .s {
  letter-spacing: normal;
}

@font-face {
  font-family: "London Tube";
  src: local("P22 Johnston Underground"), url(/styles/fonts/non-free/p22-johnston-underground.ttf);
}

.sherlock {
  font-family: "London Tube", sans-serif;
  font-size: 120%;
  text-transform: uppercase;
}

@font-face {
  font-family: "Simpsonfont";
  src: local("Simpsonfont"), url(/styles/fonts/Simpsonfont.ttf);
}

@font-face {
  font-family: "Akbar";
  src: local("Akbar"), url(/styles/fonts/akbar.ttf);
}

.simpsons {
  position: relative;
  min-width: 6em;
  min-height: 2em;
  padding: 0.125em 0.25em;
  background-color: #6598DC;
  color: #FFD166;
  font-family: "Akbar", sans-serif;
  text-align: center;
  text-transform: uppercase;
  overflow: hidden;
}

.simpsons span {
  position: relative;
  display: block;
}

<?php
  Mixins::keyframes('zoom-in',
    '0% {
       opacity: 0;
       -moz-transform: perspective(100px) translateX(0) translateY(0) translateZ(-400px);
       -webkit-transform: perspective(100px) translateX(0) translateY(0) translateZ(-400px);
     }

     20% {
       opacity: 1;
     }

     100% {
       -moz-transform: perspective(100px) translateX(5px) translateY(-4px) translateZ(100px);
       -webkit-transform: perspective(100px) translateX(5px) translateY(-4px) translateZ(100px);
     }');
?>

.simpsons:hover span.text {
  <?php
        Mixins::animation('-name', 'zoom-in');
        /* -webkit-animation-iteration-count: infinite; */
        Mixins::animation('-duration', '3s');
  ?>
}

@font-face {
    font-family: 'Interdimensional';
    src:
      url('/styles/fonts/Interdimensional.ttf.woff') format('woff'),
      url('/styles/fonts/Interdimensional.ttf.svg#Interdimensional') format('svg'),
      url('/styles/fonts/Interdimensional.ttf.eot'),
      url('/styles/fonts/Interdimensional.ttf.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

.sliders {
  padding: 0.125em 0.5em;
  background-color: #000;
  color: #c1d4e2;
  font-family: Interdimensional, sans-serif;
  letter-spacing: 0.125em;
  text-transform: uppercase;
  text-shadow: 0 0 2px #c1d4e2;
}

.sliders .last {
  letter-spacing: normal;
}

@font-face {
  font-family: "Smallville";
  src: local("Smallville"), url(/styles/fonts/Smallville1.ttf);
}

.smallville {
  font-family: "Smallville", sans-serif;
  font-size: 160%;
  text-transform: uppercase;
  color: #FE1318;
}

/* Symmetric "Superman" effect */
.smallville span {
  position: relative;
  top: -0.1em;
  font-size: 90%;
}

.space-above-beyond {
  background-color: #222723;
  color: #A7B2C4;
  padding: 0.25em 0.5em;
  text-transform: uppercase;
}

@font-face {
  font-family: "Freedom Fighter";
  src: local("Freedom Fighter"), url(/styles/fonts/freedomfighter.ttf);
}

.space-above-beyond .space {
  display: block;
  color: #5E5C5D;
  font: 150% "Freedom Fighter", sans-serif;
  text-align: justify;
  text-shadow: 1px 1px 1px #0A0300, -1px -1px 1px #F5FBFF;
}

.space-above-beyond .space span {
  letter-spacing: normal;
}

.space-above-beyond .above-beyond {
  display: block;
  font-size: 50%;
  text-align: justify;
  word-spacing: 0.125em;
  -webkit-text-stroke: #A7B2C4 1px;
}

.space-above-beyond .above-beyond span {
  word-spacing: normal;
}

@font-face {
  font-family: "Stargate";
  src: local("Stargate"), url(/styles/fonts/STARGATE.TTF);
}

.stargate {
  font-family: "Stargate", serif;
  font-size: 122%;
  text-align: center;
  text-transform: uppercase;
}

.stargate > span {
  display: block;
}

.stargate.en {
  letter-spacing: 0.125em;
}

.stargate.en span .t,
.stargate.en span .a2
{
  letter-spacing: 0.03125em;
}

.stargate.en span span:last-child {
  letter-spacing: normal;
}

.stargate.en > span:first-child {
  padding-bottom: 0;
  /* border-bottom: 1px solid black; */
}

.stargate.en > span:last-child {
  /* padding-top: 0.125em; */
}

.stargate.de span .a2 {
  letter-spacing: -0.03125em;
}

.stargate.de > span:last-child {
  font-size: 64%;
}

.stargate .a {
  text-transform: lowercase;
}

.atlantis .stargate {
  display: inline-block;
  padding: 0 0.25em;
  border-bottom: 1px solid black;
  font-size: 81%;
  letter-spacing: 0.125em;
}

.atlantis .atlantis {
  margin-top: 0.125em;
  position: relative;
  top: -0.15em;
  padding-top: 0.15em;
  letter-spacing: 0.125em;
}

.atlantis span span:last-child
{
  letter-spacing: normal;
}

.sg-u {
  padding: 0.25em 0.25em 0 0.25em;
  background-color: #000;
  color: #eee;
  font-family: "Eurostile Extended", sans-serif;
  font-size: 122%;
  font-weight: bold;
  letter-spacing: -0.125em;
}

.sg-u .ring {
  letter-spacing: -0.2em;
}

@font-face {
  font-family: "Torchwood";
  src: local("Torchwood"), url(/styles/fonts/Torchwood.ttf);
}

@font-face {
  font-family: "Federation Classic";
  src: local("Federation Classic"), url(/styles/fonts/FEC_____.TTF);
}

.star-trek-tos {
  padding: 0.125em 0.25em 0 0.25em;
  background-color: #000;
  color: #FBB72C;
  font-family: "Federation Classic", sans-serif;
  font-size: 150%;
  text-transform: lowercase;
}

@font-face {
  font-family: "Starnext";
        src: local("Starnext"), url(/styles/fonts/StarNext.ttf);
}

.star-trek-tng {
  padding: 0.25em 0.5em 0.25em 0.5em;
  background-color: #000;
  color: #2D7BCD;
  font-family: "Starnext", sans-serif;
  font-size: 120%;
  line-height: 1;
        text-transform: uppercase;
  text-align: center;
}

.star-trek-tng span {
  display: block;
}

.star-trek-tng .star {
  text-align: left;
}

.star-trek-tng .trek {
  position: relative;
  top: -0.2em;
  text-align: right;
}

.star-trek-tng .tng {
  font-size: 44%;
}

.time-trax {
  background-color: #fff;
  color: #003ee5;
  font-size: 120%;
  font-weight: bold;
  text-shadow: 2px 1px #00021c;
}

.torchwood {
  padding: 0.125em 0.25em;
  background-color: black;
  color: #E72524;
  font-family: "Torchwood", serif;
  font-size: 106%;
  text-transform: uppercase;
}

@font-face {
  font-family: "True Blood";
  src: local("True Blood"), url(/styles/fonts/non-free/TRUEBLOOD.ttf);
}

.true-blood {
  font-family: "True Blood", sans-serif;
}

.true-blood .upper {
  text-transform: uppercase;
}

.true-blood .blood {
  color: #991b30;
}

.true-blood .lower {
  text-transform: lowercase;
}

.tara {
  font-family: sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}

.twin-peaks {
        padding: 0.125em 0.25em;
        background-color: transparent;
        color: #893e00;
        font-size: 120%;
        font-weight: bold;
        text-shadow: 1px 1px #111802, 1px 1px 2px #111802, 2px 2px 2px #111802;;
  text-transform: uppercase;
        -webkit-text-stroke: 1px #36ab11;
}

.visitor {
  font-weight: bold;
}

.visitors {
  position: relative;
  padding: 0.5em 0.5em 0.25em 0.5em;
  background-color: #000;
  color: #ff1700;
  font-family: fantasy;
  font-size: 80%;
  line-height: 2em;
}

.visitors span {
  vertical-align: middle;
}

.visitors .v {
  position: absolute;
  left: 0;
  width: 100%;
  font-size: 300%;
  color: rgba(210, 0, 1, 0.8);
  text-align: center;
}

.visitors .subtitle {
  text-transform: uppercase;
}

@font-face {
  font-family: "Gunplay";
  src: local("Gunplay"), url(/styles/fonts/gunplay.ttf);
}

.warehouse-13 {
  padding: 0 0.25em 0.125em 0.25em;
  background-color: #000;
  color: #BF311A;
  font-family: "Gunplay", sans-serif;
  text-transform: uppercase;
}

.warehouse-13 .numbers {
  color: #B4B4B4;
}

div.box {
  border: 1px solid black;
  position: relative;
  text-align: center;
}

div.meter, div.coverage {
  position: absolute;
  height: 100%;
}

div.meter {
  background-color: rgba(0, 0, 128, 0.5);
}

div.season {
  position: absolute;
  border-left: 1px solid #333;
  background-color: transparent;
  color: #999;
  overflow: hidden;
  white-space: nowrap;
}

div.coverage {
  background-color: rgba(0, 218, 0, 0.5);
}

.percentage {
  position: relative;
  background-color: rgba(255, 255, 255, 0.5);
}
 

Rev 203	Rev 302
1	<?php	1	<?php
2	/* namespace ; */	2	/* namespace ; */
3		3
4	\header('Last-Modified: ' . gmdate('D, d M Y H:i:s', @filemtime(__FILE__)) . ' GMT');	4	\header('Last-Modified: ' . gmdate('D, d M Y H:i:s', @filemtime(__FILE__)) . ' GMT');
5		5
6	/* Cached resource expires in HTTP/1.1 caches 24h after last retrieval */	6	/* Cached resource expires in HTTP/1.1 caches 24h after last retrieval */
7	\header('Cache-Control: max-age=86400, s-maxage=86400, must-revalidate, proxy-revalidate');	7	\header('Cache-Control: max-age=86400, s-maxage=86400, must-revalidate, proxy-revalidate');
8		8
9	/* Cached resource expires in HTTP/1.0 caches 24h after last retrieval */	9	/* Cached resource expires in HTTP/1.0 caches 24h after last retrieval */
10	\header('Expires: ' . gmdate('D, d M Y H:i:s', time() + 86400) . ' GMT');	10	\header('Expires: ' . gmdate('D, d M Y H:i:s', time() + 86400) . ' GMT');
11		11
12	\header('Content-Type: text/css; charset=UTF-8');	12	\header('Content-Type: text/css; charset=UTF-8');
13		13
14	require_once 'css/least/Mixins.php';	14	require_once 'css/least/Mixins.php';
15	use de\pointedears\css\least\Mixins;	15	use de\pointedears\css\least\Mixins;
16	?>	16	?>
17	@CHARSET "UTF-8";	17	@CHARSET "UTF-8";
18		18
19	html, body {	19	html, body {
20	-webkit-font-smoothing: antialiased;	20	-webkit-font-smoothing: antialiased;
21	}	21	}
22		22
23	h1, h2, h3, h4, h5, h6 {	23	h1, h2, h3, h4, h5, h6 {
24	/* from SVG for Gecko and WebKit */	24	/* from SVG for Gecko and WebKit */
25	text-rendering: optimizeLegibility;	25	text-rendering: optimizeLegibility;
26	}	26	}
27		27
28	body {	28	body {
29	font-family: sans-serif;	29	font-family: sans-serif;
30	}	30	}
31		31
32	:link, :visited {	32	:link, :visited {
33	text-decoration: none;	33	text-decoration: none;
34	color: inherit;	34	color: inherit;
35	}	35	}
36		36
37	.hidden {	37	.hidden {
38	display: none !important;	38	display: none !important;
39	}	39	}
40		40
41	h1 {	41	h1 {
42	margin: 0;	42	margin: 0;
43	text-align: center;	43	text-align: center;
44	}	44	}
45		45
46	[title] {	46	[title] {
47	cursor: help;	47	cursor: help;
48	/* border-bottom: 1px dotted black; */	48	/* border-bottom: 1px dotted black; */
49	}	49	}
50		50
51	table {	51	table {
52	width: 100%;	52	width: 100%;
53	border-collapse: collapse;	53	border-collapse: collapse;
54	}	54	}
55		55
56	th {	56	th {
57	width: 20%;	57	width: 20%;
58	padding: 0.25em 0.5em 0.25em 0;	58	padding: 0.25em 0.5em 0.25em 0;
59	font-weight: normal;	59	font-weight: normal;
60	text-align: right;	60	text-align: right;
61	}	61	}
62		62
63	th > span,	63	th > span,
64	th > :link > span,	64	th > :link > span,
65	th > :visited > span	65	th > :visited > span
66	{	66	{
67	display: inline-block;	67	display: inline-block;
68	text-align: center;	68	text-align: center;
69	}	69	}
70		70
71	td:first-child {	71	td:first-child {
72	width: 1em;	72	width: 1em;
73	border: none;	73	border: none;
74	}	74	}
75		75
76	th.recommended {	76	th.recommended {
77	border-left: 2px solid green;	77	border-left: 2px solid green;
78	border-top: 2px solid green;	78	border-top: 2px solid green;
79	border-bottom: 2px solid green;	79	border-bottom: 2px solid green;
80	}	80	}
81		81
82	td:last-child {	82	td:last-child {
83	padding-right: 0.25em;	83	padding-right: 0.25em;
84	}	84	}
85		85
86	td.recommended {	86	td.recommended {
87	border-top: 2px solid green;	87	border-top: 2px solid green;
88	border-right: 2px solid green;	88	border-right: 2px solid green;
89	border-bottom: 2px solid green;	89	border-bottom: 2px solid green;
90	}	90	}
91		91
92	@font-face {	92	@font-face {
93	font-family: "Futura Condensed";	93	font-family: "Futura Condensed";
94	src: local("Futura Condensed"), url(/styles/fonts/non-free/futura_condensed.TTF);	94	src: local("Futura Condensed"), url(/styles/fonts/non-free/futura_condensed.TTF);
95	}	95	}
96		96
97	@font-face {	97	@font-face {
98	font-family: "X-Files";	98	font-family: "X-Files";
99	src: local("X-Files"), url(/styles/fonts/x-files.ttf);	99	src: local("X-Files"), url(/styles/fonts/x-files.ttf);
100	}	100	}
101		101
102	.akte-x {	102	.akte-x {
103	padding: 0.5em 0.25em 0em 0.25em;	103	padding: 0.5em 0.25em 0em 0.25em;
104	<?php	104	<?php
105	/*	105	/*
106	background-image: -(o-\|)linear-gradient(12deg,	106	background-image: -(o-\|)linear-gradient(12deg,
107	rgba(236, 244, 235, 0) 33%, rgba(236, 244, 235, 0.9) 68%,	107	rgba(236, 244, 235, 0) 33%, rgba(236, 244, 235, 0.9) 68%,
108	rgba(236, 244, 235, 0.9) 70%, rgba(236, 244, 235, 0) 90%);	108	rgba(236, 244, 235, 0.9) 70%, rgba(236, 244, 235, 0) 90%);
109	*/	109	*/
110	Mixins::linear_gradient(	110	Mixins::linear_gradient(
111	'background-image',	111	'background-image',
112	'12deg,	112	'12deg,
113	rgba(236, 244, 235, 0) 33%, rgba(236, 244, 235, 0.9) 68%,	113	rgba(236, 244, 235, 0) 33%, rgba(236, 244, 235, 0.9) 68%,
114	rgba(236, 244, 235, 0.9) 70%, rgba(236, 244, 235, 0) 90%',	114	rgba(236, 244, 235, 0.9) 70%, rgba(236, 244, 235, 0) 90%',
115	array('-o-', ''));	115	array('-o-', ''));
116	?>	116	?>
117	background-image:	117	background-image:
118	-moz-radial-gradient(65% 60%,	118	-moz-radial-gradient(65% 60%,
119	rgba(236, 244, 235, 0.5) 50%, rgba(236, 244, 235, 0.1)),	119	rgba(236, 244, 235, 0.5) 50%, rgba(236, 244, 235, 0.1)),
120	-moz-linear-gradient(12deg,	120	-moz-linear-gradient(12deg,
121	rgba(236, 244, 235, 0) 33%, rgba(236, 244, 235, 0.9) 68%,	121	rgba(236, 244, 235, 0) 33%, rgba(236, 244, 235, 0.9) 68%,
122	rgba(236, 244, 235, 0.9) 70%, rgba(236, 244, 235, 0) 90%);	122	rgba(236, 244, 235, 0.9) 70%, rgba(236, 244, 235, 0) 90%);
123	background-image:	123	background-image:
124	-webkit-radial-gradient(65% 60%, 25% 75%,	124	-webkit-radial-gradient(65% 60%, 25% 75%,
125	rgba(236, 244, 235, 0.5) 50%, rgba(236, 244, 235, 0.1)),	125	rgba(236, 244, 235, 0.5) 50%, rgba(236, 244, 235, 0.1)),
126	-webkit-linear-gradient(12deg,	126	-webkit-linear-gradient(12deg,
127	rgba(236, 244, 235, 0) 33%, rgba(236, 244, 235, 0.9) 68%,	127	rgba(236, 244, 235, 0) 33%, rgba(236, 244, 235, 0.9) 68%,
128	rgba(236, 244, 235, 0.9) 70%, rgba(236, 244, 235, 0) 90%);	128	rgba(236, 244, 235, 0.9) 70%, rgba(236, 244, 235, 0) 90%);
129	background-color: #000;	129	background-color: #000;
130	color: #dcdfdc;	130	color: #dcdfdc;
131	line-height: 2em;	131	line-height: 2em;
132	vertical-align: middle;	132	vertical-align: middle;
133	}	133	}
134		134
135	.akte-x .small {	135	.akte-x .small {
136	padding-left: 1em;	136	padding-left: 1em;
137	<?php	137	<?php
138	/*	138	/*
139	background-image: -()linear-gradient(bottom left, black, transparent);	139	background-image: -()linear-gradient(bottom left, black, transparent);
140	*/	140	*/
141	Mixins::linear_gradient('background-image', 'bottom left, black, transparent');	141	Mixins::linear_gradient('background-image', 'bottom left, black, transparent');
142	?>	142	?>
143	vertical-align: middle;	143	vertical-align: middle;
144	font-family: "Futura Condensed", sans-serif;	144	font-family: "Futura Condensed", sans-serif;
145	font-size: 50%;	145	font-size: 50%;
146	text-transform: uppercase;	146	text-transform: uppercase;
147	letter-spacing: 1em;	147	letter-spacing: 1em;
148	}	148	}
149		149
150	.akte-x .before-x {	150	.akte-x .before-x {
151	letter-spacing: normal;	151	letter-spacing: normal;
152	}	152	}
153		153
154	.akte-x .x {	154	.akte-x .x {
155	font-family: "X-Files", sans-serif;	155	font-family: "X-Files", sans-serif;
156	font-size: 600%;	156	font-size: 600%;
157	font-weight: lighter;	157	font-weight: lighter;
158	vertical-align: middle;	158	vertical-align: middle;
159	vertical-align: -webkit-baseline-middle;	159	vertical-align: -webkit-baseline-middle;
160	color: black;	160	color: black;
161	-webkit-mask-image: -webkit-linear-gradient(-12deg,	161	-webkit-mask-image: -webkit-linear-gradient(-12deg,
162	rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 1));	162	rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 1));
163	}	163	}
164		164
165	.alf {	165	.alf {
166	font-family: "URW Bookman L", serif;	166	font-family: "URW Bookman L", serif;
167	font-weight: bold;	167	font-weight: bold;
168	font-size: 120%;	168	font-size: 120%;
169		169
170	}	170	}
171		171
172	@font-face {	172	@font-face {
173	font-family: "Highguard";	173	font-family: "Highguard";
174	src: local("Highguard"), url(/styles/fonts/Highguard.ttf);	174	src: local("Highguard"), url(/styles/fonts/Highguard.ttf);
175	}	175	}
176		176
177	.andromeda {	177	.andromeda {
178	position: relative;	178	position: relative;
179	font-family: "Highguard", sans-serif;	179	font-family: "Highguard", sans-serif;
180	font-size: 204%;	180	font-size: 204%;
181	color: rgba(245, 153, 79, 1);	181	color: rgba(245, 153, 79, 1);
182	text-shadow:	182	text-shadow:
183	/* blurred shadow */	183	/* blurred shadow */
184	-1px 0 2px black, 0 -1px 2px black, 1px 0 2px black, 0 1px 2px black,	184	-1px 0 2px black, 0 -1px 2px black, 1px 0 2px black, 0 1px 2px black,
185		185
186	/* outline */	186	/* outline */
187	-1px 0 black, 0 -1px black, 1px 0 black, 0 1px black;	187	-1px 0 black, 0 -1px black, 1px 0 black, 0 1px black;
188	}	188	}
189		189
190	.andromeda .gradient {	190	.andromeda .gradient {
191	-webkit-mask-image: -webkit-linear-gradient(top,	191	-webkit-mask-image: -webkit-linear-gradient(top,
192	rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 1));	192	rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 1));
193	}	193	}
194		194
195	.andromeda .roddenberry {	195	.andromeda .roddenberry {
196	position: absolute;	196	position: absolute;
197	right: 3.75em;	197	right: 3.75em;
198	top: 1.7em;	198	top: 1.7em;
199	font-family: sans-serif;	199	font-family: sans-serif;
200	font-size: 21%;	200	font-size: 21%;
201	text-transform: uppercase;	201	text-transform: uppercase;
202	color: black;	202	color: black;
203	text-shadow: none;	203	text-shadow: none;
204	letter-spacing: 0;	204	letter-spacing: 0;
205	}	205	}
206		206
207	.big-bang-theory {	207	.big-bang-theory {
208	font-family: Impact, sans-serif;	208	font-family: Impact, sans-serif;
209	font-size: 122%;	209	font-size: 122%;
210	font-weight: bold;	210	font-weight: bold;
211	text-transform: uppercase;	211	text-transform: uppercase;
212	}	212	}
213		213
214	.big-bang-theory .lower {	214	.big-bang-theory .lower {
215	font-size: 0.75em;	215	font-size: 0.75em;
216	text-transform: lowercase;	216	text-transform: lowercase;
217	}	217	}
218		218
219	.big-bang-theory .i {	219	.big-bang-theory .i {
220	text-transform: none;	220	text-transform: none;
221	font-size: 111%;	221	font-size: 111%;
222	font-weight: normal;	222	font-weight: normal;
223	}	223	}
224		224
225	.big-bang-theory .bang {	225	.big-bang-theory .bang {
226	color: #CE152C;	226	color: #CE152C;
227	}	227	}
228		228
229	@font-face {	229	@font-face {
230	font-family: "Battlestar";	230	font-family: "Battlestar";
231	src: local("Battlestar"), url(/styles/fonts/BATTLEST.TTF);	231	src: local("Battlestar"), url(/styles/fonts/BATTLEST.TTF);
232	}	232	}
233		233
234	.bsg {	234	.bsg {
235	font-family: "Battlestar", sans-serif;	235	font-family: "Battlestar", sans-serif;
236	font-size: 84%;	236	font-size: 84%;
237	}	237	}
238		238
239	@font-face {	239	@font-face {
240	font-family: "Buffied";	240	font-family: "Buffied";
241	src: local("Buffied"), url(/styles/fonts/Buffied.ttf);	241	src: local("Buffied"), url(/styles/fonts/Buffied.ttf);
242	}	242	}
243		243
244	@font-face {	244	@font-face {
245	font-family: "Slayer";	245	font-family: "Slayer";
246	src: url(/styles/fonts/slayer11.eot?);	246	src: url(/styles/fonts/slayer11.eot?);
247	src: local("Slayer"),	247	src: local("Slayer"),
248	url(/styles/fonts/slayer11.eot?) format("eot"),	248	url(/styles/fonts/slayer11.eot?) format("eot"),
249	url(/styles/fonts/slayer11.woff) format("woff"),	249	url(/styles/fonts/slayer11.woff) format("woff"),
250	url(/styles/fonts/slayer11.ttf) format("truetype"),	250	url(/styles/fonts/slayer11.ttf) format("truetype"),
251	url(/styles/fonts/slayer11.svg#Slayer) format("svg");	251	url(/styles/fonts/slayer11.svg#Slayer) format("svg");
252	font-weight: normal;	252	font-weight: normal;
253	font-style: normal;	253	font-style: normal;
254	}	254	}
255		255
256	@font-face {	256	@font-face {
257	font-family: "Kruella";	257	font-family: "Kruella";
258	src: local("Kruella"), url(/styles/fonts/non-free/kruella.ttf);	258	src: local("Kruella"), url(/styles/fonts/non-free/kruella.ttf);
259	}	259	}
260		260
261	.buffy {	261	.buffy {
262	padding: 0.75em 0.5em 0.5em 0.5em;	262	padding: 0.75em 0.5em 0.5em 0.5em;
263	background-color: #000700;	263	background-color: #000700;
264	<?php Mixins::radial_gradient('background-image', 'circle, #6d7a9c 35%, transparent 45%'); ?>	264	<?php Mixins::radial_gradient('background-image', 'circle, #6d7a9c 35%, transparent 45%'); ?>
265	color: #feffff;	265	color: #feffff;
266	line-height: 1em;	266	line-height: 1em;
267	text-align: center;	267	text-align: center;
268	text-shadow: 1px 1px 1px black;	268	text-shadow: 1px 1px 1px black;
269	}	269	}
270		270
271	.buffy .title {	271	.buffy .title {
272	font-family: "Buffied", fantasy;	272	font-family: "Buffied", fantasy;
273	font-size: 200%;	273	font-size: 200%;
274	}	274	}
275		275
276	.buffy .subtitle {	276	.buffy .subtitle {
277	display: block;	277	display: block;
278	font-family: "Slayer", sans-serif;	278	font-family: "Slayer", sans-serif;
279	font-size: 50%;	279	font-size: 50%;
280	font-variant: small-caps;	280	font-variant: small-caps;
281	}	281	}
282		282
283	@font-face {	283	@font-face {
284	font-family: "Arno Pro Caption";	284	font-family: "Arno Pro Caption";
285	src: local("Arno Pro Caption"), url(/styles/fonts/non-free/arnopro-caption.otf);	285	src: local("Arno Pro Caption"), url(/styles/fonts/non-free/arnopro-caption.otf);
286	}	286	}
287		287
288	.castle {	288	.castle {
289	font-family: "Arno Pro Caption", serif;	289	font-family: "Arno Pro Caption", serif;
290	font-size: 120%;	290	font-size: 120%;
291	line-height: 1;	291	line-height: 1;
292	text-transform: uppercase;	292	text-transform: uppercase;
293	}	293	}
294		294
295	@font-face {	295	@font-face {
296	font-family: "KopyKattKut Bold";	296	font-family: "KopyKattKut Bold";
297	src: local("KopyKattKut Bold"), url(/styles/fonts/KopyKattKut-Bold.otf);	297	src: local("KopyKattKut Bold"), url(/styles/fonts/KopyKattKut-Bold.otf);
298	}	298	}
299		299
300	.charmed {	300	.charmed {
301	position: relative;	301	position: relative;
302	background-color: #080E32;	302	background-color: #080E32;
303	color: rgb(223, 229, 251);	303	color: rgb(223, 229, 251);
304	color: rgba(255, 255, 255, 0.75);	304	color: rgba(255, 255, 255, 0.75);
305	padding: 1.5em 0.5em 0.75em 0.5em;	305	padding: 1.5em 0.5em 0.75em 0.5em;
306	font-family: "KopyKattKut Bold", serif;	306	font-family: "KopyKattKut Bold", serif;
307	font-size: 115%;	307	font-size: 115%;
308	/letter-spacing: -0.125em;/	308	/letter-spacing: -0.125em;/
309	line-height: 2;	309	line-height: 2;
310	overflow: hidden;	310	overflow: hidden;
311	text-transform: uppercase;	311	text-transform: uppercase;
312	}	312	}
313		313
314	.charmed .circle {	314	.charmed .circle {
315	position: absolute;	315	position: absolute;
316	left: 50%;	316	left: 50%;
317	top: 60%;	317	top: 60%;
318	width: 2em;	318	width: 2em;
319	height: 2em;	319	height: 2em;
320	margin-left: -1.3em;	320	margin-left: -1.3em;
321	margin-top: -1.3em;	321	margin-top: -1.3em;
322	border-radius: 50%;	322	border-radius: 50%;
323	border: 0.325em solid rgba(36, 63, 219, 0.33);	323	border: 0.325em solid rgba(36, 63, 219, 0.33);
324	}	324	}
325		325
326	.charmed .circle:before {	326	.charmed .circle:before {
327	position: absolute;	327	position: absolute;
328	left: 50%;	328	left: 50%;
329	top: 50%;	329	top: 50%;
330	width: 75%;	330	width: 75%;
331	height: 75%;	331	height: 75%;
332	margin-left: -1.7em;	332	margin-left: -1.7em;
333	margin-top: -0.7em;	333	margin-top: -0.7em;
334	border: 0.325em solid rgba(36, 63, 219, 0.33);	334	border: 0.325em solid rgba(36, 63, 219, 0.33);
335	border-radius: 100% 0;	335	border-radius: 100% 0;
336	content: "";	336	content: "";
337	<?php	337	<?php
338	/*	338	/*
339	-(moz-\|webkit-\|)transform: rotate(15deg);	339	-(moz-\|webkit-\|)transform: rotate(15deg);
340	*/	340	*/
341	Mixins::prefix_property('transform', '',	341	Mixins::prefix_property('transform', '',
342	'rotate(15deg)',	342	'rotate(15deg)',
343	array('-moz-', '-webkit-', ''));	343	array('-moz-', '-webkit-', ''));
344	?>	344	?>
345	}	345	}
346		346
347	.charmed .circle:after {	347	.charmed .circle:after {
348	position: absolute;	348	position: absolute;
349	left: 50%;	349	left: 50%;
350	top: 50%;	350	top: 50%;
351	width: 75%;	351	width: 75%;
352	height: 75%;	352	height: 75%;
353	margin-left: -1.05em;	353	margin-left: -1.05em;
354	margin-top: -1.85em;	354	margin-top: -1.85em;
355	border: 0.325em solid rgba(36, 63, 219, 0.33);	355	border: 0.325em solid rgba(36, 63, 219, 0.33);
356	border-radius: 100% 0;	356	border-radius: 100% 0;
357	content: "";	357	content: "";
358	<?php	358	<?php
359	Mixins::prefix_property('transform', '',	359	Mixins::prefix_property('transform', '',
360	'rotate(-45deg)',	360	'rotate(-45deg)',
361	array('-moz-', '-webkit-', ''));	361	array('-moz-', '-webkit-', ''));
362	?>	362	?>
363	}	363	}
364		364
365	.charmed .arc3 {	365	.charmed .arc3 {
366	position: absolute;	366	position: absolute;
367	left: 50%;	367	left: 50%;
368	top: 50%;	368	top: 50%;
369	width: 1.5em;	369	width: 1.5em;
370	height: 1.5em;	370	height: 1.5em;
371	margin-left: -0.3em;	371	margin-left: -0.3em;
372	margin-top: -0.3em;	372	margin-top: -0.3em;
373	border: 0.325em solid rgba(36, 63, 219, 0.33);	373	border: 0.325em solid rgba(36, 63, 219, 0.33);
374	border-radius: 0 100% 0 100%;	374	border-radius: 0 100% 0 100%;
375	content: "";	375	content: "";
376	<?php	376	<?php
377	Mixins::prefix_property('transform', '',	377	Mixins::prefix_property('transform', '',
378	'rotate(-15deg)',	378	'rotate(-15deg)',
379	array('-moz-', '-webkit-', ''));	379	array('-moz-', '-webkit-', ''));
380	?>	380	?>
381	}	381	}
382		382
383	.charmed .c {	383	.charmed .c {
384	/* font-size: 150%; */	384	/* font-size: 150%; */
385	}	385	}
386		386
387	.charmed span {	387	.charmed span {
388	position: relative;	388	position: relative;
389	/* vertical-align: middle; */	389	/* vertical-align: middle; */
390	}	390	}
391		391
392	@font-face {	392	@font-face {
393	font-family: "Coolvetica";	393	font-family: "Coolvetica";
394	src: local("Coolvetica"), url(/styles/fonts/non-free/coolvetica.ttf);	394	src: local("Coolvetica"), url(/styles/fonts/non-free/coolvetica.ttf);
395	}	395	}
396		396
397	.columbo {	397	.columbo {
398	padding: 0 0.25em;	398	padding: 0 0.25em;
399	background-color: #273d50;	399	background-color: #273d50;
400	color: #fde06c;	400	color: #fde06c;
401	font-family: "Coolvetica", sans-serif;	401	font-family: "Coolvetica", sans-serif;
402	font-size: 130%;	402	font-size: 130%;
403	letter-spacing: 0.0625em;	403	letter-spacing: 0.0625em;
404	text-transform: uppercase;	404	text-transform: uppercase;
405	text-shadow: 2px 2px 1px black;	405	text-shadow: 2px 2px 1px black;
406	}	406	}
407		407
408	@font-face {	408	@font-face {
409	font-family: "ITC Serif Gothic LT Bold";	409	font-family: "ITC Serif Gothic LT Bold";
410	src: url(/styles/fonts/non-free/itc_serif_gothic--lte50299.ttf);	410	src: url(/styles/fonts/non-free/itc_serif_gothic--lte50299.ttf);
411	}	411	}
412		412
413	@font-face {	413	@font-face {
414	font-family: "ITC Serif Gothic LT Heavy";	414	font-family: "ITC Serif Gothic LT Heavy";
415	src: url(/styles/fonts/non-free/itc_serif_gothic--lte50301.ttf);	415	src: url(/styles/fonts/non-free/itc_serif_gothic--lte50301.ttf);
416	}	416	}
417		417
418	.countdown-x {	418	.countdown-x {
419	font-family: "ITC Serif Gothic LT Heavy", sans-serif;	419	font-family: "ITC Serif Gothic LT Heavy", sans-serif;
420	line-height: 0.9em;	420	line-height: 0.9em;
421	text-align: center;	421	text-align: center;
422	text-shadow: 1px 1px #999;	422	text-shadow: 1px 1px #999;
423	}	423	}
424		424
425	.countdown-x .title:before {	425	.countdown-x .title:before {
426	content: "\2013\00A0";	426	content: "\2013\00A0";
427	}	427	}
428		428
429	.countdown-x .subtitle {	429	.countdown-x .subtitle {
430	display: block;	430	display: block;
431	font-family: "ITC Serif Gothic LT Bold", sans-serif;	431	font-family: "ITC Serif Gothic LT Bold", sans-serif;
432	}	432	}
433		433
434	.dead-zone {	434	.dead-zone {
435	background-color: black;	435	background-color: black;
436	background-image: -webkit-radial-gradient(50% 20%, 20% 100%, white, transparent 75%);	436	background-image: -webkit-radial-gradient(50% 20%, 20% 100%, white, transparent 75%);
437	color: white;	437	color: white;
438	font-family: serif;	438	font-family: serif;
439	font-size: 120%;	439	font-size: 120%;
440	font-weight: bold;	440	font-weight: bold;
441	line-height: 1;	441	line-height: 1;
442	text-align: center;	442	text-align: center;
443	text-transform: uppercase;	443	text-transform: uppercase;
444	}	444	}
445		445
446	.dead-zone .text {	446	.dead-zone .text {
447	display: block;	447	display: block;
448	margin-top: 1em;	448	margin-top: 1em;
449	padding: 0 1em;	449	padding: 0 1em;
450	background: white;	450	background: white;
451	background:	451	background:
452	-webkit-linear-gradient(-5deg, rgba(255, 255, 255, 0),	452	-webkit-linear-gradient(-5deg, rgba(255, 255, 255, 0),
453	rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)),	453	rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)),
454	-webkit-linear-gradient(5deg, rgba(255, 255, 255, 0),	454	-webkit-linear-gradient(5deg, rgba(255, 255, 255, 0),
455	rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));	455	rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
456	background:	456	background:
457	linear-gradient(-5deg, rgba(255, 255, 255, 0),	457	linear-gradient(-5deg, rgba(255, 255, 255, 0),
458	rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)),	458	rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)),
459	linear-gradient(5deg, rgba(255, 255, 255, 0),	459	linear-gradient(5deg, rgba(255, 255, 255, 0),
460	rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));	460	rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
461	color: black;	461	color: black;
462	}	462	}
463		463
464	.dead-zone .text .dead {	464	.dead-zone .text .dead {
465	display: block;	465	display: block;
466	top: -0.125em;	466	top: -0.125em;
467	position: relative;	467	position: relative;
468	font-size: 90%;	468	font-size: 90%;
469	color: #222;	469	color: #222;
470	text-shadow: 0 0 10px white;	470	text-shadow: 0 0 10px white;
471	}	471	}
472		472
473	.dead-zone .text .zone {	473	.dead-zone .text .zone {
474	display: block;	474	display: block;
475	position: relative;	475	position: relative;
476	top: -0.5em;	476	top: -0.5em;
477	font-size: 110%;	477	font-size: 110%;
478	<?php	478	<?php
479	Mixins::prefix_property('transform', '',	479	Mixins::prefix_property('transform', '',
480	'perspective(15px) rotateX(35deg)',	480	'perspective(15px) rotateX(35deg)',
481	array('-webkit-', ''));	481	array('-webkit-', ''));
482	?>	482	?>
483	-webkit-mask-image: -webkit-linear-gradient(	483	-webkit-mask-image: -webkit-linear-gradient(
484	rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.67));	484	rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.67));
485	}	485	}
486		486
487	@font-face {	487	@font-face {
488	font-family: "Doctor Who";	488	font-family: "Doctor Who";
489	src: local("Matt Smith Doctor Who"), url(/styles/fonts/matt_smith_doctor_who.ttf);	489	src: local("Matt Smith Doctor Who"), url(/styles/fonts/matt_smith_doctor_who.ttf);
490	}	490	}
491		491
492	.doctor-who {	492	.doctor-who {
493	position: relative;	493	position: relative;
494	color: #386688;	494	color: #386688;
495	font-family: "Doctor Who", serif;	495	font-family: "Doctor Who", serif;
496	font-size: 250%;	496	font-size: 250%;
497	text-transform: uppercase;	497	text-transform: uppercase;
498	text-shadow: 0 0 1px rgba(0, 0, 0, 0.25);	498	text-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
499	}	499	}
500		500

Subversion Repositories LCARS

(root)/trunk/media/video/series/style.css - Rev 203 → 302