main.css 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. * {
  2. vertical-align: middle;
  3. }
  4. body {
  5. font-family: Arial, sans-serif;
  6. font-size: 14px;
  7. margin: 0;
  8. overflow: hidden;
  9. }
  10. hr {
  11. border: 0px;
  12. border-top: 1px solid #ccc;
  13. }
  14. button {
  15. position: relative;
  16. }
  17. textarea {
  18. white-space: pre;
  19. word-wrap: normal;
  20. }
  21. .Panel {
  22. -moz-user-select: none;
  23. -webkit-user-select: none;
  24. -ms-user-select: none;
  25. /* No support for these yet */
  26. -o-user-select: none;
  27. user-select: none;
  28. }
  29. .CollapsiblePanel .CollapsiblePanelButton {
  30. float: left;
  31. margin-right: 6px;
  32. width: 0px;
  33. height: 0px;
  34. border: 6px solid transparent;
  35. }
  36. .CollapsiblePanel.collapsed .CollapsiblePanelButton {
  37. margin-top: 2px;
  38. border-left-color: #bbb;
  39. }
  40. .CollapsiblePanel:not(.collapsed) .CollapsiblePanelButton {
  41. margin-top: 6px;
  42. border-top-color: #bbb;
  43. }
  44. .CollapsiblePanel.collapsed .CollapsibleContent {
  45. display: none;
  46. }
  47. /* codemirror */
  48. .CodeMirror {
  49. border: 1px solid #ccc;
  50. }
  51. .CodeMirror.success {
  52. border-color: #8b8;
  53. }
  54. .CodeMirror.fail {
  55. border-color: #f00;
  56. background-color: rgba(255,0,0,0.05);
  57. }
  58. /* scene types */
  59. .type {
  60. position:relative;
  61. top:-2px;
  62. padding: 0px 2px;
  63. color: #ddd;
  64. }
  65. .type:after {
  66. content: '■';
  67. }
  68. .Scene {
  69. color: #ccccff;
  70. }
  71. .Object3D {
  72. color: #aaaaee;
  73. }
  74. .Mesh {
  75. color: #8888ee;
  76. }
  77. /* */
  78. .PointLight {
  79. color: #dddd00;
  80. }
  81. /* */
  82. .Geometry {
  83. color: #88ff88;
  84. }
  85. .BoxGeometry {
  86. color: #bbeebb;
  87. }
  88. .TorusGeometry {
  89. color: #aaeeaa;
  90. }
  91. /* */
  92. .Material {
  93. color: #ff8888;
  94. }
  95. .MeshPhongMaterial {
  96. color: #ffaa88;
  97. }