Subversion Repositories LCARS

Rev

Rev 32 | Rev 64 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 32 Rev 41
1
<?php
1
<?php
2
header('Last-Modified: ' . gmdate('D, d M Y H:i:s', @filemtime(__FILE__)) . ' GMT');
2
header('Last-Modified: ' . gmdate('D, d M Y H:i:s', @filemtime(__FILE__)) . ' GMT');
3
3
4
/* Cached resource expires in HTTP/1.1 caches 24h after last retrieval */
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');
5
header('Cache-Control: max-age=86400, s-maxage=86400, must-revalidate, proxy-revalidate');
6
6
7
/* Cached resource expires in HTTP/1.0 caches 24h after last retrieval */
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');
8
header('Expires: ' . gmdate('D, d M Y H:i:s', time() + 86400) . ' GMT');
9
9
10
header('Content-Type: text/css; charset=UTF-8');
10
header('Content-Type: text/css; charset=UTF-8');
11
?>
11
?>
12
@CHARSET "UTF-8";
12
@CHARSET "UTF-8";
13
13
14
html, body {
14
html, body {
15
  -webkit-font-smoothing: antialiased;
15
  -webkit-font-smoothing: antialiased;
16
}
16
}
17
17
18
h1, h2, h3, h4, h5, h6 {
18
h1, h2, h3, h4, h5, h6 {
19
  text-rendering: optimizeLegibility;
19
  text-rendering: optimizeLegibility;
20
}
20
}
21
21
22
body {
22
body {
23
  font-family: sans-serif;
23
  font-family: sans-serif;
24
}
24
}
25
25
26
:link, :visited {
26
:link, :visited {
27
  text-decoration: none;
27
  text-decoration: none;
28
  color: inherit;
28
  color: inherit;
29
}
29
}
30
30
31
.hidden {
31
.hidden {
32
  display: none;
32
  display: none !important;
33
}
33
}
34
34
35
h1 {
35
h1 {
36
  margin: 0;
36
  margin: 0;
37
  text-align: center;
37
  text-align: center;
38
}
38
}
39
39
40
[title] {
40
[title] {
41
  cursor: help;
41
  cursor: help;
42
/*  border-bottom: 1px dotted black; */
42
/*  border-bottom: 1px dotted black; */
43
}
43
}
44
44
45
table {
45
table {
46
  width: 100%;
46
  width: 100%;
47
  border-collapse: collapse;
47
  border-collapse: collapse;
48
}
48
}
49
49
50
th {
50
th {
51
  width: 20%;
51
  width: 20%;
52
  padding: 0.25em 0.5em 0.25em 0;
52
  padding: 0.25em 0.5em 0.25em 0;
53
  font-weight: normal;
53
  font-weight: normal;
54
  text-align: right;
54
  text-align: right;
55
}
55
}
56
56
57
td:first-child {
57
td:first-child {
58
  width: 1em;
58
  width: 1em;
59
  border: none;
59
  border: none;
60
}
60
}
61
61
62
th.recommended {
62
th.recommended {
63
  border-left: 2px solid green;
63
  border-left: 2px solid green;
64
  border-top: 2px solid green;
64
  border-top: 2px solid green;
65
  border-bottom: 2px solid green;
65
  border-bottom: 2px solid green;
66
}
66
}
67
67
68
td:last-child {
68
td:last-child {
69
  padding-right: 0.25em;
69
  padding-right: 0.25em;
70
}
70
}
71
71
72
td.recommended {
72
td.recommended {
73
  border-top: 2px solid green;
73
  border-top: 2px solid green;
74
  border-right: 2px solid green;
74
  border-right: 2px solid green;
75
  border-bottom: 2px solid green;
75
  border-bottom: 2px solid green;
76
}
76
}
77
77
78
@font-face {
78
@font-face {
79
  font-family: "Futura Condensed";
79
  font-family: "Futura Condensed";
80
  src: local("Futura Condensed"), url(/styles/fonts/futura_condensed.TTF);
80
  src: local("Futura Condensed"), url(/styles/fonts/non-free/futura_condensed.TTF);
81
}
81
}
82
82
83
@font-face {
83
@font-face {
84
  font-family: "X-Files";
84
  font-family: "X-Files";
85
  src: local("X-Files"), url(/styles/fonts/x-files.ttf);
85
  src: local("X-Files"), url(/styles/fonts/x-files.ttf);
86
}
86
}
87
87
88
.akte-x {
88
.akte-x {
89
  padding: 1em 0.25em 0.6em 0.25em;
89
  padding: 1em 0.25em 0.6em 0.25em;
90
  background-image:
90
  background-image:
91
    -o-linear-gradient(12deg,
91
    -o-linear-gradient(12deg,
92
      rgba(236, 244, 235, 0) 33%, rgba(236, 244, 235, 0.9) 68%,
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%);
93
      rgba(236, 244, 235, 0.9) 70%, rgba(236, 244, 235, 0) 90%);
94
  background-image:
94
  background-image:
95
    linear-gradient(12deg,
95
    linear-gradient(12deg,
96
      rgba(236, 244, 235, 0) 33%, rgba(236, 244, 235, 0.9) 68%,
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%);
97
      rgba(236, 244, 235, 0.9) 70%, rgba(236, 244, 235, 0) 90%);
98
  background-image:
98
  background-image:
99
    -moz-radial-gradient(65% 60%,
99
    -moz-radial-gradient(65% 60%,
100
      rgba(236, 244, 235, 0.5) 50%, rgba(236, 244, 235, 0.1)),
100
      rgba(236, 244, 235, 0.5) 50%, rgba(236, 244, 235, 0.1)),
101
    -moz-linear-gradient(12deg,
101
    -moz-linear-gradient(12deg,
102
      rgba(236, 244, 235, 0) 33%, rgba(236, 244, 235, 0.9) 68%,
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%);
103
      rgba(236, 244, 235, 0.9) 70%, rgba(236, 244, 235, 0) 90%);
104
  background-image:
104
  background-image:
105
    -webkit-radial-gradient(65% 60%, 25% 75%,
105
    -webkit-radial-gradient(65% 60%, 25% 75%,
106
      rgba(236, 244, 235, 0.5) 50%, rgba(236, 244, 235, 0.1)),
106
      rgba(236, 244, 235, 0.5) 50%, rgba(236, 244, 235, 0.1)),
107
    -webkit-linear-gradient(12deg,
107
    -webkit-linear-gradient(12deg,
108
      rgba(236, 244, 235, 0) 33%, rgba(236, 244, 235, 0.9) 68%,
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%);
109
      rgba(236, 244, 235, 0.9) 70%, rgba(236, 244, 235, 0) 90%);
110
  background-color: #000;
110
  background-color: #000;
111
  color: #dcdfdc;
111
  color: #dcdfdc;
112
  line-height: 2em;
112
  line-height: 2em;
113
  vertical-align: middle;  
113
  vertical-align: middle;  
114
}
114
}
115
115
116
116
117
117
118
.akte-x .small {
118
.akte-x .small {
119
  padding-left: 1em;
119
  padding-left: 1em;
120
/*   .linear-gradient(bottom left, black, transparent); */
120
/*   .linear-gradient(bottom left, black, transparent); */
121
  background-image: -moz-linear-gradient(bottom left, black, transparent);
121
  background-image: -moz-linear-gradient(bottom left, black, transparent);
122
  background-image: -o-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);
123
  background-image: -webkit-linear-gradient(bottom left, black, transparent);
124
  background-image: linear-gradient(bottom left, black, transparent);
124
  background-image: linear-gradient(bottom left, black, transparent);
125
  vertical-align: middle;
125
  vertical-align: middle;
126
  font-family: "Futura Condensed", sans-serif;
126
  font-family: "Futura Condensed", sans-serif;
127
  font-size: 50%;
127
  font-size: 50%;
128
  text-transform: uppercase;
128
  text-transform: uppercase;
129
  letter-spacing: 1em;
129
  letter-spacing: 1em;
130
}
130
}
131
131
132
.akte-x .before-x {
132
.akte-x .before-x {
133
  letter-spacing: normal;
133
  letter-spacing: normal;
134
}
134
}
135
135
136
.akte-x .x {
136
.akte-x .x {
137
  font-family: "X-Files", sans-serif;
137
  font-family: "X-Files", sans-serif;
138
  font-size: 600%;
138
  font-size: 600%;
139
  font-weight: lighter;
139
  font-weight: lighter;
140
  vertical-align: middle;
140
  vertical-align: middle;
141
  vertical-align: -webkit-baseline-middle;
141
  vertical-align: -webkit-baseline-middle;
142
  color: black;
142
  color: black;
143
  -webkit-mask-image: -webkit-linear-gradient(-12deg,
143
  -webkit-mask-image: -webkit-linear-gradient(-12deg,
144
    rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 1));
144
    rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 1));
145
}
145
}
146
146
147
.alf {
147
.alf {
148
  font-family: "URW Bookman L", serif;
148
  font-family: "URW Bookman L", serif;
149
  font-weight: bold;
149
  font-weight: bold;
150
  font-size: 120%;
150
  font-size: 120%;
151
 
151
 
152
}
152
}
153
153
154
@font-face {
154
@font-face {
155
  font-family: "Highguard";
155
  font-family: "Highguard";
156
  src: local("Highguard"), url(/styles/fonts/Highguard.ttf);
156
  src: local("Highguard"), url(/styles/fonts/Highguard.ttf);
157
}
157
}
158
158
159
.andromeda {
159
.andromeda {
160
  position: relative;
160
  position: relative;
161
  font-family: "Highguard", sans-serif;
161
  font-family: "Highguard", sans-serif;
162
  font-size: 204%;
162
  font-size: 204%;
163
  color: rgba(245, 153, 79, 1);
163
  color: rgba(245, 153, 79, 1);
164
  text-shadow:
164
  text-shadow:
165
    /* blurred shadow */
165
    /* blurred shadow */
166
    -1px 0 2px black, 0 -1px 2px black, 1px 0 2px black, 0 1px 2px black,
166
    -1px 0 2px black, 0 -1px 2px black, 1px 0 2px black, 0 1px 2px black,
167
   
167
   
168
    /* outline */
168
    /* outline */
169
    -1px 0 black, 0 -1px black, 1px 0 black, 0 1px black;
169
    -1px 0 black, 0 -1px black, 1px 0 black, 0 1px black;
170
}
170
}
171
171
172
.andromeda .gradient {
172
.andromeda .gradient {
173
  -webkit-mask-image: -webkit-linear-gradient(top,
173
  -webkit-mask-image: -webkit-linear-gradient(top,
174
    rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 1));
174
    rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 1));
