Subversion Repositories LCARS

Compare Revisions

Last modification

Ignore whitespace Rev 53 → Rev 52

/trunk/media/video/series/style.css
1,17 → 1,13
<?php
namespace de\pointedears\css\least;
header('Last-Modified: ' . gmdate('D, d M Y H:i:s', @filemtime(__FILE__)) . ' GMT');
 
\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');
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('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';
header('Content-Type: text/css; charset=UTF-8');
?>
@CHARSET "UTF-8";
 
20,7 → 16,6
}
 
h1, h2, h3, h4, h5, h6 {
/* from SVG for Gecko and WebKit */
text-rendering: optimizeLegibility;
}
 
92,15 → 87,15
 
.akte-x {
padding: 1em 0.25em 0.6em 0.25em;
<?php
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:
-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%);
background-image:
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:
-moz-radial-gradient(65% 60%,
rgba(236, 244, 235, 0.5) 50%, rgba(236, 244, 235, 0.1)),
-moz-linear-gradient(12deg,
118,10 → 113,15
vertical-align: middle;
}
 
 
 
.akte-x .small {
padding-left: 1em;
/* background-image: $linear-gradient(bottom left, black, transparent); */
<?php Mixins::linear_gradient('background-image', 'bottom left, black, transparent'); ?>
/* .linear-gradient(bottom left, black, transparent); */
background-image: -moz-linear-gradient(bottom left, black, transparent);
background-image: -o-linear-gradient(bottom left, black, transparent);
background-image: -webkit-linear-gradient(bottom left, black, transparent);
background-image: linear-gradient(bottom left, black, transparent);
vertical-align: middle;
font-family: "Futura Condensed", sans-serif;
font-size: 50%;
227,10 → 227,10
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");
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;
}
244,7 → 244,8
display: inline-block;
padding: 0.75em 0.5em 0.5em 0.5em;
background-color: #000700;
<?php Mixins::radial_gradient('background-image', 'circle, #6d7a9c 35%, transparent 45%'); ?>
background-image: -moz-radial-gradient(circle, #6d7a9c 35%, transparent 45%);
background-image: -webkit-radial-gradient(circle, #6d7a9c 35%, transparent 45%);
color: #feffff;
line-height: 1em;
text-align: center;
281,92 → 282,17
}
 
.charmed {
position: relative;
display: inline-block;
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
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; */
}
 
458,11 → 384,8
position: relative;
top: -0.5em;
font-size: 110%;
<?php
Mixins::prefix_property('transform', '',
'perspective(15px) rotateX(35deg)',
array('-webkit-', ''));
?>
-webkit-transform: perspective(15px) rotateX(35deg);
transform: perspective(15px) rotateX(35deg);
-webkit-mask-image: -webkit-linear-gradient(
rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.67));
}
638,11 → 561,7
 
.eureka .gradient {
display: inline-block;
<?php
Mixins::prefix_property('transform', '',
'matrix(1, 0, 0, 0.9, 0, 0)',
array('-moz-', '-webkit-', ''));
?>
-webkit-transform: matrix(1, 0, 0, 0.9, 0, 0);
/*
position: absolute;
padding: 0.25em 0.5em 0.125em 0.5em;
696,13 → 615,23
.firefly {
display: inline-block;
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)');
?>
background-color: #9b4931;
background-image: -moz-linear-gradient(
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));
background-image: -o-linear-gradient(
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));
background-image: -webkit-linear-gradient(
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));
background-image: linear-gradient(
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%;
779,11 → 708,9
-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-', ''));
?>
-moz-transform: perspective(50px) rotateX(4.43deg);
-webkit-transform: perspective(50px) rotateX(4.43deg);
transform: perspective(50px) rotateX(4.43deg);
}
 
.fringe .f {
1293,11 → 1220,10
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');
?>
background-image: -moz-radial-gradient(24% 50%, circle,
rgba(224, 211, 106, 1) 33%, rgba(224, 211, 106, 0) 36%, #100d04);
background-image: -webkit-radial-gradient(24% 50%, circle,
rgba(224, 211, 106, 1) 33%, rgba(224, 211, 106, 0) 36%, #100d04);
}
 
.moonlight .moon {
1508,9 → 1434,10
display: inline-block;
padding: 0.25em 0.5em 0.125em 0.5em;
background-color: #000;
<?php
Mixins::linear_gradient('background-image', 'left, #6f3811, #000');
?>
background-image: -moz-linear-gradient(left, #6f3811, #000);
background-image: -o-linear-gradient(left, #6f3811, #000);
background-image: -webkit-linear-gradient(left, #6f3811, #000);
background-image: linear-gradient(left, #6f3811, #000);
color: #ffffbc;
font-family: "Roswell", sans-serif;
letter-spacing: 0.25em;
1795,35 → 1722,30
overflow: hidden;
}
 
@-webkit-keyframes zoom-in {
0% {
opacity: 0;
-webkit-transform: perspective(100px) translateX(0) translateY(0) translateZ(-400px);
}
 
20% {
opacity: 1;
}
 
100% {
-webkit-transform: perspective(100px) translateX(5px) translateY(-4px) translateZ(100px);
}
}
 
.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');
?>
-webkit-animation-name: zoom-in;
/* -webkit-animation-iteration-count: infinite; */
-webkit-animation-duration: 3s;
}
 
@font-face {
1999,7 → 1921,7
}
 
.true-blood {
font-family: "True Blood", sans-serif;
font-family: "True Blood", serif;
}
 
.true-blood .upper {