html5 boiler plate
[scannr.git] / js / flotr2 / examples / editor.css
blob:a/js/flotr2/examples/editor.css -> blob:b/js/flotr2/examples/editor.css
--- a/js/flotr2/examples/editor.css
+++ b/js/flotr2/examples/editor.css
@@ -1,1 +1,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;
+}
+
+