gui.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. #viewport {
  2. position: fixed;
  3. top: 0;
  4. bottom: 25px;
  5. left: 0;
  6. right: 0;
  7. }
  8. #toolbar {
  9. background-color: black;
  10. position: fixed;
  11. height: 25px;
  12. bottom: 0em;
  13. left: 0;
  14. right: 0;
  15. color: white;
  16. font-family: sans;
  17. font-size: 11px;
  18. text-transform: uppercase;
  19. padding: 3px 0;
  20. display: flex;
  21. display: -webkit-flex;
  22. align-items: center;
  23. -webkit-align-items: center;
  24. }
  25. label {
  26. margin-left: 1.5em;
  27. margin-right: 3px;
  28. }
  29. input {
  30. border: 1px solid white;
  31. background-color: white;
  32. font-size: 11px;
  33. vertical-align: -2px;
  34. }
  35. input[type=number]{
  36. width: 50px;
  37. vertical-align: 0px;
  38. margin-left: 2px;
  39. }
  40. input:hover {
  41. cursor: pointer;
  42. background-color: yellow;
  43. }
  44. button {
  45. border: 1px solid white;
  46. background-color: white;
  47. font-size: 11px;
  48. text-transform: uppercase;
  49. margin-right: 1em;
  50. height: 19px;
  51. }
  52. button:hover {
  53. cursor: pointer;
  54. background-color: yellow;
  55. }
  56. .separator {
  57. content: " ";
  58. flex-grow: 2;
  59. -webkit-flex-grow: 2;
  60. }
  61. iframe {
  62. width: 100%;
  63. height: 100%;
  64. border: 0;
  65. }