Mercurial > repos > tabletprog
view editor.css @ 12:6e4851a204a5
Add ability to load code into editor
author | Mike Pavone <pavone@retrodev.com> |
---|---|
date | Wed, 21 Mar 2012 23:13:51 -0700 |
parents | 3d1b8e96f5dc |
children | e69f5ab0a453 |
line wrap: on
line source
body, html { width: 100%; height: 100%; margin: 0; } body > div { margin: 0; } .controls { width: 15%; height: 100%; display: inline-block; padding: 0; margin: 0; vertical-align: top; } #src { width: 70%; display: inline-block; padding: 0; margin: 0; white-space: pre; font-family: monospace; overflow: auto; height: 100%; } #editor { display: none; height: 100%; } body.editorMode > #editor { display: block; } body.editorMode > #browser { display: none; } #editor ul { border-style: solid; border-color: black; border-width: 1px; display: block; padding: 2px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height: 50%; margin: 0; overflow: auto; } #editor ul:first-child { border-bottom-width: 0px; } #editor #operators, #editor .showops > #builtin { display: none; } #editor .showops > #operators { display: block; } #editor li { display: inline-block; border-style: solid; border-color: lightgrey; border-width: 1px; padding: 2px; margin: 4px; min-width: 9mm; min-height: 9mm; cursor: pointer; }