style.less 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. * {
  2. margin: 0;
  3. padding: 0;
  4. box-sizing: border-box;
  5. }
  6. body {
  7. width: 100%;
  8. height: 100%;
  9. #unity-container {
  10. width: 100%;
  11. height: 100%;
  12. #unity-canvas {
  13. width: 100%;
  14. height: 100%;
  15. }
  16. }
  17. #lodingTxt {
  18. position: absolute;
  19. z-index: 10;
  20. bottom: 20px;
  21. left: 50%;
  22. transform: translateX(-50%);
  23. color: #fff;
  24. font-size: 14px;
  25. }
  26. }
  27. #unity-loading-bar {
  28. position: fixed;
  29. z-index: 999;
  30. top: 0;
  31. left: 0;
  32. transform: translate(0, 0);
  33. width: 100%;
  34. height: 100%;
  35. background-color: black;
  36. }
  37. #unity-logo {
  38. display: none !important;
  39. }
  40. #unity-progress-bar-empty {
  41. position: absolute;
  42. top: 0;
  43. left: 0;
  44. width: 100%;
  45. height: 100%;
  46. background: url('./loding.gif') black center center no-repeat;
  47. background-size: contain;
  48. }
  49. #unity-progress-bar-full {
  50. display: none !important;
  51. }
  52. // 视频盒子
  53. .videoBox {
  54. position: absolute;
  55. z-index: 8000;
  56. top: 0;
  57. left: 0;
  58. width: 100%;
  59. height: 100%;
  60. background-color: black;
  61. video {
  62. position: absolute;
  63. top: 50%;
  64. left: 50%;
  65. transform: translate(-50%, -50%);
  66. max-width: 100%;
  67. max-height: 100%;
  68. }
  69. .skipTxt{
  70. position: absolute;
  71. z-index: 10;
  72. right: 15px;
  73. top: 15px;
  74. width: 60px;
  75. height: 30px;
  76. background-color: rgba(0,0,0,.6);
  77. line-height: 30px;
  78. text-align: center;
  79. color: #fff;
  80. }
  81. }