175
}
175
}
176
176
177
.andromeda .roddenberry {
177
.andromeda .roddenberry {
178
  position: absolute;
178
  position: absolute;
179
  right: 3.75em;
179
  right: 3.75em;
180
  top: 1.7em;
180
  top: 1.7em;
181
  font-family: sans-serif;
181
  font-family: sans-serif;
182
  font-size: 21%;
182
  font-size: 21%;
183
  text-transform: uppercase;
183
  text-transform: uppercase;
184
  color: black;
184
  color: black;
185
  text-shadow: none;
185
  text-shadow: none;
186
  letter-spacing: 0;
186
  letter-spacing: 0;
187
}
187
}
188
188
189
.big-bang-theory {
189
.big-bang-theory {
190
  font-family: Impact, sans-serif;
190
  font-family: Impact, sans-serif;
191
  font-size: 122%;
191
  font-size: 122%;
192
  font-weight: bold;
192
  font-weight: bold;
193
  text-transform: uppercase;
193
  text-transform: uppercase;
194
}
194
}
195
195
196
.big-bang-theory .lower {
196
.big-bang-theory .lower {
197
  font-size: 0.75em;
197
  font-size: 0.75em;
198
  text-transform: lowercase;
198
  text-transform: lowercase;
199
}
199
}
200
200
201
.big-bang-theory .i {
201
.big-bang-theory .i {
202
  text-transform: none;
202
  text-transform: none;
203
  font-size: 111%;
203
  font-size: 111%;
204
  font-weight: normal;
204
  font-weight: normal;
205
}
205
}
206
206
207
.big-bang-theory .bang {
207
.big-bang-theory .bang {
208
  color: #CE152C;
208
  color: #CE152C;
209
}
209
}
210
210
211
@font-face {
211
@font-face {
212
  font-family: "Battlestar";
212
  font-family: "Battlestar";
213
  src: local("Battlestar"), url(/styles/fonts/BATTLEST.TTF);
213
  src: local("Battlestar"), url(/styles/fonts/BATTLEST.TTF);
214
}
214
}
215
215
216
.bsg {
216
.bsg {
217
  font-family: "Battlestar", sans-serif;
217
  font-family: "Battlestar", sans-serif;
218
  font-size: 84%;
218
  font-size: 84%;
219
}
219
}
220
220
221
@font-face {
221
@font-face {
222
  font-family: "Buffied";
222
  font-family: "Buffied";
223
  src: local("Buffied"), url(/styles/fonts/Buffied.ttf);
223
  src: local("Buffied"), url(/styles/fonts/Buffied.ttf);
224
}
224
}
225
225
226
@font-face {
226
@font-face {
227
  font-family: "Slayer";
227
  font-family: "Slayer";
228
  src: url(/styles/fonts/slayer11.eot?);
228
  src: url(/styles/fonts/slayer11.eot?);
229
  src: local("Slayer"),
229
  src: local("Slayer"),
230
    url(/styles/fonts/slayer11.eot?) format(eot),
230
    url(/styles/fonts/slayer11.eot?) format(eot),
231
    url(/styles/fonts/slayer11.woff) format(woff),
231
    url(/styles/fonts/slayer11.woff) format(woff),
232
    url(/styles/fonts/slayer11.ttf) format(truetype),
232
    url(/styles/fonts/slayer11.ttf) format(truetype),
233
    url(/styles/fonts/slayer11.svg#Slayer) format(svg);
233
    url(/styles/fonts/slayer11.svg#Slayer) format(svg);
234
  font-weight: normal;
234
  font-weight: normal;
235
  font-style: normal;
235
  font-style: normal;
236
}
236
}
237
237
238
@font-face {
238
@font-face {
239
  font-family: "Kruella";
239
  font-family: "Kruella";
240
  src: local("Kruella"), url(/styles/fonts/kruella.ttf);
240
  src: local("Kruella"), url(/styles/fonts/non-free/kruella.ttf);
241
}
241
}
242
242
243
.buffy {
243
.buffy {
244
  display: inline-block;
244
  display: inline-block;
245
  padding: 0.75em 0.5em 0.5em 0.5em;
245
  padding: 0.75em 0.5em 0.5em 0.5em;
246
  background-color: #000700;
246
  background-color: #000700;
247
  background-image: -moz-radial-gradient(circle, #6d7a9c 35%, transparent 45%);
247
  background-image: -moz-radial-gradient(circle, #6d7a9c 35%, transparent 45%);
248
  background-image: -webkit-radial-gradient(circle, #6d7a9c 35%, transparent 45%);
248
  background-image: -webkit-radial-gradient(circle, #6d7a9c 35%, transparent 45%);
249
  color: #feffff;
249
  color: #feffff;
250
  line-height: 1em;
250
  line-height: 1em;
251
  text-align: center;
251
  text-align: center;
252
  text-shadow: 1px 1px 1px black;
252
  text-shadow: 1px 1px 1px black;
253
}
253
}
254
254
255
.buffy .title {
255
.buffy .title {
256
  font-family: "Buffied", fantasy;
256
  font-family: "Buffied", fantasy;
257
  font-size: 200%;  
257
  font-size: 200%;  
258
}
258
}
259
259
260
.buffy .subtitle {
260
.buffy .subtitle {
261
  display: block;
261
  display: block;
262
  font-family: "Slayer", sans-serif;
262
  font-family: "Slayer", sans-serif;
263
  font-size: 50%;
263
  font-size: 50%;
264
  font-variant: small-caps;
264
  font-variant: small-caps;
265
}
265
}
266
266
267
@font-face {
267
@font-face {
268
  font-family: "Arno Pro Caption";
268
  font-family: "Arno Pro Caption";
269
  src: local("Arno Pro Caption"), url(/styles/fonts/arnopro-caption.otf);
269
  src: local("Arno Pro Caption"), url(/styles/fonts/non-free/arnopro-caption.otf);
270
}
270
}
271
271
272
.castle {
272
.castle {
273
  font-family: "Arno Pro Caption", serif;
273
  font-family: "Arno Pro Caption", serif;
274
  font-size: 120%;
274
  font-size: 120%;
275
  line-height: 1;
275
  line-height: 1;
276
  text-transform: uppercase;
276
  text-transform: uppercase;
277
}
277
}
278
278
279
@font-face {
279
@font-face {
280
  font-family: "KopyKattKut Bold";
280
  font-family: "KopyKattKut Bold";
281
  src: local("KopyKattKut Bold"), url(/styles/fonts/KopyKattKut-Bold.otf);
281
  src: local("KopyKattKut Bold"), url(/styles/fonts/KopyKattKut-Bold.otf);
282
}
282
}
283
283
284
.charmed {
284
.charmed {
285
  font-family: "KopyKattKut Bold", serif;
285
  font-family: "KopyKattKut Bold", serif;
286
  font-size: 115%;
286
  font-size: 115%;
287
  /*letter-spacing: -0.125em;*/
287
  /*letter-spacing: -0.125em;*/
288
  text-transform: uppercase;
288
  text-transform: uppercase;
289
}
289
}
290
290
291
.charmed .c {
291
.charmed .c {
292
  /* font-size: 150%; */
292
  /* font-size: 150%; */
293
}
293
}
294
294
295
.charmed span {  
295
.charmed span {  
296
  /* vertical-align: middle; */
296
  /* vertical-align: middle; */
297
}
297
}
298
298
299
@font-face {
299
@font-face {
300
  font-family: "Coolvetica";
300
  font-family: "Coolvetica";
301
  src: local("Coolvetica"), url(/styles/fonts/coolvetica.ttf);
301
  src: local("Coolvetica"), url(/styles/fonts/non-free/coolvetica.ttf);
302
}
302
}
303
303
304
.columbo {
304
.columbo {
305
  padding: 0 0.25em;
305
  padding: 0 0.25em;
306
  background-color: #273d50;
306
  background-color: #273d50;
307
  color: #fde06c;
307
  color: #fde06c;
308
  font-family: "Coolvetica", sans-serif;
308
  font-family: "Coolvetica", sans-serif;
309
  font-size: 130%;
309
  font-size: 130%;
310
  letter-spacing: 0.0625em;
310
  letter-spacing: 0.0625em;
311
  text-transform: uppercase;
311
  text-transform: uppercase;
312
  text-shadow: 2px 2px 1px black;
312
  text-shadow: 2px 2px 1px black;
313
}
313
}
314
314
315
@font-face {
315
@font-face {
316
  font-family: "ITC Serif Gothic LT Bold";
316
  font-family: "ITC Serif Gothic LT Bold";
317
  src: url(/styles/fonts/itc_serif_gothic--lte50299.ttf);
317
  src: url(/styles/fonts/non-free/itc_serif_gothic--lte50299.ttf);
318
}
318
}
319
319
320
@font-face {
320
@font-face {
321
  font-family: "ITC Serif Gothic LT Heavy";
321
  font-family: "ITC Serif Gothic LT Heavy";
322
  src: url(/styles/fonts/itc_serif_gothic--lte50301.ttf);
322
  src: url(/styles/fonts/non-free/itc_serif_gothic--lte50301.ttf);
323
}
323
}
324
324
325
.countdown-x {
325
.countdown-x {
326
  display: inline-block;
326
  display: inline-block;
327
  font-family: "ITC Serif Gothic LT Heavy", sans-serif;
327
  font-family: "ITC Serif Gothic LT Heavy", sans-serif;
328
  line-height: 0.9em;
328
  line-height: 0.9em;
329
  text-align: center;
329
  text-align: center;
330
  text-shadow: 1px 1px #999;
330
  text-shadow: 1px 1px #999;
331
}
331
}
332
332
333
.countdown-x .title:before {
333
.countdown-x .title:before {
334
  content: "\2013\00A0";
334
  content: "\2013\00A0";
335
}
335
}
336
336
337
.countdown-x .subtitle {
337
.countdown-x .subtitle {
338
  display: block;
338
  display: block;
339
  font-family: "ITC Serif Gothic LT Bold", sans-serif;
339
  font-family: "ITC Serif Gothic LT Bold", sans-serif;
340
}
340
}
341
341
342
.dead-zone {
342
.dead-zone {
343
  display: inline-block;
343
  display: inline-block;
344
  background-color: black;
344
  background-color: black;
345
  background-image: -webkit-radial-gradient(50% 20%, 20% 100%, white, transparent 75%);
345
  background-image: -webkit-radial-gradient(50% 20%, 20% 100%, white, transparent 75%);
346
  color: white;
346
  color: white;
347
  font-family: serif;
347
  font-family: serif;
348
  font-size: 120%;
348
  font-size: 120%;
349
  font-weight: bold;
349
  font-weight: bold;
350
  line-height: 1;
350
  line-height: 1;
351
  text-align: center;
351
  text-align: center;
352
  text-transform: uppercase;
352
  text-transform: uppercase;
353
}
353
}
354
354
355
.dead-zone .text {
355
.dead-zone .text {
356
  display: block;
356
  display: block;
357
  margin-top: 1em;
357
  margin-top: 1em;
358
  padding: 0 1em;
358
  padding: 0 1em;
359
  background: white;
359
  background: white;
360
  background:
360
  background:
361
    -webkit-linear-gradient(-5deg, rgba(255, 255, 255, 0),
361
    -webkit-linear-gradient(-5deg, rgba(255, 255, 255, 0),
362
      rgba(255, 255, 255, 0.75), 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),
363
    -webkit-linear-gradient(5deg, rgba(255, 255, 255, 0),
364
      rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
364
      rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
365
  background:
365
  background:
366
    linear-gradient(-5deg, rgba(255, 255, 255, 0),
366
    linear-gradient(-5deg, rgba(255, 255, 255, 0),
367
      rgba(255, 255, 255, 0.75), 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),
368
    linear-gradient(5deg, rgba(255, 255, 255, 0),
369
      rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
369
      rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
370
  color: black;
370
  color: black;
371
}
371
}
372
372
373
.dead-zone .text .dead {
373
.dead-zone .text .dead {
374
  display: block;
374
  display: block;
375
  top: -0.125em;
375
  top: -0.125em;
376
  position: relative;
376
  position: relative;
377
  font-size: 90%;
377
  font-size: 90%;
378
  color: #222;
378
  color: #222;
379
  text-shadow: 0 0 10px white;
379
  text-shadow: 0 0 10px white;
380
}
380
}
381
381
382
.dead-zone .text .zone {
382
.dead-zone .text .zone {
383
  display: block;
383
  display: block;
384
  position: relative;
384
  position: relative;
385
  top: -0.5em;
385
  top: -0.5em;
386
  font-size: 110%;
386
  font-size: 110%;
387
  -webkit-transform: perspective(15px) rotateX(35deg);
387
  -webkit-transform: perspective(15px) rotateX(35deg);
388
  transform: perspective(15px) rotateX(35deg);
388
  transform: perspective(15px) rotateX(35deg);
389
  -webkit-mask-image: -webkit-linear-gradient(
389
  -webkit-mask-image: -webkit-linear-gradient(
390
    rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.67));
390
    rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.67));
391
}
391
}
392
392
393
@font-face {
393
@font-face {
394
  font-family: "Doctor Who";
394
  font-family: "Doctor Who";
395
  src: local("Matt Smith Doctor Who"), url(/styles/fonts/matt_smith_doctor_who.ttf);
395
  src: local("Matt Smith Doctor Who"), url(/styles/fonts/matt_smith_doctor_who.ttf);
396
}
396
}
397
397
398
.doctor-who {
398
.doctor-who {
399
  position: relative;
399
  position: relative;
400
  color: #386688;
400
  color: #386688;
401
  font-family: "Doctor Who", serif;
401
  font-family: "Doctor Who", serif;
402
  font-size: 250%;
402
  font-size: 250%;
403
  text-transform: uppercase;
403
  text-transform: uppercase;
404
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
404
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
405
}
405
}
406
406
407
.doctor-who .gradient {
407
.doctor-who .gradient {
408
  position: absolute;
408
  position: absolute;
409
  left: 0;
409
  left: 0;
410
  top: 0;
410
  top: 0;
411
  -webkit-mask-image:
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));
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;
413
  z-index: 2;
414
}
414
}
415
415
416
.doctor-who .gradient2 {
416
.doctor-who .gradient2 {
417
  -webkit-mask-image:
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));
418
    -webkit-radial-gradient(1.2em 0.125em, 15% 50%, rgba(0, 0, 0, 0.2) 15%, rgba(0, 0, 0, 1));
419
}
419
}
420
420
421
.doctor-who .gradient3 {
421
.doctor-who .gradient3 {
422
  -webkit-mask-image:
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));
423
    -webkit-radial-gradient(2.4em 0.25em, 15% 50%, rgba(0, 0, 0, 0.2) 15%, rgba(0, 0, 0, 1));
424
}
424
}
425
425
426
.doctor-who:after {
426
.doctor-who:after {
427
  content: "Doctor Who";
427
  content: "Doctor Who";
428
  color: #f7f9fb;
428
  color: #f7f9fb;
429
}
429
}
430
430
431
@font-face {
431
@font-face {
432
  font-family: "a_Futura Orto";
432
  font-family: "a_Futura Orto";
433
  src: local("Futura Orto"), url(/styles/fonts/a_futuraorto.ttf);
433
  src: local("Futura Orto"), url(/styles/fonts/a_futuraorto.ttf);
434
}
434
}
435
435
436
@font-face {
436
@font-face {
437
  font-family: "a_Futura Orto Bold";
437
  font-family: "a_Futura Orto Bold";
438
  src: local("Futura Orto Bold"), url(/styles/fonts/a_futuraorto_bold.ttf);
438
  src: local("Futura Orto Bold"), url(/styles/fonts/a_futuraorto_bold.ttf);
439
}
439
}
440
440
441
.efc {
441
.efc {
442
  position: relative;
442
  position: relative;
443
  display: inline-block;
443
  display: inline-block;
444
  background-color: #000;
444
  background-color: #000;
445
  background-image:
445
  background-image:
446
    /* Terra */
446
    /* Terra */
447
    -moz-radial-gradient(28.6541% -128%, circle, black 67%, #1C1F1C 71%, #394138 72.5%, transparent 73%),
447
    -moz-radial-gradient(28.6541% -128%, circle, black 67%, #1C1F1C 71%, #394138 72.5%, transparent 73%),
448
   
448
   
449
    /* Sol */
449
    /* Sol */
450
    -moz-radial-gradient(56.729378% 52.895753%, circle, #fafdfa 7.366136%, #f9c699 9%, transparent 33%);
450
    -moz-radial-gradient(56.729378% 52.895753%, circle, #fafdfa 7.366136%, #f9c699 9%, transparent 33%);
451
  background-image:
451
  background-image:
452
    /* Terra */
452
    /* Terra */
453
    -webkit-radial-gradient(28.654124% -155%, circle, black 67%, #1c1f1c 71%, #394138 72.5%, transparent 73%),
453
    -webkit-radial-gradient(28.654124% -155%, circle, black 67%, #1c1f1c 71%, #394138 72.5%, transparent 73%),
454
   
454
   
455
    /* Sol */
455
    /* Sol */
456
    -webkit-radial-gradient(55.137482% 42.084942%, circle, #fafdfa 7.366136%, #f9c699 9%, transparent 33%);
456
    -webkit-radial-gradient(55.137482% 42.084942%, circle, #fafdfa 7.366136%, #f9c699 9%, transparent 33%);
457
  color: #eeeeec;
457
  color: #eeeeec;
458
  font-family: "a_Futura Orto Bold", sans-serif;
458
  font-family: "a_Futura Orto Bold", sans-serif;
459
  line-height: 1em;
459
  line-height: 1em;
460
  text-align: center;
460
  text-align: center;
461
  text-transform: uppercase;
461
  text-transform: uppercase;
462
}
462
}
463
463
464
.efc .glare {
464
.efc .glare {
465
  position: absolute;
465
  position: absolute;
466
  left: 0;
466
  left: 0;
467
  right: 0;
467
  right: 0;
468
  top: 0;
468
  top: 0;
469
  bottom: 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%);
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);
471
  -webkit-transform: rotate(-11.5deg);
472
}
472
}
473
473
474
.efc:after {
474
.efc:after {
475
  position: absolute;
475
  position: absolute;
476
  left: 0;
476
  left: 0;
477
  right: 0;
477
  right: 0;
478
  top: 0;
478
  top: 0;
479
  bottom: 0;
479
  bottom: 0;
480
  content: "";
480
  content: "";
481
  background-image:
481
  background-image:
482
    -moz-radial-gradient(55.137482% 42.084942%,
482
    -moz-radial-gradient(55.137482% 42.084942%,
483
      rgba(255, 255, 255, 0.2) 18%,
483
      rgba(255, 255, 255, 0.2) 18%,
484
      rgba(255, 255, 255, 0.04));
484
      rgba(255, 255, 255, 0.04));
485
  background-image:
485
  background-image:
486
    -webkit-radial-gradient(55.137482% 42.084942%, rgba(255, 255, 255, 0.2) 18%, rgba(255, 255, 255, 0.04));
486
    -webkit-radial-gradient(55.137482% 42.084942%, rgba(255, 255, 255, 0.2) 18%, rgba(255, 255, 255, 0.04));
487
}
487
}
488
488
489
.efc .gr {
489
.efc .gr {
490
  display: block;
490
  display: block;
491
  margin-top: 1em;  
491
  margin-top: 1em;  
492
  margin-bottom: 2.5em;
492
  margin-bottom: 2.5em;
493
  font-family: "a_Futura Orto", sans-serif;
493
  font-family: "a_Futura Orto", sans-serif;
494
  font-size: 50%;
494
  font-size: 50%;
495
}
495
}
496
496
497
.efc .earth {
497
.efc .earth {
498
  position: relative;
498
  position: relative;
499
  display: block;
499
  display: block;
500
  padding: 0 0 0 0.35em;
500
  padding: 0 0 0 0.35em;
501
  font-size: x-large;
501
  font-size: x-large;
502
  letter-spacing: 0.35em;
502
  letter-spacing: 0.35em;
503
  color: #efd065;
503
  color: #efd065;
504
  line-height: 1em;
504
  line-height: 1em;
505
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.75);
505
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.75);
506
}
506
}
507
507
508
.earth .gradient {
508
.earth .gradient {
509
  position: absolute;
509
  position: absolute;
510
  padding: 0 0 0 0.35em;
510
  padding: 0 0 0 0.35em;
511
  left: 0;
511
  left: 0;
512
  top: 0;
512
  top: 0;
513
  -webkit-mask-image: -webkit-linear-gradient(
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));
514
    rgba(255, 255, 255, 1), rgba(243, 205, 98, 0.5) 50%, rgba(0, 0, 0, 0));
515
  z-index: 2;
515
  z-index: 2;
516
}
516
}
517
517
518
.efc .earth:after {
518
.efc .earth:after {
519
  content: "Earth";
519
  content: "Earth";
520
  color: #9b411a;
520
  color: #9b411a;
521
}
521
}
522
522
523
@font-face {
523
@font-face {
524
  font-family: "Troglodyte";
524
  font-family: "Troglodyte";
525
  src: local("Troglodyte"), url(/styles/fonts/TROGLO__.ttf);
525
  src: local("Troglodyte"), url(/styles/fonts/TROGLO__.ttf);
526
}
526
}
527
527
528
.efc .fc {
528
.efc .fc {
529
  position: relative;
529
  position: relative;
530
  top: -0.5em;
530
  top: -0.5em;
531
  display: block;
531
  display: block;
532
  color: #ac493d;
532
  color: #ac493d;
533
  font-family: "Troglodyte", sans-serif;
533
  font-family: "Troglodyte", sans-serif;
534
  font-size: 71%;
534
  font-size: 71%;
535
  line-height: normal;
535
  line-height: normal;
536
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
536
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
537
}
537
}
538
538
539
@font-face {
539
@font-face {
540
  font-family: "Interstate";
540
  font-family: "Interstate";
541
  src: local("Interstate"), url(/styles/fonts/interstate_ultra-black_condensed.ttf);
541
  src: local("Interstate"), url(/styles/fonts/non-free/interstate_ultra-black_condensed.ttf);
542
}
542
}
543
543
544
.eureka {
544
.eureka {
545
  position: relative;
545
  position: relative;
546
  padding: 0.25em 0.5em 0.125em 0.5em;
546
  padding: 0.25em 0.5em 0.125em 0.5em;
547
  font-family: "Interstate", sans-serif;
547
  font-family: "Interstate", sans-serif;
548
  font-size: 130%;
548
  font-size: 130%;
549
  background-color: #8de5f9;
549
  background-color: #8de5f9;
550
  background-image: -moz-radial-gradient(bottom, ellipse,
550
  background-image: -moz-radial-gradient(bottom, ellipse,
551
    #f4fff7 20%, #8de5f9, #285e8d);
551
    #f4fff7 20%, #8de5f9, #285e8d);
552
  background-image: -webkit-radial-gradient(bottom, 100% 125%,
552
  background-image: -webkit-radial-gradient(bottom, 100% 125%,
553
    #f4fff7 20%, #8de5f9, #285e8d);
553
    #f4fff7 20%, #8de5f9, #285e8d);
554
  color: rgb(251, 254, 247);
554
  color: rgb(251, 254, 247);
555
  color: rgba(255, 255, 255, 0.9);
555
  color: rgba(255, 255, 255, 0.9);
556
  text-shadow: 0 -1px rgb(77, 148, 168), 1px 0 1px rgb(168, 217, 231),
556
  text-shadow: 0 -1px rgb(77, 148, 168), 1px 0 1px rgb(168, 217, 231),
557
    1px -1px rgb(77, 148, 168);
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),
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);
559
    1px -1px rgba(77, 148, 168, 0.9);
560
}
560
}
561
561
562
.eureka .gradient {
562
.eureka .gradient {
563
  display: inline-block;
563
  display: inline-block;
564
  -webkit-transform: matrix(1, 0, 0, 0.9, 0, 0);
564
  -webkit-transform: matrix(1, 0, 0, 0.9, 0, 0);
565
/*
565
/*
566
  position: absolute;
566
  position: absolute;
567
  padding: 0.25em 0.5em 0.125em 0.5em;
567
  padding: 0.25em 0.5em 0.125em 0.5em;
568
  left: 0;
568
  left: 0;
569
  top: 0;
569
  top: 0;
570
  -webkit-mask-image: -webkit-linear-gradient(
570
  -webkit-mask-image: -webkit-linear-gradient(
571
    rgba(0, 0, 0, 1) 30%, transparent 55%, rgba(0, 0, 0, 1) 80%);
571
    rgba(0, 0, 0, 1) 30%, transparent 55%, rgba(0, 0, 0, 1) 80%);
572
  z-index: 2;
572
  z-index: 2;
573
*/
573
*/
574
}
574
}
575
/*
575
/*
576
.eureka:after {
576
.eureka:after {
577
  content: "EUReKA";
577
  content: "EUReKA";
578
  color: red;
578
  color: red;
579
}
579
}
580
*/
580
*/
581
581
582
.eureka .eur {
582
.eureka .eur {
583
  text-transform: uppercase;
583
  text-transform: uppercase;
584
}
584
}
585
585
586
.eureka .e {
586
.eureka .e {
587
  display: inline-block;
587
  display: inline-block;
588
  position: relative;
588
  position: relative;
589
  bottom: 0.25em;
589
  bottom: 0.25em;
590
  text-shadow: 0 1px 1px rgb(168, 217, 231), 0 1px rgb(77, 148, 168);
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);
591
  text-shadow: 0 1px 1px rgba(168, 217, 231, 0.9), 0 1px rgba(77, 148, 168, 0.9);
592
 
592
 
593
  -moz-transform: matrix(1, 0, 0, 0.9, 0, 0);
593
  -moz-transform: matrix(1, 0, 0, 0.9, 0, 0);
594
  -moz-transform: perspective(50px) rotateX(45deg);
594
  -moz-transform: perspective(50px) rotateX(45deg);
595
  -o-transform: matrix(1, 0, 0, 0.9, 0, 0);
595
  -o-transform: matrix(1, 0, 0, 0.9, 0, 0);
596
  -ms-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);
597
  -webkit-transform: perspective(50px) rotateX(45deg);
598
  transform: perspective(50px) rotateX(45deg);
598
  transform: perspective(50px) rotateX(45deg);
599
}
599
}
600
600
601
.eureka .ka {
601
.eureka .ka {
602
  text-shadow: -1px 0 1px rgb(168, 217, 231), -1px -1px rgb(77, 148, 168),
602
  text-shadow: -1px 0 1px rgb(168, 217, 231), -1px -1px rgb(77, 148, 168),
603
    0 -1px rgb(77, 148, 168);
603
    0 -1px rgb(77, 148, 168);
604
  text-shadow: -1px 0 1px rgba(168, 217, 231, 0.9), -1px -1px rgba(77, 148, 168, 0.9),
604
  text-shadow: -1px 0 1px rgba(168, 217, 231, 0.9), -1px -1px rgba(77, 148, 168, 0.9),
605
    0 -1px rgba(77, 148, 168, 0.9);  
605
    0 -1px rgba(77, 148, 168, 0.9);  
606
  text-transform: uppercase;
606
  text-transform: uppercase;
607
}
607
}
608
608
609
@font-face {
609
@font-face {
-
 
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 {
610
  font-family: "Middleton";
647
  font-family: "Middleton";
611
  src: url(/styles/fonts/middleto.ttf);
648
  src: url(/styles/fonts/non-free/middleto.ttf);
612
}
649
}
613
650
614
.frasier {
651
.frasier {
615
  font-family: "Middleton", sans-serif;
652
  font-family: "Middleton", sans-serif;
616
  font-size: 120%;
653
  font-size: 120%;
617
  text-transform: uppercase;
654
  text-transform: uppercase;
618
}
655
}
619
656
620
.frasier span {
657
.frasier span {
621
  font-size: 75%;
658
  font-size: 75%;
622
}
659
}
623
660
624
.fresh-hell {
661
.fresh-hell {
625
  position: relative;
662
  position: relative;
626
  background-color: white;
663
  background-color: white;
627
  color: #fff900;
664
  color: #fff900;
628
  font-family: Kruella, fantasy;
665
  font-family: Kruella, fantasy;
629
  font-size: 150%;
666
  font-size: 150%;
630
  text-transform: uppercase;
667
  text-transform: uppercase;
631
  white-space: nowrap;
668
  white-space: nowrap;
632
  -webkit-text-stroke: 0.25px #333;
669
  -webkit-text-stroke: 0.25px #333;
633
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
670
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
634
}
671
}
635
672
636
.fresh-hell .gradient {
673
.fresh-hell .gradient {
637
  position: absolute;
674
  position: absolute;
638
  left: 0;
675
  left: 0;
639
  top: 0;
676
  top: 0;
640
  -webkit-mask-image: -webkit-linear-gradient(
677
  -webkit-mask-image: -webkit-linear-gradient(
641
    rgba(0, 0, 0, 1), transparent);
678
    rgba(0, 0, 0, 1), transparent);
642
  z-index: 2;
679
  z-index: 2;
643
}
680
}
644
681
645
.fresh-hell:after {
682
.fresh-hell:after {
646
  content: "Fresh Hell";
683
  content: "Fresh Hell";
647
  color: #bf170a;
684
  color: #bf170a;
648
}
685
}
649
686
650
@font-face {
687
@font-face {
651
  font-family: "Century Gothic";
688
  font-family: "Century Gothic";
652
  src: local("Century Gothic"), url(/styles/fonts/Century_Gothic.TTF);
689
  src: local("Century Gothic"), url(/styles/fonts/non-free/Century_Gothic.TTF);
653
}
690
}
654
691
655
.fringe {
692
.fringe {
656
  display: inline-block;
693
  display: inline-block;
657
  padding: 0.125em 0.5em 0.125em 0.5em;
694
  padding: 0.125em 0.5em 0.125em 0.5em;
658
  background-color: #000;
695
  background-color: #000;
659
  background-image: -moz-radial-gradient(center, #D6DBD3 4%, #7d9b9d 60%, black);
696
  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);
697
  background-image: -webkit-radial-gradient(center, 67% 67%, #D6DBD3 4%, #7d9b9d 60%, black);
661
  color: #101811;
698
  color: #101811;
662
  font-family: "Century Gothic", sans-serif;
699
  font-family: "Century Gothic", sans-serif;
663
  font-weight: bolder;
700
  font-weight: bolder;
664
  font-size: 140%;
701
  font-size: 140%;
665
  text-transform: uppercase;
702
  text-transform: uppercase;
666
}
703
}
667
704
668
.fringe .gradient {
705
.fringe .gradient {
669
  display: inline-block;
706
  display: inline-block;
670
  /*
707
  /*
671
  -webkit-mask-image: -webkit-radial-gradient(center, 150% 150%,
708
  -webkit-mask-image: -webkit-radial-gradient(center, 150% 150%,
672
    rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.125));
709
    rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.125));
673
  */
710
  */
674
  -moz-transform: perspective(50px) rotateX(4.43deg);
711
  -moz-transform: perspective(50px) rotateX(4.43deg);
675
  -webkit-transform: perspective(50px) rotateX(4.43deg);
712
  -webkit-transform: perspective(50px) rotateX(4.43deg);
676
  transform: perspective(50px) rotateX(4.43deg);
713
  transform: perspective(50px) rotateX(4.43deg);
677
}
714
}
678
715
679
.fringe .f {
716
.fringe .f {
680
  display: inline-block;
717
  display: inline-block;
681
718
682
  /*-webkit-transform: matrix(1, 0, -0.06, 1, 0, 0);*/
719
  /*-webkit-transform: matrix(1, 0, -0.06, 1, 0, 0);*/
683
  text-shadow:
720
  text-shadow:
684
     0.5px   0.25px #5b6e65,
721
     0.5px   0.25px #5b6e65,
685
     0.75px  0.5px  #5b6e65,
722
     0.75px  0.5px  #5b6e65,
686
     1.25px  0.75px #5b6e65,
723
     1.25px  0.75px #5b6e65,
687
     1.5px   1.25px #5b6e65,
724
     1.5px   1.25px #5b6e65,
688
     1.75px  1.5px  #5b6e65,
725
     1.75px  1.5px  #5b6e65,
689
     2px     1.75px #5b6e65,
726
     2px     1.75px #5b6e65,
690
     2.25px     2px #5b6e65;
727
     2.25px     2px #5b6e65;
691
 
728
 
692
  /* text-shadow: 1px 0.75px 2px #5b6e65, 1px 1.75px 0px #758278; */
729
  /* text-shadow: 1px 0.75px 2px #5b6e65, 1px 1.75px 0px #758278; */
693
  /* shadow-pos: y = -0.83909963 * x */
730
  /* shadow-pos: y = -0.83909963 * x */
694
/*
731
/*
695
  text-shadow: 0.5px 0.25px #111910, 0.75px 0.5px #111910,
732
  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,
733
    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;
734
    1.75px 1.5px #111910, 2.25px 1.75px #111910;
698
 */    
735
 */    
699
}
736
}
700
737
701
.fringe .r {
738
.fringe .r {
702
  display: inline-block;
739
  display: inline-block;
703
  /*-webkit-transform: matrix(1, 0, -0.04, 1, 0, 0);*/
740
  /*-webkit-transform: matrix(1, 0, -0.04, 1, 0, 0);*/
704
  /*
741
  /*
705
  text-shadow:
742
  text-shadow:
706
     0.25px   0.25px $fringe_shadow,
743
     0.25px   0.25px $fringe_shadow,
707
     0.5px    0.5px  $fringe_shadow,
744
     0.5px    0.5px  $fringe_shadow,
708
     1px      0.75px $fringe_shadow,
745
     1px      0.75px $fringe_shadow,
709
     1.25px   1.25px $fringe_shadow,
746
     1.25px   1.25px $fringe_shadow,
710
     1.5px    1.5px  $fringe_shadow,
747
     1.5px    1.5px  $fringe_shadow,
711
     1.75px   1.75px $fringe_shadow,
748
     1.75px   1.75px $fringe_shadow,
712
     2px      2px    $fringe_shadow;
749
     2px      2px    $fringe_shadow;
713
  */
750
  */
714
  /* Same shadow as .f */
751
  /* Same shadow as .f */
715
  text-shadow:
752
  text-shadow:
716
     0.5px   0.25px #5b6e65,
753
     0.5px   0.25px #5b6e65,
717
     0.75px  0.5px  #5b6e65,
754
     0.75px  0.5px  #5b6e65,
718
     1.25px  0.75px #5b6e65,
755
     1.25px  0.75px #5b6e65,
719
     1.5px   1.25px #5b6e65,
756
     1.5px   1.25px #5b6e65,
720
     1.75px  1.5px  #5b6e65,
757
     1.75px  1.5px  #5b6e65,
721
     2px     1.75px #5b6e65,
758
     2px     1.75px #5b6e65,
722
     2.25px     2px #5b6e65;
759
     2.25px     2px #5b6e65;
723
}
760
}
724
761
725
.fringe .i {
762
.fringe .i {
726
  display: inline-block;
763
  display: inline-block;
727
  /* -webkit-transform: matrix(1, 0, -0.02, 1, 0, 0); */
764
  /* -webkit-transform: matrix(1, 0, -0.02, 1, 0, 0); */
728
  /*
765
  /*
729
  text-shadow:
766
  text-shadow:
730
     0      0.25px $fringe_shadow,
767
     0      0.25px $fringe_shadow,
731
     0.5px  0.5px  $fringe_shadow,
768
     0.5px  0.5px  $fringe_shadow,
732
     0.75px 0.75px $fringe_shadow,
769
     0.75px 0.75px $fringe_shadow,
733
     1px    1.25px $fringe_shadow,
770
     1px    1.25px $fringe_shadow,
734
     1.25px 1.5px  $fringe_shadow,
771
     1.25px 1.5px  $fringe_shadow,
735
     1.5px  1.75px $fringe_shadow,
772
     1.5px  1.75px $fringe_shadow,
736
     1.75px 2px    $fringe_shadow;
773
     1.75px 2px    $fringe_shadow;
737
   */
774
   */
738
  /* Same shadow as .f */
775
  /* Same shadow as .f */
739
  text-shadow:
776
  text-shadow:
740
     0.5px   0.25px #5b6e65,
777
     0.5px   0.25px #5b6e65,
741
     0.75px  0.5px  #5b6e65,
778
     0.75px  0.5px  #5b6e65,
742
     1.25px  0.75px #5b6e65,
779
     1.25px  0.75px #5b6e65,
743
     1.5px   1.25px #5b6e65,
780
     1.5px   1.25px #5b6e65,
744
     1.75px  1.5px  #5b6e65,
781
     1.75px  1.5px  #5b6e65,
745
     2px     1.75px #5b6e65,
782
     2px     1.75px #5b6e65,
746
     2.25px     2px #5b6e65;
783
     2.25px     2px #5b6e65;
747
}
784
}
748
785
749
.fringe .n {
786
.fringe .n {
750
  display: inline-block;
787
  display: inline-block;
751
  /*- webkit-transform: matrix(1, 0, -0.01, 1, 0, 0); */
788
  /*- webkit-transform: matrix(1, 0, -0.01, 1, 0, 0); */
752
  text-shadow:
789
  text-shadow:
753
    0  0.25px #5b6e65,
790
    0  0.25px #5b6e65,
754
    0  0.5px  #5b6e65,
791
    0  0.5px  #5b6e65,
755
    0  0.75px #5b6e65,
792
    0  0.75px #5b6e65,
756
    0  1.25px #5b6e65,
793
    0  1.25px #5b6e65,
757
    0  1.5px  #5b6e65,
794
    0  1.5px  #5b6e65,
758
    0  1.75px #5b6e65,
795
    0  1.75px #5b6e65,
759
    0  2px    #5b6e65;
796
    0  2px    #5b6e65;
760
}
797
}
761
798
762
.fringe .g {
799
.fringe .g {
763
  display: inline-block;
800
  display: inline-block;
764
  /* -webkit-transform: matrix(1, 0, 0.01, 1, 0, 0); */
801
  /* -webkit-transform: matrix(1, 0, 0.01, 1, 0, 0); */
765
  /* text-shadow:
802
  /* text-shadow:
766
      0      0.25px $fringe_shadow,
803
      0      0.25px $fringe_shadow,
767
     -0.5px  0.5px  $fringe_shadow,
804
     -0.5px  0.5px  $fringe_shadow,
768
     -0.75px 0.75px $fringe_shadow,
805
     -0.75px 0.75px $fringe_shadow,
769
     -1px    1.25px $fringe_shadow,
806
     -1px    1.25px $fringe_shadow,
770
     -1.25px 1.5px  $fringe_shadow,
807
     -1.25px 1.5px  $fringe_shadow,
771
     -1.5px  1.75px $fringe_shadow,
808
     -1.5px  1.75px $fringe_shadow,
772
     -1.75px 2px    $fringe_shadow; */
809
     -1.75px 2px    $fringe_shadow; */
773
  /* Same shadow as .e */
810
  /* Same shadow as .e */
774
  text-shadow:
811
  text-shadow:
775
    -0.25px 0.25px #5b6e65,
812
    -0.25px 0.25px #5b6e65,
776
    -0.5px  0.5px  #5b6e65,
813
    -0.5px  0.5px  #5b6e65,
777
    -1px    0.75px #5b6e65,
814
    -1px    0.75px #5b6e65,
778
    -1.25px 1.25px #5b6e65,
815
    -1.25px 1.25px #5b6e65,
779
    -1.5px  1.5px  #5b6e65,
816
    -1.5px  1.5px  #5b6e65,
780
    -1.75px 1.75px #5b6e65,
817
    -1.75px 1.75px #5b6e65,
781
    -2px    2px    #5b6e65;
818
    -2px    2px    #5b6e65;
782
}
819
}
783
820
784
.fringe .e {
821
.fringe .e {
785
  display: inline-block;
822
  display: inline-block;
786
  /* -webkit-transform: matrix(1, 0, 0.02, 1, 0, 0); */
823
  /* -webkit-transform: matrix(1, 0, 0.02, 1, 0, 0); */
787
  text-shadow:
824
  text-shadow:
788
    -0.25px 0.25px #5b6e65,
825
    -0.25px 0.25px #5b6e65,
789
    -0.5px  0.5px  #5b6e65,
826
    -0.5px  0.5px  #5b6e65,
790
    -1px    0.75px #5b6e65,
827
    -1px    0.75px #5b6e65,
791
    -1.25px 1.25px #5b6e65,
828
    -1.25px 1.25px #5b6e65,
792
    -1.5px  1.5px  #5b6e65,
829
    -1.5px  1.5px  #5b6e65,
793
    -1.75px 1.75px #5b6e65,
830
    -1.75px 1.75px #5b6e65,
794
    -2px    2px    #5b6e65;
831
    -2px    2px    #5b6e65;
795
}
832
}
796
833
797
@font-face {
834
@font-face {
798
  font-family: "Futurama Title";
835
  font-family: "Futurama Title";
799
  src: local("Futurama Title"), url(/styles/fonts/futurama-title.ttf);
836
  src: local("Futurama Title"), url(/styles/fonts/futurama-title.ttf);
800
}
837
}
801
838
802
.futurama {
839
.futurama {
803
  display: block;
840
  display: block;
804
  padding-top: 0.5em;
841
  padding-top: 0.5em;
805
  font-family: "Futurama Title", serif;
842
  font-family: "Futurama Title", serif;
806
  text-transform: uppercase;
843
  text-transform: uppercase;
807
  line-height: 1em;
844
  line-height: 1em;
808
  -webkit-transform: translateX(-0.67em);
845
  -webkit-transform: translateX(-0.67em);
809
}
846
}
810
847
811
.futurama span {
848
.futurama span {
812
  display: inline-block;
849
  display: inline-block;
813
   line-height: 1em;
850
   line-height: 1em;
814
}
851
}
815
852
816
.futurama .f {
853
.futurama .f {
817
  -webkit-transform: rotate(-36deg) translateY(0.125em);
854
  -webkit-transform: rotate(-36deg) translateY(0.125em);
818
}
855
}
819
856
820
.futurama .u {
857
.futurama .u {
821
  -webkit-transform: rotate(-25.7deg) translateX(0.25em) translateY(-0.25em);
858
  -webkit-transform: rotate(-25.7deg) translateX(0.25em) translateY(-0.25em);
822
}
859
}
823
860
824
.futurama .t {
861
.futurama .t {
825
  -webkit-transform: rotate(-15.4deg) translateX(0.33em) translateY(-0.625em);
862
  -webkit-transform: rotate(-15.4deg) translateX(0.33em) translateY(-0.625em);
826
}
863
}
827
864
828
.futurama .u2 {
865
.futurama .u2 {
829
  -webkit-transform: rotate(-5.1deg) translateX(0.4em) translateY(-0.825em);
866
  -webkit-transform: rotate(-5.1deg) translateX(0.4em) translateY(-0.825em);
830
}
867
}
831
868
832
.futurama .r {
869
.futurama .r {
833
  -webkit-transform: rotate(5.1deg) translateX(0.45em) translateY(-0.95em);
870
  -webkit-transform: rotate(5.1deg) translateX(0.45em) translateY(-0.95em);
834
}
871
}
835
872
836
.futurama .a {
873
.futurama .a {
837
  -webkit-transform: rotate(15.4deg) translateX(0.5em) translateY(-0.9em);
874
  -webkit-transform: rotate(15.4deg) translateX(0.5em) translateY(-0.9em);
838
}
875
}
839
876
840
.futurama .m {
877
.futurama .m {
841
  -webkit-transform: rotate(25.7deg) translateX(0.55em) translateY(-0.7em);
878
  -webkit-transform: rotate(25.7deg) translateX(0.55em) translateY(-0.7em);
842
}
879
}
843
880
844
.futurama .a2 {
881
.futurama .a2 {
845
  -webkit-transform: rotate(36deg) translateX(0.67em) translateY(-0.4em);
882
  -webkit-transform: rotate(36deg) translateX(0.67em) translateY(-0.4em);
846
}
883
}
847
884
848
@font-face {
885
@font-face {
849
  font-family: "ITC Avant Garde Gothic Medium";
886
  font-family: "ITC Avant Garde Gothic Medium";
850
  src: local("ITC Avant Garde Gothic Medium"), local("ITC Avant Garde Gothic"),
887
  src: local("ITC Avant Garde Gothic Medium"), local("ITC Avant Garde Gothic"),
851
    url(/styles/fonts/itc_avant_garde_gothic--lte52011.ttf);
888
    url(/styles/fonts/non-free/itc_avant_garde_gothic--lte52011.ttf);
852
}
889
}
853
890
854
.glee {
891
.glee {
855
  padding: 0.125em 0.5em;
892
  padding: 0.125em 0.5em;
856
  /* background-image: -moz-radial-gradient(#FFEA8C, #FFD727);
893
  /* background-image: -moz-radial-gradient(#FFEA8C, #FFD727);
857
  background-image: -webkit-radial-gradient(#FFEA8C, #FFD727);
894
  background-image: -webkit-radial-gradient(#FFEA8C, #FFD727);
858
  background-color: #FFD727; */
895
  background-color: #FFD727; */
859
  background-color: #000;
896
  background-color: #000;
860
  color: #fff;
897
  color: #fff;
861
  font-family: "ITC Avant Garde Gothic Medium", sans-serif;
898
  font-family: "ITC Avant Garde Gothic Medium", sans-serif;
862
  font-size: 120%;
899
  font-size: 120%;
863
  text-transform: lowercase;
900
  text-transform: lowercase;
864
  letter-spacing: -0.0625em;
901
  letter-spacing: -0.0625em;
865
}
902
}
866
903
867
.glee .lee {
904
.glee .lee {
868
  letter-spacing: -0.125em;
905
  letter-spacing: -0.125em;
869
}
906
}
870
907
871
@font-face {
908
@font-face {
872
  font-family: "SKM Avant Garde Two";
909
  font-family: "SKM Avant Garde Two";
873
  src: local("SKM Avant Garde Two"), url(/styles/fonts/SKM%20Avant%20Garde%20Two.ttf);
910
  src: local("SKM Avant Garde Two"), url(/styles/fonts/non-free/SKM%20Avant%20Garde%20Two.ttf);
874
}
911
}
875
912
876
.heroes {
913
.heroes {
877
  position: relative;
914
  position: relative;
878
  padding: 0.25em 0.75em 0.125em 0.75em;
915
  padding: 0.25em 0.75em 0.125em 0.75em;
879
  background-color: black;
916
  background-color: black;
880
  color: #fff;
917
  color: #fff;
881
  font-family: "SKM Avant Garde Two", sans-serif;
918
  font-family: "SKM Avant Garde Two", sans-serif;
882
  text-transform: uppercase;
919
  text-transform: uppercase;
883
  letter-spacing: 0.5em;
920
  letter-spacing: 0.5em;
884
}
921
}
885
922
886
.heroes .o {
923
.heroes .o {
887
  position: relative;
924
  position: relative;
888
  color: #ffffed;
925
  color: #ffffed;
889
  padding: 0.25em 0.125em;
926
  padding: 0.25em 0.125em;
890
}
927
}
891
928
892
.heroes .o:after {
929
.heroes .o:after {
893
  position: absolute;
930
  position: absolute;
894
  left: -0.25em;
931
  left: -0.25em;
895
  top: 0;
932
  top: 0;
896
  right: 0;
933
  right: 0;
897
  bottom: 0;
934
  bottom: 0;
898
  background-image:
935
  background-image:
899
    /* glare */
936
    /* glare */
900
    -webkit-radial-gradient(48% 20%, circle, #ffffff 0%, #ffffff 7%,
937
    -webkit-radial-gradient(48% 20%, circle, #ffffff 0%, #ffffff 7%,
901
      rgb(250, 226, 182) 8%, rgba(250, 226, 182, 0) 23%),
938
      rgb(250, 226, 182) 8%, rgba(250, 226, 182, 0) 23%),
902
     
939
     
903
    /* moon */
940
    /* moon */
904
    -webkit-radial-gradient(41% 50%, circle, black 35%, transparent 40%),
941
    -webkit-radial-gradient(41% 50%, circle, black 35%, transparent 40%),
905
   
942
   
906
    /* corona */
943
    /* corona */
907
    -webkit-radial-gradient(41% 50%, circle, #f5eccd 35%, transparent 50%),
944
    -webkit-radial-gradient(41% 50%, circle, #f5eccd 35%, transparent 50%),
908
   
945
   
909
    /* flares */
946
    /* flares */
910
    -webkit-radial-gradient(44% 44%, circle, #ffffff 35%, transparent 55%);
947
    -webkit-radial-gradient(44% 44%, circle, #ffffff 35%, transparent 55%);
911
   
948
   
912
  content: "";
949
  content: "";
913
}
950
}
914
951
915
.heroes .s {
952
.heroes .s {
916
  letter-spacing: normal;
953
  letter-spacing: normal;
917
}
954
}
918
955
919
@font-face {
956
@font-face {
920
  font-family: "House";
957
  font-family: "House";
921
  src: local("House"), url(/styles/fonts/House.ttf);
958
  src: local("House"), url(/styles/fonts/House.ttf);
922
}
959
}
923
960
924
.house {
961
.house {
925
  /* text-transform: uppercase; */
962
  /* text-transform: uppercase; */
926
}
963
}
927
964
928
.house .h {
965
.house .h {
929
  font-family: House, sans-serif;
966
  font-family: House, sans-serif;
930
  /*
967
  /*
931
  display: inline-block;
968
  display: inline-block;
932
  border: 1px solid black;
969
  border: 1px solid black;
933
  width: 1em;
970
  width: 1em;
934
  height: 1em;
971
  height: 1em;
935
  line-height: 1em;
972
  line-height: 1em;
936
  text-align: center;
973
  text-align: center;
937
  margin-right: 0.125em;
974
  margin-right: 0.125em;
938
  */
975
  */
939
}
976
}
940
977
941
.house .ouse {
978
.house .ouse {
942
  font-family: House, sans-serif;
979
  font-family: House, sans-serif;
943
  /* text-decoration: underline; */
980
  /* text-decoration: underline; */
944
}
981
}
945
982
946
.house .md {
983
.house .md {
947
  position: relative;
984
  position: relative;
948
  bottom: -0.4em;
985
  bottom: -0.4em;
949
  font-size: 0.6em;
986
  font-size: 0.6em;
950
}
987
}
951
988
952
.house .md-de {
989
.house .md-de {
953
  position: relative;
990
  position: relative;
954
  font-size: 0.6em;
991
  font-size: 0.6em;
955
  text-decoration: underline;
992
  text-decoration: underline;
956
}
993
}
957
994
958
@font-face {
995
@font-face {
959
  font-family: "MacEnvy DB";
996
  font-family: "MacEnvy DB";
960
  src: local("MacEnvy DB"), url(/styles/fonts/MacEnvy_DB-Regular.ttf);
997
  src: local("MacEnvy DB"), url(/styles/fonts/MacEnvy_DB-Regular.ttf);
961
}
998
}
962
999
963
.ijon-tichy {
1000
.ijon-tichy {
964
  display: inline-block;
1001
  display: inline-block;
965
  padding: 0.25em 0.5em;
1002
  padding: 0.25em 0.5em;
966
  background-color: #000;
1003
  background-color: #000;
967
  color: #B9B7BA;
1004
  color: #B9B7BA;
968
  line-height: 1em;
1005
  line-height: 1em;
969
  font-family: "MacEnvy DB", sans-serif;
1006
  font-family: "MacEnvy DB", sans-serif;
970
  text-align: center;
1007
  text-align: center;
971
  text-transform: uppercase;
1008
  text-transform: uppercase;
972
}
1009
}
973
1010
974
.ijon-tichy .title {
1011
.ijon-tichy .title {
975
  display: block;
1012
  display: block;
976
  letter-spacing: 0.0625em;
1013
  letter-spacing: 0.0625em;
977
}
1014
}
978
1015
979
.ijon-tichy .title .i {
1016
.ijon-tichy .title .i {
980
  text-shadow: 1.5px 0.5px #59575A, 2px 0.75px #59575A;
1017
  text-shadow: 1.5px 0.5px #59575A, 2px 0.75px #59575A;
981
}
1018
}
982
1019
983
.ijon-tichy .title .j {
1020
.ijon-tichy .title .j {
984
  text-shadow: 1.5px 0.5px #59575A, 1.5px 0.75px #59575A;
1021
  text-shadow: 1.5px 0.5px #59575A, 1.5px 0.75px #59575A;
985
}
1022
}
986
1023
987
.ijon-tichy .title .o {
1024
.ijon-tichy .title .o {
988
  text-shadow: 1.5px 0.5px #59575A, 1px 0.75px #59575A;
1025
  text-shadow: 1.5px 0.5px #59575A, 1px 0.75px #59575A;
989
}
1026
}
990
1027
991
.ijon-tichy .title .n {
1028
.ijon-tichy .title .n {
992
  text-shadow: 1px 0.75px #59575A;
1029
  text-shadow: 1px 0.75px #59575A;
993
}
1030
}
994
1031
995
.ijon-tichy .title .t {
1032
.ijon-tichy .title .t {
996
  text-shadow: 0 0.75px #59575A;
1033
  text-shadow: 0 0.75px #59575A;
997
}
1034
}
998
1035
999
.ijon-tichy .title .i2 {
1036
.ijon-tichy .title .i2 {
1000
  text-shadow: -0.5px 0.75px #59575A;
1037
  text-shadow: -0.5px 0.75px #59575A;
1001
}
1038
}
1002
1039
1003
.ijon-tichy .title .c {
1040
.ijon-tichy .title .c {
1004
  text-shadow: -1px 0.75px #59575A;
1041
  text-shadow: -1px 0.75px #59575A;
1005
}
1042
}
1006
1043
1007
.ijon-tichy .title .h {
1044
.ijon-tichy .title .h {
1008
  text-shadow: -1.5px 0.75px #59575A, -1px 0.5px #59575A;
1045
  text-shadow: -1.5px 0.75px #59575A, -1px 0.5px #59575A;
1009
}
1046
}
1010
1047
1011
.ijon-tichy .title .y {
1048
.ijon-tichy .title .y {
1012
  text-shadow: -1.5px 0.75px #59575A, -1.5px 0.5px #59575A;
1049
  text-shadow: -1.5px 0.75px #59575A, -1.5px 0.5px #59575A;
1013
}
1050
}
1014
1051
1015
.ijon-tichy .subtitle {
1052
.ijon-tichy .subtitle {
1016
  display: block;
1053
  display: block;
1017
  font-size: 67%;
1054
  font-size: 67%;
1018
  letter-spacing: 0.4em;
1055
  letter-spacing: 0.4em;
1019
}
1056
}
1020
1057
1021
.ijon-tichy .subtitle .r {
1058
.ijon-tichy .subtitle .r {
1022
  text-shadow: 1.5px 0.5px #59575A;
1059
  text-shadow: 1.5px 0.5px #59575A;
1023
}
1060
}
1024
1061
1025
.ijon-tichy .subtitle .a {
1062
.ijon-tichy .subtitle .a {
1026
  text-shadow: 1px 0.5px #59575A;
1063
  text-shadow: 1px 0.5px #59575A;
1027
}
1064
}
1028
1065
1029
.ijon-tichy .subtitle .u {
1066
.ijon-tichy .subtitle .u {
1030
  text-shadow: 0.5px 0.5px #59575A;
1067
  text-shadow: 0.5px 0.5px #59575A;
1031
}
1068
}
1032
1069
1033
.ijon-tichy .subtitle .mpi {
1070
.ijon-tichy .subtitle .mpi {
1034
  text-shadow: 0 0.5px #59575A;
1071
  text-shadow: 0 0.5px #59575A;
1035
}
1072
}
1036
1073
1037
.ijon-tichy .subtitle .l {
1074
.ijon-tichy .subtitle .l {
1038
  text-shadow: -0.5px 0.5px #59575A;
1075
  text-shadow: -0.5px 0.5px #59575A;
1039
}
1076
}
1040
1077
1041
.ijon-tichy .subtitle .o {
1078
.ijon-tichy .subtitle .o {
1042
  text-shadow: -1px 0.5px #59575A;
1079
  text-shadow: -1px 0.5px #59575A;
1043
}
1080
}
1044
1081
1045
.ijon-tichy .subtitle .t {
1082
.ijon-tichy .subtitle .t {
1046
  text-shadow: -1.5px 0.5px #59575A;
1083
  text-shadow: -1.5px 0.5px #59575A;
1047
}
1084
}
1048
1085
1049
.ijon-tichy .subtitle2 {
1086
.ijon-tichy .subtitle2 {
1050
  display: block;
1087
  display: block;
1051
  font-size: 50%;
1088
  font-size: 50%;
1052
  line-height: 1em;
1089
  line-height: 1em;
1053
}
1090
}
1054
1091
1055
.ijon-tichy .subtitle2 .die {
1092
.ijon-tichy .subtitle2 .die {
1056
  text-shadow: 1px 0.5px #59575A;
1093
  text-shadow: 1px 0.5px #59575A;
1057
}
1094
}
1058
1095
1059
.ijon-tichy .subtitle2 .ster {
1096
.ijon-tichy .subtitle2 .ster {
1060
  text-shadow: 0.5px 0.5px #59575A;
1097
  text-shadow: 0.5px 0.5px #59575A;
1061
}
1098
}
1062
1099
1063
.ijon-tichy .subtitle2 .ntag {
1100
.ijon-tichy .subtitle2 .ntag {
1064
  text-shadow: 0 0.5px #59575A;
1101
  text-shadow: 0 0.5px #59575A;
1065
}
1102
}
1066
1103
1067
.ijon-tichy .subtitle2 .ebuec {
1104
.ijon-tichy .subtitle2 .ebuec {
1068
  text-shadow: -0.5px 0.5px #59575A;
1105
  text-shadow: -0.5px 0.5px #59575A;
1069
}
1106
}
1070
1107
1071
.ijon-tichy .subtitle2 .her {
1108
.ijon-tichy .subtitle2 .her {
1072
  text-shadow: -1px 0.5px #59575A;
1109
  text-shadow: -1px 0.5px #59575A;
1073
}
1110
}
1074
1111
1075
@font-face {
1112
@font-face {
1076
  font-family: "Digital1";
1113
  font-family: "Digital1";
1077
  src: local("Transponder AOE"), url(/styles/fonts/digital/TRANA___.TTF);
1114
  src: local("Transponder AOE"), url(/styles/fonts/digital/TRANA___.TTF);
1078
}
1115
}
1079
1116
1080
.it-crowd {
1117
.it-crowd {
1081
  position: relative;
1118
  position: relative;
1082
  padding: 0.125em 0.75em 0.125em 0.5em;
1119
  padding: 0.125em 0.75em 0.125em 0.5em;
1083
  background-color: black;
1120
  background-color: black;
1084
  color: #d4774b;
1121
  color: #d4774b;
1085
  font-family: "Digital1", monospace;
1122
  font-family: "Digital1", monospace;
1086
  font-size: 120%;
1123
  font-size: 120%;
1087
  text-transform: uppercase;
1124
  text-transform: uppercase;
1088
  text-shadow: 0 0 1px #d4774b;
1125
  text-shadow: 0 0 1px #d4774b;
1089
}
1126
}
1090
1127
1091
.it-crowd:after {
1128
.it-crowd:after {
1092
  position: absolute;
1129
  position: absolute;
1093
  top: 0;
1130
  top: 0;
1094
  content: "\258E";
1131
  content: "\258E";
1095
  letter-spacing: 0;
1132
  letter-spacing: 0;
1096
}
1133
}
1097
1134
1098
.superman {
1135
.superman {
1099
  font-weight: bold;
1136
  font-weight: bold;
1100
}
1137
}
1101
1138
1102
.life-on-mars {
1139
.life-on-mars {
1103
  display: inline-block;
1140
  display: inline-block;
1104
  padding: 0.25em 0.5em;
1141
  padding: 0.25em 0.5em;
1105
  background-color: #000;
1142
  background-color: #000;
1106
  background-image:
1143
  background-image:
1107
    -webkit-linear-gradient(left,
1144
    -webkit-linear-gradient(left,
1108
      rgba(255, 255, 255, 0) 35%,
1145
      rgba(255, 255, 255, 0) 35%,
1109
      rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 1) 36%,
1146
      rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 1) 36%,
1110
      rgba(255, 255, 255, 0) 38%),
1147
      rgba(255, 255, 255, 0) 38%),
1111
    -webkit-linear-gradient(top,
1148
    -webkit-linear-gradient(top,
1112
      rgba(255, 255, 255, 0) 81%,
1149
      rgba(255, 255, 255, 0) 81%,
1113
      rgba(255, 255, 255, 1) 81%, rgba(255, 255, 255, 1) 89%,
1150
      rgba(255, 255, 255, 1) 81%, rgba(255, 255, 255, 1) 89%,
1114
      rgba(255, 255, 255, 0) 89%);
1151
      rgba(255, 255, 255, 0) 89%);
1115
  color: #fff;
1152
  color: #fff;
1116
  font-weight: bold;
1153
  font-weight: bold;
1117
  text-shadow: 0 0 0.5px #fff;
1154
  text-shadow: 0 0 0.5px #fff;
1118
  text-transform: uppercase;
1155
  text-transform: uppercase;
1119
  -webkit-text-fill-color: transparent;
1156
  -webkit-text-fill-color: transparent;
1120
}
1157
}
1121
1158
1122
.life-on-mars .e {
1159
.life-on-mars .e {
1123
  letter-spacing: 0.5em;
1160
  letter-spacing: 0.5em;
1124
}
1161
}
1125
 
1162
 
1126
.life-on-mars .on {
1163
.life-on-mars .on {
1127
  text-shadow: 0 0 1px #fff;
1164
  text-shadow: 0 0 1px #fff;
1128
}
1165
}
1129
1166
1130
.life-on-mars .mars {
1167
.life-on-mars .mars {
1131
  text-shadow: 0 0 2px #fff;
1168
  text-shadow: 0 0 2px #fff;
1132
}
1169
}
1133
1170
1134
.macgyver {
1171
.macgyver {
1135
  padding: 0.125em 0.5em;
1172
  padding: 0.125em 0.5em;
1136
  background-color: #080a09;
1173
  background-color: #080a09;
1137
  color: #bb1e15;
1174
  color: #bb1e15;
1138
  font-family: "Copperplate Gothic Bold", serif;
1175
  font-family: "Copperplate Gothic Bold", serif;
1139
  font-size: 150%;
1176
  font-size: 150%;
1140
  font-variant: small-caps;
1177
  font-variant: small-caps;
1141
  font-weight: bold;
1178
  font-weight: bold;
1142
1179
1143
  text-shadow:
1180
  text-shadow:
1144
    -0.5px -0.5px #9f1512,
1181
    -0.5px -0.5px #9f1512,
1145
     0px   -0.5px #9f1512,
1182
     0px   -0.5px #9f1512,
1146
     0.5px -0.5px #9f1512,
1183
     0.5px -0.5px #9f1512,
1147
    -0.5px  0px   #9f1512,
1184
    -0.5px  0px   #9f1512,
1148
     0.5px  0px   #9f1512,
1185
     0.5px  0px   #9f1512,
1149
    -0.5px  0.5px #9f1512,
1186
    -0.5px  0.5px #9f1512,
1150
     0px    0.5px #9f1512,
1187
     0px    0.5px #9f1512,
1151
     0.5px  0.5px #9f1512,
1188
     0.5px  0.5px #9f1512,
1152
    -1px   -1px  1px #d9ad7e,
1189
    -1px   -1px  1px #d9ad7e,
1153
     0px   -1px  1px #d9ad7e,
1190
     0px   -1px  1px #d9ad7e,
1154
     1px   -1px  1px #d9ad7e,
1191
     1px   -1px  1px #d9ad7e,
1155
    -1px    0px  1px #d9ad7e,
1192
    -1px    0px  1px #d9ad7e,
1156
     1px    0px  1px #d9ad7e,
1193
     1px    0px  1px #d9ad7e,
1157
    -1px    1px  1px #d9ad7e,
1194
    -1px    1px  1px #d9ad7e,
1158
     0px    1px  1px #d9ad7e,
1195
     0px    1px  1px #d9ad7e,
1159
     1px    1px  1px #d9ad7e;
1196
     1px    1px  1px #d9ad7e;
1160
}
1197
}
1161
1198
1162
@font-face {
1199
@font-face {
1163
  font-family: "Gill Sans Ultra Bold";
1200
  font-family: "Gill Sans Ultra Bold";
1164
  src: local("Gill Sans Ultra Bold"), url(/styles/fonts/gilsanu0.TTF);
1201
  src: local("Gill Sans Ultra Bold"), url(/styles/fonts/non-free/gilsanu0.TTF);
1165
}
1202
}
1166
1203
1167
.monk {
1204
.monk {
1168
  color: #d1122a;
1205
  color: #d1122a;
1169
  font-family: "Gill Sans Ultra Bold", sans-serif;
1206
  font-family: "Gill Sans Ultra Bold", sans-serif;
1170
  font-size: 110%;
1207
  font-size: 110%;
1171
  text-transform: uppercase;
1208
  text-transform: uppercase;
1172
  text-shadow: 1px 1px 1px black;
1209
  text-shadow: 1px 1px 1px black;
1173
}
1210
}
1174
1211
1175
@font-face {
1212
@font-face {
1176
  font-family: "Swiss 721 Black Extended BT";
1213
  font-family: "Swiss 721 Black Extended BT";
1177
  src: local("Swiss 721 Black Extended BT"), url(/styles/fonts/swiss721_bke.TTF);
1214
  src: local("Swiss 721 Black Extended BT"), url(/styles/fonts/non-free/swiss721_bke.TTF);
1178
}
1215
}
1179
1216
1180
.moonlight {
1217
.moonlight {
1181
  padding: 0.125em 0.5em;
1218
  padding: 0.125em 0.5em;
1182
  background-color: black;
1219
  background-color: black;
1183
  color: #020109;
1220
  color: #020109;
1184
  font-family: "Swiss 721 Black Extended BT", sans-serif;
1221
  font-family: "Swiss 721 Black Extended BT", sans-serif;
1185
  text-transform: uppercase;
1222
  text-transform: uppercase;
1186
  background-image: -moz-radial-gradient(24% 50%, circle,
1223
  background-image: -moz-radial-gradient(24% 50%, circle,
1187
    rgba(224, 211, 106, 1) 33%, rgba(224, 211, 106, 0) 36%, #100d04);
1224
    rgba(224, 211, 106, 1) 33%, rgba(224, 211, 106, 0) 36%, #100d04);
1188
  background-image: -webkit-radial-gradient(24% 50%, circle,
1225
  background-image: -webkit-radial-gradient(24% 50%, circle,
1189
    rgba(224, 211, 106, 1) 33%, rgba(224, 211, 106, 0) 36%, #100d04);
1226
    rgba(224, 211, 106, 1) 33%, rgba(224, 211, 106, 0) 36%, #100d04);
1190
}
1227
}
1191
1228
1192
.moonlight .moon {
1229
.moonlight .moon {
1193
  -webkit-mask-image: -webkit-linear-gradient(-80deg, rgba(0,0,0,0.33), rgba(0,0,0,1) 67%);
1230
  -webkit-mask-image: -webkit-linear-gradient(-80deg, rgba(0,0,0,0.33), rgba(0,0,0,1) 67%);
1194
  letter-spacing: -0.0625em;
1231
  letter-spacing: -0.0625em;
1195
}
1232
}
1196
1233
1197
.moonlight .moon .n {
1234
.moonlight .moon .n {
1198
  letter-spacing: 0.125em;
1235
  letter-spacing: 0.125em;
1199
}
1236
}
1200
1237
1201
.moonlight .light {
1238
.moonlight .light {
1202
  color: #ebf062;
1239
  color: #ebf062;
1203
  text-shadow: 1px 1px 2px #070400;
1240
  text-shadow: 1px 1px 2px #070400;
1204
}
1241
}
1205
1242
1206
@font-face {
1243
@font-face {
1207
  font-family: "Terminator";
1244
  font-family: "Terminator";
1208
  src: url(/styles/fonts/TERMINAT.TTF);
1245
  src: url(/styles/fonts/TERMINAT.TTF);
1209
}
1246
}
1210
1247
1211
.mutant-x {
1248
.mutant-x {
1212
  position: relative;
1249
  position: relative;
1213
  padding: 0.25em 0.5em 0.125em 0.5em;
1250
  padding: 0.25em 0.5em 0.125em 0.5em;
1214
  background-color: black;
1251
  background-color: black;
1215
  color: #8f6442;
1252
  color: #8f6442;
1216
  font-family: "Terminator", sans-serif;
1253
  font-family: "Terminator", sans-serif;
1217
  font-size: 105%;
1254
  font-size: 105%;
1218
  text-transform: uppercase;
1255
  text-transform: uppercase;
1219
  white-space: nowrap;
1256
  white-space: nowrap;
1220
  -webkit-text-stroke: 0.5px rgba(255, 255, 255, 0.1);
1257
  -webkit-text-stroke: 0.5px rgba(255, 255, 255, 0.1);
1221
}
1258
}
1222
1259
1223
.mutant-x .gradient {
1260
.mutant-x .gradient {
1224
  position: absolute;
1261
  position: absolute;
1225
  padding: 0.25em 0.5em 0.125em 0.5em;
1262
  padding: 0.25em 0.5em 0.125em 0.5em;
1226
  left: 0;
1263
  left: 0;
1227
  top: 0;
1264
  top: 0;
1228
  -webkit-mask-image: -webkit-linear-gradient(
1265
  -webkit-mask-image: -webkit-linear-gradient(
1229
    rgba(0, 0, 0, 1) 30%, transparent 55%, rgba(0, 0, 0, 1) 80%);
1266
    rgba(0, 0, 0, 1) 30%, transparent 55%, rgba(0, 0, 0, 1) 80%);
1230
  z-index: 2;
1267
  z-index: 2;
1231
}
1268
}
1232
1269
1233
.mutant-x:after {
1270
.mutant-x:after {
1234
  content: "Mutant X";
1271
  content: "Mutant X";
1235
  color: #fcf1eb;
1272
  color: #fcf1eb;
1236
}
1273
}
1237
1274
1238
@font-face {
1275
@font-face {
1239
  font-family: "Walkway SemiBold";
1276
  font-family: "Walkway SemiBold";
1240
  src: local("Walkway SemiBold"), url(/styles/fonts/Walkway_SemiBold.ttf);
1277
  src: local("Walkway SemiBold"), url(/styles/fonts/Walkway_SemiBold.ttf);
1241
}
1278
}
1242
 
1279
 
1243
.numb3rs {
1280
.numb3rs {
1244
  position: relative;
1281
  position: relative;
1245
  padding: 0.25em 0.5em 0.125em 0.5em;
1282
  padding: 0.25em 0.5em 0.125em 0.5em;
1246
  background-color: #000200;
1283
  background-color: #000200;
1247
  /*
1284
  /*
1248
  background-image:
1285
  background-image:
1249
    -webkit-repeating-linear-gradient(left, transparent, transparent 9px,
1286
    -webkit-repeating-linear-gradient(left, transparent, transparent 9px,
1250
      rgba(244, 247, 244, 0.5) 10px, rgba(244, 247, 244, 0.5) 10px),
1287
      rgba(244, 247, 244, 0.5) 10px, rgba(244, 247, 244, 0.5) 10px),
1251
    -webkit-repeating-linear-gradient(top, transparent, transparent 4px,
1288
    -webkit-repeating-linear-gradient(top, transparent, transparent 4px,
1252
      rgba(244, 247, 244, 0.5) 5px, rgba(244, 247, 244, 0.5) 5px);
1289
      rgba(244, 247, 244, 0.5) 5px, rgba(244, 247, 244, 0.5) 5px);
1253
  */
1290
  */
1254
  color: #f4f7f4;
1291
  color: #f4f7f4;
1255
  font-family: "Walkway SemiBold", Helvetica, sans-serif;
1292
  font-family: "Walkway SemiBold", Helvetica, sans-serif;
1256
  font-size: 116%;
1293
  font-size: 116%;
1257
  font-weight: lighter;
1294
  font-weight: lighter;
1258
  letter-spacing: 1px;
1295
  letter-spacing: 1px;
1259
  text-shadow: 0 0 2px #f4f7f4;
1296
  text-shadow: 0 0 2px #f4f7f4;
1260
  text-transform: uppercase;
1297
  text-transform: uppercase;
1261
}
1298
}
1262
1299
1263
.numb3rs .s {
1300
.numb3rs .s {
1264
  letter-spacing: normal;
1301
  letter-spacing: normal;
1265
}
1302
}
1266
1303
1267
/*  
1304
/*  
1268
.numb3rs .gradient {
1305
.numb3rs .gradient {
1269
  position: absolute;
1306
  position: absolute;
1270
  left: 0;
1307
  left: 0;
1271
  top: 0;
1308
  top: 0;
1272
  padding: 0.25em 0.5em 0.125em 0.5em;
1309
  padding: 0.25em 0.5em 0.125em 0.5em;
1273
  color: #f4f7f4;
1310
  color: #f4f7f4;
1274
  -webkit-mask-image: -webkit-linear-gradient(rgba(0, 0, 0, 1), transparent 75%);
1311
  -webkit-mask-image: -webkit-linear-gradient(rgba(0, 0, 0, 1), transparent 75%);
1275
  z-index: 2;
1312
  z-index: 2;
1276
}
1313
}
1277

1314

1278
.numb3rs:after {
1315
.numb3rs:after {
1279
  content: "Numb3rs";
1316
  content: "Numb3rs";
1280
  color: #898b88;
1317
  color: #898b88;
1281
  text-transform: uppercase;
1318
  text-transform: uppercase;
1282
} */
1319
} */
1283
1320
1284
@font-face {
1321
@font-face {
1285
  font-family: "Unconform Round";
1322
  font-family: "Unconform Round";
1286
  src: local("Unconform Round"), url(/styles/fonts/UNCON___.TTF);
1323
  src: local("Unconform Round"), url(/styles/fonts/UNCON___.TTF);
1287
}
1324
}
1288
1325
1289
.odyssey5 {
1326
.odyssey5 {
1290
  padding: 0.5em 0.5em 0.125em 0.5em;
1327
  padding: 0.5em 0.5em 0.125em 0.5em;
1291
  background-color: #000;
1328
  background-color: #000;
1292
  color: #d1550b;
1329
  color: #d1550b;
1293
  font-family: "Unconform Round", sans-serif;
1330
  font-family: "Unconform Round", sans-serif;
1294
  text-transform: uppercase;
1331
  text-transform: uppercase;
1295
  letter-spacing: 0.125em;
1332
  letter-spacing: 0.125em;
1296
}
1333
}
1297
1334
1298
.odyssey5 .s2 {
1335
.odyssey5 .s2 {
1299
  letter-spacing: 0.25em;
1336
  letter-spacing: 0.25em;
1300
}
1337
}
1301
1338
1302
.odyssey5 .e {
1339
.odyssey5 .e {
1303
  letter-spacing: 0.5em;
1340
  letter-spacing: 0.5em;
1304
}
1341
}
1305
1342
1306
.odyssey5 .y2 {
1343
.odyssey5 .y2 {
1307
  letter-spacing: 0.5em;
1344
  letter-spacing: 0.5em;
1308
}
1345
}
1309
1346
1310
.odyssey5 .five {
1347
.odyssey5 .five {
1311
  letter-spacing: normal;
1348
  letter-spacing: normal;
1312
}
1349
}
1313
1350
1314
@font-face {
1351
@font-face {
1315
  font-family: "Dateline Bold";
1352
  font-family: "Dateline Bold";
1316
  src: local("Dateline Bold"), url(/styles/fonts/DatelineBold.ttf);
1353
  src: local("Dateline Bold"), url(/styles/fonts/DatelineBold.ttf);
1317
}
1354
}
1318
 
1355
 
1319
.psych {
1356
.psych {
1320
  font-family: "Dateline Bold", serif;
1357
  font-family: "Dateline Bold", serif;
1321
  font-size: 110%;
1358
  font-size: 110%;
1322
  letter-spacing: -0.125em;
1359
  letter-spacing: -0.125em;
1323
  color: #749f27;
1360
  color: #749f27;
1324
}
1361
}
1325
 
1362
 
1326
@font-face {
1363
@font-face {
1327
  font-family: "Swiss Cheesed";
1364
  font-family: "Swiss Cheesed";
1328
  src: local("SwissCheese"), url(/styles/fonts/SwissCheesed.ttf);
1365
  src: local("SwissCheese"), url(/styles/fonts/SwissCheesed.ttf);
1329
}
1366
}
1330
1367
1331
.quantum-leap {
1368
.quantum-leap {
1332
  position: relative;
1369
  position: relative;
1333
  display: inline-block;
1370
  display: inline-block;
1334
  left: 0;
1371
  left: 0;
1335
  top: 0;
1372
  top: 0;
1336
  padding: 0.5em 0.5em 0.25em 0.5em;
1373
  padding: 0.5em 0.5em 0.25em 0.5em;
1337
  background-color: black;
1374
  background-color: black;
1338
1375
1339
  color: #5598ff;
1376
  color: #5598ff;
1340
  font-family: "Swiss Cheesed", sans-serif;
1377
  font-family: "Swiss Cheesed", sans-serif;
1341
  font-size: 110%;
1378
  font-size: 110%;
1342
  letter-spacing: 0.0625em;
1379
  letter-spacing: 0.0625em;
1343
  text-transform: uppercase;
1380
  text-transform: uppercase;
1344
  text-align: center;
1381
  text-align: center;
1345
  text-shadow:
1382
  text-shadow:
1346
    -1px -1px #6f98e5,
1383
    -1px -1px #6f98e5,
1347
     0   -1px #6f98e5,
1384
     0   -1px #6f98e5,
1348
     1px -1px #6f98e5,
1385
     1px -1px #6f98e5,
1349
    -1px  0px #6f98e5,
1386
    -1px  0px #6f98e5,
1350
     0    0px #6f98e5,
1387
     0    0px #6f98e5,
1351
     1px  0px #6f98e5,
1388
     1px  0px #6f98e5,
1352
    -1px  1px #6f98e5,
1389
    -1px  1px #6f98e5,
1353
     0    1px #6f98e5,
1390
     0    1px #6f98e5,
1354
     1px  1px #6f98e5,
1391
     1px  1px #6f98e5,
1355
    -1px -1px 8px #5598ff,
1392
    -1px -1px 8px #5598ff,
1356
     0   -1px 8px #5598ff,
1393
     0   -1px 8px #5598ff,
1357
     1px -1px 8px #5598ff,
1394
     1px -1px 8px #5598ff,
1358
    -1px  0   8px #5598ff,
1395
    -1px  0   8px #5598ff,
1359
     0    0   8px #5598ff,
1396
     0    0   8px #5598ff,
1360
     1px  0   8px #5598ff,
1397
     1px  0   8px #5598ff,
1361
    -1px  1px 8px #5598ff,
1398
    -1px  1px 8px #5598ff,
1362
     0    1px 8px #5598ff,
1399
     0    1px 8px #5598ff,
1363
     1px  1px 8px #5598ff;
1400
     1px  1px 8px #5598ff;
1364
}
1401
}
1365
1402
1366
.quantum-leap .gradient {
1403
.quantum-leap .gradient {
1367
  position: absolute;
1404
  position: absolute;
1368
  left: 0;
1405
  left: 0;
1369
  top: 0;
1406
  top: 0;
1370
  padding: 0.5em 0.5em 0.25em 0.5em;
1407
  padding: 0.5em 0.5em 0.25em 0.5em;
1371
  color: #000;
1408
  color: #000;
1372
  -webkit-text-fill-color: #5598ff;
1409
  -webkit-text-fill-color: #5598ff;
1373
  -webkit-mask-image: -webkit-linear-gradient(rgba(0, 0, 0, 1), transparent 33%);
1410
  -webkit-mask-image: -webkit-linear-gradient(rgba(0, 0, 0, 1), transparent 33%);
1374
  z-index: 2;
1411
  z-index: 2;
1375
}
1412
}
1376
.quantum-leap:after {
1413
.quantum-leap:after {
1377
  content: "Quantum Leap";
1414
  content: "Quantum Leap";
1378
  color: #000;
1415
  color: #000;
1379
}
1416
}
1380
1417
1381
@font-face {
1418
@font-face {
1382
  font-family: "Spleeny Decaf GD";
1419
  font-family: "Spleeny Decaf GD";
1383
  src: local("Spleeny Decaf GD"), url(/styles/fonts/Spleeny%20Decaf%20GD.ttf);
1420
  src: local("Spleeny Decaf GD"), url(/styles/fonts/non-free/Spleeny%20Decaf%20GD.ttf);
1384
}
1421
}
1385
1422
1386
.reaper {
1423
.reaper {
1387
  font-family: "Spleeny Decaf GD", fantasy;
1424
  font-family: "Spleeny Decaf GD", fantasy;
1388
  text-transform: uppercase;
1425
  text-transform: uppercase;
1389
}
1426
}
1390
1427
1391
@font-face {
1428
@font-face {
1392
  font-family: "Roswell";
1429
  font-family: "Roswell";
1393
  src: local("Roswell"), url(/styles/fonts/Roswell.TTF);
1430
  src: local("Roswell"), url(/styles/fonts/Roswell.TTF);
1394
}
1431
}
1395
1432
1396
.roswell {
1433
.roswell {
1397
  display: inline-block;
1434
  display: inline-block;
1398
  padding: 0.25em 0.5em 0.125em 0.5em;
1435
  padding: 0.25em 0.5em 0.125em 0.5em;
1399
  background-color: #000;
1436
  background-color: #000;
1400
  background-image: -moz-linear-gradient(left, #6f3811, #000);
1437
  background-image: -moz-linear-gradient(left, #6f3811, #000);
1401
  background-image: -o-linear-gradient(left, #6f3811, #000);
1438
  background-image: -o-linear-gradient(left, #6f3811, #000);
1402
  background-image: -webkit-linear-gradient(left, #6f3811, #000);
1439
  background-image: -webkit-linear-gradient(left, #6f3811, #000);
1403
  background-image: linear-gradient(left, #6f3811, #000);
1440
  background-image: linear-gradient(left, #6f3811, #000);
1404
  color: #ffffbc;
1441
  color: #ffffbc;
1405
  font-family: "Roswell", sans-serif;
1442
  font-family: "Roswell", sans-serif;
1406
  letter-spacing: 0.25em;
1443
  letter-spacing: 0.25em;
1407
1444
1408
  text-shadow:
1445
  text-shadow:
1409
    -1px -1px 1px rgba(138, 8, 0, 0.5),
1446
    -1px -1px 1px rgba(138, 8, 0, 0.5),
1410
     0px  1px 1px rgba(138, 8, 0, 0.5),
1447
     0px  1px 1px rgba(138, 8, 0, 0.5),
1411
     1px  1px 1px rgba(138, 8, 0, 0.5);
1448
     1px  1px 1px rgba(138, 8, 0, 0.5);
1412
  text-transform: uppercase;
1449
  text-transform: uppercase;
1413
  -webkit-text-stroke: 0.25px rgba(138, 8, 0, 0.75);
1450
  -webkit-text-stroke: 0.25px rgba(138, 8, 0, 0.75);
1414
}
1451
}
1415
1452
1416
.roswell span {
1453
.roswell span {
1417
  letter-spacing: normal;
1454
  letter-spacing: normal;
1418
}
1455
}
1419
1456
1420
.samantha-who {
1457
.samantha-who {
1421
  display: inline-block;
1458
  display: inline-block;
1422
  padding: 0.125em 0.25em 0.125em 0.25em;
1459
  padding: 0.125em 0.25em 0.125em 0.25em;
1423
  background-color: #000;
1460
  background-color: #000;
1424
  color: #e3e5e2;
1461
  color: #e3e5e2;
1425
  line-height: 1em;
1462
  line-height: 1em;
1426
}
1463
}
1427
1464
1428
.samantha-who .text {
1465
.samantha-who .text {
1429
  display: inline-block;
1466
  display: inline-block;
1430
}
1467
}
1431
1468
1432
.samantha-who .samantha {
1469
.samantha-who .samantha {
1433
  display: block;
1470
  display: block;
1434
  position: relative;
1471
  position: relative;
1435
  padding-top: 0.25em;
1472
  padding-top: 0.25em;
1436
  padding-left: 0.25em;
1473
  padding-left: 0.25em;
1437
  font-family: "a_Futura Orto", sans-serif;
1474
  font-family: "a_Futura Orto", sans-serif;
1438
  text-transform: uppercase;
1475
  text-transform: uppercase;
1439
}
1476
}
1440
1477
1441
.samantha-who .samantha::after {
1478
.samantha-who .samantha::after {
1442
  position: absolute;
1479
  position: absolute;
1443
  left: -0.2em;
1480
  left: -0.2em;
1444
  top: -1.05em;
1481
  top: -1.05em;
1445
  right: 0.2em;
1482
  right: 0.2em;
1446
  bottom: 1.05em;
1483
  bottom: 1.05em;
1447
  background-image: -webkit-radial-gradient(10% 15%, 20% 20%, transparent 15%, #d29c13 26%, #d29c13 34%, transparent 45%);
1484
  background-image: -webkit-radial-gradient(10% 15%, 20% 20%, transparent 15%, #d29c13 26%, #d29c13 34%, transparent 45%);
1448
  content: "";
1485
  content: "";
1449
  -webkit-transform: rotate(-27deg);
1486
  -webkit-transform: rotate(-27deg);
1450
  /*border: 1px solid red;*/
1487
  /*border: 1px solid red;*/
1451
}
1488
}
1452
1489
1453
.samantha-who .who,
1490
.samantha-who .who,
1454
.samantha-who .q {
1491
.samantha-who .q {
1455
  color: #e81b04;
1492
  color: #e81b04;
1456
}
1493
}
1457
 
1494
 
1458
.samantha-who .who {
1495
.samantha-who .who {
1459
  display: block;
1496
  display: block;
1460
  font-weight: bold;
1497
  font-weight: bold;
1461
  line-height: 0.75em;
1498
  line-height: 0.75em;
1462
}
1499
}
1463
1500
1464
.samantha-who .q {
1501
.samantha-who .q {
1465
  font-family: cursive;
1502
  font-family: cursive;
1466
  font-size: 200%;
1503
  font-size: 200%;
1467
  font-weight: lighter;
1504
  font-weight: lighter;
1468
}
1505
}
1469
1506
1470
@font-face {
1507
@font-face {
1471
  font-family: "Scrubs";
1508
  font-family: "Scrubs";
1472
  src: local("TSS Scrubs Logo"), url(/styles/fonts/tsslogo.ttf);
1509
  src: local("TSS Scrubs Logo"), url(/styles/fonts/tsslogo.ttf);
1473
}
1510
}
1474
1511
1475
.scrubs:before {
1512
.scrubs:before {
1476
  content: "[";
1513
  content: "[";
1477
}
1514
}
1478
1515
1479
.scrubs {
1516
.scrubs {
1480
  padding: 0.125em 0.25em 0 0.25em;
1517
  padding: 0.125em 0.25em 0 0.25em;
1481
  background-color: #15121a;
1518
  background-color: #15121a;
1482
  color: #d0f9fb;
1519
  color: #d0f9fb;
1483
  font-family: "Scrubs", sans-serif;
1520
  font-family: "Scrubs", sans-serif;
1484
  font-size: 150%;
1521
  font-size: 150%;
1485
  text-shadow: 0 0 10px #d0f9fb;
1522
  text-shadow: 0 0 10px #d0f9fb;
1486
}
1523
}
1487
1524
1488
.scrubs .s {
1525
.scrubs .s {
1489
  text-transform: uppercase;
1526
  text-transform: uppercase;
1490
}
1527
}
1491
1528
1492
.scrubs:after {
1529
.scrubs:after {
1493
  content: "]";
1530
  content: "]";
1494
}
1531
}
1495
1532
1496
@font-face {
1533
@font-face {
1497
  font-family: "seaQuest";
1534
  font-family: "seaQuest";
1498
  src: local("Seaquest"), url(/styles/fonts/SQDSV.TTF);
1535
  src: local("Seaquest"), url(/styles/fonts/SQDSV.TTF);
1499
}
1536
}
1500
1537
1501
.seaQuest {
1538
.seaQuest {
1502
  position: relative;
1539
  position: relative;
1503
  display: inline-block;
1540
  display: inline-block;
1504
  padding-top: 1.5em;
1541
  padding-top: 1.5em;
1505
  background-color: #00001e;
1542
  background-color: #00001e;
1506
<?php
1543
<?php
1507
  // error_reporting(E_ALL | E_STRICT);
1544
  // error_reporting(E_ALL | E_STRICT);
1508
  $lambda = 1;
1545
  $lambda = 1;
1509
  for ($i = 0; $i < 200; ++$i)
1546
  for ($i = 0; $i < 200; ++$i)
1510
  {
1547
  {
1511
    $x = mt_rand(1, 99);
1548
    $x = mt_rand(1, 99);
1512
    /*
1549
    /*
1513
     * Decreasing probability of pixels near bottom through exponential distribution;
1550
     * Decreasing probability of pixels near bottom through exponential distribution;
1514
     * TODO: If coord > 50%, decrease probability of appearance.
1551
     * TODO: If coord > 50%, decrease probability of appearance.
1515
     */
1552
     */
1516
    $y = mt_rand(1, $lambda * exp(-$lambda * mt_rand(0, 5)) * 99);
1553
    $y = mt_rand(1, $lambda * exp(-$lambda * mt_rand(0, 5)) * 99);
1517
    $coords[] = array('x' => $x, 'y' => $y);
1554
    $coords[] = array('x' => $x, 'y' => $y);
1518
  }
1555
  }
1519
 
1556
 
1520
  $dots = array_map(function ($coord) {
1557
  $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))";
1558
    return "-webkit-radial-gradient({$coord['x']}% {$coord['y']}%, 1px 1px, rgba(255, 255, 255, 0.75), rgba(0, 0, 30, 0))";
1522
  }, $coords);
1559
  }, $coords);
1523
?>
1560
?>
1524
  /* water bubbles */
1561
  /* water bubbles */
1525
  background-image: <?php echo implode(",\n    ", $dots); ?>,
1562
  background-image: <?php echo implode(",\n    ", $dots); ?>,
1526
    /* sunlight */
1563
    /* sunlight */
1527
    -webkit-radial-gradient(50% 0%, 50% 200%, #00438c, rgba(0, 0, 31, 0)),
1564
    -webkit-radial-gradient(50% 0%, 50% 200%, #00438c, rgba(0, 0, 31, 0)),
1528
    /* water */
1565
    /* water */
1529
    -webkit-linear-gradient(#030129, #00000c);
1566
    -webkit-linear-gradient(#030129, #00000c);
1530
  color: #ffc50c;
1567
  color: #ffc50c;
1531
  font-family: "seaQuest", sans-serif;
1568
  font-family: "seaQuest", sans-serif;
1532
  font-size: 92%;
1569
  font-size: 92%;
1533
}
1570
}
1534
1571
1535
.seaQuest #seaQuest {
1572
.seaQuest #seaQuest {
1536
  display: block;
1573
  display: block;
1537
  padding: 0 0.25em;
1574
  padding: 0 0.25em;
1538
  text-transform: uppercase;
1575
  text-transform: uppercase;
1539
  line-height: 1;
1576
  line-height: 1;
1540
}
1577
}
1541
1578
1542
.seaQuest #seaQuest .s {
1579
.seaQuest #seaQuest .s {
1543
  text-shadow:
1580
  text-shadow:
1544
    0.5px -0.25px 0.5px #f5bd46,
1581
    0.5px -0.25px 0.5px #f5bd46,
1545
    1px   -0.5px  0.5px #cd8d1f,
1582
    1px   -0.5px  0.5px #cd8d1f,
1546
    1.5px -0.75px 0.5px #b37b1c,
1583
    1.5px -0.75px 0.5px #b37b1c,
1547
    2px   -1px    0.5px #805b17,
1584
    2px   -1px    0.5px #805b17,
1548
    2.5px -1.25px 0.5px #2e2000,
1585
    2.5px -1.25px 0.5px #2e2000,
1549
    3px   -1.5px  0.5px #040400,
1586
    3px   -1.5px  0.5px #040400,
1550
    3.5px -1.75px       #000508;
1587
    3.5px -1.75px       #000508;
1551
}
1588
}
1552
1589
1553
.seaQuest #seaQuest .e {
1590
.seaQuest #seaQuest .e {
1554
  text-shadow:
1591
  text-shadow:
1555
    0.5px -0.25px 0.5px #f5bd46,
1592
    0.5px -0.25px 0.5px #f5bd46,
1556
    1px   -0.5px  0.5px #cd8d1f,
1593
    1px   -0.5px  0.5px #cd8d1f,
1557
    1.5px -0.75px 0.5px #b37b1c,
1594
    1.5px -0.75px 0.5px #b37b1c,
1558
    2px   -1px    0.5px #805b17,
1595
    2px   -1px    0.5px #805b17,
1559
    2.5px -1.25px 0.5px #2e2000,
1596
    2.5px -1.25px 0.5px #2e2000,
1560
    3px   -1.5px        #040400;
1597
    3px   -1.5px        #040400;
1561
}
1598
}
1562
1599
1563
.seaQuest #seaQuest .a {
1600
.seaQuest #seaQuest .a {
1564
  text-shadow:
1601
  text-shadow:
1565
    0.5px -0.25px 0.5px #fdb207,
1602
    0.5px -0.25px 0.5px #fdb207,
1566
    1px   -0.5px  0.5px #eb950e,
1603
    1px   -0.5px  0.5px #eb950e,
1567
    1.5px -0.75px 0.5px #ae5900,
1604
    1.5px -0.75px 0.5px #ae5900,
1568
    2px   -1px    0.5px #642a00,
1605
    2px   -1px    0.5px #642a00,
1569
    2.5px -1.25px       #261704;
1606
    2.5px -1.25px       #261704;
1570
}
1607
}
1571
1608
1572
.seaQuest #seaQuest .q {
1609
.seaQuest #seaQuest .q {
1573
  position: relative;
1610
  position: relative;
1574
  visibility: hidden;
1611
  visibility: hidden;
1575
  display: inline-block;
1612
  display: inline-block;
1576
  margin-right: 0.5em;
1613
  margin-right: 0.5em;
1577
  text-shadow: none;
1614
  text-shadow: none;
1578
}
1615
}
1579
1616
1580
.seaQuest #seaQuest .q:after {
1617
.seaQuest #seaQuest .q:after {
1581
  position: absolute;
1618
  position: absolute;
1582
  visibility: visible;
1619
  visibility: visible;
1583
  margin-right: 0.125em;
1620
  margin-right: 0.125em;
1584
  left: 0;
1621
  left: 0;
1585
  top: -0.5em;
1622
  top: -0.5em;
1586
  right: 0;
1623
  right: 0;
1587
  bottom: 0;
1624
  bottom: 0;
1588
  content: "{";
1625
  content: "{";
1589
  text-align: center;
1626
  text-align: center;
1590
  text-shadow:
1627
  text-shadow:
1591
    0.5px -0.25px 0.5px #ffb43b,
1628
    0.5px -0.25px 0.5px #ffb43b,
1592
    1px   -0.5px  0.5px #e28d23,
1629
    1px   -0.5px  0.5px #e28d23,
1593
    1.5px -0.75px 0.5px #853400,
1630
    1.5px -0.75px 0.5px #853400,
1594
    2px   -1px          #510600;
1631
    2px   -1px          #510600;
1595
}
1632
}
1596
1633
1597
.seaQuest #seaQuest .u {
1634
.seaQuest #seaQuest .u {
1598
  text-shadow:
1635
  text-shadow:
1599
    0.5px -0.25px 0.5px #f7c35d,
1636
    0.5px -0.25px 0.5px #f7c35d,
1600
    1px   -0.5px  0.5px #a36729,
1637
    1px   -0.5px  0.5px #a36729,
1601
    1.5px -0.75px 0.5px #3c0800,
1638
    1.5px -0.75px 0.5px #3c0800,
1602
    2px   -1px          #1b011c;
1639
    2px   -1px          #1b011c;
1603
}
1640
}
1604
1641
1605
.seaQuest #seaQuest .e2 {
1642
.seaQuest #seaQuest .e2 {
1606
  text-shadow:
1643
  text-shadow:
1607
     0.5px -0.25px 0.5px #d8ab56,
1644
     0.5px -0.25px 0.5px #d8ab56,
1608
     1px   -0.5px  0.5px #5c3605;
1645
     1px   -0.5px  0.5px #5c3605;
1609
}
1646
}
1610
1647
1611
.seaQuest #seaQuest .s2 {
1648
.seaQuest #seaQuest .s2 {
1612
  text-shadow:
1649
  text-shadow:
1613
    0px    -0.25px 0.5px #d8ab56,
1650
    0px    -0.25px 0.5px #d8ab56,
1614
    -0.5px -0.5px  0.5px #5c3605,
1651
    -0.5px -0.5px  0.5px #5c3605,
1615
    -1px   -0.75px       #200d00,
1652
    -1px   -0.75px       #200d00,
1616
     0.5px -0.25px       #200d00;
1653
     0.5px -0.25px       #200d00;
1617
}
1654
}
1618
1655
1619
.seaQuest #seaQuest .t {
1656
.seaQuest #seaQuest .t {
1620
  text-shadow:
1657
  text-shadow:
1621
     0.5px -0.25px       #e9bf73,
1658
     0.5px -0.25px       #e9bf73,
1622
    -0.5px -0.25px 0.5px #d8ab56,
1659
    -0.5px -0.25px 0.5px #d8ab56,
1623
    -1px   -0.5px  0.5px #5c3605,
1660
    -1px   -0.5px  0.5px #5c3605,
1624
    -1.5px -0.75px       #200d00,
1661
    -1.5px -0.75px       #200d00,
1625
     0.5px -0.25px       #200d00;
1662
     0.5px -0.25px       #200d00;
1626
}
1663
}
1627
1664
1628
.seaQuest #dsv {
1665
.seaQuest #dsv {
1629
  position: relative;
1666
  position: relative;
1630
  visibility: hidden;
1667
  visibility: hidden;
1631
  display: block;
1668
  display: block;
1632
  margin-top: 0.5em;
1669
  margin-top: 0.5em;
1633
  padding-bottom: 0.25em;
1670
  padding-bottom: 0.25em;
1634
  line-height: 1;
1671
  line-height: 1;
1635
}
1672
}
1636
1673
1637
.seaQuest #dsv:after {
1674
.seaQuest #dsv:after {
1638
  position: absolute;
