Subversion Repositories LCARS

Rev

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

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

1392

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