dist/demo-play.css.in

   1 html {
   2   box-sizing: border-box;
   3 }
   4 * {
   5   box-sizing: inherit;
   6 }
   7 html, body {
   8   height: 100%;
   9   margin: 0;
  10   padding: 0;
  11   background-color: #222;
  12 }
  13 #loading {
  14   background: #798199 url(demotitle.jpg);
  15   background-repeat: no-repeat;
  16   background-size: cover;
  17   z-index: 10;
  18 }
  19 #progress_container {
  20   width: 70%;
  21   margin: 0 auto;
  22   position: relative;
  23   top: 50%;
  24 }
  25 #progress_bar_back {
  26   width: 100%;
  27   background-color: @BG_COLOR@;
  28   margin: 0 auto;
  29   outline: 3px ridge @OUTLINE_COLOR@;
  30 }
  31 #progress_bar {
  32   text-indent: 20px;
  33   line-height: 30px;
  34   height: 30px;
  35   width: 0%;
  36   background-color: @BG_COLOR2@;
  37   color: #fff;
  38 }
  39 #progress_text {
  40   color: @TEXT_COLOR@;
  41   margin-top: 0.5em;
  42 }
  43 #progress_text, #progress_bar {
  44   font-family: 'Noto Sans', Tahoma, sans-serif;
  45 }
  46 canvas, #loading {
  47   width: 100vw;
  48   height: 75vw;
  49   background-color: #000;
  50   max-height: 100vh;
  51   max-width: 133.333333vh;
  52   margin: auto;
  53   position: absolute;
  54   top: 0;
  55   bottom: 0;
  56   left: 0;
  57   right: 0;
  58 }