1675
  position: absolute;
1639
  visibility: visible;
1676
  visibility: visible;
1640
  left: -0.75em;
1677
  left: -0.75em;
1641
  top: 0;
1678
  top: 0;
1642
  right: 0;
1679
  right: 0;
1643
  bottom: 0;
1680
  bottom: 0;
1644
  content: "|";
1681
  content: "|";
1645
  text-align: center;
1682
  text-align: center;
1646
  text-shadow:
1683
  text-shadow:
1647
    0.5px -0.25px 0.5px #ffb43b,
1684
    0.5px -0.25px 0.5px #ffb43b,
1648
    1px   -0.5px  0.5px #e28d23,
1685
    1px   -0.5px  0.5px #e28d23,
1649
    1.5px -0.75px 0.5px #853400,
1686
    1.5px -0.75px 0.5px #853400,
1650
    2px   -1px          #510600;
1687
    2px   -1px          #510600;
1651
}
1688
}
1652
1689
1653
@font-face {
1690
@font-face {
1654
  font-family: "London Tube";
1691
  font-family: "London Tube";
1655
  src: local("P22 Johnston Underground"), url(/styles/fonts/p22-johnston-underground.ttf);
1692
  src: local("P22 Johnston Underground"), url(/styles/fonts/non-free/p22-johnston-underground.ttf);
1656
}
1693
}
1657
1694
1658
.sherlock {
1695
.sherlock {
1659
  font-family: "London Tube", sans-serif;
1696
  font-family: "London Tube", sans-serif;
1660
  font-size: 120%;
1697
  font-size: 120%;
1661
  text-transform: uppercase;
1698
  text-transform: uppercase;
1662
}
1699
}
1663
1700
1664
@font-face {
1701
@font-face {
1665
  font-family: "Simpsonfont";
1702
  font-family: "Simpsonfont";
1666
  src: local("Simpsonfont"), url(/styles/fonts/Simpsonfont.ttf);
1703
  src: local("Simpsonfont"), url(/styles/fonts/Simpsonfont.ttf);
1667
}
1704
}
1668
1705
1669
@font-face {
1706
@font-face {
1670
  font-family: "Akbar";
1707
  font-family: "Akbar";
1671
  src: local("Akbar"), url(/styles/fonts/akbar.ttf);
1708
  src: local("Akbar"), url(/styles/fonts/akbar.ttf);
1672
}
1709
}
1673
1710
1674
.simpsons {
1711
.simpsons {
1675
  position: relative;
1712
  position: relative;
1676
  display: inline-block;
1713
  display: inline-block;
1677
  min-width: 6em;
1714
  min-width: 6em;
1678
  min-height: 2em;
1715
  min-height: 2em;
1679
  padding: 0.125em 0.25em;
1716
  padding: 0.125em 0.25em;
1680
  background-color: #6598DC;
1717
  background-color: #6598DC;
1681
  color: #FFD166;
1718
  color: #FFD166;
1682
  font-family: "Akbar", sans-serif;
1719
  font-family: "Akbar", sans-serif;
1683
  text-align: center;
1720
  text-align: center;
1684
  text-transform: uppercase;
1721
  text-transform: uppercase;
1685
  overflow: hidden;
1722
  overflow: hidden;
1686
}
1723
}
1687
1724
1688
@-webkit-keyframes zoom-in {
1725
@-webkit-keyframes zoom-in {
1689
  0% {
1726
  0% {
1690
    opacity: 0;
1727
    opacity: 0;
1691
    -webkit-transform: perspective(100px) translateX(0) translateY(0) translateZ(-400px);
1728
    -webkit-transform: perspective(100px) translateX(0) translateY(0) translateZ(-400px);
1692
  }
1729
  }
1693
1730
1694
  20% {
1731
  20% {
1695
    opacity: 1;
1732
    opacity: 1;
1696
  }
1733
  }
1697
1734
1698
  100% {
1735
  100% {
1699
    -webkit-transform: perspective(100px) translateX(5px) translateY(-4px) translateZ(100px);
1736
    -webkit-transform: perspective(100px) translateX(5px) translateY(-4px) translateZ(100px);
1700
  }
1737
  }
1701
}
1738
}
1702
1739
1703
.simpsons span {
1740
.simpsons span {
1704
  position: relative;
1741
  position: relative;
1705
  display: block;
1742
  display: block;
1706
}
1743
}
1707
1744
1708
.simpsons:hover span.text {
1745
.simpsons:hover span.text {
1709
  -webkit-animation-name: zoom-in;
1746
  -webkit-animation-name: zoom-in;
1710
  /* -webkit-animation-iteration-count: infinite; */
1747
  /* -webkit-animation-iteration-count: infinite; */
1711
  -webkit-animation-duration: 3s;  
1748
  -webkit-animation-duration: 3s;  
1712
}
1749
}
1713
1750
1714
@font-face {
1751
@font-face {
1715
  font-family: "Smallville";
1752
  font-family: "Smallville";
1716
  src: local("Smallville"), url(/styles/fonts/Smallville1.ttf);
1753
  src: local("Smallville"), url(/styles/fonts/Smallville1.ttf);
1717
}
1754
}
1718
1755
1719
.smallville {
1756
.smallville {
1720
  font-family: "Smallville", sans-serif;
1757
  font-family: "Smallville", sans-serif;
1721
  font-size: 160%;
1758
  font-size: 160%;
1722
  text-transform: uppercase;
1759
  text-transform: uppercase;
1723
  color: #FE1318;
1760
  color: #FE1318;
1724
}
1761
}
1725
1762
1726
/* Symmetric "Superman" effect */
1763
/* Symmetric "Superman" effect */
1727
.smallville span {
1764
.smallville span {
1728
  position: relative;
1765
  position: relative;
1729
  top: -0.1em;
1766
  top: -0.1em;
1730
  font-size: 90%;
1767
  font-size: 90%;
1731
}
1768
}
1732
 
