defaultTemplate.html 1009 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <style>
  2. loading-screen {
  3. position: absolute;
  4. z-index: 100;
  5. opacity: 1;
  6. pointer-events: none;
  7. display: flex;
  8. justify-content: center;
  9. align-items: center;
  10. -webkit-transition: opacity 2s ease;
  11. -moz-transition: opacity 2s ease;
  12. transition: opacity 2s ease;
  13. }
  14. viewer {
  15. position: relative;
  16. overflow: hidden;
  17. /* Start stage */
  18. flex: 1;
  19. z-index: 1;
  20. justify-content: center;
  21. align-items: center;
  22. width: 100%;
  23. height: 100%;
  24. }
  25. overlay {
  26. position: absolute;
  27. z-index: 99;
  28. opacity: 0;
  29. display: flex;
  30. justify-content: center;
  31. align-items: center;
  32. -webkit-transition: opacity 1s ease;
  33. -moz-transition: opacity 1s ease;
  34. transition: opacity 1s ease;
  35. }
  36. </style>
  37. <viewer></viewer>
  38. <loading-screen></loading-screen>
  39. <overlay></overlay>