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

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

Subversion Repositories LCARS

(root)/trunk/media/video/series/style.css @ 80 - Rev 53