WebSVN - LCARS - Blame - Rev 32 - /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 {
		32	display: none;
		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";
		80	src: local("Futura Condensed"), url(/styles/fonts/futura_condensed.TTF);
		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";
		240	src: local("Kruella"), url(/styles/fonts/kruella.ttf);
		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";
		269	src: local("Arno Pro Caption"), url(/styles/fonts/arnopro-caption.otf);
		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";
		301	src: local("Coolvetica"), url(/styles/fonts/coolvetica.ttf);
		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";
		317	src: url(/styles/fonts/itc_serif_gothic--lte50299.ttf);
		318	}
		319
		320	@font-face {
		321	font-family: "ITC Serif Gothic LT Heavy";
		322	src: url(/styles/fonts/itc_serif_gothic--lte50301.ttf);
		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";
		541	src: local("Interstate"), url(/styles/fonts/interstate_ultra-black_condensed.ttf);
		542	}
		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 {
		610	font-family: "Middleton";
		611	src: url(/styles/fonts/middleto.ttf);
		612	}
		613
		614	.frasier {
		615	font-family: "Middleton", sans-serif;
		616	font-size: 120%;
		617	text-transform: uppercase;
		618	}
		619
		620	.frasier span {
		621	font-size: 75%;
		622	}
		623
32	PointedEar	624	.fresh-hell {
		625	position: relative;
		626	background-color: white;
		627	color: #fff900;
		628	font-family: Kruella, fantasy;
		629	font-size: 150%;
		630	text-transform: uppercase;
		631	white-space: nowrap;
		632	-webkit-text-stroke: 0.25px #333;
		633	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
		634	}
		635
		636	.fresh-hell .gradient {
		637	position: absolute;
		638	left: 0;
		639	top: 0;
		640	-webkit-mask-image: -webkit-linear-gradient(
		641	rgba(0, 0, 0, 1), transparent);
		642	z-index: 2;
		643	}
		644
		645	.fresh-hell:after {
		646	content: "Fresh Hell";
		647	color: #bf170a;
		648	}
		649
