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 { |