main.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194
  1. body {
  2. font-family: Helvetica, Arial, sans-serif;
  3. font-size: 14px;
  4. margin: 0;
  5. overflow: hidden;
  6. }
  7. hr {
  8. border: 0;
  9. border-top: 1px solid #ccc;
  10. }
  11. button {
  12. position: relative;
  13. }
  14. textarea {
  15. tab-size: 4;
  16. white-space: pre;
  17. word-wrap: normal;
  18. }
  19. textarea.success {
  20. border-color: #8b8 !important;
  21. }
  22. textarea.fail {
  23. border-color: #f00 !important;
  24. background-color: rgba(255,0,0,0.05);
  25. }
  26. textarea, input { outline: none; } /* osx */
  27. .Panel {
  28. -moz-user-select: none;
  29. -webkit-user-select: none;
  30. -ms-user-select: none;
  31. /* No support for these yet */
  32. -o-user-select: none;
  33. user-select: none;
  34. }
  35. .TabbedPanel {
  36. -moz-user-select: none;
  37. -webkit-user-select: none;
  38. -ms-user-select: none;
  39. /* No support for these yet */
  40. -o-user-select: none;
  41. user-select: none;
  42. position: relative;
  43. display: block;
  44. width: 100%;
  45. }
  46. .TabbedPanel .Tabs {
  47. position: relative;
  48. display: block;
  49. width: 100%;
  50. }
  51. .TabbedPanel .Tabs .Tab {
  52. padding: 10px;
  53. vertical-align: middle;
  54. }
  55. .TabbedPanel .Tabs .Panels {
  56. position: relative;
  57. display: block;
  58. width: 100%;
  59. height: 100%;
  60. }
  61. /* CodeMirror */
  62. .CodeMirror {
  63. position: absolute !important;
  64. top: 37px;
  65. width: 100% !important;
  66. height: calc(100% - 37px) !important;
  67. }
  68. .CodeMirror .errorLine {
  69. background: rgba(255,0,0,0.25);
  70. }
  71. .CodeMirror .esprima-error {
  72. color: #f00;
  73. text-align: right;
  74. padding: 0 20px;
  75. }
  76. /* outliner */
  77. #outliner .option {
  78. border: 1px solid transparent;
  79. }
  80. #outliner .option.drag {
  81. border: 1px dashed #999;
  82. }
  83. #outliner .option.dragTop {
  84. border-top: 1px dashed #999;
  85. }
  86. #outliner .option.dragBottom {
  87. border-bottom: 1px dashed #999;
  88. }
  89. #outliner .type {
  90. position:relative;
  91. top:-2px;
  92. padding: 0 2px;
  93. color: #ddd;
  94. }
  95. #outliner .type:after {
  96. content: '■';
  97. }
  98. #outliner .Scene {
  99. color: #ccccff;
  100. }
  101. #outliner .Object3D {
  102. color: #aaaaee;
  103. }
  104. #outliner .Mesh {
  105. color: #8888ee;
  106. }
  107. #outliner .Line {
  108. color: #88ee88;
  109. }
  110. #outliner .LineSegments {
  111. color: #88ee88;
  112. }
  113. #outliner .Points {
  114. color: #ee8888;
  115. }
  116. /* */
  117. #outliner .PointLight {
  118. color: #dddd00;
  119. }
  120. /* */
  121. #outliner .Geometry {
  122. color: #88ff88;
  123. }
  124. #outliner .BoxGeometry {
  125. color: #bbeebb;
  126. }
  127. #outliner .TorusGeometry {
  128. color: #aaeeaa;
  129. }
  130. /* */
  131. #outliner .Material {
  132. color: #ff8888;
  133. }
  134. #outliner .MeshPhongMaterial {
  135. color: #ffaa88;
  136. }
  137. /* */
  138. #outliner .Script:after {
  139. content: '{...}' /* ❮/❯ */
  140. }
粤ICP备19079148号