26	PointedEar	650	@font-face {
		651	font-family: "Century Gothic";
		652	src: local("Century Gothic"), url(/styles/fonts/Century_Gothic.TTF);
		653	}
		654
		655	.fringe {
		656	display: inline-block;
		657	padding: 0.125em 0.5em 0.125em 0.5em;
		658	background-color: #000;
		659	background-image: -moz-radial-gradient(center, #D6DBD3 4%, #7d9b9d 60%, black);
		660	background-image: -webkit-radial-gradient(center, 67% 67%, #D6DBD3 4%, #7d9b9d 60%, black);
32	PointedEar	661	color: #101811;
26	PointedEar	662	font-family: "Century Gothic", sans-serif;
		663	font-weight: bolder;
		664	font-size: 140%;
		665	text-transform: uppercase;
		666	}
		667
		668	.fringe .gradient {
		669	display: inline-block;
		670	/*
		671	-webkit-mask-image: -webkit-radial-gradient(center, 150% 150%,
		672	rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.125));
		673	*/
32	PointedEar	674	-moz-transform: perspective(50px) rotateX(4.43deg);
		675	-webkit-transform: perspective(50px) rotateX(4.43deg);
		676	transform: perspective(50px) rotateX(4.43deg);
26	PointedEar	677	}
		678
		679	.fringe .f {
		680	display: inline-block;
		681
		682	/-webkit-transform: matrix(1, 0, -0.06, 1, 0, 0);/
		683	text-shadow:
32	PointedEar	684	0.5px 0.25px #5b6e65,
		685	0.75px 0.5px #5b6e65,
		686	1.25px 0.75px #5b6e65,
		687	1.5px 1.25px #5b6e65,
		688	1.75px 1.5px #5b6e65,
		689	2px 1.75px #5b6e65,
		690	2.25px 2px #5b6e65;
26	PointedEar	691
		692	/* text-shadow: 1px 0.75px 2px #5b6e65, 1px 1.75px 0px #758278; */
		693	/* shadow-pos: y = -0.83909963 * x */
		694	/*
		695	text-shadow: 0.5px 0.25px #111910, 0.75px 0.5px #111910,
		696	1.25px 0.75px #111910, 1.5px 1.25px #111910, 1.75px 1.5px #111910,
		697	1.75px 1.5px #111910, 2.25px 1.75px #111910;
		698	*/
		699	}
		700
		701	.fringe .r {
		702	display: inline-block;
		703	/-webkit-transform: matrix(1, 0, -0.04, 1, 0, 0);/
		704	/*
		705	text-shadow:
32	PointedEar	706	0.25px 0.25px $fringe_shadow,
		707	0.5px 0.5px $fringe_shadow,
		708	1px 0.75px $fringe_shadow,
		709	1.25px 1.25px $fringe_shadow,
		710	1.5px 1.5px $fringe_shadow,
		711	1.75px 1.75px $fringe_shadow,
		712	2px 2px $fringe_shadow;
26	PointedEar	713	*/
		714	/* Same shadow as .f */
		715	text-shadow:
32	PointedEar	716	0.5px 0.25px #5b6e65,
		717	0.75px 0.5px #5b6e65,
		718	1.25px 0.75px #5b6e65,
		719	1.5px 1.25px #5b6e65,
		720	1.75px 1.5px #5b6e65,
		721	2px 1.75px #5b6e65,
		722	2.25px 2px #5b6e65;
26	PointedEar	723	}
		724
		725	.fringe .i {
		726	display: inline-block;
		727	/* -webkit-transform: matrix(1, 0, -0.02, 1, 0, 0); */
		728	/*
		729	text-shadow:
32	PointedEar	730
		731	0.5px 0.5px $fringe_shadow,
		732	0.75px 0.75px $fringe_shadow,
		733	1px 1.25px $fringe_shadow,
		734	1.25px 1.5px $fringe_shadow,
		735	1.5px 1.75px $fringe_shadow,
		736	1.75px 2px $fringe_shadow;
26	PointedEar	737	*/
		738	/* Same shadow as .f */
		739	text-shadow:
32	PointedEar	740	0.5px 0.25px #5b6e65,
		741	0.75px 0.5px #5b6e65,
		742	1.25px 0.75px #5b6e65,
		743	1.5px 1.25px #5b6e65,
		744	1.75px 1.5px #5b6e65,
		745	2px 1.75px #5b6e65,
		746	2.25px 2px #5b6e65;
26	PointedEar	747	}
		748
		749	.fringe .n {
		750	display: inline-block;
		751	/- webkit-transform: matrix(1, 0, -0.01, 1, 0, 0); /
		752	text-shadow:
32	PointedEar	753
		754
		755
		756
		757
		758
		759
26	PointedEar	760	}
		761
		762	.fringe .g {
		763	display: inline-block;
		764	/* -webkit-transform: matrix(1, 0, 0.01, 1, 0, 0); */
		765	/* text-shadow:
32	PointedEar	766
		767	-0.5px 0.5px $fringe_shadow,
		768	-0.75px 0.75px $fringe_shadow,
		769	-1px 1.25px $fringe_shadow,
		770	-1.25px 1.5px $fringe_shadow,
		771	-1.5px 1.75px $fringe_shadow,
		772	-1.75px 2px $fringe_shadow; */
26	PointedEar	773	/* Same shadow as .e */
		774	text-shadow:
32	PointedEar	775	-0.25px 0.25px #5b6e65,
		776	-0.5px 0.5px #5b6e65,
		777	-1px 0.75px #5b6e65,
		778	-1.25px 1.25px #5b6e65,
		779	-1.5px 1.5px #5b6e65,
		780	-1.75px 1.75px #5b6e65,
		781	-2px 2px #5b6e65;
26	PointedEar	782	}
		783
		784	.fringe .e {
		785	display: inline-block;
		786	/* -webkit-transform: matrix(1, 0, 0.02, 1, 0, 0); */
		787	text-shadow:
32	PointedEar	788	-0.25px 0.25px #5b6e65,
		789	-0.5px 0.5px #5b6e65,
		790	-1px 0.75px #5b6e65,
		791	-1.25px 1.25px #5b6e65,
		792	-1.5px 1.5px #5b6e65,
		793	-1.75px 1.75px #5b6e65,
		794	-2px 2px #5b6e65;
26	PointedEar	795	}
		796
		797	@font-face {
		798	font-family: "Futurama Title";
		799	src: local("Futurama Title"), url(/styles/fonts/futurama-title.ttf);
		800	}
		801
		802	.futurama {
		803	display: block;
		804	padding-top: 0.5em;
		805	font-family: "Futurama Title", serif;
		806	text-transform: uppercase;
		807	line-height: 1em;
		808	-webkit-transform: translateX(-0.67em);
		809	}
		810
		811	.futurama span {
		812	display: inline-block;
		813	line-height: 1em;
		814	}
		815
		816	.futurama .f {
		817	-webkit-transform: rotate(-36deg) translateY(0.125em);
		818	}
		819
		820	.futurama .u {
		821	-webkit-transform: rotate(-25.7deg) translateX(0.25em) translateY(-0.25em);
		822	}
		823
		824	.futurama .t {
		825	-webkit-transform: rotate(-15.4deg) translateX(0.33em) translateY(-0.625em);
		826	}
		827
		828	.futurama .u2 {
		829	-webkit-transform: rotate(-5.1deg) translateX(0.4em) translateY(-0.825em);
		830	}
		831
		832	.futurama .r {
		833	-webkit-transform: rotate(5.1deg) translateX(0.45em) translateY(-0.95em);
		834	}
		835
		836	.futurama .a {
		837	-webkit-transform: rotate(15.4deg) translateX(0.5em) translateY(-0.9em);
		838	}
		839
		840	.futurama .m {
		841	-webkit-transform: rotate(25.7deg) translateX(0.55em) translateY(-0.7em);
		842	}
		843
		844	.futurama .a2 {
		845	-webkit-transform: rotate(36deg) translateX(0.67em) translateY(-0.4em);
		846	}
		847
		848	@font-face {
		849	font-family: "ITC Avant Garde Gothic Medium";
		850	src: local("ITC Avant Garde Gothic Medium"), local("ITC Avant Garde Gothic"),
		851	url(/styles/fonts/itc_avant_garde_gothic--lte52011.ttf);
		852	}
		853
		854	.glee {
		855	padding: 0.125em 0.5em;
		856	/* background-image: -moz-radial-gradient(#FFEA8C, #FFD727);
		857	background-image: -webkit-radial-gradient(#FFEA8C, #FFD727);
		858	background-color: #FFD727; */
		859	background-color: #000;
		860	color: #fff;
		861	font-family: "ITC Avant Garde Gothic Medium", sans-serif;
		862	font-size: 120%;
		863	text-transform: lowercase;
		864	letter-spacing: -0.0625em;
		865	}
		866
		867	.glee .lee {
		868	letter-spacing: -0.125em;
		869	}
		870
		871	@font-face {
		872	font-family: "SKM Avant Garde Two";
		873	src: local("SKM Avant Garde Two"), url(/styles/fonts/SKM%20Avant%20Garde%20Two.ttf);
		874	}
		875
		876	.heroes {
		877	position: relative;
		878	padding: 0.25em 0.75em 0.125em 0.75em;
		879	background-color: black;
		880	color: #fff;
		881	font-family: "SKM Avant Garde Two", sans-serif;
		882	text-transform: uppercase;
		883	letter-spacing: 0.5em;
		884	}
		885
		886	.heroes .o {
		887	position: relative;
		888	color: #ffffed;
		889	padding: 0.25em 0.125em;
		890	}
		891
		892	.heroes .o:after {
		893	position: absolute;
		894	left: -0.25em;
		895	top: 0;
		896	right: 0;
		897	bottom: 0;
		898	background-image:
		899	/* glare */
		900	-webkit-radial-gradient(48% 20%, circle, #ffffff 0%, #ffffff 7%,
		901	rgb(250, 226, 182) 8%, rgba(250, 226, 182, 0) 23%),
		902
		903	/* moon */
		904	-webkit-radial-gradient(41% 50%, circle, black 35%, transparent 40%),
		905
		906	/* corona */
		907	-webkit-radial-gradient(41% 50%, circle, #f5eccd 35%, transparent 50%),
		908
		909	/* flares */
		910	-webkit-radial-gradient(44% 44%, circle, #ffffff 35%, transparent 55%);
		911
		912	content: "";
		913	}
		914
		915	.heroes .s {
		916	letter-spacing: normal;
		917	}
		918
		919	@font-face {
		920	font-family: "House";
		921	src: local("House"), url(/styles/fonts/House.ttf);
		922	}
		923
		924	.house {
		925	/* text-transform: uppercase; */
		926	}
		927
		928	.house .h {
		929	font-family: House, sans-serif;
		930	/*
		931	display: inline-block;
		932	border: 1px solid black;
		933	width: 1em;
		934	height: 1em;
		935	line-height: 1em;
		936	text-align: center;
		937	margin-right: 0.125em;
		938	*/
		939	}
		940
		941	.house .ouse {
		942	font-family: House, sans-serif;
		943	/* text-decoration: underline; */
		944	}
		945
		946	.house .md {
		947	position: relative;
		948	bottom: -0.4em;
		949	font-size: 0.6em;
		950	}
		951
		952	.house .md-de {
		953	position: relative;
		954	font-size: 0.6em;
		955	text-decoration: underline;
		956	}
		957
		958	@font-face {
		959	font-family: "MacEnvy DB";
		960	src: local("MacEnvy DB"), url(/styles/fonts/MacEnvy_DB-Regular.ttf);
		961	}
		962
		963	.ijon-tichy {
		964	display: inline-block;
		965	padding: 0.25em 0.5em;
		966	background-color: #000;
		967	color: #B9B7BA;
		968	line-height: 1em;
		969	font-family: "MacEnvy DB", sans-serif;
		970	text-align: center;
		971	text-transform: uppercase;
		972	}
		973
		974	.ijon-tichy .title {
		975	display: block;
		976	letter-spacing: 0.0625em;
		977	}
		978
		979	.ijon-tichy .title .i {
		980	text-shadow: 1.5px 0.5px #59575A, 2px 0.75px #59575A;
		981	}
		982
		983	.ijon-tichy .title .j {
		984	text-shadow: 1.5px 0.5px #59575A, 1.5px 0.75px #59575A;
		985	}
		986
		987	.ijon-tichy .title .o {
		988	text-shadow: 1.5px 0.5px #59575A, 1px 0.75px #59575A;
		989	}
		990
		991	.ijon-tichy .title .n {
		992	text-shadow: 1px 0.75px #59575A;
		993	}
		994
		995	.ijon-tichy .title .t {
		996	text-shadow: 0 0.75px #59575A;
		997	}
		998
		999	.ijon-tichy .title .i2 {
		1000	text-shadow: -0.5px 0.75px #59575A;
		1001	}
		1002
		1003	.ijon-tichy .title .c {
		1004	text-shadow: -1px 0.75px #59575A;
		1005	}
		1006
		1007	.ijon-tichy .title .h {
		1008	text-shadow: -1.5px 0.75px #59575A, -1px 0.5px #59575A;
		1009	}
		1010
		1011	.ijon-tichy .title .y {
		1012	text-shadow: -1.5px 0.75px #59575A, -1.5px 0.5px #59575A;
		1013	}
		1014
		1015	.ijon-tichy .subtitle {
		1016	display: block;
		1017	font-size: 67%;
		1018	letter-spacing: 0.4em;
		1019	}
		1020
		1021	.ijon-tichy .subtitle .r {
		1022	text-shadow: 1.5px 0.5px #59575A;
		1023	}
		1024
		1025	.ijon-tichy .subtitle .a {
		1026	text-shadow: 1px 0.5px #59575A;
		1027	}
		1028
		1029	.ijon-tichy .subtitle .u {
		1030	text-shadow: 0.5px 0.5px #59575A;
		1031	}
		1032
		1033	.ijon-tichy .subtitle .mpi {
		1034	text-shadow: 0 0.5px #59575A;
		1035	}
		1036
		1037	.ijon-tichy .subtitle .l {
		1038	text-shadow: -0.5px 0.5px #59575A;
		1039	}
		1040
		1041	.ijon-tichy .subtitle .o {
		1042	text-shadow: -1px 0.5px #59575A;
		1043	}
		1044
		1045	.ijon-tichy .subtitle .t {
		1046	text-shadow: -1.5px 0.5px #59575A;
		1047	}
		1048
		1049	.ijon-tichy .subtitle2 {
		1050	display: block;
		1051	font-size: 50%;
		1052	line-height: 1em;
		1053	}
		1054
		1055	.ijon-tichy .subtitle2 .die {
		1056	text-shadow: 1px 0.5px #59575A;
		1057	}
		1058
		1059	.ijon-tichy .subtitle2 .ster {
		1060	text-shadow: 0.5px 0.5px #59575A;
		1061	}
		1062
		1063	.ijon-tichy .subtitle2 .ntag {
		1064	text-shadow: 0 0.5px #59575A;
		1065	}
		1066
		1067	.ijon-tichy .subtitle2 .ebuec {
		1068	text-shadow: -0.5px 0.5px #59575A;
		1069	}
		1070
		1071	.ijon-tichy .subtitle2 .her {
		1072	text-shadow: -1px 0.5px #59575A;
		1073	}
		1074
		1075	@font-face {
		1076	font-family: "Digital1";
		1077	src: local("Transponder AOE"), url(/styles/fonts/digital/TRANA___.TTF);
		1078	}
		1079
		1080	.it-crowd {
		1081	position: relative;
		1082	padding: 0.125em 0.75em 0.125em 0.5em;
		1083	background-color: black;
		1084	color: #d4774b;
		1085	font-family: "Digital1", monospace;
		1086	font-size: 120%;
		1087	text-transform: uppercase;
		1088	text-shadow: 0 0 1px #d4774b;
		1089	}
		1090
		1091	.it-crowd:after {
		1092	position: absolute;
		1093	top: 0;
		1094	content: "\258E";
		1095	letter-spacing: 0;
		1096	}
		1097
32	PointedEar	1098	.superman {
		1099	font-weight: bold;
		1100	}
		1101
26	PointedEar	1102	.life-on-mars {
28	PointedEar	1103	display: inline-block;
26	PointedEar	1104	padding: 0.25em 0.5em;
28	PointedEar	1105	background-color: #000;
26	PointedEar	1106	background-image:
28	PointedEar	1107	-webkit-linear-gradient(left,
32	PointedEar	1108	rgba(255, 255, 255, 0) 35%,
		1109	rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 1) 36%,
		1110	rgba(255, 255, 255, 0) 38%),
		1111	-webkit-linear-gradient(top,
		1112	rgba(255, 255, 255, 0) 81%,
		1113	rgba(255, 255, 255, 1) 81%, rgba(255, 255, 255, 1) 89%,
		1114	rgba(255, 255, 255, 0) 89%);
28	PointedEar	1115	color: #fff;
32	PointedEar	1116	font-weight: bold;
28	PointedEar	1117	text-shadow: 0 0 0.5px #fff;
26	PointedEar	1118	text-transform: uppercase;
28	PointedEar	1119	-webkit-text-fill-color: transparent;
26	PointedEar	1120	}
		1121
28	PointedEar	1122	.life-on-mars .e {
		1123	letter-spacing: 0.5em;
		1124	}
		1125
		1126	.life-on-mars .on {
		1127	text-shadow: 0 0 1px #fff;
		1128	}
		1129
		1130	.life-on-mars .mars {
		1131	text-shadow: 0 0 2px #fff;
		1132	}
		1133
26	PointedEar	1134	.macgyver {
		1135	padding: 0.125em 0.5em;
		1136	background-color: #080a09;
		1137	color: #bb1e15;
		1138	font-family: "Copperplate Gothic Bold", serif;
		1139	font-size: 150%;
		1140	font-variant: small-caps;
		1141	font-weight: bold;
32	PointedEar	1142
26	PointedEar	1143	text-shadow:
32	PointedEar	1144	-0.5px -0.5px #9f1512,
		1145	0px -0.5px #9f1512,
		1146	0.5px -0.5px #9f1512,
		1147	-0.5px 0px #9f1512,
		1148	0.5px 0px #9f1512,
		1149	-0.5px 0.5px #9f1512,
		1150	0px 0.5px #9f1512,
		1151	0.5px 0.5px #9f1512,
		1152	-1px -1px 1px #d9ad7e,
		1153	0px -1px 1px #d9ad7e,
		1154	1px -1px 1px #d9ad7e,
		1155	-1px 0px 1px #d9ad7e,
		1156	1px 0px 1px #d9ad7e,
		1157	-1px 1px 1px #d9ad7e,
		1158	0px 1px 1px #d9ad7e,
		1159	1px 1px 1px #d9ad7e;
26	PointedEar	1160	}
		1161
		1162	@font-face {
		1163	font-family: "Gill Sans Ultra Bold";
		1164	src: local("Gill Sans Ultra Bold"), url(/styles/fonts/gilsanu0.TTF);
		1165	}
		1166
		1167	.monk {
		1168	color: #d1122a;
		1169	font-family: "Gill Sans Ultra Bold", sans-serif;
		1170	font-size: 110%;
		1171	text-transform: uppercase;
		1172	text-shadow: 1px 1px 1px black;
		1173	}
		1174
		1175	@font-face {
		1176	font-family: "Swiss 721 Black Extended BT";
		1177	src: local("Swiss 721 Black Extended BT"), url(/styles/fonts/swiss721_bke.TTF);
		1178	}
		1179
		1180	.moonlight {
		1181	padding: 0.125em 0.5em;
		1182	background-color: black;
		1183	color: #020109;
		1184	font-family: "Swiss 721 Black Extended BT", sans-serif;
		1185	text-transform: uppercase;
		1186	background-image: -moz-radial-gradient(24% 50%, circle,
		1187	rgba(224, 211, 106, 1) 33%, rgba(224, 211, 106, 0) 36%, #100d04);
		1188	background-image: -webkit-radial-gradient(24% 50%, circle,
		1189	rgba(224, 211, 106, 1) 33%, rgba(224, 211, 106, 0) 36%, #100d04);
		1190	}
		1191
		1192	.moonlight .moon {
		1193	-webkit-mask-image: -webkit-linear-gradient(-80deg, rgba(0,0,0,0.33), rgba(0,0,0,1) 67%);
		1194	letter-spacing: -0.0625em;
		1195	}
		1196
		1197	.moonlight .moon .n {
		1198	letter-spacing: 0.125em;
		1199	}
		1200
		1201	.moonlight .light {
		1202	color: #ebf062;
		1203	text-shadow: 1px 1px 2px #070400;
		1204	}
		1205
		1206	@font-face {
		1207	font-family: "Terminator";
		1208	src: url(/styles/fonts/TERMINAT.TTF);
		1209	}
		1210
		1211	.mutant-x {
		1212	position: relative;
		1213	padding: 0.25em 0.5em 0.125em 0.5em;
		1214	background-color: black;
		1215	color: #8f6442;
		1216	font-family: "Terminator", sans-serif;
		1217	font-size: 105%;
		1218	text-transform: uppercase;
		1219	white-space: nowrap;
		1220	-webkit-text-stroke: 0.5px rgba(255, 255, 255, 0.1);
		1221	}
		1222
		1223	.mutant-x .gradient {
		1224	position: absolute;
		1225	padding: 0.25em 0.5em 0.125em 0.5em;
		1226	left: 0;
		1227	top: 0;
		1228	-webkit-mask-image: -webkit-linear-gradient(
		1229	rgba(0, 0, 0, 1) 30%, transparent 55%, rgba(0, 0, 0, 1) 80%);
		1230	z-index: 2;
		1231	}
		1232
		1233	.mutant-x:after {
		1234	content: "Mutant X";
		1235	color: #fcf1eb;
		1236	}
		1237
		1238	@font-face {
		1239	font-family: "Walkway SemiBold";
		1240	src: local("Walkway SemiBold"), url(/styles/fonts/Walkway_SemiBold.ttf);
		1241	}
		1242
		1243	.numb3rs {
		1244	position: relative;
		1245	padding: 0.25em 0.5em 0.125em 0.5em;
		1246	background-color: #000200;
		1247	/*
		1248	background-image:
		1249	-webkit-repeating-linear-gradient(left, transparent, transparent 9px,
		1250	rgba(244, 247, 244, 0.5) 10px, rgba(244, 247, 244, 0.5) 10px),
		1251	-webkit-repeating-linear-gradient(top, transparent, transparent 4px,
		1252	rgba(244, 247, 244, 0.5) 5px, rgba(244, 247, 244, 0.5) 5px);
		1253	*/
		1254	color: #f4f7f4;
		1255	font-family: "Walkway SemiBold", Helvetica, sans-serif;
		1256	font-size: 116%;
		1257	font-weight: lighter;
		1258	letter-spacing: 1px;
		1259	text-shadow: 0 0 2px #f4f7f4;
		1260	text-transform: uppercase;
		1261	}
		1262
		1263	.numb3rs .s {
		1264	letter-spacing: normal;
		1265	}
		1266
		1267	/*
		1268	.numb3rs .gradient {
		1269	position: absolute;
		1270	left: 0;
		1271	top: 0;
		1272	padding: 0.25em 0.5em 0.125em 0.5em;
		1273	color: #f4f7f4;
		1274	-webkit-mask-image: -webkit-linear-gradient(rgba(0, 0, 0, 1), transparent 75%);
		1275	z-index: 2;
		1276	}
		1277
		1278	.numb3rs:after {
		1279	content: "Numb3rs";
		1280	color: #898b88;
		1281	text-transform: uppercase;
		1282	} */
		1283
		1284	@font-face {
28	PointedEar	1285	font-family: "Unconform Round";
		1286	src: local("Unconform Round"), url(/styles/fonts/UNCON___.TTF);
		1287	}
		1288
		1289	.odyssey5 {
		1290	padding: 0.5em 0.5em 0.125em 0.5em;
		1291	background-color: #000;
		1292	color: #d1550b;
		1293	font-family: "Unconform Round", sans-serif;
		1294	text-transform: uppercase;
		1295	letter-spacing: 0.125em;
		1296	}
		1297
		1298	.odyssey5 .s2 {
		1299	letter-spacing: 0.25em;
		1300	}
		1301
		1302	.odyssey5 .e {
		1303	letter-spacing: 0.5em;
		1304	}
		1305
		1306	.odyssey5 .y2 {
		1307	letter-spacing: 0.5em;
		1308	}
		1309
		1310	.odyssey5 .five {
		1311	letter-spacing: normal;
		1312	}
		1313
		1314	@font-face {
26	PointedEar	1315	font-family: "Dateline Bold";
		1316	src: local("Dateline Bold"), url(/styles/fonts/DatelineBold.ttf);
		1317	}
		1318
		1319	.psych {
		1320	font-family: "Dateline Bold", serif;
		1321	font-size: 110%;
		1322	letter-spacing: -0.125em;
		1323	color: #749f27;
		1324	}
		1325
		1326	@font-face {
		1327	font-family: "Swiss Cheesed";
		1328	src: local("SwissCheese"), url(/styles/fonts/SwissCheesed.ttf);
		1329	}
		1330
		1331	.quantum-leap {
		1332	position: relative;
		1333	display: inline-block;
		1334	left: 0;
		1335	top: 0;
		1336	padding: 0.5em 0.5em 0.25em 0.5em;
		1337	background-color: black;
32	PointedEar	1338
		1339	color: #5598ff;
26	PointedEar	1340	font-family: "Swiss Cheesed", sans-serif;
		1341	font-size: 110%;
		1342	letter-spacing: 0.0625em;
		1343	text-transform: uppercase;
		1344	text-align: center;
		1345	text-shadow:
32	PointedEar	1346	-1px -1px #6f98e5,
		1347
		1348	1px -1px #6f98e5,
		1349	-1px 0px #6f98e5,
		1350
		1351	1px 0px #6f98e5,
		1352	-1px 1px #6f98e5,
		1353
		1354	1px 1px #6f98e5,
		1355	-1px -1px 8px #5598ff,
		1356
		1357	1px -1px 8px #5598ff,
		1358	-1px 0 8px #5598ff,
		1359
		1360	1px 0 8px #5598ff,
		1361	-1px 1px 8px #5598ff,
		1362
		1363	1px 1px 8px #5598ff;
26	PointedEar	1364	}
		1365
		1366	.quantum-leap .gradient {
		1367	position: absolute;
		1368	left: 0;
		1369	top: 0;
		1370	padding: 0.5em 0.5em 0.25em 0.5em;
		1371	color: #000;
32	PointedEar	1372	-webkit-text-fill-color: #5598ff;
26	PointedEar	1373	-webkit-mask-image: -webkit-linear-gradient(rgba(0, 0, 0, 1), transparent 33%);
		1374	z-index: 2;
		1375	}
		1376	.quantum-leap:after {
		1377	content: "Quantum Leap";
		1378	color: #000;
		1379	}
		1380
		1381	@font-face {
		1382	font-family: "Spleeny Decaf GD";
		1383	src: local("Spleeny Decaf GD"), url(/styles/fonts/Spleeny%20Decaf%20GD.ttf);
		1384	}
		1385
		1386	.reaper {
		1387	font-family: "Spleeny Decaf GD", fantasy;
		1388	text-transform: uppercase;
		1389	}
		1390
		1391	@font-face {
		1392	font-family: "Roswell";
		1393	src: local("Roswell"), url(/styles/fonts/Roswell.TTF);
		1394	}
		1395
		1396	.roswell {
		1397	display: inline-block;
		1398	padding: 0.25em 0.5em 0.125em 0.5em;
		1399	background-color: #000;
		1400	background-image: -moz-linear-gradient(left, #6f3811, #000);
		1401	background-image: -o-linear-gradient(left, #6f3811, #000);
		1402	background-image: -webkit-linear-gradient(left, #6f3811, #000);
		1403	background-image: linear-gradient(left, #6f3811, #000);
		1404	color: #ffffbc;
		1405	font-family: "Roswell", sans-serif;
		1406	letter-spacing: 0.25em;
32	PointedEar	1407
26	PointedEar	1408	text-shadow:
32	PointedEar	1409	-1px -1px 1px rgba(138, 8, 0, 0.5),
		1410	0px 1px 1px rgba(138, 8, 0, 0.5),
		1411	1px 1px 1px rgba(138, 8, 0, 0.5);
26	PointedEar	1412	text-transform: uppercase;
32	PointedEar	1413	-webkit-text-stroke: 0.25px rgba(138, 8, 0, 0.75);
26	PointedEar	1414	}
		1415
		1416	.roswell span {
		1417	letter-spacing: normal;
		1418	}
		1419
		1420	.samantha-who {
		1421	display: inline-block;
		1422	padding: 0.125em 0.25em 0.125em 0.25em;
		1423	background-color: #000;
		1424	color: #e3e5e2;
		1425	line-height: 1em;
		1426	}
		1427
		1428	.samantha-who .text {
		1429	display: inline-block;
		1430	}
		1431
		1432	.samantha-who .samantha {
		1433	display: block;
		1434	position: relative;
		1435	padding-top: 0.25em;
		1436	padding-left: 0.25em;
		1437	font-family: "a_Futura Orto", sans-serif;
		1438	text-transform: uppercase;
		1439	}
		1440
		1441	.samantha-who .samantha::after {
		1442	position: absolute;
		1443	left: -0.2em;
		1444	top: -1.05em;
		1445	right: 0.2em;
		1446	bottom: 1.05em;
		1447	background-image: -webkit-radial-gradient(10% 15%, 20% 20%, transparent 15%, #d29c13 26%, #d29c13 34%, transparent 45%);
		1448	content: "";
		1449	-webkit-transform: rotate(-27deg);
		1450	/border: 1px solid red;/
		1451	}
		1452
		1453	.samantha-who .who,
		1454	.samantha-who .q {
		1455	color: #e81b04;
		1456	}
		1457
		1458	.samantha-who .who {
		1459	display: block;
		1460	font-weight: bold;
		1461	line-height: 0.75em;
		1462	}
		1463
		1464	.samantha-who .q {
		1465	font-family: cursive;
		1466	font-size: 200%;
		1467	font-weight: lighter;
		1468	}
		1469
		1470	@font-face {
		1471	font-family: "Scrubs";
		1472	src: local("TSS Scrubs Logo"), url(/styles/fonts/tsslogo.ttf);
		1473	}
		1474
		1475	.scrubs:before {
		1476	content: "[";
		1477	}
		1478
		1479	.scrubs {
		1480	padding: 0.125em 0.25em 0 0.25em;
		1481	background-color: #15121a;
		1482	color: #d0f9fb;
		1483	font-family: "Scrubs", sans-serif;
		1484	font-size: 150%;
		1485	text-shadow: 0 0 10px #d0f9fb;
		1486	}
		1487
		1488	.scrubs .s {
		1489	text-transform: uppercase;
		1490	}
		1491
		1492	.scrubs:after {
		1493	content: "]";
		1494	}
		1495
		1496	@font-face {
		1497	font-family: "seaQuest";
		1498	src: local("Seaquest"), url(/styles/fonts/SQDSV.TTF);
		1499	}
		1500
		1501	.seaQuest {
		1502	position: relative;
		1503	display: inline-block;
		1504	padding-top: 1.5em;
		1505	background-color: #00001e;
		1506	<?php
		1507	// error_reporting(E_ALL \| E_STRICT);
		1508	$lambda = 1;
		1509	for ($i = 0; $i < 200; ++$i)
		1510	{
		1511	$x = mt_rand(1, 99);
		1512	/*
		1513	* Decreasing probability of pixels near bottom through exponential distribution;
		1514	* TODO: If coord > 50%, decrease probability of appearance.
		1515	*/
		1516	$y = mt_rand(1, $lambda * exp(-$lambda * mt_rand(0, 5)) * 99);
		1517	$coords[] = array('x' => $x, 'y' => $y);
		1518	}
		1519
		1520	$dots = array_map(function ($coord) {
		1521	return "-webkit-radial-gradient({$coord['x']}% {$coord['y']}%, 1px 1px, rgba(255, 255, 255, 0.75), rgba(0, 0, 30, 0))";
		1522	}, $coords);
		1523	?>
		1524	/* water bubbles */
		1525	background-image: <?php echo implode(",\n ", $dots); ?>,
		1526	/* sunlight */
		1527	-webkit-radial-gradient(50% 0%, 50% 200%, #00438c, rgba(0, 0, 31, 0)),
		1528	/* water */
		1529	-webkit-linear-gradient(#030129, #00000c);
32	PointedEar	1530	color: #ffc50c;
26	PointedEar	1531	font-family: "seaQuest", sans-serif;
		1532	font-size: 92%;
		1533	}
		1534
		1535	.seaQuest #seaQuest {
		1536	display: block;
		1537	padding: 0 0.25em;
		1538	text-transform: uppercase;
		1539	line-height: 1;
		1540	}
		1541
		1542	.seaQuest #seaQuest .s {
		1543	text-shadow:
		1544	0.5px -0.25px 0.5px #f5bd46,
		1545	1px -0.5px 0.5px #cd8d1f,
		1546	1.5px -0.75px 0.5px #b37b1c,
		1547	2px -1px 0.5px #805b17,
		1548	2.5px -1.25px 0.5px #2e2000,
		1549	3px -1.5px 0.5px #040400,
		1550	3.5px -1.75px #000508;
		1551	}
		1552
		1553	.seaQuest #seaQuest .e {
		1554	text-shadow:
		1555	0.5px -0.25px 0.5px #f5bd46,
		1556	1px -0.5px 0.5px #cd8d1f,
		1557	1.5px -0.75px 0.5px #b37b1c,
		1558	2px -1px 0.5px #805b17,
		1559	2.5px -1.25px 0.5px #2e2000,
		1560	3px -1.5px #040400;
		1561	}
		1562
		1563	.seaQuest #seaQuest .a {
		1564	text-shadow:
		1565	0.5px -0.25px 0.5px #fdb207,
		1566	1px -0.5px 0.5px #eb950e,
		1567	1.5px -0.75px 0.5px #ae5900,
		1568	2px -1px 0.5px #642a00,
		1569	2.5px -1.25px #261704;
		1570	}
		1571
		1572	.seaQuest #seaQuest .q {
		1573	position: relative;
		1574	visibility: hidden;
		1575	display: inline-block;
		1576	margin-right: 0.5em;
		1577	text-shadow: none;
		1578	}
		1579
		1580	.seaQuest #seaQuest .q:after {
		1581	position: absolute;
		1582	visibility: visible;
		1583	margin-right: 0.125em;
		1584	left: 0;
		1585	top: -0.5em;
		1586	right: 0;
		1587	bottom: 0;
		1588	content: "{";
		1589	text-align: center;
		1590	text-shadow:
		1591	0.5px -0.25px 0.5px #ffb43b,
		1592	1px -0.5px 0.5px #e28d23,
		1593	1.5px -0.75px 0.5px #853400,
		1594	2px -1px #510600;
		1595	}
		1596
		1597	.seaQuest #seaQuest .u {
		1598	text-shadow:
		1599	0.5px -0.25px 0.5px #f7c35d,
		1600	1px -0.5px 0.5px #a36729,
		1601	1.5px -0.75px 0.5px #3c0800,
		1602	2px -1px #1b011c;
		1603	}
		1604
		1605	.seaQuest #seaQuest .e2 {
		1606	text-shadow:
		1607	0.5px -0.25px 0.5px #d8ab56,
		1608	1px -0.5px 0.5px #5c3605;
		1609	}
		1610
		1611	.seaQuest #seaQuest .s2 {
		1612	text-shadow:
		1613	0px -0.25px 0.5px #d8ab56,
		1614	-0.5px -0.5px 0.5px #5c3605,
		1615	-1px -0.75px #200d00,
		1616	0.5px -0.25px #200d00;
		1617	}
		1618
		1619	.seaQuest #seaQuest .t {
		1620	text-shadow:
		1621	0.5px -0.25px #e9bf73,
		1622	-0.5px -0.25px 0.5px #d8ab56,
		1623	-1px -0.5px 0.5px #5c3605,
		1624	-1.5px -0.75px #200d00,
		1625	0.5px -0.25px #200d00;
		1626	}
		1627
		1628	.seaQuest #dsv {
		1629	position: relative;
		1630	visibility: hidden;
		1631	display: block;
		1632	margin-top: 0.5em;
		1633	padding-bottom: 0.25em;
		1634	line-height: 1;
		1635	}
		1636
		1637	.seaQuest #dsv:after {
		1638	position: absolute;
		1639	visibility: visible;
		1640	left: -0.75em;
		1641	top: 0;
		1642	right: 0;
		1643	bottom: 0;
		1644	content: "\|";
		1645	text-align: center;
		1646	text-shadow:
		1647	0.5px -0.25px 0.5px #ffb43b,
		1648	1px -0.5px 0.5px #e28d23,
		1649	1.5px -0.75px 0.5px #853400,
		1650	2px -1px #510600;
		1651	}
		1652
		1653	@font-face {
		1654	font-family: "London Tube";
		1655	src: local("P22 Johnston Underground"), url(/styles/fonts/p22-johnston-underground.ttf);
		1656	}
		1657
		1658	.sherlock {
		1659	font-family: "London Tube", sans-serif;
		1660	font-size: 120%;
		1661	text-transform: uppercase;
		1662	}
		1663
		1664	@font-face {
		1665	font-family: "Simpsonfont";
		1666	src: local("Simpsonfont"), url(/styles/fonts/Simpsonfont.ttf);
		1667	}
		1668
		1669	@font-face {
		1670	font-family: "Akbar";
		1671	src: local("Akbar"), url(/styles/fonts/akbar.ttf);
		1672	}
		1673
		1674	.simpsons {
		1675	position: relative;
		1676	display: inline-block;
		1677	min-width: 6em;
		1678	min-height: 2em;
		1679	padding: 0.125em 0.25em;
		1680	background-color: #6598DC;
		1681	color: #FFD166;
		1682	font-family: "Akbar", sans-serif;
		1683	text-align: center;
		1684	text-transform: uppercase;
		1685	overflow: hidden;
		1686	}
		1687
		1688	@-webkit-keyframes zoom-in {
		1689	0% {
		1690	opacity: 0;
		1691	-webkit-transform: perspective(100px) translateX(0) translateY(0) translateZ(-400px);
		1692	}
		1693
		1694	20% {
		1695	opacity: 1;
		1696	}
		1697
		1698	100% {
		1699	-webkit-transform: perspective(100px) translateX(5px) translateY(-4px) translateZ(100px);
		1700	}
		1701	}
		1702
		1703	.simpsons span {
		1704	position: relative;
		1705	display: block;
		1706	}
		1707
		1708	.simpsons:hover span.text {
		1709	-webkit-animation-name: zoom-in;
		1710	/* -webkit-animation-iteration-count: infinite; */
		1711	-webkit-animation-duration: 3s;
		1712	}
		1713
		1714	@font-face {
		1715	font-family: "Smallville";
		1716	src: local("Smallville"), url(/styles/fonts/Smallville1.ttf);
		1717	}
		1718
		1719	.smallville {
		1720	font-family: "Smallville", sans-serif;
		1721	font-size: 160%;
		1722	text-transform: uppercase;
		1723	color: #FE1318;
		1724	}
		1725
		1726	/* Symmetric "Superman" effect */
		1727	.smallville span {
		1728	position: relative;
		1729	top: -0.1em;
		1730	font-size: 90%;
		1731	}
		1732
		1733	@font-face {
		1734	font-family: "Stargate";
		1735	src: local("Stargate"), url(/styles/fonts/STARGATE.TTF);
		1736	}
		1737
		1738	.stargate {
		1739	display: inline-block;
		1740	font-family: "Stargate", serif;
		1741	font-size: 122%;
		1742	text-align: center;
		1743	text-transform: uppercase;
		1744	}
		1745
		1746	.stargate > span {
		1747	display: block;
		1748	}
		1749
		1750	.stargate.en {
		1751	letter-spacing: 0.125em;
		1752	}
		1753
		1754	.stargate.en span span:last-child {
		1755	letter-spacing: normal;
		1756	}
		1757
		1758	.stargate.en > span:first-child {
		1759	padding-bottom: 0;
		1760	border-bottom: 1px solid black;
		1761	}
		1762
		1763	.stargate.en > span:last-child {
		1764	padding-top: 0.125em;
		1765	}
		1766
		1767	.stargate.de > span:last-child {
		1768	font-size: 64%;
		1769	}
		1770
		1771	.stargate .a {
		1772	text-transform: lowercase;
		1773	}
		1774
		1775	.atlantis .stargate {
		1776	display: inline-block;
		1777	padding: 0 0.25em;
		1778	border-bottom: 1px solid black;
		1779	font-size: 81%;
		1780	letter-spacing: 0.125em;
		1781	}
		1782
		1783	.atlantis .atlantis {
		1784	margin-top: 0.125em;
		1785	position: relative;
		1786	top: -0.15em;
		1787	padding-top: 0.15em;
		1788	letter-spacing: 0.125em;
		1789	}
		1790
		1791	.atlantis span span:last-child
		1792	{
		1793	letter-spacing: normal;
		1794	}
		1795
		1796	.sg-u {
		1797	padding: 0.25em 0.25em 0 0.25em;
		1798	background-color: #000;
		1799	color: #eee;
		1800	font-family: "Eurostile Extended", sans-serif;
		1801	font-size: 122%;
32	PointedEar	1802	font-weight: bold;
26	PointedEar	1803	letter-spacing: -0.125em;
		1804	}
		1805
		1806	.sg-u .ring {
		1807	letter-spacing: -0.2em;
		1808	}
		1809
		1810	@font-face {
		1811	font-family: "Torchwood";
		1812	src: local("Torchwood"), url(/styles/fonts/Torchwood.ttf);
		1813	}
		1814
		1815	@font-face {
		1816	font-family: "Federation Classic";
		1817	src: local("Federation Classic"), url(/styles/fonts/FEC_____.TTF);
		1818	}
		1819
		1820	.star-trek {
		1821	padding: 0.125em 0.25em 0 0.25em;
		1822	background-color: #000;
		1823	color: #F8CB35;
		1824	font-family: "Federation Classic", sans-serif;
		1825	font-size: 150%;
		1826	text-transform: lowercase;
		1827	}
		1828
