Rev 64 |
Rev 174 |
Go to most recent revision |
View as "text/plain" |
Blame |
Compare with Previous |
Last modification |
View Log
| RSS feed
1
<?php
namespace de\pointedears\css\least;
\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';
?>
@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;
}
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: 1em 0.25em 0.6em 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 {
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%'); ?>
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;
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
/*
-(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 {
display: inline-block;
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 {
display: inline-block;
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;
display: inline-block;
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);
}
@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: "Marriage-Script";
font-weight: normal;
src: local("Marriage-Script"), url(/styles/fonts/MARRIAGE.TTF);
}
.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)');
?>
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 {
display: inline-block;
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.25em 0.75em 0.125em 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 {
display: inline-block;
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) 35%,
rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 1) 36%,
rgba(255, 255, 255, 0) 38%),
-webkit-linear-gradient(top,
rgba(255, 255, 255, 0) 81%,
rgba(255, 255, 255, 1) 81%, rgba(255, 255, 255, 1) 89%,
rgba(255, 255, 255, 0) 89%);
color: #fff;
font-weight: bold;
text-shadow: 0 0 0.5px #fff;
text-transform: uppercase;
-webkit-text-fill-color: transparent;
}
.life-on-mars .e {
letter-spacing: 0.5em;
}
.life-on-mars .on {
text-shadow: 0 0 1px #fff;
}
.life-on-mars .mars {
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: "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;
}
@font-face {
font-family: "Terminator";
src: url(/styles/fonts/TERMINAT.TTF);
}
.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.5em 0.5em 0.125em 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 {
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;
display: inline-block;
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: "Roswell";
src: local("Roswell"), url(/styles/fonts/Roswell.TTF);
}
.roswell {
display: inline-block;
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 {
display: inline-block;
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-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;
}
.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;
display: inline-block;
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.
*/
$y = mt_rand(1, $lambda * exp(-$lambda * mt_rand(0, 5)) * 99);
$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: "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;
display: inline-block;
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: "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%;
}
@font-face {
font-family: "Stargate";
src: local("Stargate"), url(/styles/fonts/STARGATE.TTF);
}
.stargate {
display: inline-block;
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 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: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 {
display: inline-block;
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;
}
.visitors {
display: inline-block;
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);
}