WebSVN - LCARS - Blame - Rev 302 - /trunk/media/video/series/style.css

Rev	Author	Line No.	Line
26	PointedEar	1	<?php
192	PointedEar	2	/* namespace ; */
26	PointedEar	3
53	PointedEar	4	\header('Last-Modified: ' . gmdate('D, d M Y H:i:s', @filemtime(__FILE__)) . ' GMT');
		5
26	PointedEar	6	/* Cached resource expires in HTTP/1.1 caches 24h after last retrieval */
53	PointedEar	7	\header('Cache-Control: max-age=86400, s-maxage=86400, must-revalidate, proxy-revalidate');
26	PointedEar	8
		9	/* Cached resource expires in HTTP/1.0 caches 24h after last retrieval */
53	PointedEar	10	\header('Expires: ' . gmdate('D, d M Y H:i:s', time() + 86400) . ' GMT');
26	PointedEar	11
53	PointedEar	12	\header('Content-Type: text/css; charset=UTF-8');
		13
		14	require_once 'css/least/Mixins.php';
192	PointedEar	15	use de\pointedears\css\least\Mixins;
26	PointedEar	16	?>
		17	@CHARSET "UTF-8";
		18
		19	html, body {
		20	-webkit-font-smoothing: antialiased;
		21	}
		22
		23	h1, h2, h3, h4, h5, h6 {
53	PointedEar	24	/* from SVG for Gecko and WebKit */
26	PointedEar	25	text-rendering: optimizeLegibility;
		26	}
		27
		28	body {
		29	font-family: sans-serif;
		30	}
		31
		32	:link, :visited {
		33	text-decoration: none;
		34	color: inherit;
		35	}
		36
		37	.hidden {
41	PointedEar	38	display: none !important;
26	PointedEar	39	}
		40
		41	h1 {
		42	margin: 0;
		43	text-align: center;
		44	}
		45
		46	[title] {
		47	cursor: help;
		48	/* border-bottom: 1px dotted black; */
		49	}
		50
		51	table {
		52	width: 100%;
		53	border-collapse: collapse;
		54	}
		55
		56	th {
		57	width: 20%;
		58	padding: 0.25em 0.5em 0.25em 0;
32	PointedEar	59	font-weight: normal;
26	PointedEar	60	text-align: right;
		61	}
		62
199	PointedEar	63	th > span,
		64	th > :link > span,
		65	th > :visited > span
		66	{
		67	display: inline-block;
		68	text-align: center;
		69	}
		70
26	PointedEar	71	td:first-child {
		72	width: 1em;
		73	border: none;
		74	}
		75
		76	th.recommended {
		77	border-left: 2px solid green;
		78	border-top: 2px solid green;
		79	border-bottom: 2px solid green;
		80	}
		81
		82	td:last-child {
		83	padding-right: 0.25em;
		84	}
		85
		86	td.recommended {
		87	border-top: 2px solid green;
		88	border-right: 2px solid green;
		89	border-bottom: 2px solid green;
		90	}
		91
		92	@font-face {
		93	font-family: "Futura Condensed";
41	PointedEar	94	src: local("Futura Condensed"), url(/styles/fonts/non-free/futura_condensed.TTF);
26	PointedEar	95	}
		96
		97	@font-face {
		98	font-family: "X-Files";
		99	src: local("X-Files"), url(/styles/fonts/x-files.ttf);
		100	}
		101
		102	.akte-x {
199	PointedEar	103	padding: 0.5em 0.25em 0em 0.25em;
163	PointedEar	104	<?php
302	PointedEar	105	/*
64	PointedEar	106	background-image: -(o-\|)linear-gradient(12deg,
		107	rgba(236, 244, 235, 0) 33%, rgba(236, 244, 235, 0.9) 68%,
		108	rgba(236, 244, 235, 0.9) 70%, rgba(236, 244, 235, 0) 90%);
302	PointedEar	109	*/
53	PointedEar	110	Mixins::linear_gradient(
		111	'background-image',
		112	'12deg,
		113	rgba(236, 244, 235, 0) 33%, rgba(236, 244, 235, 0.9) 68%,
		114	rgba(236, 244, 235, 0.9) 70%, rgba(236, 244, 235, 0) 90%',
		115	array('-o-', ''));
		116	?>
26	PointedEar	117	background-image:
32	PointedEar	118	-moz-radial-gradient(65% 60%,
		119	rgba(236, 244, 235, 0.5) 50%, rgba(236, 244, 235, 0.1)),
		120	-moz-linear-gradient(12deg,
		121	rgba(236, 244, 235, 0) 33%, rgba(236, 244, 235, 0.9) 68%,
		122	rgba(236, 244, 235, 0.9) 70%, rgba(236, 244, 235, 0) 90%);
26	PointedEar	123	background-image:
32	PointedEar	124	-webkit-radial-gradient(65% 60%, 25% 75%,
		125	rgba(236, 244, 235, 0.5) 50%, rgba(236, 244, 235, 0.1)),
		126	-webkit-linear-gradient(12deg,
		127	rgba(236, 244, 235, 0) 33%, rgba(236, 244, 235, 0.9) 68%,
		128	rgba(236, 244, 235, 0.9) 70%, rgba(236, 244, 235, 0) 90%);
26	PointedEar	129	background-color: #000;
		130	color: #dcdfdc;
		131	line-height: 2em;
302	PointedEar	132	vertical-align: middle;
26	PointedEar	133	}
		134
		135	.akte-x .small {
		136	padding-left: 1em;
163	PointedEar	137	<?php
302	PointedEar	138	/*
64	PointedEar	139	background-image: -()linear-gradient(bottom left, black, transparent);
302	PointedEar	140	*/
163	PointedEar	141	Mixins::linear_gradient('background-image', 'bottom left, black, transparent');
		142	?>
26	PointedEar	143	vertical-align: middle;
		144	font-family: "Futura Condensed", sans-serif;
		145	font-size: 50%;
		146	text-transform: uppercase;
		147	letter-spacing: 1em;
		148	}
		149
		150	.akte-x .before-x {
		151	letter-spacing: normal;
		152	}
		153
		154	.akte-x .x {
		155	font-family: "X-Files", sans-serif;
		156	font-size: 600%;
302	PointedEar	157	font-weight: lighter;
26	PointedEar	158	vertical-align: middle;
		159	vertical-align: -webkit-baseline-middle;
		160	color: black;
		161	-webkit-mask-image: -webkit-linear-gradient(-12deg,
		162	rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 1));
		163	}
		164
		165	.alf {
		166	font-family: "URW Bookman L", serif;
		167	font-weight: bold;
		168	font-size: 120%;
302	PointedEar	169
26	PointedEar	170	}
		171
		172	@font-face {
		173	font-family: "Highguard";
		174	src: local("Highguard"), url(/styles/fonts/Highguard.ttf);
		175	}
		176
		177	.andromeda {
		178	position: relative;
		179	font-family: "Highguard", sans-serif;
		180	font-size: 204%;
		181	color: rgba(245, 153, 79, 1);
		182	text-shadow:
		183	/* blurred shadow */
		184	-1px 0 2px black, 0 -1px 2px black, 1px 0 2px black, 0 1px 2px black,
302	PointedEar	185
26	PointedEar	186	/* outline */
		187	-1px 0 black, 0 -1px black, 1px 0 black, 0 1px black;
		188	}
		189
		190	.andromeda .gradient {
		191	-webkit-mask-image: -webkit-linear-gradient(top,
		192	rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 1));
		193	}
		194
		195	.andromeda .roddenberry {
		196	position: absolute;
32	PointedEar	197	right: 3.75em;
26	PointedEar	198	top: 1.7em;
		199	font-family: sans-serif;
		200	font-size: 21%;
		201	text-transform: uppercase;
		202	color: black;
		203	text-shadow: none;
		204	letter-spacing: 0;
		205	}
		206
		207	.big-bang-theory {
		208	font-family: Impact, sans-serif;
		209	font-size: 122%;
32	PointedEar	210	font-weight: bold;
26	PointedEar	211	text-transform: uppercase;
		212	}
		213
		214	.big-bang-theory .lower {
		215	font-size: 0.75em;
		216	text-transform: lowercase;
		217	}
		218
		219	.big-bang-theory .i {
		220	text-transform: none;
		221	font-size: 111%;
		222	font-weight: normal;
		223	}
		224
		225	.big-bang-theory .bang {
		226	color: #CE152C;
		227	}
		228
		229	@font-face {
		230	font-family: "Battlestar";
		231	src: local("Battlestar"), url(/styles/fonts/BATTLEST.TTF);
		232	}
		233
		234	.bsg {
		235	font-family: "Battlestar", sans-serif;
		236	font-size: 84%;
		237	}
		238
		239	@font-face {
		240	font-family: "Buffied";
		241	src: local("Buffied"), url(/styles/fonts/Buffied.ttf);
		242	}
		243
		244	@font-face {
		245	font-family: "Slayer";
		246	src: url(/styles/fonts/slayer11.eot?);
302	PointedEar	247	src: local("Slayer"),
53	PointedEar	248	url(/styles/fonts/slayer11.eot?) format("eot"),
		249	url(/styles/fonts/slayer11.woff) format("woff"),
		250	url(/styles/fonts/slayer11.ttf) format("truetype"),
		251	url(/styles/fonts/slayer11.svg#Slayer) format("svg");
26	PointedEar	252	font-weight: normal;
		253	font-style: normal;
		254	}
		255
		256	@font-face {
		257	font-family: "Kruella";
41	PointedEar	258	src: local("Kruella"), url(/styles/fonts/non-free/kruella.ttf);
26	PointedEar	259	}
		260
		261	.buffy {
		262	padding: 0.75em 0.5em 0.5em 0.5em;
		263	background-color: #000700;
53	PointedEar	264	<?php Mixins::radial_gradient('background-image', 'circle, #6d7a9c 35%, transparent 45%'); ?>
26	PointedEar	265	color: #feffff;
		266	line-height: 1em;
		267	text-align: center;
		268	text-shadow: 1px 1px 1px black;
		269	}
		270
		271	.buffy .title {
		272	font-family: "Buffied", fantasy;
302	PointedEar	273	font-size: 200%;
26	PointedEar	274	}
		275
		276	.buffy .subtitle {
		277	display: block;
		278	font-family: "Slayer", sans-serif;
		279	font-size: 50%;
		280	font-variant: small-caps;
		281	}
		282
		283	@font-face {
		284	font-family: "Arno Pro Caption";
41	PointedEar	285	src: local("Arno Pro Caption"), url(/styles/fonts/non-free/arnopro-caption.otf);
26	PointedEar	286	}
		287
		288	.castle {
		289	font-family: "Arno Pro Caption", serif;
		290	font-size: 120%;
29	PointedEar	291	line-height: 1;
26	PointedEar	292	text-transform: uppercase;
		293	}
		294
		295	@font-face {
		296	font-family: "KopyKattKut Bold";
		297	src: local("KopyKattKut Bold"), url(/styles/fonts/KopyKattKut-Bold.otf);
		298	}
		299
		300	.charmed {
53	PointedEar	301	position: relative;
		302	background-color: #080E32;
		303	color: rgb(223, 229, 251);
		304	color: rgba(255, 255, 255, 0.75);
		305	padding: 1.5em 0.5em 0.75em 0.5em;
26	PointedEar	306	font-family: "KopyKattKut Bold", serif;
		307	font-size: 115%;
		308	/letter-spacing: -0.125em;/
53	PointedEar	309	line-height: 2;
		310	overflow: hidden;
26	PointedEar	311	text-transform: uppercase;
		312	}
		313
53	PointedEar	314	.charmed .circle {
		315	position: absolute;
		316	left: 50%;
		317	top: 60%;
		318	width: 2em;
		319	height: 2em;
		320	margin-left: -1.3em;
		321	margin-top: -1.3em;
		322	border-radius: 50%;
		323	border: 0.325em solid rgba(36, 63, 219, 0.33);
		324	}
		325
		326	.charmed .circle:before {
		327	position: absolute;
		328	left: 50%;
302	PointedEar	329	top: 50%;
		330	width: 75%;
		331	height: 75%;
		332	margin-left: -1.7em;
53	PointedEar	333	margin-top: -0.7em;
		334	border: 0.325em solid rgba(36, 63, 219, 0.33);
		335	border-radius: 100% 0;
		336	content: "";
		337	<?php
302	PointedEar	338	/*
163	PointedEar	339	-(moz-\|webkit-\|)transform: rotate(15deg);
		340	*/
53	PointedEar	341	Mixins::prefix_property('transform', '',
		342	'rotate(15deg)',
		343	array('-moz-', '-webkit-', ''));
		344	?>
		345	}
		346
		347	.charmed .circle:after {
		348	position: absolute;
		349	left: 50%;
302	PointedEar	350	top: 50%;
		351	width: 75%;
		352	height: 75%;
		353	margin-left: -1.05em;
53	PointedEar	354	margin-top: -1.85em;
		355	border: 0.325em solid rgba(36, 63, 219, 0.33);
		356	border-radius: 100% 0;
		357	content: "";
		358	<?php
		359	Mixins::prefix_property('transform', '',
		360	'rotate(-45deg)',
		361	array('-moz-', '-webkit-', ''));
		362	?>
		363	}
		364
		365	.charmed .arc3 {
		366	position: absolute;
		367	left: 50%;
302	PointedEar	368	top: 50%;
		369	width: 1.5em;
		370	height: 1.5em;
		371	margin-left: -0.3em;
53	PointedEar	372	margin-top: -0.3em;
		373	border: 0.325em solid rgba(36, 63, 219, 0.33);
		374	border-radius: 0 100% 0 100%;
		375	content: "";
		376	<?php
		377	Mixins::prefix_property('transform', '',
		378	'rotate(-15deg)',
		379	array('-moz-', '-webkit-', ''));
		380	?>
		381	}
		382
26	PointedEar	383	.charmed .c {
		384	/* font-size: 150%; */
		385	}
		386
302	PointedEar	387	.charmed span {
53	PointedEar	388	position: relative;
26	PointedEar	389	/* vertical-align: middle; */
		390	}
		391
		392	@font-face {
		393	font-family: "Coolvetica";
41	PointedEar	394	src: local("Coolvetica"), url(/styles/fonts/non-free/coolvetica.ttf);
26	PointedEar	395	}
		396
		397	.columbo {
		398	padding: 0 0.25em;
		399	background-color: #273d50;
		400	color: #fde06c;
		401	font-family: "Coolvetica", sans-serif;
		402	font-size: 130%;
		403	letter-spacing: 0.0625em;
		404	text-transform: uppercase;
		405	text-shadow: 2px 2px 1px black;
		406	}
		407
		408	@font-face {
		409	font-family: "ITC Serif Gothic LT Bold";
41	PointedEar	410	src: url(/styles/fonts/non-free/itc_serif_gothic--lte50299.ttf);
26	PointedEar	411	}
		412
		413	@font-face {
		414	font-family: "ITC Serif Gothic LT Heavy";
41	PointedEar	415	src: url(/styles/fonts/non-free/itc_serif_gothic--lte50301.ttf);
26	PointedEar	416	}
		417
		418	.countdown-x {
		419	font-family: "ITC Serif Gothic LT Heavy", sans-serif;
		420	line-height: 0.9em;
		421	text-align: center;
		422	text-shadow: 1px 1px #999;
		423	}
		424
		425	.countdown-x .title:before {
		426	content: "\2013\00A0";
		427	}
		428
		429	.countdown-x .subtitle {
		430	display: block;
		431	font-family: "ITC Serif Gothic LT Bold", sans-serif;
		432	}
		433
		434	.dead-zone {
29	PointedEar	435	background-color: black;
		436	background-image: -webkit-radial-gradient(50% 20%, 20% 100%, white, transparent 75%);
		437	color: white;
26	PointedEar	438	font-family: serif;
29	PointedEar	439	font-size: 120%;
32	PointedEar	440	font-weight: bold;
29	PointedEar	441	line-height: 1;
		442	text-align: center;
26	PointedEar	443	text-transform: uppercase;
		444	}
		445
29	PointedEar	446	.dead-zone .text {
		447	display: block;
32	PointedEar	448	margin-top: 1em;
		449	padding: 0 1em;
		450	background: white;
		451	background:
		452	-webkit-linear-gradient(-5deg, rgba(255, 255, 255, 0),
		453	rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)),
		454	-webkit-linear-gradient(5deg, rgba(255, 255, 255, 0),
		455	rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
		456	background:
		457	linear-gradient(-5deg, rgba(255, 255, 255, 0),
		458	rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)),
		459	linear-gradient(5deg, rgba(255, 255, 255, 0),
		460	rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
		461	color: black;
29	PointedEar	462	}
		463
		464	.dead-zone .text .dead {
		465	display: block;
		466	top: -0.125em;
		467	position: relative;
		468	font-size: 90%;
		469	color: #222;
		470	text-shadow: 0 0 10px white;
		471	}
		472
		473	.dead-zone .text .zone {
		474	display: block;
		475	position: relative;
		476	top: -0.5em;
		477	font-size: 110%;
53	PointedEar	478	<?php
		479	Mixins::prefix_property('transform', '',
		480	'perspective(15px) rotateX(35deg)',
		481	array('-webkit-', ''));
		482	?>
29	PointedEar	483	-webkit-mask-image: -webkit-linear-gradient(
32	PointedEar	484	rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.67));
29	PointedEar	485	}
		486
