client/angular/videos/components/watch/videos-watch.component.scss

   1 .embed-responsive {
   2   height: 500px;
   3 }
   4
   5 #video-loading {
   6   margin-top: 150px;
   7 }
   8
   9 // Thanks https://gist.github.com/alexandrevicenzi/680147013e902a4eaa5d
  10 .glyphicon-refresh-animate {
  11     -animation: spin .7s infinite linear;
  12     -ms-animation: spin .7s infinite linear;
  13     -webkit-animation: spinw .7s infinite linear;
  14     -moz-animation: spinm .7s infinite linear;
  15 }
  16
  17 @keyframes spin {
  18     from { transform: scale(1) rotate(0deg);}
  19     to { transform: scale(1) rotate(360deg);}
  20 }
  21
  22 @-webkit-keyframes spinw {
  23     from { -webkit-transform: rotate(0deg);}
  24     to { -webkit-transform: rotate(360deg);}
  25 }
  26
  27 @-moz-keyframes spinm {
  28     from { -moz-transform: rotate(0deg);}
  29     to { -moz-transform: rotate(360deg);}
  30 }
  31
  32 #torrent-info {
  33   font-size: 10px;
  34
  35   div {
  36     display: inline-block;
  37     width: 33%;
  38     text-align: center;
  39   }
  40 }