Subversion Repositories LCARS

Rev

Rev 41 | Rev 64 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 41 Rev 53
Line 1... Line 1...
1
<?php
1
<?php
-
 
2
namespace de\pointedears\css\least;
-
 
3
2
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');
3
5
4
/* 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 */
5
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');
6
8
7
/* 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 */
8
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
-
 
12
\header('Content-Type: text/css; charset=UTF-8');
9
13
10
header('Content-Type: text/css; charset=UTF-8');
14
require_once 'css/least/Mixins.php';
11
?>
15
?>
12
@CHARSET "UTF-8";
16
@CHARSET "UTF-8";
13
17
14
html, body {
18
html, body {
15
  -webkit-font-smoothing: antialiased;
19
  -webkit-font-smoothing: antialiased;
16
}
20
}
17
21
18
h1, h2, h3, h4, h5, h6 {
22
h1, h2, h3, h4, h5, h6 {
-
 
23
  /* from SVG for Gecko and WebKit */
19
  text-rendering: optimizeLegibility;
24
  text-rendering: optimizeLegibility;
20
}
25
}
21
26
22
body {
27
body {
23
  font-family: sans-serif;
28
  font-family: sans-serif;
Line 85... Line 90...
85
  src: local("X-Files"), url(/styles/fonts/x-files.ttf);
90
  src: local("X-Files"), url(/styles/fonts/x-files.ttf);
86
}
91
}
87
92
88
.akte-x {
93
.akte-x {
89
  padding: 1em 0.25em 0.6em 0.25em;
94
  padding: 1em 0.25em 0.6em 0.25em;
90
  background-image:
95
  <?php
91
    -o-linear-gradient(12deg,
96
        Mixins::linear_gradient(
92
      rgba(236, 244, 235, 0) 33%, rgba(236, 244, 235, 0.9) 68%,
-
 
93
      rgba(236, 244, 235, 0.9) 70%, rgba(236, 244, 235, 0) 90%);
-
 
94
  background-image:
97
                'background-image',
95
    linear-gradient(12deg,
98
                '12deg,
96
      rgba(236, 244, 235, 0) 33%, rgba(236, 244, 235, 0.9) 68%,
99
       rgba(236, 244, 235, 0) 33%, rgba(236, 244, 235, 0.9) 68%,
97
      rgba(236, 244, 235, 0.9) 70%, rgba(236, 244, 235, 0) 90%);
100
       rgba(236, 244, 235, 0.9) 70%, rgba(236, 244, 235, 0) 90%',
-
 
101
      array('-o-', ''));
-
 
102
        ?>
98
  background-image:
103
  background-image:
99
    -moz-radial-gradient(65% 60%,
104
    -moz-radial-gradient(65% 60%,
100
      rgba(236, 244, 235, 0.5) 50%, rgba(236, 244, 235, 0.1)),
105
      rgba(236, 244, 235, 0.5) 50%, rgba(236, 244, 235, 0.1)),
101
    -moz-linear-gradient(12deg,
106
    -moz-linear-gradient(12deg,
102
      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%,
Line 111... Line 116...
111
  color: #dcdfdc;
116
  color: #dcdfdc;
112
  line-height: 2em;
117
  line-height: 2em;
113
  vertical-align: middle;  
118
  vertical-align: middle;  
114
}
119
}
115
120
116
-
 
117
-
 
118
.akte-x .small {
121
.akte-x .small {
119
  padding-left: 1em;
122
  padding-left: 1em;
120
/*   .linear-gradient(bottom left, black, transparent); */
-
 
121
  background-image: -moz-linear-gradient(bottom left, black, transparent);
-
 
122
  background-image: -o-linear-gradient(bottom left, black, transparent);
123
/*  background-image: $linear-gradient(bottom left, black, transparent); */
123
  background-image: -webkit-linear-gradient(bottom left, black, transparent);
-
 
124
  background-image: linear-gradient(bottom left, black, transparent);
124
        <?php   Mixins::linear_gradient('background-image', 'bottom left, black, transparent'); ?>
125
  vertical-align: middle;
125
  vertical-align: middle;
126
  font-family: "Futura Condensed", sans-serif;
126
  font-family: "Futura Condensed", sans-serif;
127
  font-size: 50%;
127
  font-size: 50%;
128
  text-transform: uppercase;
128
  text-transform: uppercase;
129
  letter-spacing: 1em;
129
  letter-spacing: 1em;
Line 225... Line 225...
225
225
226
@font-face {
226
@font-face {
227
  font-family: "Slayer";
227
  font-family: "Slayer";
228
  src: url(/styles/fonts/slayer11.eot?);
228
  src: url(/styles/fonts/slayer11.eot?);
229
  src: local("Slayer"),
229
  src: local("Slayer"),
230
    url(/styles/fonts/slayer11.eot?) format(eot),
230
    url(/styles/fonts/slayer11.eot?) format("eot"),
231
    url(/styles/fonts/slayer11.woff) format(woff),
231
    url(/styles/fonts/slayer11.woff) format("woff"),
232
    url(/styles/fonts/slayer11.ttf) format(truetype),
232
    url(/styles/fonts/slayer11.ttf) format("truetype"),
233
    url(/styles/fonts/slayer11.svg#Slayer) format(svg);
233
    url(/styles/fonts/slayer11.svg#Slayer) format("svg");
234
  font-weight: normal;
234
  font-weight: normal;
235
  font-style: normal;
235
  font-style: normal;
236
}
236
}
237
237
238
@font-face {
238
@font-face {
Line 242... Line 242...
242
242
243
.buffy {
243
.buffy {
244
  display: inline-block;
244
  display: inline-block;
245
  padding: 0.75em 0.5em 0.5em 0.5em;
245
  padding: 0.75em 0.5em 0.5em 0.5em;
246
  background-color: #000700;
246
  background-color: #000700;
247
  background-image: -moz-radial-gradient(circle, #6d7a9c 35%, transparent 45%);
-
 
248
  background-image: -webkit-radial-gradient(circle, #6d7a9c 35%, transparent 45%);
247
  <?php Mixins::radial_gradient('background-image', 'circle, #6d7a9c 35%, transparent 45%'); ?>
249
  color: #feffff;
248
  color: #feffff;
250
  line-height: 1em;
249
  line-height: 1em;
251
  text-align: center;
250
  text-align: center;
252
  text-shadow: 1px 1px 1px black;
251
  text-shadow: 1px 1px 1px black;
253
}
252
}
Line 280... Line 279...
280
  font-family: "KopyKattKut Bold";
279
  font-family: "KopyKattKut Bold";
281
  src: local("KopyKattKut Bold"), url(/styles/fonts/KopyKattKut-Bold.otf);
280
  src: local("KopyKattKut Bold"), url(/styles/fonts/KopyKattKut-Bold.otf);
282
}
281
}
283
282
284
.charmed {
283
.charmed {
-
 
284
  position: relative;
-
 
285
  display: inline-block;
-
 
286
  background-color: #080E32;
-
 
287
  color: rgb(223, 229, 251);
-
 
288
  color: rgba(255, 255, 255, 0.75);
-
 
289
  padding: 1.5em 0.5em 0.75em 0.5em;
285
  font-family: "KopyKattKut Bold", serif;
290
  font-family: "KopyKattKut Bold", serif;
286
  font-size: 115%;
291
  font-size: 115%;
287
  /*letter-spacing: -0.125em;*/
292
  /*letter-spacing: -0.125em;*/
-
 
293
  line-height: 2;
-
 
294
  overflow: hidden;
288
  text-transform: uppercase;
295
  text-transform: uppercase;
289
}
296
}
290
297
-
 
298
.charmed .circle {
-
 
299
  position: absolute;
-
 
300
  left: 50%;
-
 
301
  top: 60%;
-
 
302
  width: 2em;
-
 
303
  height: 2em;
-
 
304
  margin-left: -1.3em;
-
 
305
  margin-top: -1.3em;
-
 
306
  border-radius: 50%;
-
 
307
  border: 0.325em solid rgba(36, 63, 219, 0.33);
-
 
308
}
-
 
309
-
 
310
.charmed .circle:before {
-
 
311
  position: absolute;
-
 
312
  left: 50%;
-
 
313
  top: 50%;
-
 
314
  width: 75%;
-
 
315
  height: 75%;
-
 
316
  margin-left: -1.7em;
-
 
317
  margin-top: -0.7em;
-
 
318
  border: 0.325em solid rgba(36, 63, 219, 0.33);
-
 
319
  border-radius: 100% 0;
-
 
320
  content: "";
-
 
321
  <?php
-
 
322
        Mixins::prefix_property('transform', '',
-
 
323
                'rotate(15deg)',
-
 
324
                array('-moz-', '-webkit-', ''));
-
 
325
        ?>
-
 
326
}
-
 
327
-
 
328
.charmed .circle:after {
-
 
329
  position: absolute;
-
 
330
  left: 50%;
-
 
331
  top: 50%;
-
 
332
  width: 75%;
-
 
333
  height: 75%;
-
 
334
  margin-left: -1.05em;
-
 
335
  margin-top: -1.85em;
-
 
336
  border: 0.325em solid rgba(36, 63, 219, 0.33);
-
 
337
  border-radius: 100% 0;
-
 
338
  content: "";
-
 
339
  <?php
-
 
340
        Mixins::prefix_property('transform', '',
-
 
341
                'rotate(-45deg)',
-
 
342
                array('-moz-', '-webkit-', ''));
-
 
343
        ?>
-
 
344
}
-
 
345
-
 
346
.charmed .arc3 {
-
 
347
  position: absolute;
-
 
348
  left: 50%;
-
 
349
  top: 50%;
-
 
350
  width: 1.5em;
-
 
351
  height: 1.5em;
-
 
352
  margin-left: -0.3em;
-
 
353
  margin-top: -0.3em;
-
 
354
  border: 0.325em solid rgba(36, 63, 219, 0.33);
-
 
355
  border-radius: 0 100% 0 100%;
-
 
356
  content: "";
-
 
357
  <?php
-
 
358
        Mixins::prefix_property('transform', '',
-
 
359
                'rotate(-15deg)',
-
 
360
                array('-moz-', '-webkit-', ''));
-
 
361
        ?>
-
 
362
}
-
 
363
291
.charmed .c {
364
.charmed .c {
292
  /* font-size: 150%; */
365
  /* font-size: 150%; */
293
}
366
}
294
367
295
.charmed span {  
368
.charmed span {  
-
 
369
  position: relative;
296
  /* vertical-align: middle; */
370
  /* vertical-align: middle; */
297
}
371
}
298
372
299
@font-face {
373
@font-face {
300
  font-family: "Coolvetica";
374
  font-family: "Coolvetica";
Line 382... Line 456...
382
.dead-zone .text .zone {
456
.dead-zone .text .zone {
383
  display: block;
457
  display: block;
384
  position: relative;
458
  position: relative;
385
  top: -0.5em;
459
  top: -0.5em;
386
  font-size: 110%;
460
  font-size: 110%;
-
 
461
  <?php
387
  -webkit-transform: perspective(15px) rotateX(35deg);
462
        Mixins::prefix_property('transform', '',
388
  transform: perspective(15px) rotateX(35deg);
463
                'perspective(15px) rotateX(35deg)',
-
 
464
                array('-webkit-', ''));
-
 
465
        ?>
389
  -webkit-mask-image: -webkit-linear-gradient(
466
  -webkit-mask-image: -webkit-linear-gradient(
390
    rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.67));
467
    rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.67));
391
}
468
}
392
469
393
@font-face {
470
@font-face {
Line 559... Line 636...
559
    1px -1px rgba(77, 148, 168, 0.9);
636
    1px -1px rgba(77, 148, 168, 0.9);
560
}
637
}
561
638
562
.eureka .gradient {
639
.eureka .gradient {
563
  display: inline-block;
640
  display: inline-block;
-
 
641
  <?php
-
 
642
    Mixins::prefix_property('transform', '',
564
  -webkit-transform: matrix(1, 0, 0, 0.9, 0, 0);
643
        'matrix(1, 0, 0, 0.9, 0, 0)',
-
 
644
        array('-moz-', '-webkit-', ''));
-
 
645
  ?>
565
/*
646
/*
566
  position: absolute;
647
  position: absolute;
567
  padding: 0.25em 0.5em 0.125em 0.5em;
648
  padding: 0.25em 0.5em 0.125em 0.5em;
568
  left: 0;
649
  left: 0;
569
  top: 0;
650
  top: 0;
Line 613... Line 694...
613
}
694
}
614
695
615
.firefly {
696
.firefly {
616
  display: inline-block;
697
  display: inline-block;
617
  padding: 0.4em 0.8em 0.4em 0.95em;
698
  padding: 0.4em 0.8em 0.4em 0.95em;
618
  background-color: #9b4931;
699
  background-color: #762109;
619
  background-image: -moz-linear-gradient(
-
 
620
    rgba(73, 1, 2, 0.8) 15%,
-
 
621
    rgba(155, 73, 49, 0) 15%, rgba(155, 73, 49, 0) 85%,
-
 
622
    rgba(73, 1, 2, 0.8) 85%, rgba(73, 1, 2, 0.8));
-
 
623
  background-image: -o-linear-gradient(
-
 
624
    rgba(73, 1, 2, 0.8) 15%,
700
  <?php
625
    rgba(155, 73, 49, 0) 15%, rgba(155, 73, 49, 0) 85%,
-
 
626
    rgba(73, 1, 2, 0.8) 85%, rgba(73, 1, 2, 0.8));
-
 
627
  background-image: -webkit-linear-gradient(
701
    Mixins::linear_gradient('background-image',
628
    rgba(73, 1, 2, 0.8) 15%,
702
        'rgba(73, 1, 2, 0.8) 15%,
629
    rgba(155, 73, 49, 0) 15%, rgba(155, 73, 49, 0) 85%,
703
         rgba(155, 73, 49, 0) 15%, rgba(155, 73, 49, 0) 85%,
630
    rgba(73, 1, 2, 0.8) 85%, rgba(73, 1, 2, 0.8));
704
         rgba(73, 1, 2, 0.8) 85%, rgba(73, 1, 2, 0.8)');
631
  background-image: linear-gradient(
-
 
632
    rgba(73, 1, 2, 0.8) 15%,
705
  ?>
633
    rgba(155, 73, 49, 0) 15%, rgba(155, 73, 49, 0) 85%,
-
 
634
    rgba(73, 1, 2, 0.8) 85%, rgba(73, 1, 2, 0.8));
-
 
635
        color: #fefcff;
706
        color: #fefcff;
636
  font-family: "Marriage-Script", cursive;
707
  font-family: "Marriage-Script", cursive;
637
  font-size: 160%;
708
  font-size: 160%;
638
  text-shadow: -1px 0px 1px #300202, 2px 2px 4px #fed700, 0px 0px 4px #270201;
709
  text-shadow: -1px 0px 1px #300202, 2px 2px 4px #fed700, 0px 0px 4px #270201;
639
  text-transform: lowercase;
710
  text-transform: lowercase;
Line 706... Line 777...
706
  display: inline-block;
777
  display: inline-block;
707
  /*
778
  /*
708
  -webkit-mask-image: -webkit-radial-gradient(center, 150% 150%,
779
  -webkit-mask-image: -webkit-radial-gradient(center, 150% 150%,
709
    rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.125));
780
    rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.125));
710
  */
781
  */
-
 
782
        <?php
711
  -moz-transform: perspective(50px) rotateX(4.43deg);
783
          Mixins::prefix_property('transform', '',
712
  -webkit-transform: perspective(50px) rotateX(4.43deg);
784
                'perspective(50px) rotateX(4.43deg)',
713
  transform: perspective(50px) rotateX(4.43deg);
785
                array('-moz-', '-webkit-', ''));
-
 
786
        ?>
714
}
787
}
715
788
716
.fringe .f {
789
.fringe .f {
717
  display: inline-block;
790
  display: inline-block;
718
791
Line 1218... Line 1291...
1218
  padding: 0.125em 0.5em;
1291
  padding: 0.125em 0.5em;
1219
  background-color: black;
1292
  background-color: black;
1220
  color: #020109;
1293
  color: #020109;
1221
  font-family: "Swiss 721 Black Extended BT", sans-serif;
1294
  font-family: "Swiss 721 Black Extended BT", sans-serif;
1222
  text-transform: uppercase;
1295
  text-transform: uppercase;
-
 
1296
  <?php
1223
  background-image: -moz-radial-gradient(24% 50%, circle,
1297
        Mixins::radial_gradient('background-image',
1224
    rgba(224, 211, 106, 1) 33%, rgba(224, 211, 106, 0) 36%, #100d04);
-
 
1225
  background-image: -webkit-radial-gradient(24% 50%, circle,
1298
                '24% 50%, circle,
1226
    rgba(224, 211, 106, 1) 33%, rgba(224, 211, 106, 0) 36%, #100d04);
1299
                 rgba(224, 211, 106, 1) 33%, rgba(224, 211, 106, 0) 36%, #100d04');
-
 
1300
  ?>
1227
}
1301
}
1228
1302
1229
.moonlight .moon {
1303
.moonlight .moon {
1230
  -webkit-mask-image: -webkit-linear-gradient(-80deg, rgba(0,0,0,0.33), rgba(0,0,0,1) 67%);
1304
  -webkit-mask-image: -webkit-linear-gradient(-80deg, rgba(0,0,0,0.33), rgba(0,0,0,1) 67%);
1231
  letter-spacing: -0.0625em;
1305
  letter-spacing: -0.0625em;
Line 1432... Line 1506...
1432
1506
1433
.roswell {
1507
.roswell {
1434
  display: inline-block;
1508
  display: inline-block;
1435
  padding: 0.25em 0.5em 0.125em 0.5em;
1509
  padding: 0.25em 0.5em 0.125em 0.5em;
1436
  background-color: #000;
1510
  background-color: #000;
1437
  background-image: -moz-linear-gradient(left, #6f3811, #000);
-
 
1438
  background-image: -o-linear-gradient(left, #6f3811, #000);
-
 
1439
  background-image: -webkit-linear-gradient(left, #6f3811, #000);
-
 
-
 
1511
  <?php
1440
  background-image: linear-gradient(left, #6f3811, #000);
1512
    Mixins::linear_gradient('background-image', 'left, #6f3811, #000');
-
 
1513
  ?>
1441
  color: #ffffbc;
1514
  color: #ffffbc;
1442
  font-family: "Roswell", sans-serif;
1515
  font-family: "Roswell", sans-serif;
1443
  letter-spacing: 0.25em;
1516
  letter-spacing: 0.25em;
1444
1517
1445
  text-shadow:
1518
  text-shadow:
Line 1720... Line 1793...
1720
  text-align: center;
1793
  text-align: center;
1721
  text-transform: uppercase;
1794
  text-transform: uppercase;
1722
  overflow: hidden;
1795
  overflow: hidden;
1723
}
1796
}
1724
1797
1725
@-webkit-keyframes zoom-in {
-
 
1726
  0% {
-
 
1727
    opacity: 0;
-
 
1728
    -webkit-transform: perspective(100px) translateX(0) translateY(0) translateZ(-400px);
-
 
1729
  }
-
 
1730
-
 
1731
  20% {
-
 
1732
    opacity: 1;
-
 
1733
  }
-
 
1734
-
 
1735
  100% {
-
 
1736
    -webkit-transform: perspective(100px) translateX(5px) translateY(-4px) translateZ(100px);
-
 
1737
  }
-
 
1738
}
-
 
1739
-
 
1740
.simpsons span {
1798
.simpsons span {
1741
  position: relative;
1799
  position: relative;
1742
  display: block;
1800
  display: block;
1743
}
1801
}
1744
1802
-
 
1803
<?php
-
 
1804
  Mixins::keyframes('zoom-in',
-
 
1805
    '0% {
-
 
1806
       opacity: 0;
-
 
1807
       -moz-transform: perspective(100px) translateX(0) translateY(0) translateZ(-400px);
-
 
1808
       -webkit-transform: perspective(100px) translateX(0) translateY(0) translateZ(-400px);
-
 
1809
     }
-
 
1810
   
-
 
1811
     20% {
-
 
1812
       opacity: 1;
-
 
1813
     }
-
 
1814
   
-
 
1815
     100% {
-
 
1816
       -moz-transform: perspective(100px) translateX(5px) translateY(-4px) translateZ(100px);
-
 
1817
       -webkit-transform: perspective(100px) translateX(5px) translateY(-4px) translateZ(100px);
-
 
1818
     }');
-
 
1819
?>
-
 
1820
1745
.simpsons:hover span.text {
1821
.simpsons:hover span.text {
-
 
1822
  <?php
1746
  -webkit-animation-name: zoom-in;
1823
        Mixins::animation('-name', 'zoom-in');
1747
  /* -webkit-animation-iteration-count: infinite; */
1824
        /* -webkit-animation-iteration-count: infinite; */
1748
  -webkit-animation-duration: 3s;  
1825
        Mixins::animation('-duration', '3s');
-
 
1826
  ?>  
1749
}
1827
}
1750
1828
1751
@font-face {
1829
@font-face {
1752
  font-family: "Smallville";
1830
  font-family: "Smallville";
1753
  src: local("Smallville"), url(/styles/fonts/Smallville1.ttf);
1831
  src: local("Smallville"), url(/styles/fonts/Smallville1.ttf);
Line 1919... Line 1997...
1919
  font-family: "True Blood";
1997
  font-family: "True Blood";
1920
  src: local("True Blood"), url(/styles/fonts/non-free/TRUEBLOOD.ttf);
1998
  src: local("True Blood"), url(/styles/fonts/non-free/TRUEBLOOD.ttf);
1921
}
1999
}
1922
2000
1923
.true-blood {
2001
.true-blood {
1924
  font-family: "True Blood", serif;
2002
  font-family: "True Blood", sans-serif;
1925
}
2003
}
1926
2004
1927
.true-blood .upper {
2005
.true-blood .upper {
1928
  text-transform: uppercase;
2006
  text-transform: uppercase;
1929
}
2007
}