1769
 
1733
@font-face {
1770
@font-face {
1734
  font-family: "Stargate";
1771
  font-family: "Stargate";
1735
  src: local("Stargate"), url(/styles/fonts/STARGATE.TTF);
1772
  src: local("Stargate"), url(/styles/fonts/STARGATE.TTF);
1736
}
1773
}
1737
1774
1738
.stargate {
1775
.stargate {
1739
  display: inline-block;
1776
  display: inline-block;
1740
  font-family: "Stargate", serif;
1777
  font-family: "Stargate", serif;
1741
  font-size: 122%;
1778
  font-size: 122%;
1742
  text-align: center;
1779
  text-align: center;
1743
  text-transform: uppercase;
1780
  text-transform: uppercase;
1744
}
1781
}
1745
1782
1746
.stargate > span {
1783
.stargate > span {
1747
  display: block;
1784
  display: block;
1748
}
1785
}
1749
1786
1750
.stargate.en {
1787
.stargate.en {
1751
  letter-spacing: 0.125em;
1788
  letter-spacing: 0.125em;
1752
}
1789
}
1753
1790
1754
.stargate.en span span:last-child {
1791
.stargate.en span span:last-child {
1755
  letter-spacing: normal;
1792
  letter-spacing: normal;
1756
}
1793
}
1757
1794
1758
.stargate.en > span:first-child {
1795
.stargate.en > span:first-child {
1759
  padding-bottom: 0;
1796
  padding-bottom: 0;
1760
  border-bottom: 1px solid black;
1797
  border-bottom: 1px solid black;
1761
}
1798
}
1762
1799
1763
.stargate.en > span:last-child {
1800
.stargate.en > span:last-child {
1764
  padding-top: 0.125em;
1801
  padding-top: 0.125em;
1765
}
1802
}
1766
1803
1767
.stargate.de > span:last-child {
1804
.stargate.de > span:last-child {
1768
  font-size: 64%;
1805
  font-size: 64%;
1769
}
1806
}
1770
1807
1771
.stargate .a {
1808
.stargate .a {
1772
  text-transform: lowercase;
1809
  text-transform: lowercase;
1773
}
1810
}
1774
1811
1775
.atlantis .stargate {
1812
.atlantis .stargate {
1776
  display: inline-block;
1813
  display: inline-block;
1777
  padding: 0 0.25em;
1814
  padding: 0 0.25em;
1778
  border-bottom: 1px solid black;
1815
  border-bottom: 1px solid black;
1779
  font-size: 81%;
1816
  font-size: 81%;
1780
  letter-spacing: 0.125em;
1817
  letter-spacing: 0.125em;
1781
}
1818
}
1782
1819
1783
.atlantis .atlantis {
1820
.atlantis .atlantis {
1784
  margin-top: 0.125em;
1821
  margin-top: 0.125em;
1785
  position: relative;
1822
  position: relative;
1786
  top: -0.15em;
1823
  top: -0.15em;
1787
  padding-top: 0.15em;
1824
  padding-top: 0.15em;
1788
  letter-spacing: 0.125em;
1825
  letter-spacing: 0.125em;
1789
}
1826
}
1790
1827
1791
.atlantis span span:last-child
1828
.atlantis span span:last-child
1792
{
1829
{
1793
  letter-spacing: normal;
1830
  letter-spacing: normal;
1794
}
1831
}
1795
1832
1796
.sg-u {
1833
.sg-u {
1797
  padding: 0.25em 0.25em 0 0.25em;
1834
  padding: 0.25em 0.25em 0 0.25em;
1798
  background-color: #000;
1835
  background-color: #000;
1799
  color: #eee;
1836
  color: #eee;
1800
  font-family: "Eurostile Extended", sans-serif;
1837
  font-family: "Eurostile Extended", sans-serif;
1801
  font-size: 122%;
1838
  font-size: 122%;
1802
  font-weight: bold;
1839
  font-weight: bold;
1803
  letter-spacing: -0.125em;
1840
  letter-spacing: -0.125em;
1804
}
1841
}
1805
1842
1806
.sg-u .ring {
1843
.sg-u .ring {
1807
  letter-spacing: -0.2em;
1844
  letter-spacing: -0.2em;
1808
}
1845
}
1809
1846
1810
@font-face {
1847
@font-face {
1811
  font-family: "Torchwood";
1848
  font-family: "Torchwood";
1812
  src: local("Torchwood"), url(/styles/fonts/Torchwood.ttf);
1849
  src: local("Torchwood"), url(/styles/fonts/Torchwood.ttf);
1813
}
1850
}
1814
1851
1815
@font-face {
1852
@font-face {
1816
  font-family: "Federation Classic";
1853
  font-family: "Federation Classic";
1817
  src: local("Federation Classic"), url(/styles/fonts/FEC_____.TTF);
1854
  src: local("Federation Classic"), url(/styles/fonts/FEC_____.TTF);
1818
}
1855
}
1819
1856
1820
.star-trek {
1857
.star-trek-tos {
1821
  padding: 0.125em 0.25em 0 0.25em;
1858
  padding: 0.125em 0.25em 0 0.25em;
1822
  background-color: #000;
1859
  background-color: #000;
1823
  color: #F8CB35;
1860
  color: #FBB72C;
1824
  font-family: "Federation Classic", sans-serif;
1861
  font-family: "Federation Classic", sans-serif;
1825
  font-size: 150%;
1862
  font-size: 150%;
1826
  text-transform: lowercase;
1863
  text-transform: lowercase;
1827
}
1864
}
1828
1865
-
 
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
1829
.time-trax {
1901
.time-trax {
1830
  background-color: #fff;
1902
  background-color: #fff;
1831
  color: #003ee5;
1903
  color: #003ee5;
1832
  font-size: 120%;
1904
  font-size: 120%;
1833
  font-weight: bold;
1905
  font-weight: bold;
1834
  text-shadow: 2px 1px #00021c;
1906
  text-shadow: 2px 1px #00021c;
1835
}
1907
}
1836
1908
1837
.torchwood {
1909
.torchwood {
1838
  padding: 0.125em 0.25em;
1910
  padding: 0.125em 0.25em;
1839
  background-color: black;
1911
  background-color: black;
1840
  color: #E72524;
1912
  color: #E72524;
1841
  font-family: "Torchwood", serif;
1913
  font-family: "Torchwood", serif;
1842
  font-size: 106%;
1914
  font-size: 106%;
1843
  text-transform: uppercase;
1915
  text-transform: uppercase;
1844
}
1916
}
1845
1917
1846
@font-face {
1918
@font-face {
1847
  font-family: "True Blood";
1919
  font-family: "True Blood";
1848
  src: local("True Blood"), url(/styles/fonts/TRUEBLOOD.ttf);
1920
  src: local("True Blood"), url(/styles/fonts/non-free/TRUEBLOOD.ttf);
1849
}
1921
}
1850
1922
1851
.true-blood {
1923
.true-blood {
1852
  font-family: "True Blood", serif;
1924
  font-family: "True Blood", serif;
1853
}
1925
}
1854
1926
1855
.true-blood .upper {
1927
.true-blood .upper {
1856
  text-transform: uppercase;
1928
  text-transform: uppercase;
1857
}
1929
}
1858
1930
1859
.true-blood .blood {
1931
.true-blood .blood {
1860
  color: #991b30;
1932
  color: #991b30;
1861
}
1933
}
1862
1934
1863
.true-blood .lower {
1935
.true-blood .lower {
1864
  text-transform: lowercase;
1936
  text-transform: lowercase;
1865
}
1937
}
1866
1938
1867
.tara {
1939
.tara {
1868
  font-family: sans-serif;
1940
  font-family: sans-serif;
1869
  font-weight: bold;
1941
  font-weight: bold;
1870
  text-transform: uppercase;
1942
  text-transform: uppercase;
1871
}
1943
}
1872
1944
1873
.visitors {
1945
.visitors {
1874
  display: inline-block;
1946
  display: inline-block;
1875
  position: relative;
1947
  position: relative;
1876
  padding: 0.5em 0.5em 0.25em 0.5em;
1948
  padding: 0.5em 0.5em 0.25em 0.5em;
1877
  background-color: #000;
1949
  background-color: #000;
1878
  color: #ff1700;
1950
  color: #ff1700;
1879
  font-family: fantasy;
1951
  font-family: fantasy;
1880
  font-size: 80%;
1952
  font-size: 80%;
1881
  line-height: 2em;
1953
  line-height: 2em;
1882
}
1954
}
1883
1955
1884
.visitors span {
1956
.visitors span {
1885
  vertical-align: middle;
1957
  vertical-align: middle;
1886
}
1958
}
1887
1959
1888
.visitors .v {
1960
.visitors .v {
1889
  position: absolute;
1961
  position: absolute;
1890
  left: 0;
1962
  left: 0;
1891
  width: 100%;
1963
  width: 100%;
1892
  font-size: 300%;
1964
  font-size: 300%;
1893
  color: rgba(210, 0, 1, 0.8);
1965
  color: rgba(210, 0, 1, 0.8);
1894
  text-align: center;
1966
  text-align: center;
1895
}
1967
}
1896
1968
1897
.visitors .subtitle {
1969
.visitors .subtitle {
1898
  text-transform: uppercase;
1970
  text-transform: uppercase;
1899
}
1971
}
1900
1972
1901
@font-face {
1973
@font-face {
1902
  font-family: "Gunplay";
1974
  font-family: "Gunplay";
1903
  src: local("Gunplay"), url(/styles/fonts/gunplay.ttf);
1975
  src: local("Gunplay"), url(/styles/fonts/gunplay.ttf);
1904
}
1976
}
1905
1977
1906
.warehouse-13 {
1978
.warehouse-13 {
1907
  padding: 0 0.25em 0.125em 0.25em;
1979
  padding: 0 0.25em 0.125em 0.25em;
1908
  background-color: #000;
1980
  background-color: #000;
1909
  color: #BF311A;
1981
  color: #BF311A;
1910
  font-family: "Gunplay", sans-serif;
1982
  font-family: "Gunplay", sans-serif;
1911
  text-transform: uppercase;
1983
  text-transform: uppercase;
1912
}
1984
}
1913
1985
1914
.warehouse-13 .numbers {
1986
.warehouse-13 .numbers {
1915
  color: #B4B4B4;
1987
  color: #B4B4B4;
1916
}
1988
}
1917
1989
1918
div.box {
1990
div.box {
1919
  border: 1px solid black;
1991
  border: 1px solid black;
1920
  position: relative;
1992
  position: relative;
1921
  text-align: center;
1993
  text-align: center;
1922
}
1994
}
1923
1995
1924
div.meter, div.coverage {
1996
div.meter, div.coverage {
1925
  position: absolute;
1997
  position: absolute;
1926
  height: 100%;
1998
  height: 100%;
1927
}
1999
}
1928
2000
1929
div.meter {
2001
div.meter {
1930
  background-color: rgba(0, 0, 128, 0.5);
2002
  background-color: rgba(0, 0, 128, 0.5);
1931
}
2003
}
1932
2004
1933
div.season {
2005
div.season {
1934
  position: absolute;
2006
  position: absolute;
1935
  border-left: 1px solid #333;
2007
  border-left: 1px solid #333;
1936
  background-color: transparent;
2008
  background-color: transparent;
1937
  color: #999;
2009
  color: #999;
1938
  overflow: hidden;
2010
  overflow: hidden;
1939
  white-space: nowrap;
2011
  white-space: nowrap;
1940
}
2012
}
1941
2013
1942
div.coverage {
2014
div.coverage {
1943
  background-color: rgba(0, 218, 0, 0.5);
2015
  background-color: rgba(0, 218, 0, 0.5);
1944
}
2016
}
1945
2017
1946
.percentage {
2018
.percentage {
1947
  position: relative;
2019
  position: relative;
1948
  background-color: rgba(255, 255, 255, 0.5);
2020
  background-color: rgba(255, 255, 255, 0.5);
1949
}
2021
}
1950
 
2022