Rev 203 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed
| Rev 203 | Rev 302 | ||
|---|---|---|---|
| Line 100... | Line 100... | ||
| 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%', |
| Line 127... | Line 127... | ||
| 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%; |
| Line 152... | Line 152... | ||
| 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)); |
| Line 164... | Line 164... | ||
| 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); |
| Line 180... | Line 180... | ||
| 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 { |
| Line 242... | Line 242... | ||
| 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; |
| Line 268... | Line 268... | ||
| 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; |
| Line 324... | Line 324... | ||
| 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-', '')); |
| Line 345... | Line 345... | ||
| 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 |
| Line 363... | Line 363... | ||
| 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 |
| Line 382... | Line 382... | ||
| 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 {
|
| Line 536... | Line 536... | ||
| 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; |
| Line 579... | Line 579... | ||
| 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 | ||
| Line 727... | Line 727... | ||
| 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); |
| Line 743... | Line 743... | ||
| 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 | ||
| Line 827... | Line 878... | ||
| 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)', |
| Line 856... | Line 907... | ||
| 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);*/
|
| Line 1014... | Line 1065... | ||
| 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%; |
| Line 1067... | Line 1118... | ||
| 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; |
| Line 1296... | Line 1347... | ||
| 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 | }
|
| Line 1358... | Line 1409... | ||
| 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 { |
| Line 1392... | Line 1523... | ||
| 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; |
| Line 1407... | Line 1538... | ||
| 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; |
| Line 1438... | Line 1581... | ||
| 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 | /*
|
| Line 1463... | Line 1606... | ||
| 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;
|
| Line 1486... | Line 1629... | ||
| 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; |
| Line 1507... | Line 1650... | ||
| 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; |
| Line 1578... | Line 1727... | ||
| 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; |
| Line 1593... | Line 1742... | ||
| 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 { |
| Line 1609... | Line 1758... | ||
| 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; |
| Line 1671... | Line 1820... | ||
| 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; |
| Line 1700... | Line 1849... | ||
| 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 | }
|
| Line 1737... | Line 1886... | ||
| 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 */
|
| Line 1872... | Line 2021... | ||
| 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'); |
| - | 2031 | font-weight: normal; |
|
| - | 2032 | font-style: normal; |
|
| - | 2033 | }
|
|
| - | 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'); |
|
| 1882 | font-weight: normal; |
2041 | font-weight: normal; |
| 1883 | font-style: normal; |
2042 | font-style: normal; |
| 1884 | }
|
2043 | }
|
| 1885 | 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; |
| Line 1897... | Line 2056... | ||
| 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 | }
|
| Line 1977... | Line 2138... | ||
| 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 | ?>
|
| Line 1993... | Line 2154... | ||
| 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 { |
| Line 2037... | Line 2198... | ||
| 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; |
| Line 2139... | Line 2300... | ||
| 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 | {
|
| Line 2259... | Line 2420... | ||
| 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; |
| Line 2324... | Line 2500... | ||
| 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 | }
|