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

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

Subversion Repositories LCARS

(root)/trunk/media/video/series/style.css - Rev 43