less copy protection, more size visualization
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

55 lines
815 B

  1. html {
  2. height: 100%;
  3. overflow-x: hidden;
  4. overflow-y: hidden;
  5. color: #eee;
  6. }
  7. body {
  8. background: #111;
  9. display: flex;
  10. flex-direction: column;
  11. align-items: center;
  12. justify-content: flex-start;
  13. height: 100%;
  14. width: 100%;
  15. }
  16. .entity {
  17. position: absolute;
  18. --height: 100px;
  19. height: var(--height);
  20. text-align: center;
  21. }
  22. .entity.selected {
  23. filter: drop-shadow(0px 0px 10px gold);
  24. }
  25. #world {
  26. min-width: 90vw;
  27. min-height: 80vh;
  28. }
  29. #menubar {
  30. display: flex;
  31. flex-direction: row;
  32. justify-content: center;
  33. align-items: center;
  34. min-height: 10vh;
  35. min-width: 100vw;
  36. background: #222;
  37. }
  38. .menu-item {
  39. font-size: 24px;
  40. color: #ccc;
  41. margin: 20px;
  42. }
  43. #display {
  44. width: 100%;
  45. height: 100%;
  46. background: #333;
  47. }