catalog-ui/src/assets/preloading.css

   1 html {
   2     height: 100%;
   3 }
   4 body {
   5     height: 100%;
   6     width: 100%;
   7     margin: 0px;
   8     padding: 0px;
   9     overflow:hidden;
  10 }
  11
  12 .preloading-page {
  13     height: 100%;
  14     width: 100%;
  15     margin: 0px;
  16     overflow:hidden;
  17     background-image: linear-gradient(to bottom right, rgba(30, 36, 48, 1), rgba(59, 74, 93, 1));
  18     text-align: center;
  19     display: flex;
  20     align-items: center;
  21     justify-content: center;
  22     flex-direction: column;
  23     color: #FFFFFF;
  24 }
  25
  26  .project-icon {
  27     width: 200px;
  28     height: 210px;
  29     margin-top: 0%;
  30     background-repeat: no-repeat;
  31 }
  32
  33 .preloading-page-loading {
  34     font-size: 24px;
  35     line-height: 44px;
  36     font-family: Arial,  Helvetica, sans-serif;
  37     color: #1EB9F3;
  38     margin-top: 10%;
  39     margin-left: 3%;
  40 }
  41
  42 .preloading-page-loading span {
  43     font-family: Arial, Helvetica, sans-serif;
  44     font-size: 50px;
  45     animation-name: blink;
  46     animation-duration: 1.5s;
  47     animation-iteration-count: infinite;
  48     animation-fill-mode: both;
  49 }
  50
  51 .preloading-page-loading span:nth-child(2) {
  52     animation-delay: .5s;
  53 }
  54
  55 .preloading-page-loading span:nth-child(3) {
  56     animation-delay: 1.0s;
  57 }
  58
  59 @keyframes blink {
  60     0% {
  61         opacity: .2;
  62     }
  63     20% {
  64         opacity: 1;
  65     }
  66     100% {
  67         opacity: .2;
  68     }
  69 }