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

+}
 .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%',
       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%;
+}
 .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);
   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 {
+}
 @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;
   text-shadow: 1px 1px 1px black;
+}
 .buffy .title {
   font-family: "Buffied", fantasy;
   font-size: 200%;
+}
 .buffy .subtitle {
   display: block;
   font-family: "Slayer", sans-serif;
+}
 .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
+}
 .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
 .charmed .c {
   /* font-size: 150%; */
+}
 .charmed span {
   position: relative;
   /* vertical-align: middle; */
+}
 @font-face {
   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;
     -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%;
+}
+}
 .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);
 .eureka .ka {
   text-shadow: -1px 0 1px rgb(168, 217, 231), -1px -1px rgb(77, 148, 168),
 -1px rgb(77, 148, 168);
   text-shadow: -1px 0 1px rgba(168, 217, 231, 0.9), -1px -1px rgba(77, 148, 168, 0.9),
 -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:
+px 0px 1px #efcea5,
+px 0px 2px #efcea5,
+px 0px 3px #efcea5;
+}
+@font-face {
   font-family: "Marriage-Script";
   font-weight: normal;
   src: local("Marriage-Script"), url(/styles/fonts/MARRIAGE.TTF);
+}
   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)',
 .25px  0.75px #5b6e65,
 .5px   1.25px #5b6e65,
 .75px  1.5px  #5b6e65,
 px     1.75px #5b6e65,
 .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,
 .25px 0.75px #111910, 1.5px 1.25px #111910, 1.75px 1.5px #111910,
 .75px 1.5px #111910, 2.25px 1.75px #111910;
  */
+}
 .fringe .r {
   display: inline-block;
   /*-webkit-transform: matrix(1, 0, -0.04, 1, 0, 0);*/
 .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%;
   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;
+}
 .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;
+}
   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 {
+}
 .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;
 @font-face {
   font-family: "Terminator";
   src: url(/styles/fonts/TERMINAT.TTF);
+}
+.mork-and-mindy {
+  color: #f2cd33;
+  font: bold 110% serif;
+  text-shadow:
+px -1px 1px #e3dac2,
+.5px  0.5px 0px #0a0201,
+px  1px 0px #0a0201,
+px  2px 0.5px #0a0201,
+px  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-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;
   /*
 .numb3rs .s {
   letter-spacing: normal;
+}
 /*
 .numb3rs .gradient {
   position: absolute;
   left: 0;
   top: 0;
   padding: 0.25em 0.5em 0.125em 0.5em;
   font-family: "Unconform Round";
   src: local("Unconform Round"), url(/styles/fonts/UNCON___.TTF);
+}
 .odyssey5 {
-  padding: 0.5em 0.5em 0.125em 0.5em;
+  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 .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;
   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;
   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 {
   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;
 .samantha-who .who,
 .samantha-who .q {
   color: #e81b04;
+}
 .samantha-who .who {
   display: block;
   font-weight: bold;
   line-height: 0.75em;
   text-align: right;
   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;
+}
+    {
             $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 */
 .5px -0.75px 0.5px #853400,
 px   -1px          #510600;
+}
 @font-face {
-    font-family: 'Jura-Demi-Bold';
+  font-family: 'Jura-Demi-Bold';
-    src:url('/styles/fonts/Jura-Demi-Bold.ttf.woff') format('woff'),
+  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.svg#Jura-Demi-Bold') format('svg'),
-        url('/styles/fonts/Jura-Demi-Bold.ttf.eot'),
+      url('/styles/fonts/Jura-Demi-Bold.ttf.eot'),
-        url('/styles/fonts/Jura-Demi-Bold.ttf.eot?#iefix') format('embedded-opentype');
+      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;
+  font-style: normal;
+}
 .seven-days {
   position: relative;
   padding: 1em 1em 0.75em;
+}
 .seven-days:before {
   position: absolute;
   left: 0;
-  top: -0.125em;
+  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.125em;
+  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;
+}
     '0% {
        opacity: 0;
        -moz-transform: perspective(100px) translateX(0) translateY(0) translateZ(-400px);
        -webkit-transform: perspective(100px) translateX(0) translateY(0) translateZ(-400px);
+     }
 % {
        opacity: 1;
+     }
 % {
        -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 {
 /* Symmetric "Superman" effect */
 .smallville span {
   position: relative;
   top: -0.1em;
   font-size: 90%;
+}
 .space-above-beyond {
   background-color: #222723;
   color: #A7B2C4;
 .atlantis .atlantis {
   margin-top: 0.125em;
   position: relative;
   top: -0.15em;
   padding-top: 0.15em;
   letter-spacing: 0.125em;
+}
 .atlantis span span:last-child
+{
   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;
   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);
+}

Subversion Repositories LCARS

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