123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124 |
- * {
- vertical-align: middle;
- }
- body {
- font-family: Arial, sans-serif;
- font-size: 14px;
- margin: 0;
- overflow: hidden;
- }
- hr {
- border: 0px;
- border-top: 1px solid #ccc;
- }
- button {
- position: relative;
- }
- textarea {
- white-space: pre;
- word-wrap: normal;
- }
- .Panel {
- -moz-user-select: none;
- -webkit-user-select: none;
- -ms-user-select: none;
- /* No support for these yet */
- -o-user-select: none;
- user-select: none;
- }
- .CollapsiblePanel .CollapsiblePanelButton {
- float: left;
- margin-right: 6px;
- width: 0px;
- height: 0px;
- border: 6px solid transparent;
- }
- .CollapsiblePanel.collapsed .CollapsiblePanelButton {
- margin-top: 2px;
- border-left-color: #bbb;
- }
- .CollapsiblePanel:not(.collapsed) .CollapsiblePanelButton {
- margin-top: 6px;
- border-top-color: #bbb;
- }
- .CollapsiblePanel.collapsed .CollapsibleContent {
- display: none;
- }
- /* codemirror */
- .CodeMirror {
- border: 1px solid #ccc;
- }
- .CodeMirror.success {
- border-color: #8b8;
- }
- .CodeMirror.fail {
- border-color: #f00;
- background-color: rgba(255,0,0,0.05);
- }
- /* scene types */
- .type {
- position:relative;
- top:-2px;
- padding: 0px 2px;
- color: #ddd;
- }
- .type:after {
- content: '■';
- }
- .Scene {
- color: #ccccff;
- }
- .Object3D {
- color: #aaaaee;
- }
- .Mesh {
- color: #8888ee;
- }
- /* */
- .PointLight {
- color: #dddd00;
- }
- /* */
- .Geometry {
- color: #88ff88;
- }
- .BoxGeometry {
- color: #bbeebb;
- }
- .TorusGeometry {
- color: #aaeeaa;
- }
- /* */
- .Material {
- color: #ff8888;
- }
- .MeshPhongMaterial {
- color: #ffaa88;
- }
|