style.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. body {
  2. cursor: default;
  3. padding: 0;
  4. border: 0;
  5. margin: 0;
  6. text-align: center;
  7. background-color: white;
  8. font-family: Helvetica, Verdana, Arial, sans-serif;
  9. }
  10. body, canvas, div {
  11. outline: none;
  12. -moz-user-select: none;
  13. -webkit-user-select: none;
  14. -ms-user-select: none;
  15. -khtml-user-select: none;
  16. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  17. }
  18. /* Remove spin of input type number */
  19. input::-webkit-outer-spin-button,
  20. input::-webkit-inner-spin-button {
  21. /* display: none; <- Crashes Chrome on hover */
  22. -webkit-appearance: none;
  23. margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
  24. }
  25. canvas {
  26. background-color: rgba(0, 0, 0, 0);
  27. }
  28. #GameDiv {
  29. margin: 0 auto;
  30. position:relative;
  31. border:5px solid black;
  32. border-radius: 10px;
  33. box-shadow: 0 5px 50px #333
  34. }
  35. #Cocos3dGameContainer, #GameCanvas {
  36. width: 100%;
  37. height: 100%;
  38. }
  39. :root {
  40. --safe-top: env(safe-area-inset-top);
  41. --safe-right: env(safe-area-inset-right);
  42. --safe-bottom: env(safe-area-inset-bottom);
  43. --safe-left: env(safe-area-inset-left);
  44. }