wcfsetup/install/files/style/ui/spinner.less

   1 .spinner {
   2         border: 1px solid rgba(0, 0, 0, .3);
   3         border-radius: 6px;
   4         box-sizing: border-box;
   5         color: #fff;
   6         left: 50%;
   7         opacity: 0;
   8         padding: 7px;
   9         position: fixed;
  10         text-align: center;
  11         top: 200px;
  12         visibility: hidden;
  13         z-index: 401;
  14
  15         transform: translateX(-50%);
  16
  17         .boxShadow(0, 1px, rgba(0, 0, 0, .5), 7px);
  18         .linearGradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));
  19
  20         transition: visibility 0s linear .1s, opacity .1s linear;
  21
  22         &.active {
  23                 opacity: 1;
  24                 visibility: visible;
  25
  26                 transition-delay: 0s;
  27         }
  28
  29         > .icon {
  30                 color: #fff;
  31         }
  32
  33         > span:not(.icon) {
  34                 display: block;
  35                 margin-top: @wcfGapSmall;
  36         }
  37 }