WebSVN - LCARS - Diff - Rev 175 and 184 - /branches/live/styles/lcars-ani.css

 use de\pointedears\css\least\Mixins;
 ?>@charset "UTF-8";
 /* 0.0 to 1.0 s */
 <?php
+  /* hide up to 0.25 s */
-  Mixins::keyframes('fade-in',
+  Mixins::keyframes('fade-in', <<<CSS
-    'from {
-       opacity: 0;
-     }
-     /* at 0.25 s */
-% {
+    from, 25% {
        opacity: 0;
+     }
      to {
        opacity: 1;
-     }');
+     }
+CSS
+  );
 ?>
 body.fade-in {
   /* TODO: Step-by-step display instead */
   /*-webkit-animation-name: fade-in;*/
   /* -webkit-animation-iteration-count: infinite; */
+}
 /* 0.0 to 0.6 s */
 <?php
+   /* up to shortly before 0.6 s */
-  Mixins::keyframes('empty-content',
+  Mixins::keyframes('empty-content', <<<CSS
-    'from {
+    from, 99% {
        opacity: 0;
+     }
+CSS
-     /* 0.6 s */
-% {
-       opacity: 0;
-     }');
+  );
 ?>
 .empty.fade-in #content {
   <?php
     Mixins::animation('-name', 'empty-content');
   ?>
+}
 /* 0.0 to 0.5 s */
 <?php
+  /* up to shortly before 0.5 s */
-  Mixins::keyframes('bow-top-text',
+  Mixins::keyframes('bow-top-text', <<<CSS
-    'from {
+    from, 99% {
        opacity: 0;
+     }
+CSS
-     /* shortly before 1.0 s */
-% {
-       opacity: 0;
-     }');
+  );
 ?>
 .fade-in #bow-top .text {
   <?php
     Mixins::animation('-name', 'bow-top-text');
   ?>
+}
 /* 0.0 to 0.5 s */
 <?php
+   /* up to shortly before 0.5 s */
-  Mixins::keyframes('footer-text',
+  Mixins::keyframes('footer-text', <<<CSS
-  'from {
+    from, 99% {
-     opacity: 0;
+       opacity: 0;
-   }
+    }
+CSS
-   /* shortly before 0.5 s */
-% {
-     opacity: 0;
-   }');
+  );
 ?>
 .empty.fade-in #footer .text {
   <?php
     Mixins::animation('-name', 'footer-text');
   ?>
+}
 /* 0.0 to 0.625s */
 <?php
+   /* up to 0.5s */
-  Mixins::keyframes('bow-top-left',
+  Mixins::keyframes('bow-top-left', <<<CSS
-    'from {
+    from, 80% {
        height: 0;
+     }
+CSS
-     /* at 0.5s */
-% {
-       height: 0;
-     }');
+  );
 ?>
 .fade-in #bow-top-left {
   <?php
     Mixins::animation('-name', 'bow-top-left');
   ?>
+}
 /* 0.0 to 0.63s */
 <?php
+  /* up to  ca. 0.61875s */
   Mixins::keyframes('menu-container', <<<CSS
-    from {
+    from, 98% {
       opacity: 0;
+    }
-    /* at ca. 0.61875s */
-% {
-      opacity: 0;
-    }
 CSS
    );
 ?>
 .fade-in .menu-container {
   ?>
+}
 /* 0.0 to 0.63s */
 <?php
+  /* up to ca. 0.61875 s */
   Mixins::keyframes('menu', <<<CSS
-    from {
+    from, 98% {
-      opacity: 0;
-    }
-    /* at ca. 0.61875 s */
-% {
       opacity: 0;
+    }
 CSS
    );
 ?>
     Mixins::animation('-duration', '0.75s');
     Mixins::animation('-timing-function', 'linear');
   ?>
+}
-/* 0.0 to 0.875s */
+/* 0.0 to 0.75s */
 <?php
+  /* hide up to 0.7425 s */
   Mixins::keyframes('elbo-bg', <<<CSS
     from, 99% {
       opacity: 0;
+    }
 CSS
     Mixins::animation('-duration', '0.75s');
     Mixins::animation('-timing-function', 'linear');
   ?>
+}
-/* 0.0 to 0.875 */
+/* 0.0 to 0.875 s */
 <?php
+  /* hide up to 0.86625 s */
   Mixins::keyframes('elbo', <<<CSS
-    from {
+    from, 99% {
-      opacity: 0;
-    }
-% {
       opacity: 0;
+    }
 CSS
    );
 ?>
   ?>
+}
 /* 0.0 to 1s */
 <?php
+  /* up to 0.99 s */
   Mixins::keyframes('elbo-border', <<<CSS
-    from {
+    from, 99% {
-      opacity: 0;
-    }
-    /* 0.99 s */
-% {
       opacity: 0;
+    }
 CSS
    );
 ?>
   ?>
+}
 /* 0.0 to 1.125s */
 <?php
+  /* hide up to 1.11375 s */
   Mixins::keyframes('content', <<<CSS
-    from {
+    from, 99% {
-      opacity: 0;
-    }
-% {
       opacity: 0;
+    }
 CSS
    );
 ?>
   <?php
     Mixins::animation('-name', 'content');
     Mixins::animation('-duration', '1.125s');
     Mixins::animation('-timing-function', 'linear');
   ?>
 }

Subversion Repositories LCARS

(root)/branches/live/styles/lcars-ani.css @ 266 - Rev 175 → 184