| /* the style here follows graydon/rust-www */ |
| |
| #active-code { |
| position: relative; |
| display: block; |
| padding: 10px; |
| border-radius: 4px; |
| background-color: #FDFDFD; |
| border: 1px solid #CCC; |
| } |
| |
| #editor { |
| padding: none; |
| margin: none; |
| width: 100%; |
| min-height: 72px; |
| font-size: 13px; |
| font-family: Menlo, Monaco, Consolas, "Courier New", monospace; |
| } |
| |
| #result { |
| color: #333; |
| background-color: #E2EEF6; |
| margin-top: 10px; |
| padding: 10px; |
| display: none; |
| border-radius: 4px; |
| font-family: Menlo, Monaco, Consolas, "Courier New", monospace; |
| } |
| |
| #reset-code { |
| position: absolute; |
| z-index: 10; |
| float: right; |
| right: 8px; |
| top: 50px; |
| outline: none; |
| } |
| |
| #run-code { |
| position: absolute; |
| z-index: 10; |
| float: right; |
| right: 8px; |
| top: 8px; |
| outline: none; |
| } |
| |
| .ace-error-text, .ace-error-line, .ace-warning-text, .ace-warning-line { |
| position: absolute; |
| } |
| |
| .ace-error-text { |
| background-color: #e9abab; |
| } |
| |
| .ace-error-line { |
| background-color: #F6E2E2; |
| } |
| |
| .ace-warning-text { |
| background-color: #FFEF00; |
| } |
| |
| .ace-warning-line { |
| background-color: #FFFBCB; |
| } |
| |
| .btn-primary { |
| color: #fff; |
| background-color: #428bca; |
| border-color: #357ebd; |
| border-radius: 4px; |
| } |
| .btn-primary:hover, |
| .btn-primary:focus, |
| .btn-primary:active { |
| color: #fff; |
| background-color: #3276b1; |
| border-color: #285e8e; |
| } |
| .btn-primary:active { |
| background-image: none; |
| } |