Subversion Repositories LCARS

Compare Revisions

Last modification

Ignore whitespace Rev 203 → Rev 302

/trunk/media/video/series/style.css
102,11 → 102,11
.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,
129,15 → 129,15
background-color: #000;
color: #dcdfdc;
line-height: 2em;
vertical-align: middle;
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;
154,7 → 154,7
.akte-x .x {
font-family: "X-Files", sans-serif;
font-size: 600%;
font-weight: lighter;
font-weight: lighter;
vertical-align: middle;
vertical-align: -webkit-baseline-middle;
color: black;
166,7 → 166,7
font-family: "URW Bookman L", serif;
font-weight: bold;
font-size: 120%;
 
}
 
@font-face {
182,7 → 182,7
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;
}
244,7 → 244,7
@font-face {
font-family: "Slayer";
src: url(/styles/fonts/slayer11.eot?);
src: local("Slayer"),
src: local("Slayer"),
url(/styles/fonts/slayer11.eot?) format("eot"),
url(/styles/fonts/slayer11.woff) format("woff"),
url(/styles/fonts/slayer11.ttf) format("truetype"),
270,7 → 270,7
 
.buffy .title {
font-family: "Buffied", fantasy;
font-size: 200%;
font-size: 200%;
}
 
.buffy .subtitle {
326,16 → 326,16
.charmed .circle:before {
position: absolute;
left: 50%;
top: 50%;
width: 75%;
height: 75%;
margin-left: -1.7em;
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', '',
347,10 → 347,10
.charmed .circle:after {
position: absolute;
left: 50%;
top: 50%;
width: 75%;
height: 75%;
margin-left: -1.05em;
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;
365,10 → 365,10
.charmed .arc3 {
position: absolute;
left: 50%;
top: 50%;
width: 1.5em;
height: 1.5em;
margin-left: -0.3em;
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%;
384,7 → 384,7
/* font-size: 150%; */
}
 
.charmed span {
.charmed span {
position: relative;
/* vertical-align: middle; */
}
538,13 → 538,13
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;
581,7 → 581,7
 
.efc .gr {
display: block;
margin-top: 1em;
margin-top: 1em;
margin-bottom: 2.5em;
font-family: "a_Futura Orto", sans-serif;
font-size: 50%;
729,10 → 729,10
.eureka .e {
display: inline-block;
position: relative;
bottom: 0.25em;
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);
745,11 → 745,62
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);
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);
829,7 → 880,7
color: #101811;
font-family: "Century Gothic", sans-serif;
font-weight: bolder;
font-size: 140%;
font-size: 140%;
text-transform: uppercase;
}
 
836,7 → 887,7
.fringe .gradient {
display: inline-block;
/*
-webkit-mask-image: -webkit-radial-gradient(center, 150% 150%,
-webkit-mask-image: -webkit-radial-gradient(center, 150% 150%,
rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.125));
*/
<?php
858,7 → 909,7
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 */
/*
865,7 → 916,7
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 {
1016,7 → 1067,7
}
 
@font-face {
font-family: "ITC Avant Garde Gothic Medium";
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);
}
1024,7 → 1075,7
.glee {
padding: 0.125em 0.5em;
/* background-image: -moz-radial-gradient(#FFEA8C, #FFD727);
background-image: -webkit-radial-gradient(#FFEA8C, #FFD727);
background-image: -webkit-radial-gradient(#FFEA8C, #FFD727);
background-color: #FFD727; */
background-color: #000;
color: #fff;
1069,16 → 1120,16
/* 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: "";
}
 
1298,12 → 1349,12
.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;
1360,6 → 1411,86
}
 
@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);
}
1394,7 → 1525,7
.moonlighting {
padding: 0.125em 0.5em;
background-color: #672522;
<?php Mixins::linear_gradient('background-image', '#672b24, #652313'); ?>
<?php Mixins::linear_gradient('background-image', '#672b24, #652313'); ?>
color: #f2f4ff;
color: rgba(242, 244, 255, 0.97);
font: 116% "Futura Condensed", sans-serif;
1409,6 → 1540,18
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;
1440,7 → 1583,7
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;
1465,7 → 1608,7
letter-spacing: normal;
}
 
/*
/*
.numb3rs .gradient {
position: absolute;
left: 0;
1488,7 → 1631,7
}
 
.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;
1509,6 → 1652,12
}
 
.odyssey5 .five {
display: inline-block;
width: 1.3em;
padding-top: 0.25em;
border-radius: 50%;
background-color: #d1550b;
color: black;
letter-spacing: normal;
}
 
1516,7 → 1665,7
font-family: "Dateline Bold";
src: local("Dateline Bold"), url(/styles/fonts/DatelineBold.ttf);
}
 
.psych {
font-family: "Dateline Bold", serif;
font-size: 110%;
1523,10 → 1672,10
letter-spacing: -0.125em;
color: #749f27;
}
 
@font-face {
font-family: "Swiss Cheesed";
src: local("SwissCheese"), url(/styles/fonts/SwissCheesed.ttf);
src: local("SwissCheese"), url(/styles/fonts/SwissCheesed.ttf);
}
 
.quantum-leap {
1580,7 → 1729,7
 
@font-face {
font-family: "Spleeny Decaf GD";
src: local("Spleeny Decaf GD"), url(/styles/fonts/non-free/Spleeny%20Decaf%20GD.ttf);
src: local("Spleeny Decaf GD"), url(/styles/fonts/non-free/Spleeny%20Decaf%20GD.ttf);
}
 
.reaper {
1595,7 → 1744,7
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');
url('/styles/fonts/MicroExtendFLF-Bold.ttf.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
1611,7 → 1760,7
 
@font-face {
font-family: "Roswell";
src: local("Roswell"), url(/styles/fonts/Roswell.TTF);
src: local("Roswell"), url(/styles/fonts/Roswell.TTF);
}
 
.roswell {
1673,7 → 1822,7
.samantha-who .q {
color: #e81b04;
}
 
.samantha-who .who {
display: block;
font-weight: bold;
1702,7 → 1851,7
color: #d0f9fb;
font-family: "Scrubs", sans-serif;
font-size: 150%;
text-shadow: 0 0 10px #d0f9fb;
text-shadow: 0 0 10px #d0f9fb;
}
 
.scrubs .s {
1739,7 → 1888,7
$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);
1874,15 → 2023,25
}
 
@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-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;
1899,7 → 2058,7
.seven-days:before {
position: absolute;
left: 0;
top: -0.125em;
top: -0.225em;
right: 0;
bottom: 0;
padding-left: 0.75em;
1906,6 → 2065,7
display: block;
color: #191955;
content: "7";
font-family: 'Jura-Bold', sans-serif;
font-size: 350%;
font-weight: 900;
text-align: center;
1914,19 → 2074,20
.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-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%);
rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 60%);
}
 
.seven-days .s {
1979,11 → 2140,11
-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);
1995,7 → 2156,7
Mixins::animation('-name', 'zoom-in');
/* -webkit-animation-iteration-count: infinite; */
Mixins::animation('-duration', '3s');
?>
?>
}
 
@font-face {
2004,7 → 2165,7
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');
url('/styles/fonts/Interdimensional.ttf.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
2039,7 → 2200,7
.smallville span {
position: relative;
top: -0.1em;
font-size: 90%;
font-size: 90%;
}
 
.space-above-beyond {
2141,7 → 2302,7
margin-top: 0.125em;
position: relative;
top: -0.15em;
padding-top: 0.15em;
padding-top: 0.15em;
letter-spacing: 0.125em;
}
 
2261,6 → 2422,21
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;
2326,7 → 2502,7
background-color: transparent;
color: #999;
overflow: hidden;
white-space: nowrap;
white-space: nowrap;
}
 
div.coverage {