textarea,input[type=text],body { margin:0; font-family: 'FixedsysExcelsior301Regular'; font-size: 12pt; font-weight: 100; line-height: 1; color:#6d6b6d; -webkit-font-smoothing: antialiased !important; } body { background-color: #000000 !important; } @font-face { font-family: 'FixedsysExcelsior301Regular'; src: url('../fonts/fsex300-webfont.eot'); src: url('../fonts/fsex300-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/fsex300-webfont.woff') format('woff'), url('../fonts/fsex300-webfont.ttf') format('truetype'), url('../fonts/fsex300-webfont.svg#FixedsysExcelsior301Regular') format('svg'); font-weight: normal; font-style: normal; } a {display: block} a:link, a:visited {text-decoration: none; color: #3b3740} {overflow: auto;} .rapper, .block { float: left; height:auto; width:auto; padding:4px; background-color: #000000; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .rapper { white-space:pre-wrap; word-wrap: break-word; } .block { padding-left: 30px; } .tool { cursor: pointer; } .rapper { cursor: crosshair; } body.grid span { border-right: 1px solid #444; border-top: 1px solid #444; border-bottom: 1px solid #444; } body.grid div { border-top: 1px solid #444; border-left: 1px solid #444; } .ed { color: #fff; } .focused { box-shadow: inset 0 0px 3px #fff; border-color: #fff; } .tool.focused, .ed.focused { color: white; text-decoration: underline; } body.loading { opacity: 0; } body { transition: 0.1s linear; } .focused { box-shadow: inset 1px 0 2px white, inset -1px 0 2px white, inset 0 1px 2px white, inset 0 -1px 2px white; } #shader_textarea { display: none; } #import_textarea { font-size: 9pt; } textarea { font-size:12pt; width: 45%; height: 300px; background: #333; color: #0f0; border: 0; font-family: 'FixedsysExcelsior301Regular'; outline: 0; border: 1px solid #333; background:#010;} #import_rapper { display: none; } #cursor_input { position: absolute; top: 0; right: 0; width:30px; opacity: 0; }