1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 | /* Editor */ .editor { position: relative; } .editor .render { height: 240px; width: 320px; margin: 8px auto; } .editor .source { border: 1px solid #ddd; border-radius: 3px; } .editor .controls { position: absolute;; z-index: 100; right: 8px; margin-top: -12px; } .editor .controls button { float: right; } .editor .errors { color: #ee0000; padding: 8px; font-size: 12px; background: #fee; border-bottom: 1px solid #eee; } .editor .errors .error { font-weight: bold } .editor .errors .message { font-style: italic; } .editor .errors .position { display: block; margin-top: 4px; } .editor.no-run .controls, .editor.no-run .render { display: none; } /* html type */ .editor.html .render { height: 400px; width: 800px; text-align: center; } .editor.html .render iframe { height: 100%; width: 100%; border: none; } /* CodeMirror */ .CodeMirror { background: #fafafa; } .CodeMirror.CodeMirror-focused { } .CodeMirror-scroll { height: auto; overflow: visible; overflow-x: auto; } .CodeMirror-lines pre, .CodeMirror-gutter pre { line-height: 16px; } |