diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 57 |
1 files changed, 35 insertions, 22 deletions
@@ -11,7 +11,10 @@ body.grid div { border-top: 1px solid #444; border-left: 1px solid #444; } 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; float: right; font-size:12pt; width: 45%; height: 400px; background: #333; color: #0f0; border: 0; font-family: 'FixedsysExcelsior301Regular'; outline: 0; border: 1px solid #333; background:#010;} +#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; } </style> @@ -25,31 +28,41 @@ body { transition: 0.1s linear; } <div id="palette_rapper" class="rapper"></div> <div id="brush_rapper" class="rapper"></div> <div id="tools_rapper" class="block"> - <span id="square_el" class="tool">square</span> - <span id="circle_el" class="tool">circle</span> - <span id="text_el" class="tool">text</span> - <span id="clear_el" class="tool">clear</span> - <span id="grid_el" class="tool">grid</span> - <span id="shader_el" class="tool">shader</span> - <span id="import_el" class="tool">import</span> - <span id="export_el" class="tool">export</span> + <span id="square_el" class="tool">square</span><br> + <span id="circle_el" class="tool">circle</span><br> + <span id="text_el" class="tool">text</span><br> + <span id="clear_el" class="tool">clear</span><br> + <span id="grid_el" class="tool">grid</span><br> + <br> + brush size: <span id="width_el" class="ed">5</span> x <span id="height_el" class="ed">5</span><br> + canvas size: <span id="canvas_width_el" class="ed">80</span> x <span id="canvas_height_el" class="ed">24</span><br> + <br> + <span id="animate_checkbox" class="tool">_ animate</span><br> + </div> + + <div id="textarea_mode"> + <div> + <span id="shader_el" class="tool">shader</span> + <span id="load_el" class="tool">load</span> + <span id="save_el" class="tool">save</span> + </div> + + <div id="import_rapper"> + <span id="format_group"> + <input type="radio" name="import_format" id="import_ascii"><label for="import_ascii">ascii</label> + <input type="radio" name="import_format" id="import_irssi"><label for="import_irssi">irssi</label> + <input type="radio" name="import_format" id="import_mirc"><label for="import_mirc">mirc</label> + </span> + <button id="import_button">import</button> + <button id="export_button">export</button><br> + <textarea id="import_textarea"></textarea> + </div> - brush size: <span id="width_el" class="ed">5</span> x <span id="height_el" class="ed">5</span> - canvas size: <span id="canvas_width_el" class="ed">80</span> x <span id="canvas_height_el" class="ed">24</span> - - <span id="animate_checkbox" class="tool">_ animate</span> + <textarea id="shader_textarea"></textarea> </div> - <textarea id="shader_textarea"></textarea> + </div> - <div id="import_rapper"> - <input type="radio" name="import_format" id="import_ascii"><label for="import_ascii">ascii</label> - <input type="radio" name="import_format" id="import_irssi"><label for="import_irssi">irssi</label> - <input type="radio" name="import_format" id="import_mirc"><label for="import_mirc">mirc</label> - <button id="import_button">import</button> - <button id="export_button">export</button> - <textarea id="import_textarea" cols=80 rows=24></textarea> - </div> <input type="text" id="cursor_input"> |