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

   1 .loading {
   2     opacity: 0;
   3 }
   4
   5 .spinner {
   6     /* placeholder for stuff like $.find('.spinner').detach() */
   7 }
   8
   9 .spinner-32px {
  10     background-image: url('<%= asset_path('spinner_32px.gif') %>');
  11     background-repeat: no-repeat;
  12     width: 32px;
  13     height: 32px;
  14 }
  15
  16 .spinner-h-center {
  17     margin-left: auto;
  18     margin-right: auto;
  19 }
  20
  21 .spinner-v-center {
  22     position: relative;
  23     top: 45%;
  24 }
  25
  26 .rotating {
  27     color: #f00;
  28     /* Chrome and Firefox, at least in Linux, render a horrible shaky
  29        mess -- better not to bother.
  30
  31       animation-name: rotateThis;
  32       animation-duration: 2s;
  33       animation-iteration-count: infinite;
  34       animation-timing-function: linear;
  35       -moz-animation-name: rotateThis;
  36       -moz-animation-duration: 2s;
  37       -moz-animation-iteration-count: infinite;
  38       -moz-animation-timing-function: linear;
  39       -ms-animation-name: rotateThis;
  40       -ms-animation-duration: 2s;
  41       -ms-animation-iteration-count: infinite;
  42       -ms-animation-timing-function: linear;
  43       -webkit-animation-name: rotateThis;
  44       -webkit-animation-duration: 2s;
  45       -webkit-animation-iteration-count: infinite;
  46       -webkit-animation-timing-function: linear;
  47       */
  48 }
  49
  50 @keyframes rotateThis {
  51   from { transform: rotate( 0deg );   }
  52   to   { transform: rotate( 360deg ); }
  53 }
  54
  55 @-webkit-keyframes rotateThis {
  56   from { -webkit-transform: rotate( 0deg );   }
  57   to   { -webkit-transform: rotate( 360deg ); }
  58 }
  59
  60 @-moz-keyframes rotateThis {
  61   from { -moz-transform: rotate( 0deg );   }
  62   to   { -moz-transform: rotate( 360deg ); }
  63 }
  64
  65 @-ms-keyframes rotateThis {
  66   from { -ms-transform: rotate( 0deg );   }
  67   to   { -ms-transform: rotate( 360deg ); }
  68 }