apps/workbench/app/assets/stylesheets/loading.css

   1 .loading {
   2     opacity: 0;
   3 }
   4
   5 .rotating {
   6     color: #f00;
   7     /* Chrome and Firefox, at least in Linux, render a horrible shaky
   8        mess -- better not to bother.
   9
  10       animation-name: rotateThis;
  11       animation-duration: 2s;
  12       animation-iteration-count: infinite;
  13       animation-timing-function: linear;
  14       -moz-animation-name: rotateThis;
  15       -moz-animation-duration: 2s;
  16       -moz-animation-iteration-count: infinite;
  17       -moz-animation-timing-function: linear;
  18       -ms-animation-name: rotateThis;
  19       -ms-animation-duration: 2s;
  20       -ms-animation-iteration-count: infinite;
  21       -ms-animation-timing-function: linear;
  22       -webkit-animation-name: rotateThis;
  23       -webkit-animation-duration: 2s;
  24       -webkit-animation-iteration-count: infinite;
  25       -webkit-animation-timing-function: linear;
  26       */
  27 }
  28
  29 @keyframes rotateThis {
  30   from { transform: rotate( 0deg );   }
  31   to   { transform: rotate( 360deg ); }
  32 }
  33
  34 @-webkit-keyframes rotateThis {
  35   from { -webkit-transform: rotate( 0deg );   }
  36   to   { -webkit-transform: rotate( 360deg ); }
  37 }
  38
  39 @-moz-keyframes rotateThis {
  40   from { -moz-transform: rotate( 0deg );   }
  41   to   { -moz-transform: rotate( 360deg ); }
  42 }
  43
  44 @-ms-keyframes rotateThis {
  45   from { -ms-transform: rotate( 0deg );   }
  46   to   { -ms-transform: rotate( 360deg ); }
  47 }