26	PointedEar	487	@font-face {
		488	font-family: "Doctor Who";
		489	src: local("Matt Smith Doctor Who"), url(/styles/fonts/matt_smith_doctor_who.ttf);
		490	}
		491
		492	.doctor-who {
		493	position: relative;
		494	color: #386688;
		495	font-family: "Doctor Who", serif;
		496	font-size: 250%;
		497	text-transform: uppercase;
		498	text-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
		499	}
		500
		501	.doctor-who .gradient {
		502	position: absolute;
		503	left: 0;
		504	top: 0;
		505	-webkit-mask-image:
		506	-webkit-radial-gradient(0.15em 0.125em, 15% 50%, rgba(0, 0, 0, 0.4) 10%, rgba(0, 0, 0, 1));
		507	z-index: 2;
		508	}
		509
		510	.doctor-who .gradient2 {
		511	-webkit-mask-image:
		512	-webkit-radial-gradient(1.2em 0.125em, 15% 50%, rgba(0, 0, 0, 0.2) 15%, rgba(0, 0, 0, 1));
		513	}
		514
		515	.doctor-who .gradient3 {
		516	-webkit-mask-image:
		517	-webkit-radial-gradient(2.4em 0.25em, 15% 50%, rgba(0, 0, 0, 0.2) 15%, rgba(0, 0, 0, 1));
		518	}
		519
		520	.doctor-who:after {
		521	content: "Doctor Who";
		522	color: #f7f9fb;
		523	}
		524
		525	@font-face {
		526	font-family: "a_Futura Orto";
		527	src: local("Futura Orto"), url(/styles/fonts/a_futuraorto.ttf);
		528	}
		529
		530	@font-face {
		531	font-family: "a_Futura Orto Bold";
		532	src: local("Futura Orto Bold"), url(/styles/fonts/a_futuraorto_bold.ttf);
		533	}
		534
		535	.efc {
		536	position: relative;
		537	background-color: #000;
		538	background-image:
		539	/* Terra */
		540	-moz-radial-gradient(28.6541% -128%, circle, black 67%, #1C1F1C 71%, #394138 72.5%, transparent 73%),
302	PointedEar	541
26	PointedEar	542	/* Sol */
		543	-moz-radial-gradient(56.729378% 52.895753%, circle, #fafdfa 7.366136%, #f9c699 9%, transparent 33%);
		544	background-image:
		545	/* Terra */
		546	-webkit-radial-gradient(28.654124% -155%, circle, black 67%, #1c1f1c 71%, #394138 72.5%, transparent 73%),
302	PointedEar	547
26	PointedEar	548	/* Sol */
		549	-webkit-radial-gradient(55.137482% 42.084942%, circle, #fafdfa 7.366136%, #f9c699 9%, transparent 33%);
		550	color: #eeeeec;
		551	font-family: "a_Futura Orto Bold", sans-serif;
		552	line-height: 1em;
		553	text-align: center;
		554	text-transform: uppercase;
		555	}
		556
		557	.efc .glare {
		558	position: absolute;
		559	left: 0;
		560	right: 0;
		561	top: 0;
		562	bottom: 0;
		563	background-image: -webkit-radial-gradient(56% 43%, 50% 8%, #fafdfa 14%, rgb(249, 198, 153) 15%, rgba(249, 198, 153, 0) 30%);
		564	-webkit-transform: rotate(-11.5deg);
		565	}
		566
		567	.efc:after {
		568	position: absolute;
		569	left: 0;
		570	right: 0;
		571	top: 0;
		572	bottom: 0;
		573	content: "";
		574	background-image:
		575	-moz-radial-gradient(55.137482% 42.084942%,
		576	rgba(255, 255, 255, 0.2) 18%,
		577	rgba(255, 255, 255, 0.04));
		578	background-image:
		579	-webkit-radial-gradient(55.137482% 42.084942%, rgba(255, 255, 255, 0.2) 18%, rgba(255, 255, 255, 0.04));
		580	}
		581
		582	.efc .gr {
		583	display: block;
302	PointedEar	584	margin-top: 1em;
26	PointedEar	585	margin-bottom: 2.5em;
		586	font-family: "a_Futura Orto", sans-serif;
		587	font-size: 50%;
		588	}
		589
		590	.efc .earth {
		591	position: relative;
		592	display: block;
		593	padding: 0 0 0 0.35em;
		594	font-size: x-large;
		595	letter-spacing: 0.35em;
		596	color: #efd065;
		597	line-height: 1em;
		598	text-shadow: 0 0 1px rgba(0, 0, 0, 0.75);
		599	}
		600
		601	.earth .gradient {
		602	position: absolute;
		603	padding: 0 0 0 0.35em;
		604	left: 0;
		605	top: 0;
		606	-webkit-mask-image: -webkit-linear-gradient(
		607	rgba(255, 255, 255, 1), rgba(243, 205, 98, 0.5) 50%, rgba(0, 0, 0, 0));
		608	z-index: 2;
		609	}
		610
		611	.efc .earth:after {
		612	content: "Earth";
		613	color: #9b411a;
		614	}
		615
		616	@font-face {
		617	font-family: "Troglodyte";
		618	src: local("Troglodyte"), url(/styles/fonts/TROGLO__.ttf);
		619	}
		620
		621	.efc .fc {
		622	position: relative;
		623	top: -0.5em;
		624	display: block;
		625	color: #ac493d;
		626	font-family: "Troglodyte", sans-serif;
		627	font-size: 71%;
		628	line-height: normal;
		629	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
		630	}
		631
203	PointedEar	632	.eli-stone {
		633	padding: 0.5em 0.5em 0.125em 0.5em;
		634	background-color: black;
		635	color: #80878d;
		636	font-weight: bold;
		637	line-height: 1em;
		638	text-transform: lowercase;
		639	}
		640
		641	.eli-stone .eli,
		642	.eli-stone .stone {
		643	position: relative;
		644	display: block;
		645	text-align: right;
		646	}
		647
		648	.eli-stone .eli {
		649	padding-right: 0.125em;
		650	font-size: 150%;
		651	}
		652
		653	.eli-stone .eli:after {
		654	content: "Eli";
		655	position: absolute;
		656	top: 0;
		657	left: 0;
		658	right: 0;
		659	bottom: 0;
		660	padding-right: 0.125em;
		661	color: transparent;
		662	-webkit-text-fill-color: #dfe6f0;
		663	-webkit-mask-image: -webkit-linear-gradient(top left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.25));
		664	}
		665
		666	.eli-stone .stone:after {
		667	content: "Stone";
		668	position: absolute;
		669	top: 0;
		670	left: 0;
		671	right: 0;
		672	bottom: 0;
		673	color: transparent;
		674	-webkit-text-fill-color: #dfe6f0;
		675	-webkit-mask-image: -webkit-linear-gradient(top left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.25));
		676	}
		677
26	PointedEar	678	@font-face {
		679	font-family: "Interstate";
41	PointedEar	680	src: local("Interstate"), url(/styles/fonts/non-free/interstate_ultra-black_condensed.ttf);
		681	}
26	PointedEar	682
		683	.eureka {
		684	position: relative;
		685	padding: 0.25em 0.5em 0.125em 0.5em;
		686	font-family: "Interstate", sans-serif;
		687	font-size: 130%;
		688	background-color: #8de5f9;
		689	background-image: -moz-radial-gradient(bottom, ellipse,
		690	#f4fff7 20%, #8de5f9, #285e8d);
		691	background-image: -webkit-radial-gradient(bottom, 100% 125%,
		692	#f4fff7 20%, #8de5f9, #285e8d);
		693	color: rgb(251, 254, 247);
		694	color: rgba(255, 255, 255, 0.9);
		695	text-shadow: 0 -1px rgb(77, 148, 168), 1px 0 1px rgb(168, 217, 231),
		696	1px -1px rgb(77, 148, 168);
		697	text-shadow: 0 -1px rgba(77, 148, 168, 0.9), 1px 0 1px rgba(168, 217, 231, 0.9),
		698	1px -1px rgba(77, 148, 168, 0.9);
		699	}
		700
		701	.eureka .gradient {
		702	display: inline-block;
53	PointedEar	703	<?php
		704	Mixins::prefix_property('transform', '',
		705	'matrix(1, 0, 0, 0.9, 0, 0)',
		706	array('-moz-', '-webkit-', ''));
		707	?>
26	PointedEar	708	/*
		709	position: absolute;
		710	padding: 0.25em 0.5em 0.125em 0.5em;
		711	left: 0;
		712	top: 0;
		713	-webkit-mask-image: -webkit-linear-gradient(
		714	rgba(0, 0, 0, 1) 30%, transparent 55%, rgba(0, 0, 0, 1) 80%);
		715	z-index: 2;
		716	*/
		717	}
		718	/*
		719	.eureka:after {
		720	content: "EUReKA";
		721	color: red;
		722	}
		723	*/
		724
		725	.eureka .eur {
		726	text-transform: uppercase;
		727	}
		728
		729	.eureka .e {
		730	display: inline-block;
		731	position: relative;
302	PointedEar	732	bottom: 0.25em;
26	PointedEar	733	text-shadow: 0 1px 1px rgb(168, 217, 231), 0 1px rgb(77, 148, 168);
		734	text-shadow: 0 1px 1px rgba(168, 217, 231, 0.9), 0 1px rgba(77, 148, 168, 0.9);
302	PointedEar	735
32	PointedEar	736	-moz-transform: matrix(1, 0, 0, 0.9, 0, 0);
		737	-moz-transform: perspective(50px) rotateX(45deg);
		738	-o-transform: matrix(1, 0, 0, 0.9, 0, 0);
		739	-ms-transform: matrix(1, 0, 0, 0.9, 0, 0);
		740	-webkit-transform: perspective(50px) rotateX(45deg);
		741	transform: perspective(50px) rotateX(45deg);
26	PointedEar	742	}
		743
		744	.eureka .ka {
		745	text-shadow: -1px 0 1px rgb(168, 217, 231), -1px -1px rgb(77, 148, 168),
		746
		747	text-shadow: -1px 0 1px rgba(168, 217, 231, 0.9), -1px -1px rgba(77, 148, 168, 0.9),
302	PointedEar	748
26	PointedEar	749	text-transform: uppercase;
		750	}
		751
		752	@font-face {
302	PointedEar	753	font-family: 'Farscape-1';
		754	src:url('/styles/fonts/Farscape-1.ttf.woff') format('woff'),
		755	url('/styles/fonts/Farscape-1.ttf.svg#Farscape-1') format('svg'),
		756	url('/styles/fonts/Farscape-1.ttf.eot'),
		757	url('/styles/fonts/Farscape-1.ttf.eot?#iefix') format('embedded-opentype');
		758	font-weight: normal;
		759	font-style: normal;
		760	}
		761
		762	.farscape {
		763	position: relative;
		764	padding: 0.0625em 0.25em 0em 0.33em;
		765	background-color: #020204;
		766	color: #c27d38;
		767	font-family: "Farscape-1", sans-serif;
		768	font-size: 180%;
		769	text-transform: uppercase;
		770	-webkit-text-stroke: 0.25px #1f1003;
		771	}
		772
		773	.farscape:after {
		774	position: absolute;
		775	left: 0;
		776	top: 0;
		777	right: 0;
		778	bottom: 0;
		779	padding: 0.0625em 0.25em 0em 0.33em;
		780	content: "Farscape";
		781	color: #eecf8d;
		782	-webkit-mask-image: linear-gradient(
		783	to bottom right,
		784	rgba(255, 255, 255, 0) 25%,
		785	rgba(255, 255, 255, 1) 35%,
		786	rgba(255, 255, 255, 0) 40%,
		787	rgba(255, 255, 255, 0) 45%,
		788	rgba(255, 255, 255, 1) 50%,
		789	rgba(255, 255, 255, 0) 55%,
		790	rgba(255, 255, 255, 0) 60%,
		791	rgba(255, 255, 255, 1) 65%,
		792	rgba(255, 255, 255, 0) 75%
		793	);
		794	}
		795
		796	.farscape .s {
		797	text-shadow:
		798	1px 0px 1px #efcea5,
		799	2px 0px 2px #efcea5,
		800	3px 0px 3px #efcea5;
		801	}
		802
		803	@font-face {
41	PointedEar	804	font-family: "Marriage-Script";
		805	font-weight: normal;
		806	src: local("Marriage-Script"), url(/styles/fonts/MARRIAGE.TTF);
		807	}
		808
		809	.firefly {
		810	padding: 0.4em 0.8em 0.4em 0.95em;
53	PointedEar	811	background-color: #762109;
		812	<?php
		813	Mixins::linear_gradient('background-image',
		814	'rgba(73, 1, 2, 0.8) 15%,
		815	rgba(155, 73, 49, 0) 15%, rgba(155, 73, 49, 0) 85%,
		816	rgba(73, 1, 2, 0.8) 85%, rgba(73, 1, 2, 0.8)');
		817	?>
41	PointedEar	818	color: #fefcff;
		819	font-family: "Marriage-Script", cursive;
		820	font-size: 160%;
		821	text-shadow: -1px 0px 1px #300202, 2px 2px 4px #fed700, 0px 0px 4px #270201;
		822	text-transform: lowercase;
		823	}
		824
		825	.firefly .e {
		826	text-shadow: 0px 0px 4px #fed700;
		827	}
		828
		829	@font-face {
26	PointedEar	830	font-family: "Middleton";
41	PointedEar	831	src: url(/styles/fonts/non-free/middleto.ttf);
26	PointedEar	832	}
		833
		834	.frasier {
		835	font-family: "Middleton", sans-serif;
		836	font-size: 120%;
		837	text-transform: uppercase;
		838	}
		839
		840	.frasier span {
		841	font-size: 75%;
		842	}
		843
32	PointedEar	844	.fresh-hell {
		845	position: relative;
		846	background-color: white;
		847	color: #fff900;
		848	font-family: Kruella, fantasy;
		849	font-size: 150%;
		850	text-transform: uppercase;
		851	white-space: nowrap;
		852	-webkit-text-stroke: 0.25px #333;
		853	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
		854	}
		855
		856	.fresh-hell .gradient {
		857	position: absolute;
		858	left: 0;
		859	top: 0;
		860	-webkit-mask-image: -webkit-linear-gradient(
		861	rgba(0, 0, 0, 1), transparent);
		862	z-index: 2;
		863	}
		864
		865	.fresh-hell:after {
		866	content: "Fresh Hell";
		867	color: #bf170a;
		868	}
		869
26	PointedEar	870	@font-face {
		871	font-family: "Century Gothic";
41	PointedEar	872	src: local("Century Gothic"), url(/styles/fonts/non-free/Century_Gothic.TTF);
26	PointedEar	873	}
		874
		875	.fringe {
		876	padding: 0.125em 0.5em 0.125em 0.5em;
		877	background-color: #000;
		878	background-image: -moz-radial-gradient(center, #D6DBD3 4%, #7d9b9d 60%, black);
		879	background-image: -webkit-radial-gradient(center, 67% 67%, #D6DBD3 4%, #7d9b9d 60%, black);
32	PointedEar	880	color: #101811;
26	PointedEar	881	font-family: "Century Gothic", sans-serif;
		882	font-weight: bolder;
302	PointedEar	883	font-size: 140%;
26	PointedEar	884	text-transform: uppercase;
		885	}
		886
		887	.fringe .gradient {
		888	display: inline-block;
		889	/*
302	PointedEar	890	-webkit-mask-image: -webkit-radial-gradient(center, 150% 150%,
26	PointedEar	891	rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.125));
		892	*/
53	PointedEar	893	<?php
		894	Mixins::prefix_property('transform', '',
		895	'perspective(50px) rotateX(4.43deg)',
		896	array('-moz-', '-webkit-', ''));
		897	?>
26	PointedEar	898	}
		899
		900	.fringe .f {
		901	display: inline-block;
		902
		903	/-webkit-transform: matrix(1, 0, -0.06, 1, 0, 0);/
		904	text-shadow:
32	PointedEar	905	0.5px 0.25px #5b6e65,
		906	0.75px 0.5px #5b6e65,
		907	1.25px 0.75px #5b6e65,
		908	1.5px 1.25px #5b6e65,
		909	1.75px 1.5px #5b6e65,
		910	2px 1.75px #5b6e65,
		911	2.25px 2px #5b6e65;
302	PointedEar	912
26	PointedEar	913	/* text-shadow: 1px 0.75px 2px #5b6e65, 1px 1.75px 0px #758278; */
		914	/* shadow-pos: y = -0.83909963 * x */
		915	/*
		916	text-shadow: 0.5px 0.25px #111910, 0.75px 0.5px #111910,
		917	1.25px 0.75px #111910, 1.5px 1.25px #111910, 1.75px 1.5px #111910,
		918	1.75px 1.5px #111910, 2.25px 1.75px #111910;
302	PointedEar	919	*/
26	PointedEar	920	}
		921
		922	.fringe .r {
		923	display: inline-block;
		924	/-webkit-transform: matrix(1, 0, -0.04, 1, 0, 0);/
		925	/*
		926	text-shadow:
32	PointedEar	927	0.25px 0.25px $fringe_shadow,
		928	0.5px 0.5px $fringe_shadow,
		929	1px 0.75px $fringe_shadow,
		930	1.25px 1.25px $fringe_shadow,
		931	1.5px 1.5px $fringe_shadow,
		932	1.75px 1.75px $fringe_shadow,
		933	2px 2px $fringe_shadow;
26	PointedEar	934	*/
		935	/* Same shadow as .f */
		936	text-shadow:
32	PointedEar	937	0.5px 0.25px #5b6e65,
		938	0.75px 0.5px #5b6e65,
		939	1.25px 0.75px #5b6e65,
		940	1.5px 1.25px #5b6e65,
		941	1.75px 1.5px #5b6e65,
		942	2px 1.75px #5b6e65,
		943	2.25px 2px #5b6e65;
26	PointedEar	944	}
		945
		946	.fringe .i {
		947	display: inline-block;
		948	/* -webkit-transform: matrix(1, 0, -0.02, 1, 0, 0); */
		949	/*
		950	text-shadow:
32	PointedEar	951
		952	0.5px 0.5px $fringe_shadow,
		953	0.75px 0.75px $fringe_shadow,
		954	1px 1.25px $fringe_shadow,
		955	1.25px 1.5px $fringe_shadow,
		956	1.5px 1.75px $fringe_shadow,
		957	1.75px 2px $fringe_shadow;
26	PointedEar	958	*/
		959	/* Same shadow as .f */
		960	text-shadow:
32	PointedEar	961	0.5px 0.25px #5b6e65,
		962	0.75px 0.5px #5b6e65,
		963	1.25px 0.75px #5b6e65,
		964	1.5px 1.25px #5b6e65,
		965	1.75px 1.5px #5b6e65,
		966	2px 1.75px #5b6e65,
		967	2.25px 2px #5b6e65;
26	PointedEar	968	}
		969
		970	.fringe .n {
		971	display: inline-block;
		972	/- webkit-transform: matrix(1, 0, -0.01, 1, 0, 0); /
		973	text-shadow:
32	PointedEar	974
		975
		976
		977
		978
		979
		980
26	PointedEar	981	}
		982
		983	.fringe .g {
		984	display: inline-block;
		985	/* -webkit-transform: matrix(1, 0, 0.01, 1, 0, 0); */
		986	/* text-shadow:
32	PointedEar	987
		988	-0.5px 0.5px $fringe_shadow,
		989	-0.75px 0.75px $fringe_shadow,
		990	-1px 1.25px $fringe_shadow,
		991	-1.25px 1.5px $fringe_shadow,
		992	-1.5px 1.75px $fringe_shadow,
		993	-1.75px 2px $fringe_shadow; */
26	PointedEar	994	/* Same shadow as .e */
		995	text-shadow:
32	PointedEar	996	-0.25px 0.25px #5b6e65,
		997	-0.5px 0.5px #5b6e65,
		998	-1px 0.75px #5b6e65,
		999	-1.25px 1.25px #5b6e65,
		1000	-1.5px 1.5px #5b6e65,
		1001	-1.75px 1.75px #5b6e65,
		1002	-2px 2px #5b6e65;
26	PointedEar	1003	}
		1004
		1005	.fringe .e {
		1006	display: inline-block;
		1007	/* -webkit-transform: matrix(1, 0, 0.02, 1, 0, 0); */
		1008	text-shadow:
32	PointedEar	1009	-0.25px 0.25px #5b6e65,
		1010	-0.5px 0.5px #5b6e65,
		1011	-1px 0.75px #5b6e65,
		1012	-1.25px 1.25px #5b6e65,
		1013	-1.5px 1.5px #5b6e65,
		1014	-1.75px 1.75px #5b6e65,
		1015	-2px 2px #5b6e65;
26	PointedEar	1016	}
		1017
		1018	@font-face {
		1019	font-family: "Futurama Title";
		1020	src: local("Futurama Title"), url(/styles/fonts/futurama-title.ttf);
		1021	}
		1022
		1023	.futurama {
		1024	display: block;
		1025	padding-top: 0.5em;
		1026	font-family: "Futurama Title", serif;
		1027	text-transform: uppercase;
		1028	line-height: 1em;
		1029	-webkit-transform: translateX(-0.67em);
		1030	}
		1031
		1032	.futurama span {
		1033	display: inline-block;
		1034	line-height: 1em;
		1035	}
		1036
		1037	.futurama .f {
		1038	-webkit-transform: rotate(-36deg) translateY(0.125em);
		1039	}
		1040
		1041	.futurama .u {
		1042	-webkit-transform: rotate(-25.7deg) translateX(0.25em) translateY(-0.25em);
		1043	}
		1044
		1045	.futurama .t {
		1046	-webkit-transform: rotate(-15.4deg) translateX(0.33em) translateY(-0.625em);
		1047	}
		1048
		1049	.futurama .u2 {
		1050	-webkit-transform: rotate(-5.1deg) translateX(0.4em) translateY(-0.825em);
		1051	}
		1052
		1053	.futurama .r {
		1054	-webkit-transform: rotate(5.1deg) translateX(0.45em) translateY(-0.95em);
		1055	}
		1056
		1057	.futurama .a {
		1058	-webkit-transform: rotate(15.4deg) translateX(0.5em) translateY(-0.9em);
		1059	}
		1060
		1061	.futurama .m {
		1062	-webkit-transform: rotate(25.7deg) translateX(0.55em) translateY(-0.7em);
		1063	}
		1064
		1065	.futurama .a2 {
		1066	-webkit-transform: rotate(36deg) translateX(0.67em) translateY(-0.4em);
		1067	}
		1068
		1069	@font-face {
302	PointedEar	1070	font-family: "ITC Avant Garde Gothic Medium";
26	PointedEar	1071	src: local("ITC Avant Garde Gothic Medium"), local("ITC Avant Garde Gothic"),
41	PointedEar	1072	url(/styles/fonts/non-free/itc_avant_garde_gothic--lte52011.ttf);
26	PointedEar	1073	}
		1074
		1075	.glee {
		1076	padding: 0.125em 0.5em;
		1077	/* background-image: -moz-radial-gradient(#FFEA8C, #FFD727);
302	PointedEar	1078	background-image: -webkit-radial-gradient(#FFEA8C, #FFD727);
26	PointedEar	1079	background-color: #FFD727; */
		1080	background-color: #000;
		1081	color: #fff;
		1082	font-family: "ITC Avant Garde Gothic Medium", sans-serif;
		1083	font-size: 120%;
		1084	text-transform: lowercase;
		1085	letter-spacing: -0.0625em;
		1086	}
		1087
		1088	.glee .lee {
		1089	letter-spacing: -0.125em;
		1090	}
		1091
		1092	@font-face {
		1093	font-family: "SKM Avant Garde Two";
41	PointedEar	1094	src: local("SKM Avant Garde Two"), url(/styles/fonts/non-free/SKM%20Avant%20Garde%20Two.ttf);
26	PointedEar	1095	}
		1096
		1097	.heroes {
		1098	position: relative;
199	PointedEar	1099	padding: 0.3em 0.75em 0.3em 0.75em;
26	PointedEar	1100	background-color: black;
		1101	color: #fff;
		1102	font-family: "SKM Avant Garde Two", sans-serif;
		1103	text-transform: uppercase;
		1104	letter-spacing: 0.5em;
		1105	}
		1106
		1107	.heroes .o {
		1108	position: relative;
		1109	color: #ffffed;
		1110	padding: 0.25em 0.125em;
		1111	}
		1112
		1113	.heroes .o:after {
		1114	position: absolute;
		1115	left: -0.25em;
		1116	top: 0;
		1117	right: 0;
		1118	bottom: 0;
		1119	background-image:
		1120	/* glare */
		1121	-webkit-radial-gradient(48% 20%, circle, #ffffff 0%, #ffffff 7%,
		1122	rgb(250, 226, 182) 8%, rgba(250, 226, 182, 0) 23%),
302	PointedEar	1123
26	PointedEar	1124	/* moon */
		1125	-webkit-radial-gradient(41% 50%, circle, black 35%, transparent 40%),
302	PointedEar	1126
26	PointedEar	1127	/* corona */
		1128	-webkit-radial-gradient(41% 50%, circle, #f5eccd 35%, transparent 50%),
302	PointedEar	1129
26	PointedEar	1130	/* flares */
		1131	-webkit-radial-gradient(44% 44%, circle, #ffffff 35%, transparent 55%);
302	PointedEar	1132
26	PointedEar	1133	content: "";
		1134	}
		1135
		1136	.heroes .s {
		1137	letter-spacing: normal;
		1138	}
		1139
		1140	@font-face {
		1141	font-family: "House";
		1142	src: local("House"), url(/styles/fonts/House.ttf);
		1143	}
		1144
		1145	.house {
		1146	/* text-transform: uppercase; */
		1147	}
		1148
		1149	.house .h {
		1150	font-family: House, sans-serif;
		1151	/*
		1152	display: inline-block;
		1153	border: 1px solid black;
		1154	width: 1em;
		1155	height: 1em;
		1156	line-height: 1em;
		1157	text-align: center;
		1158	margin-right: 0.125em;
		1159	*/
		1160	}
		1161
		1162	.house .ouse {
		1163	font-family: House, sans-serif;
		1164	/* text-decoration: underline; */
		1165	}
		1166
		1167	.house .md {
		1168	position: relative;
		1169	bottom: -0.4em;
		1170	font-size: 0.6em;
		1171	}
		1172
		1173	.house .md-de {
		1174	position: relative;
		1175	font-size: 0.6em;
		1176	text-decoration: underline;
		1177	}
		1178
		1179	@font-face {
		1180	font-family: "MacEnvy DB";
		1181	src: local("MacEnvy DB"), url(/styles/fonts/MacEnvy_DB-Regular.ttf);
		1182	}
		1183
		1184	.ijon-tichy {
		1185	padding: 0.25em 0.5em;
		1186	background-color: #000;
		1187	color: #B9B7BA;
		1188	line-height: 1em;
		1189	font-family: "MacEnvy DB", sans-serif;
		1190	text-align: center;
		1191	text-transform: uppercase;
		1192	}
		1193
		1194	.ijon-tichy .title {
		1195	display: block;
		1196	letter-spacing: 0.0625em;
		1197	}
		1198
		1199	.ijon-tichy .title .i {
		1200	text-shadow: 1.5px 0.5px #59575A, 2px 0.75px #59575A;
		1201	}
		1202
		1203	.ijon-tichy .title .j {
		1204	text-shadow: 1.5px 0.5px #59575A, 1.5px 0.75px #59575A;
		1205	}
		1206
		1207	.ijon-tichy .title .o {
		1208	text-shadow: 1.5px 0.5px #59575A, 1px 0.75px #59575A;
		1209	}
		1210
		1211	.ijon-tichy .title .n {
		1212	text-shadow: 1px 0.75px #59575A;
		1213	}
		1214
		1215	.ijon-tichy .title .t {
		1216	text-shadow: 0 0.75px #59575A;
		1217	}
		1218
		1219	.ijon-tichy .title .i2 {
		1220	text-shadow: -0.5px 0.75px #59575A;
		1221	}
		1222
		1223	.ijon-tichy .title .c {
		1224	text-shadow: -1px 0.75px #59575A;
		1225	}
		1226
		1227	.ijon-tichy .title .h {
		1228	text-shadow: -1.5px 0.75px #59575A, -1px 0.5px #59575A;
		1229	}
		1230
		1231	.ijon-tichy .title .y {
		1232	text-shadow: -1.5px 0.75px #59575A, -1.5px 0.5px #59575A;
		1233	}
		1234
		1235	.ijon-tichy .subtitle {
		1236	display: block;
		1237	font-size: 67%;
		1238	letter-spacing: 0.4em;
		1239	}
		1240
		1241	.ijon-tichy .subtitle .r {
		1242	text-shadow: 1.5px 0.5px #59575A;
		1243	}
		1244
		1245	.ijon-tichy .subtitle .a {
		1246	text-shadow: 1px 0.5px #59575A;
		1247	}
		1248
		1249	.ijon-tichy .subtitle .u {
		1250	text-shadow: 0.5px 0.5px #59575A;
		1251	}
		1252
		1253	.ijon-tichy .subtitle .mpi {
		1254	text-shadow: 0 0.5px #59575A;
		1255	}
		1256
		1257	.ijon-tichy .subtitle .l {
		1258	text-shadow: -0.5px 0.5px #59575A;
		1259	}
		1260
		1261	.ijon-tichy .subtitle .o {
		1262	text-shadow: -1px 0.5px #59575A;
		1263	}
		1264
		1265	.ijon-tichy .subtitle .t {
		1266	text-shadow: -1.5px 0.5px #59575A;
		1267	}
		1268
		1269	.ijon-tichy .subtitle2 {
		1270	display: block;
		1271	font-size: 50%;
		1272	line-height: 1em;
		1273	}
		1274
		1275	.ijon-tichy .subtitle2 .die {
		1276	text-shadow: 1px 0.5px #59575A;
		1277	}
		1278
		1279	.ijon-tichy .subtitle2 .ster {
		1280	text-shadow: 0.5px 0.5px #59575A;
		1281	}
		1282
		1283	.ijon-tichy .subtitle2 .ntag {
		1284	text-shadow: 0 0.5px #59575A;
		1285	}
		1286
		1287	.ijon-tichy .subtitle2 .ebuec {
		1288	text-shadow: -0.5px 0.5px #59575A;
		1289	}
		1290
		1291	.ijon-tichy .subtitle2 .her {
		1292	text-shadow: -1px 0.5px #59575A;
		1293	}
		1294
		1295	@font-face {
		1296	font-family: "Digital1";
		1297	src: local("Transponder AOE"), url(/styles/fonts/digital/TRANA___.TTF);
		1298	}
		1299
		1300	.it-crowd {
		1301	position: relative;
		1302	padding: 0.125em 0.75em 0.125em 0.5em;
		1303	background-color: black;
		1304	color: #d4774b;
		1305	font-family: "Digital1", monospace;
		1306	font-size: 120%;
		1307	text-transform: uppercase;
		1308	text-shadow: 0 0 1px #d4774b;
		1309	}
		1310
		1311	.it-crowd:after {
		1312	position: absolute;
		1313	top: 0;
		1314	content: "\258E";
		1315	letter-spacing: 0;
		1316	}
		1317
32	PointedEar	1318	.superman {
		1319	font-weight: bold;
		1320	}
		1321
26	PointedEar	1322	.life-on-mars {
28	PointedEar	1323	display: inline-block;
26	PointedEar	1324	padding: 0.25em 0.5em;
28	PointedEar	1325	background-color: #000;
26	PointedEar	1326	background-image:
28	PointedEar	1327	-webkit-linear-gradient(left,
199	PointedEar	1328	rgba(255, 255, 255, 0) 44%,
		1329	rgba(255, 255, 255, 1) 45%,
		1330	rgba(255, 255, 255, 1) 46%,
		1331	rgba(255, 255, 255, 0) 47%),
32	PointedEar	1332	-webkit-linear-gradient(top,
199	PointedEar	1333	rgba(255, 255, 255, 0) 48%,
		1334	rgba(255, 255, 255, 1) 48%,
		1335	rgba(255, 255, 255, 1) 52%,
		1336	rgba(255, 255, 255, 0) 52%);
28	PointedEar	1337	color: #fff;
32	PointedEar	1338	font-weight: bold;
28	PointedEar	1339	text-shadow: 0 0 0.5px #fff;
26	PointedEar	1340	text-transform: uppercase;
28	PointedEar	1341	-webkit-text-fill-color: transparent;
26	PointedEar	1342	}
		1343
199	PointedEar	1344	.life-on-mars .life {
		1345	vertical-align: top;
		1346	display: inline-block;
		1347	}
		1348
28	PointedEar	1349	.life-on-mars .e {
		1350	letter-spacing: 0.5em;
		1351	}
302	PointedEar	1352
199	PointedEar	1353	.life-on-mars .life-on {
		1354	display: inline-block;
		1355	text-align: left;
		1356	}
302	PointedEar	1357
28	PointedEar	1358	.life-on-mars .on {
199	PointedEar	1359	display: inline-block;
		1360	text-align: left;
28	PointedEar	1361	text-shadow: 0 0 1px #fff;
		1362	}
		1363
		1364	.life-on-mars .mars {
199	PointedEar	1365	display: block;
		1366	position: relative;
		1367	top: 0.25em;
		1368	text-align: left;
28	PointedEar	1369	text-shadow: 0 0 2px #fff;
		1370	}
		1371
26	PointedEar	1372	.macgyver {
		1373	padding: 0.125em 0.5em;
		1374	background-color: #080a09;
		1375	color: #bb1e15;
		1376	font-family: "Copperplate Gothic Bold", serif;
		1377	font-size: 150%;
		1378	font-variant: small-caps;
		1379	font-weight: bold;
32	PointedEar	1380
26	PointedEar	1381	text-shadow:
32	PointedEar	1382	-0.5px -0.5px #9f1512,
		1383	0px -0.5px #9f1512,
		1384	0.5px -0.5px #9f1512,
		1385	-0.5px 0px #9f1512,
		1386	0.5px 0px #9f1512,
		1387	-0.5px 0.5px #9f1512,
		1388	0px 0.5px #9f1512,
		1389	0.5px 0.5px #9f1512,
		1390	-1px -1px 1px #d9ad7e,
		1391	0px -1px 1px #d9ad7e,
		1392	1px -1px 1px #d9ad7e,
		1393	-1px 0px 1px #d9ad7e,
		1394	1px 0px 1px #d9ad7e,
		1395	-1px 1px 1px #d9ad7e,
		1396	0px 1px 1px #d9ad7e,
		1397	1px 1px 1px #d9ad7e;
26	PointedEar	1398	}
		1399
		1400	@font-face {
		1401	font-family: "Gill Sans Ultra Bold";
41	PointedEar	1402	src: local("Gill Sans Ultra Bold"), url(/styles/fonts/non-free/gilsanu0.TTF);
26	PointedEar	1403	}
		1404
		1405	.monk {
		1406	color: #d1122a;
		1407	font-family: "Gill Sans Ultra Bold", sans-serif;
		1408	font-size: 110%;
		1409	text-transform: uppercase;
		1410	text-shadow: 1px 1px 1px black;
		1411	}
		1412
		1413	@font-face {
302	PointedEar	1414	font-family: 'GoldRush';
		1415	src:url('/styles/fonts/GoldRush.ttf.woff') format('woff'),
		1416	url('/styles/fonts/GoldRush.ttf.svg#GoldRush') format('svg'),
		1417	url('/styles/fonts/GoldRush.ttf.eot'),
		1418	url('/styles/fonts/GoldRush.ttf.eot?#iefix') format('embedded-opentype');
		1419	font-weight: normal;
		1420	font-style: normal;
		1421	}
		1422
		1423	@font-face {
		1424	font-family: 'CIRcusCapsOpti';
		1425	src:url('/styles/fonts/CIRcusCapsOpti.ttf.woff') format('woff'),
		1426	url('/styles/fonts/CIRcusCapsOpti.ttf.svg#CIRcusCapsOpti') format('svg'),
		1427	url('/styles/fonts/CIRcusCapsOpti.ttf.eot'),
		1428	url('/styles/fonts/CIRcusCapsOpti.ttf.eot?#iefix') format('embedded-opentype');
		1429	font-weight: normal;
		1430	font-style: normal;
		1431	}
		1432
		1433	.monty-python {
		1434	padding: 0.25em 0.25em;
		1435	background-color: #afeeee;
		1436	color: #b19b53;
		1437	font-family: 'CIRcusCapsOpti', serif;
		1438	text-transform: uppercase;
		1439	}
		1440
		1441	.monty-python .first {
		1442	font-family: 'GoldRush', serif;
		1443	font-size: 66%;
		1444	}
		1445
		1446	.monty-python .second {
		1447	font-size: 125%;
		1448	line-height: 0.9em;
		1449	}
		1450
		1451	.monty-python .first span,
		1452	.monty-python .second span {
		1453	display: block;
		1454	position: relative;
		1455	}
		1456
		1457	.monty-python .first span:after,
		1458	.monty-python .second span:after {
		1459	position: absolute;
		1460	left: 0;
		1461	top: 0;
		1462	right: 0;
		1463	bottom: 0;
		1464	color: transparent;
		1465	-webkit-text-fill-color: #211500;
		1466	-webkit-mask-image: linear-gradient(
		1467	rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 50%);
		1468	}
		1469
		1470	.monty-python .second span:after {
		1471	-webkit-text-fill-color: #231a00;
		1472	-webkit-mask-image: linear-gradient(
		1473	rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 40%,
		1474	rgba(255, 255, 255, 0) 40%);
		1475	}
		1476
		1477	.monty-python .monty:after {
		1478	content: "Monty";
		1479	}
		1480
		1481	.monty-python .pythons:after {
		1482	content: "Python’s";
		1483	}
		1484
		1485	.monty-python .flying:after {
		1486	content: "Flying";
		1487	}
		1488
		1489	.monty-python .circus:after {
		1490	content: "Circus";
		1491	}
		1492
		1493	@font-face {
26	PointedEar	1494	font-family: "Swiss 721 Black Extended BT";
41	PointedEar	1495	src: local("Swiss 721 Black Extended BT"), url(/styles/fonts/non-free/swiss721_bke.TTF);
26	PointedEar	1496	}
		1497
		1498	.moonlight {
		1499	padding: 0.125em 0.5em;
		1500	background-color: black;
		1501	color: #020109;
		1502	font-family: "Swiss 721 Black Extended BT", sans-serif;
		1503	text-transform: uppercase;
53	PointedEar	1504	<?php
		1505	Mixins::radial_gradient('background-image',
		1506	'24% 50%, circle,
		1507	rgba(224, 211, 106, 1) 33%, rgba(224, 211, 106, 0) 36%, #100d04');
		1508	?>
26	PointedEar	1509	}
		1510
		1511	.moonlight .moon {
		1512	-webkit-mask-image: -webkit-linear-gradient(-80deg, rgba(0,0,0,0.33), rgba(0,0,0,1) 67%);
		1513	letter-spacing: -0.0625em;
		1514	}
		1515
		1516	.moonlight .moon .n {
		1517	letter-spacing: 0.125em;
		1518	}
		1519
		1520	.moonlight .light {
		1521	color: #ebf062;
		1522	text-shadow: 1px 1px 2px #070400;
		1523	}
		1524
192	PointedEar	1525	.moonlighting {
		1526	padding: 0.125em 0.5em;
199	PointedEar	1527	background-color: #672522;
302	PointedEar	1528	<?php Mixins::linear_gradient('background-image', '#672b24, #652313'); ?>
199	PointedEar	1529	color: #f2f4ff;
		1530	color: rgba(242, 244, 255, 0.97);
192	PointedEar	1531	font: 116% "Futura Condensed", sans-serif;
199	PointedEar	1532	text-shadow: 0 0 5px rgba(219, 227, 236, 0.5);
192	PointedEar	1533	text-transform: uppercase;
199	PointedEar	1534	-webkit-text-fill-color: rgba(123, 134, 255, 0.53);
		1535	-webkit-text-stroke: 1px rgba(242, 244, 255, 0.97);
192	PointedEar	1536	}
		1537
26	PointedEar	1538	@font-face {
		1539	font-family: "Terminator";
		1540	src: url(/styles/fonts/TERMINAT.TTF);
		1541	}
		1542
302	PointedEar	1543	.mork-and-mindy {
		1544	color: #f2cd33;
		1545	font: bold 110% serif;
		1546	text-shadow:
		1547	0px -1px 1px #e3dac2,
		1548	0.5px 0.5px 0px #0a0201,
		1549	1px 1px 0px #0a0201,
		1550	2px 2px 0.5px #0a0201,
		1551	0px 0px 1px #0a0201;
		1552	text-transform: uppercase;
		1553	}
		1554
26	PointedEar	1555	.mutant-x {
		1556	position: relative;
		1557	padding: 0.25em 0.5em 0.125em 0.5em;
		1558	background-color: black;
		1559	color: #8f6442;
		1560	font-family: "Terminator", sans-serif;
		1561	font-size: 105%;
		1562	text-transform: uppercase;
		1563	white-space: nowrap;
		1564	-webkit-text-stroke: 0.5px rgba(255, 255, 255, 0.1);
		1565	}
		1566
		1567	.mutant-x .gradient {
		1568	position: absolute;
		1569	padding: 0.25em 0.5em 0.125em 0.5em;
		1570	left: 0;
		1571	top: 0;
		1572	-webkit-mask-image: -webkit-linear-gradient(
		1573	rgba(0, 0, 0, 1) 30%, transparent 55%, rgba(0, 0, 0, 1) 80%);
		1574	z-index: 2;
		1575	}
		1576
		1577	.mutant-x:after {
		1578	content: "Mutant X";
		1579	color: #fcf1eb;
		1580	}
		1581
		1582	@font-face {
		1583	font-family: "Walkway SemiBold";
		1584	src: local("Walkway SemiBold"), url(/styles/fonts/Walkway_SemiBold.ttf);
		1585	}
302	PointedEar	1586
26	PointedEar	1587	.numb3rs {
		1588	position: relative;
		1589	padding: 0.25em 0.5em 0.125em 0.5em;
		1590	background-color: #000200;
		1591	/*
		1592	background-image:
		1593	-webkit-repeating-linear-gradient(left, transparent, transparent 9px,
		1594	rgba(244, 247, 244, 0.5) 10px, rgba(244, 247, 244, 0.5) 10px),
		1595	-webkit-repeating-linear-gradient(top, transparent, transparent 4px,
		1596	rgba(244, 247, 244, 0.5) 5px, rgba(244, 247, 244, 0.5) 5px);
		1597	*/
		1598	color: #f4f7f4;
		1599	font-family: "Walkway SemiBold", Helvetica, sans-serif;
		1600	font-size: 116%;
		1601	font-weight: lighter;
		1602	letter-spacing: 1px;
		1603	text-shadow: 0 0 2px #f4f7f4;
		1604	text-transform: uppercase;
		1605	}
		1606
		1607	.numb3rs .s {
		1608	letter-spacing: normal;
		1609	}
		1610
302	PointedEar	1611	/*
26	PointedEar	1612	.numb3rs .gradient {
		1613	position: absolute;
		1614	left: 0;
		1615	top: 0;
		1616	padding: 0.25em 0.5em 0.125em 0.5em;
		1617	color: #f4f7f4;
		1618	-webkit-mask-image: -webkit-linear-gradient(rgba(0, 0, 0, 1), transparent 75%);
		1619	z-index: 2;
		1620	}
		1621
		1622	.numb3rs:after {
		1623	content: "Numb3rs";
		1624	color: #898b88;
		1625	text-transform: uppercase;
		1626	} */
		1627
		1628	@font-face {
28	PointedEar	1629	font-family: "Unconform Round";
		1630	src: local("Unconform Round"), url(/styles/fonts/UNCON___.TTF);
		1631	}
		1632
		1633	.odyssey5 {
302	PointedEar	1634	padding: 0.25em 0.5em 0.25em 0.5em;
28	PointedEar	1635	background-color: #000;
		1636	color: #d1550b;
		1637	font-family: "Unconform Round", sans-serif;
		1638	text-transform: uppercase;
		1639	letter-spacing: 0.125em;
		1640	}
		1641
		1642	.odyssey5 .s2 {
		1643	letter-spacing: 0.25em;
		1644	}
		1645
		1646	.odyssey5 .e {
		1647	letter-spacing: 0.5em;
		1648	}
		1649
		1650	.odyssey5 .y2 {
		1651	letter-spacing: 0.5em;
		1652	}
		1653
		1654	.odyssey5 .five {
302	PointedEar	1655	display: inline-block;
		1656	width: 1.3em;
		1657	padding-top: 0.25em;
		1658	border-radius: 50%;
		1659	background-color: #d1550b;
		1660	color: black;
28	PointedEar	1661	letter-spacing: normal;
		1662	}
		1663
		1664	@font-face {
26	PointedEar	1665	font-family: "Dateline Bold";
		1666	src: local("Dateline Bold"), url(/styles/fonts/DatelineBold.ttf);
		1667	}
302	PointedEar	1668
26	PointedEar	1669	.psych {
		1670	font-family: "Dateline Bold", serif;
		1671	font-size: 110%;
		1672	letter-spacing: -0.125em;
		1673	color: #749f27;
		1674	}
302	PointedEar	1675
26	PointedEar	1676	@font-face {
		1677	font-family: "Swiss Cheesed";
302	PointedEar	1678	src: local("SwissCheese"), url(/styles/fonts/SwissCheesed.ttf);
26	PointedEar	1679	}
		1680
		1681	.quantum-leap {
		1682	position: relative;
		1683	left: 0;
		1684	top: 0;
		1685	padding: 0.5em 0.5em 0.25em 0.5em;
		1686	background-color: black;
32	PointedEar	1687
		1688	color: #5598ff;
26	PointedEar	1689	font-family: "Swiss Cheesed", sans-serif;
		1690	font-size: 110%;
		1691	letter-spacing: 0.0625em;
		1692	text-transform: uppercase;
		1693	text-align: center;
		1694	text-shadow:
32	PointedEar	1695	-1px -1px #6f98e5,
		1696
		1697	1px -1px #6f98e5,
		1698	-1px 0px #6f98e5,
		1699
		1700	1px 0px #6f98e5,
		1701	-1px 1px #6f98e5,
		1702
		1703	1px 1px #6f98e5,
		1704	-1px -1px 8px #5598ff,
		1705
		1706	1px -1px 8px #5598ff,
		1707	-1px 0 8px #5598ff,
		1708
		1709	1px 0 8px #5598ff,
		1710	-1px 1px 8px #5598ff,
		1711
		1712	1px 1px 8px #5598ff;
26	PointedEar	1713	}
		1714
		1715	.quantum-leap .gradient {
		1716	position: absolute;
		1717	left: 0;
		1718	top: 0;
		1719	padding: 0.5em 0.5em 0.25em 0.5em;
		1720	color: #000;
32	PointedEar	1721	-webkit-text-fill-color: #5598ff;
26	PointedEar	1722	-webkit-mask-image: -webkit-linear-gradient(rgba(0, 0, 0, 1), transparent 33%);
		1723	z-index: 2;
		1724	}
		1725	.quantum-leap:after {
		1726	content: "Quantum Leap";
		1727	color: #000;
		1728	}
		1729
		1730	@font-face {
		1731	font-family: "Spleeny Decaf GD";
302	PointedEar	1732	src: local("Spleeny Decaf GD"), url(/styles/fonts/non-free/Spleeny%20Decaf%20GD.ttf);
26	PointedEar	1733	}
		1734
		1735	.reaper {
		1736	font-family: "Spleeny Decaf GD", fantasy;
		1737	text-transform: uppercase;
		1738	}
		1739
		1740	@font-face {
192	PointedEar	1741	font-family: 'MicroExtendFLF-Bold';
		1742	src:
		1743	local('MicroExtendFLF-Bold'),
		1744	url('/styles/fonts/MicroExtendFLF-Bold.ttf.woff') format('woff'),
		1745	url('/styles/fonts/MicroExtendFLF-Bold.ttf.svg#MicroExtendFLF-Bold') format('svg'),
		1746	url('/styles/fonts/MicroExtendFLF-Bold.ttf.eot'),
302	PointedEar	1747	url('/styles/fonts/MicroExtendFLF-Bold.ttf.eot?#iefix') format('embedded-opentype');
192	PointedEar	1748	font-weight: normal;
		1749	font-style: normal;
		1750	}
		1751
		1752	.remington-steele {
		1753	background-color: white;
		1754	color: #506BA6;
		1755	font: bold 104% MicroExtendFLF-Bold, sans-serif;
		1756	text-align: center;
		1757	text-shadow: 1px 1px 1px #000;
		1758	text-transform: uppercase;
		1759	}
		1760
		1761	@font-face {
26	PointedEar	1762	font-family: "Roswell";
302	PointedEar	1763	src: local("Roswell"), url(/styles/fonts/Roswell.TTF);
26	PointedEar	1764	}
		1765
		1766	.roswell {
		1767	padding: 0.25em 0.5em 0.125em 0.5em;
		1768	background-color: #000;
53	PointedEar	1769	<?php
		1770	Mixins::linear_gradient('background-image', 'left, #6f3811, #000');
		1771	?>
26	PointedEar	1772	color: #ffffbc;
		1773	font-family: "Roswell", sans-serif;
		1774	letter-spacing: 0.25em;
32	PointedEar	1775
26	PointedEar	1776	text-shadow:
32	PointedEar	1777	-1px -1px 1px rgba(138, 8, 0, 0.5),
		1778	0px 1px 1px rgba(138, 8, 0, 0.5),
		1779	1px 1px 1px rgba(138, 8, 0, 0.5);
26	PointedEar	1780	text-transform: uppercase;
32	PointedEar	1781	-webkit-text-stroke: 0.25px rgba(138, 8, 0, 0.75);
26	PointedEar	1782	}
		1783
		1784	.roswell span {
		1785	letter-spacing: normal;
		1786	}
		1787
		1788	.samantha-who {
		1789	padding: 0.125em 0.25em 0.125em 0.25em;
		1790	background-color: #000;
		1791	color: #e3e5e2;
		1792	line-height: 1em;
		1793	}
		1794
		1795	.samantha-who .text {
		1796	display: inline-block;
		1797	}
		1798
		1799	.samantha-who .samantha {
		1800	display: block;
		1801	position: relative;
		1802	padding-top: 0.25em;
		1803	padding-left: 0.25em;
		1804	font-family: "a_Futura Orto", sans-serif;
203	PointedEar	1805	text-align: right;
26	PointedEar	1806	text-transform: uppercase;
		1807	}
		1808
		1809	.samantha-who .samantha::after {
		1810	position: absolute;
		1811	left: -0.2em;
		1812	top: -1.05em;
		1813	right: 0.2em;
		1814	bottom: 1.05em;
		1815	background-image: -webkit-radial-gradient(10% 15%, 20% 20%, transparent 15%, #d29c13 26%, #d29c13 34%, transparent 45%);
		1816	content: "";
		1817	-webkit-transform: rotate(-27deg);
		1818	/border: 1px solid red;/
		1819	}
		1820
		1821	.samantha-who .who,
		1822	.samantha-who .q {
		1823	color: #e81b04;
		1824	}
302	PointedEar	1825
26	PointedEar	1826	.samantha-who .who {
		1827	display: block;
		1828	font-weight: bold;
		1829	line-height: 0.75em;
203	PointedEar	1830	text-align: right;
26	PointedEar	1831	}
		1832
		1833	.samantha-who .q {
		1834	font-family: cursive;
		1835	font-size: 200%;
		1836	font-weight: lighter;
		1837	}
		1838
		1839	@font-face {
		1840	font-family: "Scrubs";
		1841	src: local("TSS Scrubs Logo"), url(/styles/fonts/tsslogo.ttf);
		1842	}
		1843
		1844	.scrubs:before {
		1845	content: "[";
		1846	}
		1847
		1848	.scrubs {
		1849	padding: 0.125em 0.25em 0 0.25em;
		1850	background-color: #15121a;
		1851	color: #d0f9fb;
		1852	font-family: "Scrubs", sans-serif;
		1853	font-size: 150%;
302	PointedEar	1854	text-shadow: 0 0 10px #d0f9fb;
26	PointedEar	1855	}
		1856
		1857	.scrubs .s {
		1858	text-transform: uppercase;
		1859	}
		1860
		1861	.scrubs:after {
		1862	content: "]";
		1863	}
		1864
		1865	@font-face {
		1866	font-family: "seaQuest";
		1867	src: local("Seaquest"), url(/styles/fonts/SQDSV.TTF);
		1868	}
		1869
		1870	.seaQuest {
		1871	position: relative;
		1872	padding-top: 1.5em;
		1873	background-color: #00001e;
		1874	<?php
		1875	// error_reporting(E_ALL \| E_STRICT);
		1876	$lambda = 1;
		1877	for ($i = 0; $i < 200; ++$i)
		1878	{
		1879	$x = mt_rand(1, 99);
		1880	/*
		1881	* Decreasing probability of pixels near bottom through exponential distribution;
		1882	* TODO: If coord > 50%, decrease probability of appearance.
		1883	*/
172	PointedEar	1884	$max = $lambda * exp(-$lambda * mt_rand(0, 5)) * 99;
		1885	if (1 <= $max)
		1886	{
		1887	$y = mt_rand(1, $max);
		1888	$coords[] = array('x' => $x, 'y' => $y);
		1889	}
26	PointedEar	1890	}
302	PointedEar	1891
26	PointedEar	1892	$dots = array_map(function ($coord) {
		1893	return "-webkit-radial-gradient({$coord['x']}% {$coord['y']}%, 1px 1px, rgba(255, 255, 255, 0.75), rgba(0, 0, 30, 0))";
		1894	}, $coords);
		1895	?>
		1896	/* water bubbles */
		1897	background-image: <?php echo implode(",\n ", $dots); ?>,
		1898	/* sunlight */
		1899	-webkit-radial-gradient(50% 0%, 50% 200%, #00438c, rgba(0, 0, 31, 0)),
		1900	/* water */
		1901	-webkit-linear-gradient(#030129, #00000c);
32	PointedEar	1902	color: #ffc50c;
26	PointedEar	1903	font-family: "seaQuest", sans-serif;
		1904	font-size: 92%;
		1905	}
		1906
		1907	.seaQuest #seaQuest {
		1908	display: block;
		1909	padding: 0 0.25em;
		1910	text-transform: uppercase;
		1911	line-height: 1;
		1912	}
		1913
		1914	.seaQuest #seaQuest .s {
		1915	text-shadow:
		1916	0.5px -0.25px 0.5px #f5bd46,
		1917	1px -0.5px 0.5px #cd8d1f,
		1918	1.5px -0.75px 0.5px #b37b1c,
		1919	2px -1px 0.5px #805b17,
		1920	2.5px -1.25px 0.5px #2e2000,
		1921	3px -1.5px 0.5px #040400,
		1922	3.5px -1.75px #000508;
		1923	}
		1924
		1925	.seaQuest #seaQuest .e {
		1926	text-shadow:
		1927	0.5px -0.25px 0.5px #f5bd46,
		1928	1px -0.5px 0.5px #cd8d1f,
		1929	1.5px -0.75px 0.5px #b37b1c,
		1930	2px -1px 0.5px #805b17,
		1931	2.5px -1.25px 0.5px #2e2000,
		1932	3px -1.5px #040400;
		1933	}
		1934
		1935	.seaQuest #seaQuest .a {
		1936	text-shadow:
		1937	0.5px -0.25px 0.5px #fdb207,
		1938	1px -0.5px 0.5px #eb950e,
		1939	1.5px -0.75px 0.5px #ae5900,
		1940	2px -1px 0.5px #642a00,
		1941	2.5px -1.25px #261704;
		1942	}
		1943
		1944	.seaQuest #seaQuest .q {
		1945	position: relative;
		1946	visibility: hidden;
		1947	display: inline-block;
		1948	margin-right: 0.5em;
		1949	text-shadow: none;
		1950	}
		1951
		1952	.seaQuest #seaQuest .q:after {
		1953	position: absolute;
		1954	visibility: visible;
		1955	margin-right: 0.125em;
		1956	left: 0;
		1957	top: -0.5em;
		1958	right: 0;
		1959	bottom: 0;
		1960	content: "{";
		1961	text-align: center;
		1962	text-shadow:
		1963	0.5px -0.25px 0.5px #ffb43b,
		1964	1px -0.5px 0.5px #e28d23,
		1965	1.5px -0.75px 0.5px #853400,
		1966	2px -1px #510600;
		1967	}
		1968
		1969	.seaQuest #seaQuest .u {
		1970	text-shadow:
		1971	0.5px -0.25px 0.5px #f7c35d,
		1972	1px -0.5px 0.5px #a36729,
		1973	1.5px -0.75px 0.5px #3c0800,
		1974	2px -1px #1b011c;
		1975	}
		1976
		1977	.seaQuest #seaQuest .e2 {
		1978	text-shadow:
		1979	0.5px -0.25px 0.5px #d8ab56,
		1980	1px -0.5px 0.5px #5c3605;
		1981	}
		1982
		1983	.seaQuest #seaQuest .s2 {
		1984	text-shadow:
		1985	0px -0.25px 0.5px #d8ab56,
		1986	-0.5px -0.5px 0.5px #5c3605,
		1987	-1px -0.75px #200d00,
		1988	0.5px -0.25px #200d00;
		1989	}
		1990
		1991	.seaQuest #seaQuest .t {
		1992	text-shadow:
		1993	0.5px -0.25px #e9bf73,
		1994	-0.5px -0.25px 0.5px #d8ab56,
		1995	-1px -0.5px 0.5px #5c3605,
		1996	-1.5px -0.75px #200d00,
		1997	0.5px -0.25px #200d00;
		1998	}
		1999
		2000	.seaQuest #dsv {
		2001	position: relative;
		2002	visibility: hidden;
		2003	display: block;
		2004	margin-top: 0.5em;
		2005	padding-bottom: 0.25em;
		2006	line-height: 1;
		2007	}
		2008
		2009	.seaQuest #dsv:after {
		2010	position: absolute;
		2011	visibility: visible;
		2012	left: -0.75em;
		2013	top: 0;
		2014	right: 0;
		2015	bottom: 0;
		2016	content: "\|";
		2017	text-align: center;
		2018	text-shadow:
		2019	0.5px -0.25px 0.5px #ffb43b,
		2020	1px -0.5px 0.5px #e28d23,
		2021	1.5px -0.75px 0.5px #853400,
		2022	2px -1px #510600;
		2023	}
		2024
		2025	@font-face {
302	PointedEar	2026	font-family: 'Jura-Demi-Bold';
		2027	src:url('/styles/fonts/Jura-Demi-Bold.ttf.woff') format('woff'),
		2028	url('/styles/fonts/Jura-Demi-Bold.ttf.svg#Jura-Demi-Bold') format('svg'),
		2029	url('/styles/fonts/Jura-Demi-Bold.ttf.eot'),
		2030	url('/styles/fonts/Jura-Demi-Bold.ttf.eot?#iefix') format('embedded-opentype');
		2031	font-weight: normal;
		2032	font-style: normal;
203	PointedEar	2033	}
		2034
302	PointedEar	2035	@font-face {
		2036	font-family: 'Jura-Bold';
		2037	src:url('/styles/fonts/Jura-Bold.ttf.woff') format('woff'),
		2038	url('/styles/fonts/Jura-Bold.ttf.svg#Jura-Bold') format('svg'),
		2039	url('/styles/fonts/Jura-Bold.ttf.eot'),
		2040	url('/styles/fonts/Jura-Bold.ttf.eot?#iefix') format('embedded-opentype');
		2041	font-weight: normal;
		2042	font-style: normal;
		2043	}
		2044
203	PointedEar	2045	.seven-days {
		2046	position: relative;
		2047	padding: 1em 1em 0.75em;
		2048	background-color: #020401;
		2049	color: #f7fbe0;
		2050	font-family: 'Jura-Demi-Bold', sans-serif;
		2051	font-size: 80%;
		2052	font-weight: bold;
		2053	text-transform: uppercase;
		2054	letter-spacing: 1em;
		2055	white-space: nowrap;
		2056	}
		2057
		2058	.seven-days:before {
		2059	position: absolute;
		2060	left: 0;
302	PointedEar	2061	top: -0.225em;
203	PointedEar	2062	right: 0;
		2063	bottom: 0;
		2064	padding-left: 0.75em;
		2065	display: block;
		2066	color: #191955;
		2067	content: "7";
302	PointedEar	2068	font-family: 'Jura-Bold', sans-serif;
203	PointedEar	2069	font-size: 350%;
		2070	font-weight: 900;
		2071	text-align: center;
		2072	}
		2073
		2074	.seven-days:after {
		2075	position: absolute;
		2076	left: 0;
302	PointedEar	2077	top: -0.225em;
203	PointedEar	2078	right: 0;
		2079	bottom: 0;
		2080	padding-left: 0.75em;
		2081	display: block;
		2082	content: "7";
302	PointedEar	2083	font-family: 'Jura-Bold', sans-serif;
203	PointedEar	2084	font-size: 350%;
		2085	font-weight: 900;
		2086	text-align: center;
		2087	color: transparent;
302	PointedEar	2088	-webkit-text-fill-color: #f7fbe0;
203	PointedEar	2089	-webkit-mask-image: -webkit-linear-gradient(bottom left,
302	PointedEar	2090	rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 60%);
203	PointedEar	2091	}
		2092
		2093	.seven-days .s {
		2094	letter-spacing: normal;
		2095	}
		2096
		2097	@font-face {
26	PointedEar	2098	font-family: "London Tube";
41	PointedEar	2099	src: local("P22 Johnston Underground"), url(/styles/fonts/non-free/p22-johnston-underground.ttf);
26	PointedEar	2100	}
		2101
		2102	.sherlock {
		2103	font-family: "London Tube", sans-serif;
		2104	font-size: 120%;
		2105	text-transform: uppercase;
		2106	}
		2107
		2108	@font-face {
		2109	font-family: "Simpsonfont";
		2110	src: local("Simpsonfont"), url(/styles/fonts/Simpsonfont.ttf);
		2111	}
		2112
		2113	@font-face {
		2114	font-family: "Akbar";
		2115	src: local("Akbar"), url(/styles/fonts/akbar.ttf);
		2116	}
		2117
		2118	.simpsons {
		2119	position: relative;
		2120	min-width: 6em;
		2121	min-height: 2em;
		2122	padding: 0.125em 0.25em;
		2123	background-color: #6598DC;
		2124	color: #FFD166;
		2125	font-family: "Akbar", sans-serif;
		2126	text-align: center;
		2127	text-transform: uppercase;
		2128	overflow: hidden;
		2129	}
		2130
		2131	.simpsons span {
		2132	position: relative;
		2133	display: block;
		2134	}
		2135
53	PointedEar	2136	<?php
		2137	Mixins::keyframes('zoom-in',
		2138	'0% {
		2139	opacity: 0;
		2140	-moz-transform: perspective(100px) translateX(0) translateY(0) translateZ(-400px);
		2141	-webkit-transform: perspective(100px) translateX(0) translateY(0) translateZ(-400px);
		2142	}
302	PointedEar	2143
53	PointedEar	2144	20% {
		2145	opacity: 1;
		2146	}
302	PointedEar	2147
53	PointedEar	2148	100% {
		2149	-moz-transform: perspective(100px) translateX(5px) translateY(-4px) translateZ(100px);
		2150	-webkit-transform: perspective(100px) translateX(5px) translateY(-4px) translateZ(100px);
		2151	}');
		2152	?>
		2153
26	PointedEar	2154	.simpsons:hover span.text {
53	PointedEar	2155	<?php
		2156	Mixins::animation('-name', 'zoom-in');
		2157	/* -webkit-animation-iteration-count: infinite; */
		2158	Mixins::animation('-duration', '3s');
302	PointedEar	2159	?>
26	PointedEar	2160	}
		2161
		2162	@font-face {
192	PointedEar	2163	font-family: 'Interdimensional';
		2164	src:
		2165	url('/styles/fonts/Interdimensional.ttf.woff') format('woff'),
		2166	url('/styles/fonts/Interdimensional.ttf.svg#Interdimensional') format('svg'),
		2167	url('/styles/fonts/Interdimensional.ttf.eot'),
302	PointedEar	2168	url('/styles/fonts/Interdimensional.ttf.eot?#iefix') format('embedded-opentype');
192	PointedEar	2169	font-weight: normal;
		2170	font-style: normal;
		2171	}
		2172
		2173	.sliders {
		2174	padding: 0.125em 0.5em;
		2175	background-color: #000;
		2176	color: #c1d4e2;
		2177	font-family: Interdimensional, sans-serif;
		2178	letter-spacing: 0.125em;
		2179	text-transform: uppercase;
		2180	text-shadow: 0 0 2px #c1d4e2;
		2181	}
		2182
		2183	.sliders .last {
		2184	letter-spacing: normal;
		2185	}
		2186
		2187	@font-face {
26	PointedEar	2188	font-family: "Smallville";
		2189	src: local("Smallville"), url(/styles/fonts/Smallville1.ttf);
		2190	}
		2191
		2192	.smallville {
		2193	font-family: "Smallville", sans-serif;
		2194	font-size: 160%;
		2195	text-transform: uppercase;
		2196	color: #FE1318;
		2197	}
		2198
		2199	/* Symmetric "Superman" effect */
		2200	.smallville span {
		2201	position: relative;
		2202	top: -0.1em;
302	PointedEar	2203	font-size: 90%;
26	PointedEar	2204	}
172	PointedEar	2205
		2206	.space-above-beyond {
174	PointedEar	2207	background-color: #222723;
		2208	color: #A7B2C4;
172	PointedEar	2209	padding: 0.25em 0.5em;
		2210	text-transform: uppercase;
		2211	}
		2212
174	PointedEar	2213	@font-face {
		2214	font-family: "Freedom Fighter";
		2215	src: local("Freedom Fighter"), url(/styles/fonts/freedomfighter.ttf);
		2216	}
		2217
172	PointedEar	2218	.space-above-beyond .space {
		2219	display: block;
174	PointedEar	2220	color: #5E5C5D;
		2221	font: 150% "Freedom Fighter", sans-serif;
172	PointedEar	2222	text-align: justify;
174	PointedEar	2223	text-shadow: 1px 1px 1px #0A0300, -1px -1px 1px #F5FBFF;
172	PointedEar	2224	}
		2225
		2226	.space-above-beyond .space span {
		2227	letter-spacing: normal;
		2228	}
		2229
		2230	.space-above-beyond .above-beyond {
		2231	display: block;
		2232	font-size: 50%;
		2233	text-align: justify;
174	PointedEar	2234	word-spacing: 0.125em;
		2235	-webkit-text-stroke: #A7B2C4 1px;
172	PointedEar	2236	}
		2237
		2238	.space-above-beyond .above-beyond span {
		2239	word-spacing: normal;
		2240	}
		2241
26	PointedEar	2242	@font-face {
		2243	font-family: "Stargate";
		2244	src: local("Stargate"), url(/styles/fonts/STARGATE.TTF);
		2245	}
		2246
		2247	.stargate {
		2248	font-family: "Stargate", serif;
		2249	font-size: 122%;
		2250	text-align: center;
		2251	text-transform: uppercase;
		2252	}
		2253
		2254	.stargate > span {
		2255	display: block;
		2256	}
		2257
		2258	.stargate.en {
		2259	letter-spacing: 0.125em;
		2260	}
		2261
199	PointedEar	2262	.stargate.en span .t,
		2263	.stargate.en span .a2
		2264	{
		2265	letter-spacing: 0.03125em;
		2266	}
		2267
26	PointedEar	2268	.stargate.en span span:last-child {
		2269	letter-spacing: normal;
		2270	}
		2271
		2272	.stargate.en > span:first-child {
		2273	padding-bottom: 0;
199	PointedEar	2274	/* border-bottom: 1px solid black; */
26	PointedEar	2275	}
		2276
		2277	.stargate.en > span:last-child {
199	PointedEar	2278	/* padding-top: 0.125em; */
26	PointedEar	2279	}
		2280
199	PointedEar	2281	.stargate.de span .a2 {
		2282	letter-spacing: -0.03125em;
		2283	}
		2284
26	PointedEar	2285	.stargate.de > span:last-child {
		2286	font-size: 64%;
		2287	}
		2288
		2289	.stargate .a {
		2290	text-transform: lowercase;
		2291	}
		2292
		2293	.atlantis .stargate {
		2294	display: inline-block;
		2295	padding: 0 0.25em;
		2296	border-bottom: 1px solid black;
		2297	font-size: 81%;
		2298	letter-spacing: 0.125em;
		2299	}
		2300
		2301	.atlantis .atlantis {
		2302	margin-top: 0.125em;
		2303	position: relative;
		2304	top: -0.15em;
302	PointedEar	2305	padding-top: 0.15em;
26	PointedEar	2306	letter-spacing: 0.125em;
		2307	}
		2308
		2309	.atlantis span span:last-child
		2310	{
		2311	letter-spacing: normal;
		2312	}
		2313
		2314	.sg-u {
		2315	padding: 0.25em 0.25em 0 0.25em;
		2316	background-color: #000;
		2317	color: #eee;
		2318	font-family: "Eurostile Extended", sans-serif;
		2319	font-size: 122%;
32	PointedEar	2320	font-weight: bold;
26	PointedEar	2321	letter-spacing: -0.125em;
		2322	}
		2323
		2324	.sg-u .ring {
		2325	letter-spacing: -0.2em;
		2326	}
		2327
		2328	@font-face {
		2329	font-family: "Torchwood";
		2330	src: local("Torchwood"), url(/styles/fonts/Torchwood.ttf);
		2331	}
		2332
		2333	@font-face {
		2334	font-family: "Federation Classic";
		2335	src: local("Federation Classic"), url(/styles/fonts/FEC_____.TTF);
		2336	}
		2337
41	PointedEar	2338	.star-trek-tos {
26	PointedEar	2339	padding: 0.125em 0.25em 0 0.25em;
		2340	background-color: #000;
41	PointedEar	2341	color: #FBB72C;
26	PointedEar	2342	font-family: "Federation Classic", sans-serif;
		2343	font-size: 150%;
		2344	text-transform: lowercase;
		2345	}
		2346
41	PointedEar	2347	@font-face {
		2348	font-family: "Starnext";
		2349	src: local("Starnext"), url(/styles/fonts/StarNext.ttf);
		2350	}
		2351
		2352	.star-trek-tng {
		2353	padding: 0.25em 0.5em 0.25em 0.5em;
		2354	background-color: #000;
		2355	color: #2D7BCD;
		2356	font-family: "Starnext", sans-serif;
		2357	font-size: 120%;
		2358	line-height: 1;
		2359	text-transform: uppercase;
		2360	text-align: center;
		2361	}
		2362
		2363	.star-trek-tng span {
		2364	display: block;
		2365	}
		2366
		2367	.star-trek-tng .star {
		2368	text-align: left;
		2369	}
		2370
		2371	.star-trek-tng .trek {
		2372	position: relative;
		2373	top: -0.2em;
		2374	text-align: right;
		2375	}
		2376
		2377	.star-trek-tng .tng {
		2378	font-size: 44%;
		2379	}
		2380
29	PointedEar	2381	.time-trax {
		2382	background-color: #fff;
		2383	color: #003ee5;
		2384	font-size: 120%;
32	PointedEar	2385	font-weight: bold;
29	PointedEar	2386	text-shadow: 2px 1px #00021c;
		2387	}
		2388
26	PointedEar	2389	.torchwood {
		2390	padding: 0.125em 0.25em;
		2391	background-color: black;
		2392	color: #E72524;
		2393	font-family: "Torchwood", serif;
		2394	font-size: 106%;
		2395	text-transform: uppercase;
		2396	}
		2397
		2398	@font-face {
		2399	font-family: "True Blood";
41	PointedEar	2400	src: local("True Blood"), url(/styles/fonts/non-free/TRUEBLOOD.ttf);
26	PointedEar	2401	}
		2402
		2403	.true-blood {
53	PointedEar	2404	font-family: "True Blood", sans-serif;
26	PointedEar	2405	}
		2406
		2407	.true-blood .upper {
		2408	text-transform: uppercase;
		2409	}
		2410
		2411	.true-blood .blood {
		2412	color: #991b30;
		2413	}
		2414
		2415	.true-blood .lower {
		2416	text-transform: lowercase;
		2417	}
		2418
		2419	.tara {
		2420	font-family: sans-serif;
32	PointedEar	2421	font-weight: bold;
26	PointedEar	2422	text-transform: uppercase;
		2423	}
		2424
302	PointedEar	2425	.twin-peaks {
		2426	padding: 0.125em 0.25em;
		2427	background-color: transparent;
		2428	color: #893e00;
		2429	font-size: 120%;
		2430	font-weight: bold;
		2431	text-shadow: 1px 1px #111802, 1px 1px 2px #111802, 2px 2px 2px #111802;;
		2432	text-transform: uppercase;
		2433	-webkit-text-stroke: 1px #36ab11;
		2434	}
		2435
		2436	.visitor {
		2437	font-weight: bold;
		2438	}
		2439
26	PointedEar	2440	.visitors {
		2441	position: relative;
		2442	padding: 0.5em 0.5em 0.25em 0.5em;
		2443	background-color: #000;
		2444	color: #ff1700;
		2445	font-family: fantasy;
		2446	font-size: 80%;
		2447	line-height: 2em;
		2448	}
		2449
		2450	.visitors span {
		2451	vertical-align: middle;
		2452	}
		2453
		2454	.visitors .v {
		2455	position: absolute;
		2456	left: 0;
		2457	width: 100%;
		2458	font-size: 300%;
		2459	color: rgba(210, 0, 1, 0.8);
		2460	text-align: center;
		2461	}
		2462
		2463	.visitors .subtitle {
		2464	text-transform: uppercase;
		2465	}
		2466
		2467	@font-face {
		2468	font-family: "Gunplay";
		2469	src: local("Gunplay"), url(/styles/fonts/gunplay.ttf);
		2470	}
		2471
		2472	.warehouse-13 {
		2473	padding: 0 0.25em 0.125em 0.25em;
		2474	background-color: #000;
		2475	color: #BF311A;
		2476	font-family: "Gunplay", sans-serif;
		2477	text-transform: uppercase;
		2478	}
		2479
		2480	.warehouse-13 .numbers {
		2481	color: #B4B4B4;
		2482	}
		2483
		2484	div.box {
		2485	border: 1px solid black;
		2486	position: relative;
		2487	text-align: center;
		2488	}
		2489
		2490	div.meter, div.coverage {
		2491	position: absolute;
		2492	height: 100%;
		2493	}
		2494
		2495	div.meter {
		2496	background-color: rgba(0, 0, 128, 0.5);
		2497	}
		2498
		2499	div.season {
		2500	position: absolute;
		2501	border-left: 1px solid #333;
		2502	background-color: transparent;
		2503	color: #999;
		2504	overflow: hidden;
302	PointedEar	2505	white-space: nowrap;
26	PointedEar	2506	}
		2507
		2508	div.coverage {
		2509	background-color: rgba(0, 218, 0, 0.5);
		2510	}
		2511
		2512	.percentage {
		2513	position: relative;
		2514	background-color: rgba(255, 255, 255, 0.5);
		2515	}

Subversion Repositories LCARS

(root)/trunk/media/video/series/style.css @ 136 - Rev 302