29	PointedEar	1829	.time-trax {
		1830	background-color: #fff;
		1831	color: #003ee5;
		1832	font-size: 120%;
32	PointedEar	1833	font-weight: bold;
29	PointedEar	1834	text-shadow: 2px 1px #00021c;
		1835	}
		1836
26	PointedEar	1837	.torchwood {
		1838	padding: 0.125em 0.25em;
		1839	background-color: black;
		1840	color: #E72524;
		1841	font-family: "Torchwood", serif;
		1842	font-size: 106%;
		1843	text-transform: uppercase;
		1844	}
		1845
		1846	@font-face {
		1847	font-family: "True Blood";
		1848	src: local("True Blood"), url(/styles/fonts/TRUEBLOOD.ttf);
		1849	}
		1850
		1851	.true-blood {
		1852	font-family: "True Blood", serif;
		1853	}
		1854
		1855	.true-blood .upper {
		1856	text-transform: uppercase;
		1857	}
		1858
		1859	.true-blood .blood {
		1860	color: #991b30;
		1861	}
		1862
		1863	.true-blood .lower {
		1864	text-transform: lowercase;
		1865	}
		1866
		1867	.tara {
		1868	font-family: sans-serif;
32	PointedEar	1869	font-weight: bold;
26	PointedEar	1870	text-transform: uppercase;
		1871	}
		1872
		1873	.visitors {
		1874	display: inline-block;
		1875	position: relative;
		1876	padding: 0.5em 0.5em 0.25em 0.5em;
		1877	background-color: #000;
		1878	color: #ff1700;
		1879	font-family: fantasy;
		1880	font-size: 80%;
		1881	line-height: 2em;
		1882	}
		1883
		1884	.visitors span {
		1885	vertical-align: middle;
		1886	}
		1887
		1888	.visitors .v {
		1889	position: absolute;
		1890	left: 0;
		1891	width: 100%;
		1892	font-size: 300%;
		1893	color: rgba(210, 0, 1, 0.8);
		1894	text-align: center;
		1895	}
		1896
		1897	.visitors .subtitle {
		1898	text-transform: uppercase;
		1899	}
		1900
		1901	@font-face {
		1902	font-family: "Gunplay";
		1903	src: local("Gunplay"), url(/styles/fonts/gunplay.ttf);
		1904	}
		1905
		1906	.warehouse-13 {
		1907	padding: 0 0.25em 0.125em 0.25em;
		1908	background-color: #000;
		1909	color: #BF311A;
		1910	font-family: "Gunplay", sans-serif;
		1911	text-transform: uppercase;
		1912	}
		1913
		1914	.warehouse-13 .numbers {
		1915	color: #B4B4B4;
		1916	}
		1917
		1918	div.box {
		1919	border: 1px solid black;
		1920	position: relative;
		1921	text-align: center;
		1922	}
		1923
		1924	div.meter, div.coverage {
		1925	position: absolute;
		1926	height: 100%;
		1927	}
		1928
		1929	div.meter {
		1930	background-color: rgba(0, 0, 128, 0.5);
		1931	}
		1932
		1933	div.season {
		1934	position: absolute;
		1935	border-left: 1px solid #333;
		1936	background-color: transparent;
		1937	color: #999;
		1938	overflow: hidden;
		1939	white-space: nowrap;
		1940	}
		1941
		1942	div.coverage {
		1943	background-color: rgba(0, 218, 0, 0.5);
		1944	}
		1945
		1946	.percentage {
		1947	position: relative;
		1948	background-color: rgba(255, 255, 255, 0.5);
		1949	}

Subversion Repositories LCARS

(root)/trunk/media/video/series/style.css @ 282 - Rev 32