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