-
-
-
-
+
+
@@ -66,7 +67,7 @@ By
Joshua Bell
-
+
diff --git a/index.js b/index.js
index 9ca9aae..462e04b 100644
--- a/index.js
+++ b/index.js
@@ -150,24 +150,16 @@ window.onload = function () {
printer = null;
});
-
// Mouse-as-Joystick
var wrapper = $('#screen-wrapper');
addEvent(wrapper, 'mousemove', function (e) {
- // compute relative coordinates
- var x = e.clientX, y = e.clientY, elem = wrapper;
- while (elem) {
- x -= elem.offsetLeft - elem.scrollLeft;
- y -= elem.offsetTop - elem.scrollTop;
- elem = elem.offsetParent;
- }
-
- function clamp(n, min, max) { return Math.min(Math.max(n, min), max); }
- pdl[0] = clamp(x / (wrapper.offsetWidth - 1), 0, 1);
- pdl[1] = clamp(y / (wrapper.offsetHeight - 1), 0, 1);
+ var rect = wrapper.getBoundingClientRect(),
+ x = e.clientX - rect.left, y = e.clientY - rect.top;
+ function clamp(n, min, max) { return n < min ? min : n > max ? max : n; }
+ pdl[0] = clamp(x / (rect.width - 1), 0, 1);
+ pdl[1] = clamp(y / (rect.height - 1), 0, 1);
});
-
var stopped = true;
function updateUI() {
$("#btn_stop").disabled = stopped ? "disabled" : "";
diff --git a/lores.js b/lores.js
index 343fcd9..74bd740 100644
--- a/lores.js
+++ b/lores.js
@@ -83,15 +83,15 @@ function LoRes(element, width, height) {
loresPixel.length = width * height;
table = document.createElement('table');
- table.className = 'loresDisplay';
+ table.className = 'jsb-lores-display';
tbody = document.createElement('tbody');
for (y = 0; y < height; y += 1) {
tr = document.createElement('tr');
- tr.className = 'loresRow';
+ tr.className = 'jsb-lores-row';
for (x = 0; x < width; x += 1) {
td = document.createElement('td');
- td.className = 'loresPixel';
+ td.className = 'jsb-lores-pixel';
td.style.backgroundColor = 'black';
loresPixel[y * width + x] = td;
diff --git a/samples/sample.charset.txt b/samples/sample.charset.txt
index af2c474..33fecf8 100644
--- a/samples/sample.charset.txt
+++ b/samples/sample.charset.txt
@@ -6,8 +6,14 @@
200 PR#3 : PRINT CHR$(17); : HOME
210 PRINT "80 Col Firmware Active"
220 GOSUB 1000
+230 PRINT : PRINT "Press any key "; : GET A$
-999 END
+300 PR#3 : HOME
+310 PRINT "80 Col Firmware Active"
+320 GOSUB 1000
+330 PRINT : PRINT "Press any key "; : GET A$
+
+999 GOTO 100
1000 PRINT : PRINT "Normal" : NORMAL : GOSUB 2000 : NORMAL
1010 PRINT : PRINT "Inverse" : INVERSE : GOSUB 2000 : NORMAL
@@ -15,9 +21,9 @@
1030 PRINT : PRINT "Mousetext" : PRINT CHR$(27);CHR$(15); : GOSUB 2000 : PRINT CHR$(14);CHR$(24)
1040 RETURN
-2000 FOR I = 32 TO 127 STEP 32
-2010 : FOR J = 0 TO 31
-2020 :: PRINT CHR$(I+J);
-2030 : NEXT : PRINT
+2000 FOR I = 32 TO 127 STEP 32
+2010 : FOR J = 0 TO 31
+2020 :: PRINT CHR$(I+J);
+2030 : NEXT : PRINT
2040 NEXT
-2050 RETURN
\ No newline at end of file
+2050 RETURN
diff --git a/styles.css b/styles.css
index aa7412a..b8f8365 100644
--- a/styles.css
+++ b/styles.css
@@ -36,919 +36,3 @@ body.printout #paper { display: block; }
body.printout #show_paper { display: none; }
body.printout #hide_paper { display: inline-block; }
-/* Apple II Screen */
-.frame {width: 560px; height: 384px; border-style: ridge; border-width: 10px; border-color: gray; padding: 10px; background-color: #202020; }
-.frame:focus { background-color: #204020; }
-.wrapper { width: 560px; height: 384px; overflow: hidden; padding: 0; margin: 0; position: relative; }
-.lores {position: absolute; z-index: 2; left: 0; top: 0; width: 560px; height: 384px; overflow: hidden; visibility: hidden; }
-.hires {position: absolute; z-index: 2; left: 0; top: 0; width: 560px; height: 384px; overflow: hidden; visibility: hidden; background-color: #000000; }
-.tty {position: absolute; z-index: 3; left: 0; top: 0; width: 560px; height: 384px; overflow: hidden; }
-
-
-/* Character cells */
-.normal { background-color: #000000; color: #80ff80; }
-.inverse { background-color: #80ff80; color: #000000; }
-.row { background-color: #000000; } /* Background leaks through on safari even with margin/padding/border of 0 */
-
-.a2c { height: 16px; line-height: 0; border: 0; padding: 0; margin: 0; background-repeat:no-repeat; }
-.a2c-cursor { position: relative; display: inline-block; }
-.tty_tr { height: 16px; }
-.tty_table { table-layout: fixed; border-collapse: collapse; }
-
-/*
- function pos(code, sw) {
- var x = Math.floor(code / 16);
- var y = code % 16;
- x = -( sw > 40 ? 1 : 2 )* (3 + 13 * x);
- y = -2 * (4 + 13 * y);
- return String(x) + 'px ' + String(y) + 'px';
- }
- function gen(cc, sc, sw, styles) {
- console.log('.tty_'+sw+'col'+styles+' .a2c'+cc+' { background-position: '+ pos(sc,sw)+' }');
- }
- for( sw = 40; sw <= 80; sw += 40) {
- // 0x00-0x1F = INVERSE @ABC…XYZ[\]^_
- // 0x20-0x3F = INVERSE !"#$…<=>?
-
- for (i = 0x00; i < 0x20; i++) { gen(i+0x00, i+0xC0, sw, ''); }
- for (i = 0x00; i < 0x20; i++) { gen(i+0x20, i+0xA0, sw, ''); }
-
- // 80-column firmware inactive
- // 0x40-0x5F = FLASH @ABC…XYZ[\]^_
- // 0x60-0x7F = FLASH !"#$…<=>?
-
- for (i = 0x00; i < 0x20; i++) { gen(i+0x40, i+0x40, sw, ''); }
- for (i = 0x00; i < 0x20; i++) { gen(i+0x40, i+0xC0, sw, '.flash'); }
- for (i = 0x00; i < 0x20; i++) { gen(i+0x60, i+0x20, sw, ''); }
- for (i = 0x00; i < 0x20; i++) { gen(i+0x60, i+0xA0, sw, '.flash'); }
-
- // 80-column firmware active
- // 0x40-0x5F = MOUSETEXT
- // 0x60-0x7F = INVERSE `abc…{|}~
-
- for (i = 0x00; i < 0x20; i++) { gen(i+0x40, i+0x80, sw, '.active'); }
- for (i = 0x00; i < 0x20; i++) { gen(i+0x60, i+0xE0, sw, '.active'); }
-
- // 0x80-0x9F = NORMAL @ABC…XYZ[\]^_
- // 0xA0-0xBF = NORMAL !"#$…<=>?
- // 0xC0-0xDF = NORMAL @ABC…XYZ[\]^_
- // 0xE0-0xFF = NORMAL `abc…{|}~
-
- for (i = 0x00; i < 0x20; i++) { gen(i+0x80, i+0x40, sw, ''); }
- for (i = 0x00; i < 0x20; i++) { gen(i+0xA0, i+0x20, sw, ''); }
- for (i = 0x00; i < 0x20; i++) { gen(i+0xC0, i+0x40, sw, ''); }
- for (i = 0x00; i < 0x20; i++) { gen(i+0xE0, i+0x60, sw, ''); }
-
- // Extension symbols
- for (i = 0x00; i < 0x20; i++) { gen(i+0x100, i+0x100, sw, ''); }
- }
-*/
-
-/* 40 Column Text */
-.tty_40col .a2c { background-image: url(font-40col.png); width: 14px; }
-
-/* 80 Column Text */
-.tty_80col .a2c { background-image: url(font-80col.png); width: 7px; }
-
-.tty_40col .a2c0 { background-position: -318px -8px }
-.tty_40col .a2c1 { background-position: -318px -34px }
-.tty_40col .a2c2 { background-position: -318px -60px }
-.tty_40col .a2c3 { background-position: -318px -86px }
-.tty_40col .a2c4 { background-position: -318px -112px }
-.tty_40col .a2c5 { background-position: -318px -138px }
-.tty_40col .a2c6 { background-position: -318px -164px }
-.tty_40col .a2c7 { background-position: -318px -190px }
-.tty_40col .a2c8 { background-position: -318px -216px }
-.tty_40col .a2c9 { background-position: -318px -242px }
-.tty_40col .a2c10 { background-position: -318px -268px }
-.tty_40col .a2c11 { background-position: -318px -294px }
-.tty_40col .a2c12 { background-position: -318px -320px }
-.tty_40col .a2c13 { background-position: -318px -346px }
-.tty_40col .a2c14 { background-position: -318px -372px }
-.tty_40col .a2c15 { background-position: -318px -398px }
-.tty_40col .a2c16 { background-position: -344px -8px }
-.tty_40col .a2c17 { background-position: -344px -34px }
-.tty_40col .a2c18 { background-position: -344px -60px }
-.tty_40col .a2c19 { background-position: -344px -86px }
-.tty_40col .a2c20 { background-position: -344px -112px }
-.tty_40col .a2c21 { background-position: -344px -138px }
-.tty_40col .a2c22 { background-position: -344px -164px }
-.tty_40col .a2c23 { background-position: -344px -190px }
-.tty_40col .a2c24 { background-position: -344px -216px }
-.tty_40col .a2c25 { background-position: -344px -242px }
-.tty_40col .a2c26 { background-position: -344px -268px }
-.tty_40col .a2c27 { background-position: -344px -294px }
-.tty_40col .a2c28 { background-position: -344px -320px }
-.tty_40col .a2c29 { background-position: -344px -346px }
-.tty_40col .a2c30 { background-position: -344px -372px }
-.tty_40col .a2c31 { background-position: -344px -398px }
-.tty_40col .a2c32 { background-position: -266px -8px }
-.tty_40col .a2c33 { background-position: -266px -34px }
-.tty_40col .a2c34 { background-position: -266px -60px }
-.tty_40col .a2c35 { background-position: -266px -86px }
-.tty_40col .a2c36 { background-position: -266px -112px }
-.tty_40col .a2c37 { background-position: -266px -138px }
-.tty_40col .a2c38 { background-position: -266px -164px }
-.tty_40col .a2c39 { background-position: -266px -190px }
-.tty_40col .a2c40 { background-position: -266px -216px }
-.tty_40col .a2c41 { background-position: -266px -242px }
-.tty_40col .a2c42 { background-position: -266px -268px }
-.tty_40col .a2c43 { background-position: -266px -294px }
-.tty_40col .a2c44 { background-position: -266px -320px }
-.tty_40col .a2c45 { background-position: -266px -346px }
-.tty_40col .a2c46 { background-position: -266px -372px }
-.tty_40col .a2c47 { background-position: -266px -398px }
-.tty_40col .a2c48 { background-position: -292px -8px }
-.tty_40col .a2c49 { background-position: -292px -34px }
-.tty_40col .a2c50 { background-position: -292px -60px }
-.tty_40col .a2c51 { background-position: -292px -86px }
-.tty_40col .a2c52 { background-position: -292px -112px }
-.tty_40col .a2c53 { background-position: -292px -138px }
-.tty_40col .a2c54 { background-position: -292px -164px }
-.tty_40col .a2c55 { background-position: -292px -190px }
-.tty_40col .a2c56 { background-position: -292px -216px }
-.tty_40col .a2c57 { background-position: -292px -242px }
-.tty_40col .a2c58 { background-position: -292px -268px }
-.tty_40col .a2c59 { background-position: -292px -294px }
-.tty_40col .a2c60 { background-position: -292px -320px }
-.tty_40col .a2c61 { background-position: -292px -346px }
-.tty_40col .a2c62 { background-position: -292px -372px }
-.tty_40col .a2c63 { background-position: -292px -398px }
-.tty_40col .a2c64 { background-position: -110px -8px }
-.tty_40col .a2c65 { background-position: -110px -34px }
-.tty_40col .a2c66 { background-position: -110px -60px }
-.tty_40col .a2c67 { background-position: -110px -86px }
-.tty_40col .a2c68 { background-position: -110px -112px }
-.tty_40col .a2c69 { background-position: -110px -138px }
-.tty_40col .a2c70 { background-position: -110px -164px }
-.tty_40col .a2c71 { background-position: -110px -190px }
-.tty_40col .a2c72 { background-position: -110px -216px }
-.tty_40col .a2c73 { background-position: -110px -242px }
-.tty_40col .a2c74 { background-position: -110px -268px }
-.tty_40col .a2c75 { background-position: -110px -294px }
-.tty_40col .a2c76 { background-position: -110px -320px }
-.tty_40col .a2c77 { background-position: -110px -346px }
-.tty_40col .a2c78 { background-position: -110px -372px }
-.tty_40col .a2c79 { background-position: -110px -398px }
-.tty_40col .a2c80 { background-position: -136px -8px }
-.tty_40col .a2c81 { background-position: -136px -34px }
-.tty_40col .a2c82 { background-position: -136px -60px }
-.tty_40col .a2c83 { background-position: -136px -86px }
-.tty_40col .a2c84 { background-position: -136px -112px }
-.tty_40col .a2c85 { background-position: -136px -138px }
-.tty_40col .a2c86 { background-position: -136px -164px }
-.tty_40col .a2c87 { background-position: -136px -190px }
-.tty_40col .a2c88 { background-position: -136px -216px }
-.tty_40col .a2c89 { background-position: -136px -242px }
-.tty_40col .a2c90 { background-position: -136px -268px }
-.tty_40col .a2c91 { background-position: -136px -294px }
-.tty_40col .a2c92 { background-position: -136px -320px }
-.tty_40col .a2c93 { background-position: -136px -346px }
-.tty_40col .a2c94 { background-position: -136px -372px }
-.tty_40col .a2c95 { background-position: -136px -398px }
-.tty_40col.flash .a2c64 { background-position: -318px -8px }
-.tty_40col.flash .a2c65 { background-position: -318px -34px }
-.tty_40col.flash .a2c66 { background-position: -318px -60px }
-.tty_40col.flash .a2c67 { background-position: -318px -86px }
-.tty_40col.flash .a2c68 { background-position: -318px -112px }
-.tty_40col.flash .a2c69 { background-position: -318px -138px }
-.tty_40col.flash .a2c70 { background-position: -318px -164px }
-.tty_40col.flash .a2c71 { background-position: -318px -190px }
-.tty_40col.flash .a2c72 { background-position: -318px -216px }
-.tty_40col.flash .a2c73 { background-position: -318px -242px }
-.tty_40col.flash .a2c74 { background-position: -318px -268px }
-.tty_40col.flash .a2c75 { background-position: -318px -294px }
-.tty_40col.flash .a2c76 { background-position: -318px -320px }
-.tty_40col.flash .a2c77 { background-position: -318px -346px }
-.tty_40col.flash .a2c78 { background-position: -318px -372px }
-.tty_40col.flash .a2c79 { background-position: -318px -398px }
-.tty_40col.flash .a2c80 { background-position: -344px -8px }
-.tty_40col.flash .a2c81 { background-position: -344px -34px }
-.tty_40col.flash .a2c82 { background-position: -344px -60px }
-.tty_40col.flash .a2c83 { background-position: -344px -86px }
-.tty_40col.flash .a2c84 { background-position: -344px -112px }
-.tty_40col.flash .a2c85 { background-position: -344px -138px }
-.tty_40col.flash .a2c86 { background-position: -344px -164px }
-.tty_40col.flash .a2c87 { background-position: -344px -190px }
-.tty_40col.flash .a2c88 { background-position: -344px -216px }
-.tty_40col.flash .a2c89 { background-position: -344px -242px }
-.tty_40col.flash .a2c90 { background-position: -344px -268px }
-.tty_40col.flash .a2c91 { background-position: -344px -294px }
-.tty_40col.flash .a2c92 { background-position: -344px -320px }
-.tty_40col.flash .a2c93 { background-position: -344px -346px }
-.tty_40col.flash .a2c94 { background-position: -344px -372px }
-.tty_40col.flash .a2c95 { background-position: -344px -398px }
-.tty_40col .a2c96 { background-position: -58px -8px }
-.tty_40col .a2c97 { background-position: -58px -34px }
-.tty_40col .a2c98 { background-position: -58px -60px }
-.tty_40col .a2c99 { background-position: -58px -86px }
-.tty_40col .a2c100 { background-position: -58px -112px }
-.tty_40col .a2c101 { background-position: -58px -138px }
-.tty_40col .a2c102 { background-position: -58px -164px }
-.tty_40col .a2c103 { background-position: -58px -190px }
-.tty_40col .a2c104 { background-position: -58px -216px }
-.tty_40col .a2c105 { background-position: -58px -242px }
-.tty_40col .a2c106 { background-position: -58px -268px }
-.tty_40col .a2c107 { background-position: -58px -294px }
-.tty_40col .a2c108 { background-position: -58px -320px }
-.tty_40col .a2c109 { background-position: -58px -346px }
-.tty_40col .a2c110 { background-position: -58px -372px }
-.tty_40col .a2c111 { background-position: -58px -398px }
-.tty_40col .a2c112 { background-position: -84px -8px }
-.tty_40col .a2c113 { background-position: -84px -34px }
-.tty_40col .a2c114 { background-position: -84px -60px }
-.tty_40col .a2c115 { background-position: -84px -86px }
-.tty_40col .a2c116 { background-position: -84px -112px }
-.tty_40col .a2c117 { background-position: -84px -138px }
-.tty_40col .a2c118 { background-position: -84px -164px }
-.tty_40col .a2c119 { background-position: -84px -190px }
-.tty_40col .a2c120 { background-position: -84px -216px }
-.tty_40col .a2c121 { background-position: -84px -242px }
-.tty_40col .a2c122 { background-position: -84px -268px }
-.tty_40col .a2c123 { background-position: -84px -294px }
-.tty_40col .a2c124 { background-position: -84px -320px }
-.tty_40col .a2c125 { background-position: -84px -346px }
-.tty_40col .a2c126 { background-position: -84px -372px }
-.tty_40col .a2c127 { background-position: -84px -398px }
-.tty_40col.flash .a2c96 { background-position: -266px -8px }
-.tty_40col.flash .a2c97 { background-position: -266px -34px }
-.tty_40col.flash .a2c98 { background-position: -266px -60px }
-.tty_40col.flash .a2c99 { background-position: -266px -86px }
-.tty_40col.flash .a2c100 { background-position: -266px -112px }
-.tty_40col.flash .a2c101 { background-position: -266px -138px }
-.tty_40col.flash .a2c102 { background-position: -266px -164px }
-.tty_40col.flash .a2c103 { background-position: -266px -190px }
-.tty_40col.flash .a2c104 { background-position: -266px -216px }
-.tty_40col.flash .a2c105 { background-position: -266px -242px }
-.tty_40col.flash .a2c106 { background-position: -266px -268px }
-.tty_40col.flash .a2c107 { background-position: -266px -294px }
-.tty_40col.flash .a2c108 { background-position: -266px -320px }
-.tty_40col.flash .a2c109 { background-position: -266px -346px }
-.tty_40col.flash .a2c110 { background-position: -266px -372px }
-.tty_40col.flash .a2c111 { background-position: -266px -398px }
-.tty_40col.flash .a2c112 { background-position: -292px -8px }
-.tty_40col.flash .a2c113 { background-position: -292px -34px }
-.tty_40col.flash .a2c114 { background-position: -292px -60px }
-.tty_40col.flash .a2c115 { background-position: -292px -86px }
-.tty_40col.flash .a2c116 { background-position: -292px -112px }
-.tty_40col.flash .a2c117 { background-position: -292px -138px }
-.tty_40col.flash .a2c118 { background-position: -292px -164px }
-.tty_40col.flash .a2c119 { background-position: -292px -190px }
-.tty_40col.flash .a2c120 { background-position: -292px -216px }
-.tty_40col.flash .a2c121 { background-position: -292px -242px }
-.tty_40col.flash .a2c122 { background-position: -292px -268px }
-.tty_40col.flash .a2c123 { background-position: -292px -294px }
-.tty_40col.flash .a2c124 { background-position: -292px -320px }
-.tty_40col.flash .a2c125 { background-position: -292px -346px }
-.tty_40col.flash .a2c126 { background-position: -292px -372px }
-.tty_40col.flash .a2c127 { background-position: -292px -398px }
-.tty_40col.active .a2c64 { background-position: -214px -8px }
-.tty_40col.active .a2c65 { background-position: -214px -34px }
-.tty_40col.active .a2c66 { background-position: -214px -60px }
-.tty_40col.active .a2c67 { background-position: -214px -86px }
-.tty_40col.active .a2c68 { background-position: -214px -112px }
-.tty_40col.active .a2c69 { background-position: -214px -138px }
-.tty_40col.active .a2c70 { background-position: -214px -164px }
-.tty_40col.active .a2c71 { background-position: -214px -190px }
-.tty_40col.active .a2c72 { background-position: -214px -216px }
-.tty_40col.active .a2c73 { background-position: -214px -242px }
-.tty_40col.active .a2c74 { background-position: -214px -268px }
-.tty_40col.active .a2c75 { background-position: -214px -294px }
-.tty_40col.active .a2c76 { background-position: -214px -320px }
-.tty_40col.active .a2c77 { background-position: -214px -346px }
-.tty_40col.active .a2c78 { background-position: -214px -372px }
-.tty_40col.active .a2c79 { background-position: -214px -398px }
-.tty_40col.active .a2c80 { background-position: -240px -8px }
-.tty_40col.active .a2c81 { background-position: -240px -34px }
-.tty_40col.active .a2c82 { background-position: -240px -60px }
-.tty_40col.active .a2c83 { background-position: -240px -86px }
-.tty_40col.active .a2c84 { background-position: -240px -112px }
-.tty_40col.active .a2c85 { background-position: -240px -138px }
-.tty_40col.active .a2c86 { background-position: -240px -164px }
-.tty_40col.active .a2c87 { background-position: -240px -190px }
-.tty_40col.active .a2c88 { background-position: -240px -216px }
-.tty_40col.active .a2c89 { background-position: -240px -242px }
-.tty_40col.active .a2c90 { background-position: -240px -268px }
-.tty_40col.active .a2c91 { background-position: -240px -294px }
-.tty_40col.active .a2c92 { background-position: -240px -320px }
-.tty_40col.active .a2c93 { background-position: -240px -346px }
-.tty_40col.active .a2c94 { background-position: -240px -372px }
-.tty_40col.active .a2c95 { background-position: -240px -398px }
-.tty_40col.active .a2c96 { background-position: -370px -8px }
-.tty_40col.active .a2c97 { background-position: -370px -34px }
-.tty_40col.active .a2c98 { background-position: -370px -60px }
-.tty_40col.active .a2c99 { background-position: -370px -86px }
-.tty_40col.active .a2c100 { background-position: -370px -112px }
-.tty_40col.active .a2c101 { background-position: -370px -138px }
-.tty_40col.active .a2c102 { background-position: -370px -164px }
-.tty_40col.active .a2c103 { background-position: -370px -190px }
-.tty_40col.active .a2c104 { background-position: -370px -216px }
-.tty_40col.active .a2c105 { background-position: -370px -242px }
-.tty_40col.active .a2c106 { background-position: -370px -268px }
-.tty_40col.active .a2c107 { background-position: -370px -294px }
-.tty_40col.active .a2c108 { background-position: -370px -320px }
-.tty_40col.active .a2c109 { background-position: -370px -346px }
-.tty_40col.active .a2c110 { background-position: -370px -372px }
-.tty_40col.active .a2c111 { background-position: -370px -398px }
-.tty_40col.active .a2c112 { background-position: -396px -8px }
-.tty_40col.active .a2c113 { background-position: -396px -34px }
-.tty_40col.active .a2c114 { background-position: -396px -60px }
-.tty_40col.active .a2c115 { background-position: -396px -86px }
-.tty_40col.active .a2c116 { background-position: -396px -112px }
-.tty_40col.active .a2c117 { background-position: -396px -138px }
-.tty_40col.active .a2c118 { background-position: -396px -164px }
-.tty_40col.active .a2c119 { background-position: -396px -190px }
-.tty_40col.active .a2c120 { background-position: -396px -216px }
-.tty_40col.active .a2c121 { background-position: -396px -242px }
-.tty_40col.active .a2c122 { background-position: -396px -268px }
-.tty_40col.active .a2c123 { background-position: -396px -294px }
-.tty_40col.active .a2c124 { background-position: -396px -320px }
-.tty_40col.active .a2c125 { background-position: -396px -346px }
-.tty_40col.active .a2c126 { background-position: -396px -372px }
-.tty_40col.active .a2c127 { background-position: -396px -398px }
-.tty_40col .a2c128 { background-position: -110px -8px }
-.tty_40col .a2c129 { background-position: -110px -34px }
-.tty_40col .a2c130 { background-position: -110px -60px }
-.tty_40col .a2c131 { background-position: -110px -86px }
-.tty_40col .a2c132 { background-position: -110px -112px }
-.tty_40col .a2c133 { background-position: -110px -138px }
-.tty_40col .a2c134 { background-position: -110px -164px }
-.tty_40col .a2c135 { background-position: -110px -190px }
-.tty_40col .a2c136 { background-position: -110px -216px }
-.tty_40col .a2c137 { background-position: -110px -242px }
-.tty_40col .a2c138 { background-position: -110px -268px }
-.tty_40col .a2c139 { background-position: -110px -294px }
-.tty_40col .a2c140 { background-position: -110px -320px }
-.tty_40col .a2c141 { background-position: -110px -346px }
-.tty_40col .a2c142 { background-position: -110px -372px }
-.tty_40col .a2c143 { background-position: -110px -398px }
-.tty_40col .a2c144 { background-position: -136px -8px }
-.tty_40col .a2c145 { background-position: -136px -34px }
-.tty_40col .a2c146 { background-position: -136px -60px }
-.tty_40col .a2c147 { background-position: -136px -86px }
-.tty_40col .a2c148 { background-position: -136px -112px }
-.tty_40col .a2c149 { background-position: -136px -138px }
-.tty_40col .a2c150 { background-position: -136px -164px }
-.tty_40col .a2c151 { background-position: -136px -190px }
-.tty_40col .a2c152 { background-position: -136px -216px }
-.tty_40col .a2c153 { background-position: -136px -242px }
-.tty_40col .a2c154 { background-position: -136px -268px }
-.tty_40col .a2c155 { background-position: -136px -294px }
-.tty_40col .a2c156 { background-position: -136px -320px }
-.tty_40col .a2c157 { background-position: -136px -346px }
-.tty_40col .a2c158 { background-position: -136px -372px }
-.tty_40col .a2c159 { background-position: -136px -398px }
-.tty_40col .a2c160 { background-position: -58px -8px }
-.tty_40col .a2c161 { background-position: -58px -34px }
-.tty_40col .a2c162 { background-position: -58px -60px }
-.tty_40col .a2c163 { background-position: -58px -86px }
-.tty_40col .a2c164 { background-position: -58px -112px }
-.tty_40col .a2c165 { background-position: -58px -138px }
-.tty_40col .a2c166 { background-position: -58px -164px }
-.tty_40col .a2c167 { background-position: -58px -190px }
-.tty_40col .a2c168 { background-position: -58px -216px }
-.tty_40col .a2c169 { background-position: -58px -242px }
-.tty_40col .a2c170 { background-position: -58px -268px }
-.tty_40col .a2c171 { background-position: -58px -294px }
-.tty_40col .a2c172 { background-position: -58px -320px }
-.tty_40col .a2c173 { background-position: -58px -346px }
-.tty_40col .a2c174 { background-position: -58px -372px }
-.tty_40col .a2c175 { background-position: -58px -398px }
-.tty_40col .a2c176 { background-position: -84px -8px }
-.tty_40col .a2c177 { background-position: -84px -34px }
-.tty_40col .a2c178 { background-position: -84px -60px }
-.tty_40col .a2c179 { background-position: -84px -86px }
-.tty_40col .a2c180 { background-position: -84px -112px }
-.tty_40col .a2c181 { background-position: -84px -138px }
-.tty_40col .a2c182 { background-position: -84px -164px }
-.tty_40col .a2c183 { background-position: -84px -190px }
-.tty_40col .a2c184 { background-position: -84px -216px }
-.tty_40col .a2c185 { background-position: -84px -242px }
-.tty_40col .a2c186 { background-position: -84px -268px }
-.tty_40col .a2c187 { background-position: -84px -294px }
-.tty_40col .a2c188 { background-position: -84px -320px }
-.tty_40col .a2c189 { background-position: -84px -346px }
-.tty_40col .a2c190 { background-position: -84px -372px }
-.tty_40col .a2c191 { background-position: -84px -398px }
-.tty_40col .a2c192 { background-position: -110px -8px }
-.tty_40col .a2c193 { background-position: -110px -34px }
-.tty_40col .a2c194 { background-position: -110px -60px }
-.tty_40col .a2c195 { background-position: -110px -86px }
-.tty_40col .a2c196 { background-position: -110px -112px }
-.tty_40col .a2c197 { background-position: -110px -138px }
-.tty_40col .a2c198 { background-position: -110px -164px }
-.tty_40col .a2c199 { background-position: -110px -190px }
-.tty_40col .a2c200 { background-position: -110px -216px }
-.tty_40col .a2c201 { background-position: -110px -242px }
-.tty_40col .a2c202 { background-position: -110px -268px }
-.tty_40col .a2c203 { background-position: -110px -294px }
-.tty_40col .a2c204 { background-position: -110px -320px }
-.tty_40col .a2c205 { background-position: -110px -346px }
-.tty_40col .a2c206 { background-position: -110px -372px }
-.tty_40col .a2c207 { background-position: -110px -398px }
-.tty_40col .a2c208 { background-position: -136px -8px }
-.tty_40col .a2c209 { background-position: -136px -34px }
-.tty_40col .a2c210 { background-position: -136px -60px }
-.tty_40col .a2c211 { background-position: -136px -86px }
-.tty_40col .a2c212 { background-position: -136px -112px }
-.tty_40col .a2c213 { background-position: -136px -138px }
-.tty_40col .a2c214 { background-position: -136px -164px }
-.tty_40col .a2c215 { background-position: -136px -190px }
-.tty_40col .a2c216 { background-position: -136px -216px }
-.tty_40col .a2c217 { background-position: -136px -242px }
-.tty_40col .a2c218 { background-position: -136px -268px }
-.tty_40col .a2c219 { background-position: -136px -294px }
-.tty_40col .a2c220 { background-position: -136px -320px }
-.tty_40col .a2c221 { background-position: -136px -346px }
-.tty_40col .a2c222 { background-position: -136px -372px }
-.tty_40col .a2c223 { background-position: -136px -398px }
-.tty_40col .a2c224 { background-position: -162px -8px }
-.tty_40col .a2c225 { background-position: -162px -34px }
-.tty_40col .a2c226 { background-position: -162px -60px }
-.tty_40col .a2c227 { background-position: -162px -86px }
-.tty_40col .a2c228 { background-position: -162px -112px }
-.tty_40col .a2c229 { background-position: -162px -138px }
-.tty_40col .a2c230 { background-position: -162px -164px }
-.tty_40col .a2c231 { background-position: -162px -190px }
-.tty_40col .a2c232 { background-position: -162px -216px }
-.tty_40col .a2c233 { background-position: -162px -242px }
-.tty_40col .a2c234 { background-position: -162px -268px }
-.tty_40col .a2c235 { background-position: -162px -294px }
-.tty_40col .a2c236 { background-position: -162px -320px }
-.tty_40col .a2c237 { background-position: -162px -346px }
-.tty_40col .a2c238 { background-position: -162px -372px }
-.tty_40col .a2c239 { background-position: -162px -398px }
-.tty_40col .a2c240 { background-position: -188px -8px }
-.tty_40col .a2c241 { background-position: -188px -34px }
-.tty_40col .a2c242 { background-position: -188px -60px }
-.tty_40col .a2c243 { background-position: -188px -86px }
-.tty_40col .a2c244 { background-position: -188px -112px }
-.tty_40col .a2c245 { background-position: -188px -138px }
-.tty_40col .a2c246 { background-position: -188px -164px }
-.tty_40col .a2c247 { background-position: -188px -190px }
-.tty_40col .a2c248 { background-position: -188px -216px }
-.tty_40col .a2c249 { background-position: -188px -242px }
-.tty_40col .a2c250 { background-position: -188px -268px }
-.tty_40col .a2c251 { background-position: -188px -294px }
-.tty_40col .a2c252 { background-position: -188px -320px }
-.tty_40col .a2c253 { background-position: -188px -346px }
-.tty_40col .a2c254 { background-position: -188px -372px }
-.tty_40col .a2c255 { background-position: -188px -398px }
-
-.tty_40col .a2c256 { background-position: -422px -8px }
-.tty_40col .a2c257 { background-position: -422px -34px }
-.tty_40col .a2c258 { background-position: -422px -60px }
-.tty_40col .a2c259 { background-position: -422px -86px }
-.tty_40col .a2c260 { background-position: -422px -112px }
-.tty_40col .a2c261 { background-position: -422px -138px }
-.tty_40col .a2c262 { background-position: -422px -164px }
-.tty_40col .a2c263 { background-position: -422px -190px }
-.tty_40col .a2c264 { background-position: -422px -216px }
-.tty_40col .a2c265 { background-position: -422px -242px }
-.tty_40col .a2c266 { background-position: -422px -268px }
-.tty_40col .a2c267 { background-position: -422px -294px }
-.tty_40col .a2c268 { background-position: -422px -320px }
-.tty_40col .a2c269 { background-position: -422px -346px }
-.tty_40col .a2c270 { background-position: -422px -372px }
-.tty_40col .a2c271 { background-position: -422px -398px }
-.tty_40col .a2c272 { background-position: -448px -8px }
-.tty_40col .a2c273 { background-position: -448px -34px }
-.tty_40col .a2c274 { background-position: -448px -60px }
-.tty_40col .a2c275 { background-position: -448px -86px }
-.tty_40col .a2c276 { background-position: -448px -112px }
-.tty_40col .a2c277 { background-position: -448px -138px }
-.tty_40col .a2c278 { background-position: -448px -164px }
-.tty_40col .a2c279 { background-position: -448px -190px }
-.tty_40col .a2c280 { background-position: -448px -216px }
-.tty_40col .a2c281 { background-position: -448px -242px }
-.tty_40col .a2c282 { background-position: -448px -268px }
-.tty_40col .a2c283 { background-position: -448px -294px }
-.tty_40col .a2c284 { background-position: -448px -320px }
-.tty_40col .a2c285 { background-position: -448px -346px }
-.tty_40col .a2c286 { background-position: -448px -372px }
-.tty_40col .a2c287 { background-position: -448px -398px }
-
-.tty_80col .a2c0 { background-position: -159px -8px }
-.tty_80col .a2c1 { background-position: -159px -34px }
-.tty_80col .a2c2 { background-position: -159px -60px }
-.tty_80col .a2c3 { background-position: -159px -86px }
-.tty_80col .a2c4 { background-position: -159px -112px }
-.tty_80col .a2c5 { background-position: -159px -138px }
-.tty_80col .a2c6 { background-position: -159px -164px }
-.tty_80col .a2c7 { background-position: -159px -190px }
-.tty_80col .a2c8 { background-position: -159px -216px }
-.tty_80col .a2c9 { background-position: -159px -242px }
-.tty_80col .a2c10 { background-position: -159px -268px }
-.tty_80col .a2c11 { background-position: -159px -294px }
-.tty_80col .a2c12 { background-position: -159px -320px }
-.tty_80col .a2c13 { background-position: -159px -346px }
-.tty_80col .a2c14 { background-position: -159px -372px }
-.tty_80col .a2c15 { background-position: -159px -398px }
-.tty_80col .a2c16 { background-position: -172px -8px }
-.tty_80col .a2c17 { background-position: -172px -34px }
-.tty_80col .a2c18 { background-position: -172px -60px }
-.tty_80col .a2c19 { background-position: -172px -86px }
-.tty_80col .a2c20 { background-position: -172px -112px }
-.tty_80col .a2c21 { background-position: -172px -138px }
-.tty_80col .a2c22 { background-position: -172px -164px }
-.tty_80col .a2c23 { background-position: -172px -190px }
-.tty_80col .a2c24 { background-position: -172px -216px }
-.tty_80col .a2c25 { background-position: -172px -242px }
-.tty_80col .a2c26 { background-position: -172px -268px }
-.tty_80col .a2c27 { background-position: -172px -294px }
-.tty_80col .a2c28 { background-position: -172px -320px }
-.tty_80col .a2c29 { background-position: -172px -346px }
-.tty_80col .a2c30 { background-position: -172px -372px }
-.tty_80col .a2c31 { background-position: -172px -398px }
-.tty_80col .a2c32 { background-position: -133px -8px }
-.tty_80col .a2c33 { background-position: -133px -34px }
-.tty_80col .a2c34 { background-position: -133px -60px }
-.tty_80col .a2c35 { background-position: -133px -86px }
-.tty_80col .a2c36 { background-position: -133px -112px }
-.tty_80col .a2c37 { background-position: -133px -138px }
-.tty_80col .a2c38 { background-position: -133px -164px }
-.tty_80col .a2c39 { background-position: -133px -190px }
-.tty_80col .a2c40 { background-position: -133px -216px }
-.tty_80col .a2c41 { background-position: -133px -242px }
-.tty_80col .a2c42 { background-position: -133px -268px }
-.tty_80col .a2c43 { background-position: -133px -294px }
-.tty_80col .a2c44 { background-position: -133px -320px }
-.tty_80col .a2c45 { background-position: -133px -346px }
-.tty_80col .a2c46 { background-position: -133px -372px }
-.tty_80col .a2c47 { background-position: -133px -398px }
-.tty_80col .a2c48 { background-position: -146px -8px }
-.tty_80col .a2c49 { background-position: -146px -34px }
-.tty_80col .a2c50 { background-position: -146px -60px }
-.tty_80col .a2c51 { background-position: -146px -86px }
-.tty_80col .a2c52 { background-position: -146px -112px }
-.tty_80col .a2c53 { background-position: -146px -138px }
-.tty_80col .a2c54 { background-position: -146px -164px }
-.tty_80col .a2c55 { background-position: -146px -190px }
-.tty_80col .a2c56 { background-position: -146px -216px }
-.tty_80col .a2c57 { background-position: -146px -242px }
-.tty_80col .a2c58 { background-position: -146px -268px }
-.tty_80col .a2c59 { background-position: -146px -294px }
-.tty_80col .a2c60 { background-position: -146px -320px }
-.tty_80col .a2c61 { background-position: -146px -346px }
-.tty_80col .a2c62 { background-position: -146px -372px }
-.tty_80col .a2c63 { background-position: -146px -398px }
-.tty_80col .a2c64 { background-position: -55px -8px }
-.tty_80col .a2c65 { background-position: -55px -34px }
-.tty_80col .a2c66 { background-position: -55px -60px }
-.tty_80col .a2c67 { background-position: -55px -86px }
-.tty_80col .a2c68 { background-position: -55px -112px }
-.tty_80col .a2c69 { background-position: -55px -138px }
-.tty_80col .a2c70 { background-position: -55px -164px }
-.tty_80col .a2c71 { background-position: -55px -190px }
-.tty_80col .a2c72 { background-position: -55px -216px }
-.tty_80col .a2c73 { background-position: -55px -242px }
-.tty_80col .a2c74 { background-position: -55px -268px }
-.tty_80col .a2c75 { background-position: -55px -294px }
-.tty_80col .a2c76 { background-position: -55px -320px }
-.tty_80col .a2c77 { background-position: -55px -346px }
-.tty_80col .a2c78 { background-position: -55px -372px }
-.tty_80col .a2c79 { background-position: -55px -398px }
-.tty_80col .a2c80 { background-position: -68px -8px }
-.tty_80col .a2c81 { background-position: -68px -34px }
-.tty_80col .a2c82 { background-position: -68px -60px }
-.tty_80col .a2c83 { background-position: -68px -86px }
-.tty_80col .a2c84 { background-position: -68px -112px }
-.tty_80col .a2c85 { background-position: -68px -138px }
-.tty_80col .a2c86 { background-position: -68px -164px }
-.tty_80col .a2c87 { background-position: -68px -190px }
-.tty_80col .a2c88 { background-position: -68px -216px }
-.tty_80col .a2c89 { background-position: -68px -242px }
-.tty_80col .a2c90 { background-position: -68px -268px }
-.tty_80col .a2c91 { background-position: -68px -294px }
-.tty_80col .a2c92 { background-position: -68px -320px }
-.tty_80col .a2c93 { background-position: -68px -346px }
-.tty_80col .a2c94 { background-position: -68px -372px }
-.tty_80col .a2c95 { background-position: -68px -398px }
-.tty_80col.flash .a2c64 { background-position: -159px -8px }
-.tty_80col.flash .a2c65 { background-position: -159px -34px }
-.tty_80col.flash .a2c66 { background-position: -159px -60px }
-.tty_80col.flash .a2c67 { background-position: -159px -86px }
-.tty_80col.flash .a2c68 { background-position: -159px -112px }
-.tty_80col.flash .a2c69 { background-position: -159px -138px }
-.tty_80col.flash .a2c70 { background-position: -159px -164px }
-.tty_80col.flash .a2c71 { background-position: -159px -190px }
-.tty_80col.flash .a2c72 { background-position: -159px -216px }
-.tty_80col.flash .a2c73 { background-position: -159px -242px }
-.tty_80col.flash .a2c74 { background-position: -159px -268px }
-.tty_80col.flash .a2c75 { background-position: -159px -294px }
-.tty_80col.flash .a2c76 { background-position: -159px -320px }
-.tty_80col.flash .a2c77 { background-position: -159px -346px }
-.tty_80col.flash .a2c78 { background-position: -159px -372px }
-.tty_80col.flash .a2c79 { background-position: -159px -398px }
-.tty_80col.flash .a2c80 { background-position: -172px -8px }
-.tty_80col.flash .a2c81 { background-position: -172px -34px }
-.tty_80col.flash .a2c82 { background-position: -172px -60px }
-.tty_80col.flash .a2c83 { background-position: -172px -86px }
-.tty_80col.flash .a2c84 { background-position: -172px -112px }
-.tty_80col.flash .a2c85 { background-position: -172px -138px }
-.tty_80col.flash .a2c86 { background-position: -172px -164px }
-.tty_80col.flash .a2c87 { background-position: -172px -190px }
-.tty_80col.flash .a2c88 { background-position: -172px -216px }
-.tty_80col.flash .a2c89 { background-position: -172px -242px }
-.tty_80col.flash .a2c90 { background-position: -172px -268px }
-.tty_80col.flash .a2c91 { background-position: -172px -294px }
-.tty_80col.flash .a2c92 { background-position: -172px -320px }
-.tty_80col.flash .a2c93 { background-position: -172px -346px }
-.tty_80col.flash .a2c94 { background-position: -172px -372px }
-.tty_80col.flash .a2c95 { background-position: -172px -398px }
-.tty_80col .a2c96 { background-position: -29px -8px }
-.tty_80col .a2c97 { background-position: -29px -34px }
-.tty_80col .a2c98 { background-position: -29px -60px }
-.tty_80col .a2c99 { background-position: -29px -86px }
-.tty_80col .a2c100 { background-position: -29px -112px }
-.tty_80col .a2c101 { background-position: -29px -138px }
-.tty_80col .a2c102 { background-position: -29px -164px }
-.tty_80col .a2c103 { background-position: -29px -190px }
-.tty_80col .a2c104 { background-position: -29px -216px }
-.tty_80col .a2c105 { background-position: -29px -242px }
-.tty_80col .a2c106 { background-position: -29px -268px }
-.tty_80col .a2c107 { background-position: -29px -294px }
-.tty_80col .a2c108 { background-position: -29px -320px }
-.tty_80col .a2c109 { background-position: -29px -346px }
-.tty_80col .a2c110 { background-position: -29px -372px }
-.tty_80col .a2c111 { background-position: -29px -398px }
-.tty_80col .a2c112 { background-position: -42px -8px }
-.tty_80col .a2c113 { background-position: -42px -34px }
-.tty_80col .a2c114 { background-position: -42px -60px }
-.tty_80col .a2c115 { background-position: -42px -86px }
-.tty_80col .a2c116 { background-position: -42px -112px }
-.tty_80col .a2c117 { background-position: -42px -138px }
-.tty_80col .a2c118 { background-position: -42px -164px }
-.tty_80col .a2c119 { background-position: -42px -190px }
-.tty_80col .a2c120 { background-position: -42px -216px }
-.tty_80col .a2c121 { background-position: -42px -242px }
-.tty_80col .a2c122 { background-position: -42px -268px }
-.tty_80col .a2c123 { background-position: -42px -294px }
-.tty_80col .a2c124 { background-position: -42px -320px }
-.tty_80col .a2c125 { background-position: -42px -346px }
-.tty_80col .a2c126 { background-position: -42px -372px }
-.tty_80col .a2c127 { background-position: -42px -398px }
-.tty_80col.flash .a2c96 { background-position: -133px -8px }
-.tty_80col.flash .a2c97 { background-position: -133px -34px }
-.tty_80col.flash .a2c98 { background-position: -133px -60px }
-.tty_80col.flash .a2c99 { background-position: -133px -86px }
-.tty_80col.flash .a2c100 { background-position: -133px -112px }
-.tty_80col.flash .a2c101 { background-position: -133px -138px }
-.tty_80col.flash .a2c102 { background-position: -133px -164px }
-.tty_80col.flash .a2c103 { background-position: -133px -190px }
-.tty_80col.flash .a2c104 { background-position: -133px -216px }
-.tty_80col.flash .a2c105 { background-position: -133px -242px }
-.tty_80col.flash .a2c106 { background-position: -133px -268px }
-.tty_80col.flash .a2c107 { background-position: -133px -294px }
-.tty_80col.flash .a2c108 { background-position: -133px -320px }
-.tty_80col.flash .a2c109 { background-position: -133px -346px }
-.tty_80col.flash .a2c110 { background-position: -133px -372px }
-.tty_80col.flash .a2c111 { background-position: -133px -398px }
-.tty_80col.flash .a2c112 { background-position: -146px -8px }
-.tty_80col.flash .a2c113 { background-position: -146px -34px }
-.tty_80col.flash .a2c114 { background-position: -146px -60px }
-.tty_80col.flash .a2c115 { background-position: -146px -86px }
-.tty_80col.flash .a2c116 { background-position: -146px -112px }
-.tty_80col.flash .a2c117 { background-position: -146px -138px }
-.tty_80col.flash .a2c118 { background-position: -146px -164px }
-.tty_80col.flash .a2c119 { background-position: -146px -190px }
-.tty_80col.flash .a2c120 { background-position: -146px -216px }
-.tty_80col.flash .a2c121 { background-position: -146px -242px }
-.tty_80col.flash .a2c122 { background-position: -146px -268px }
-.tty_80col.flash .a2c123 { background-position: -146px -294px }
-.tty_80col.flash .a2c124 { background-position: -146px -320px }
-.tty_80col.flash .a2c125 { background-position: -146px -346px }
-.tty_80col.flash .a2c126 { background-position: -146px -372px }
-.tty_80col.flash .a2c127 { background-position: -146px -398px }
-.tty_80col.active .a2c64 { background-position: -107px -8px }
-.tty_80col.active .a2c65 { background-position: -107px -34px }
-.tty_80col.active .a2c66 { background-position: -107px -60px }
-.tty_80col.active .a2c67 { background-position: -107px -86px }
-.tty_80col.active .a2c68 { background-position: -107px -112px }
-.tty_80col.active .a2c69 { background-position: -107px -138px }
-.tty_80col.active .a2c70 { background-position: -107px -164px }
-.tty_80col.active .a2c71 { background-position: -107px -190px }
-.tty_80col.active .a2c72 { background-position: -107px -216px }
-.tty_80col.active .a2c73 { background-position: -107px -242px }
-.tty_80col.active .a2c74 { background-position: -107px -268px }
-.tty_80col.active .a2c75 { background-position: -107px -294px }
-.tty_80col.active .a2c76 { background-position: -107px -320px }
-.tty_80col.active .a2c77 { background-position: -107px -346px }
-.tty_80col.active .a2c78 { background-position: -107px -372px }
-.tty_80col.active .a2c79 { background-position: -107px -398px }
-.tty_80col.active .a2c80 { background-position: -120px -8px }
-.tty_80col.active .a2c81 { background-position: -120px -34px }
-.tty_80col.active .a2c82 { background-position: -120px -60px }
-.tty_80col.active .a2c83 { background-position: -120px -86px }
-.tty_80col.active .a2c84 { background-position: -120px -112px }
-.tty_80col.active .a2c85 { background-position: -120px -138px }
-.tty_80col.active .a2c86 { background-position: -120px -164px }
-.tty_80col.active .a2c87 { background-position: -120px -190px }
-.tty_80col.active .a2c88 { background-position: -120px -216px }
-.tty_80col.active .a2c89 { background-position: -120px -242px }
-.tty_80col.active .a2c90 { background-position: -120px -268px }
-.tty_80col.active .a2c91 { background-position: -120px -294px }
-.tty_80col.active .a2c92 { background-position: -120px -320px }
-.tty_80col.active .a2c93 { background-position: -120px -346px }
-.tty_80col.active .a2c94 { background-position: -120px -372px }
-.tty_80col.active .a2c95 { background-position: -120px -398px }
-.tty_80col.active .a2c96 { background-position: -185px -8px }
-.tty_80col.active .a2c97 { background-position: -185px -34px }
-.tty_80col.active .a2c98 { background-position: -185px -60px }
-.tty_80col.active .a2c99 { background-position: -185px -86px }
-.tty_80col.active .a2c100 { background-position: -185px -112px }
-.tty_80col.active .a2c101 { background-position: -185px -138px }
-.tty_80col.active .a2c102 { background-position: -185px -164px }
-.tty_80col.active .a2c103 { background-position: -185px -190px }
-.tty_80col.active .a2c104 { background-position: -185px -216px }
-.tty_80col.active .a2c105 { background-position: -185px -242px }
-.tty_80col.active .a2c106 { background-position: -185px -268px }
-.tty_80col.active .a2c107 { background-position: -185px -294px }
-.tty_80col.active .a2c108 { background-position: -185px -320px }
-.tty_80col.active .a2c109 { background-position: -185px -346px }
-.tty_80col.active .a2c110 { background-position: -185px -372px }
-.tty_80col.active .a2c111 { background-position: -185px -398px }
-.tty_80col.active .a2c112 { background-position: -198px -8px }
-.tty_80col.active .a2c113 { background-position: -198px -34px }
-.tty_80col.active .a2c114 { background-position: -198px -60px }
-.tty_80col.active .a2c115 { background-position: -198px -86px }
-.tty_80col.active .a2c116 { background-position: -198px -112px }
-.tty_80col.active .a2c117 { background-position: -198px -138px }
-.tty_80col.active .a2c118 { background-position: -198px -164px }
-.tty_80col.active .a2c119 { background-position: -198px -190px }
-.tty_80col.active .a2c120 { background-position: -198px -216px }
-.tty_80col.active .a2c121 { background-position: -198px -242px }
-.tty_80col.active .a2c122 { background-position: -198px -268px }
-.tty_80col.active .a2c123 { background-position: -198px -294px }
-.tty_80col.active .a2c124 { background-position: -198px -320px }
-.tty_80col.active .a2c125 { background-position: -198px -346px }
-.tty_80col.active .a2c126 { background-position: -198px -372px }
-.tty_80col.active .a2c127 { background-position: -198px -398px }
-.tty_80col .a2c128 { background-position: -55px -8px }
-.tty_80col .a2c129 { background-position: -55px -34px }
-.tty_80col .a2c130 { background-position: -55px -60px }
-.tty_80col .a2c131 { background-position: -55px -86px }
-.tty_80col .a2c132 { background-position: -55px -112px }
-.tty_80col .a2c133 { background-position: -55px -138px }
-.tty_80col .a2c134 { background-position: -55px -164px }
-.tty_80col .a2c135 { background-position: -55px -190px }
-.tty_80col .a2c136 { background-position: -55px -216px }
-.tty_80col .a2c137 { background-position: -55px -242px }
-.tty_80col .a2c138 { background-position: -55px -268px }
-.tty_80col .a2c139 { background-position: -55px -294px }
-.tty_80col .a2c140 { background-position: -55px -320px }
-.tty_80col .a2c141 { background-position: -55px -346px }
-.tty_80col .a2c142 { background-position: -55px -372px }
-.tty_80col .a2c143 { background-position: -55px -398px }
-.tty_80col .a2c144 { background-position: -68px -8px }
-.tty_80col .a2c145 { background-position: -68px -34px }
-.tty_80col .a2c146 { background-position: -68px -60px }
-.tty_80col .a2c147 { background-position: -68px -86px }
-.tty_80col .a2c148 { background-position: -68px -112px }
-.tty_80col .a2c149 { background-position: -68px -138px }
-.tty_80col .a2c150 { background-position: -68px -164px }
-.tty_80col .a2c151 { background-position: -68px -190px }
-.tty_80col .a2c152 { background-position: -68px -216px }
-.tty_80col .a2c153 { background-position: -68px -242px }
-.tty_80col .a2c154 { background-position: -68px -268px }
-.tty_80col .a2c155 { background-position: -68px -294px }
-.tty_80col .a2c156 { background-position: -68px -320px }
-.tty_80col .a2c157 { background-position: -68px -346px }
-.tty_80col .a2c158 { background-position: -68px -372px }
-.tty_80col .a2c159 { background-position: -68px -398px }
-.tty_80col .a2c160 { background-position: -29px -8px }
-.tty_80col .a2c161 { background-position: -29px -34px }
-.tty_80col .a2c162 { background-position: -29px -60px }
-.tty_80col .a2c163 { background-position: -29px -86px }
-.tty_80col .a2c164 { background-position: -29px -112px }
-.tty_80col .a2c165 { background-position: -29px -138px }
-.tty_80col .a2c166 { background-position: -29px -164px }
-.tty_80col .a2c167 { background-position: -29px -190px }
-.tty_80col .a2c168 { background-position: -29px -216px }
-.tty_80col .a2c169 { background-position: -29px -242px }
-.tty_80col .a2c170 { background-position: -29px -268px }
-.tty_80col .a2c171 { background-position: -29px -294px }
-.tty_80col .a2c172 { background-position: -29px -320px }
-.tty_80col .a2c173 { background-position: -29px -346px }
-.tty_80col .a2c174 { background-position: -29px -372px }
-.tty_80col .a2c175 { background-position: -29px -398px }
-.tty_80col .a2c176 { background-position: -42px -8px }
-.tty_80col .a2c177 { background-position: -42px -34px }
-.tty_80col .a2c178 { background-position: -42px -60px }
-.tty_80col .a2c179 { background-position: -42px -86px }
-.tty_80col .a2c180 { background-position: -42px -112px }
-.tty_80col .a2c181 { background-position: -42px -138px }
-.tty_80col .a2c182 { background-position: -42px -164px }
-.tty_80col .a2c183 { background-position: -42px -190px }
-.tty_80col .a2c184 { background-position: -42px -216px }
-.tty_80col .a2c185 { background-position: -42px -242px }
-.tty_80col .a2c186 { background-position: -42px -268px }
-.tty_80col .a2c187 { background-position: -42px -294px }
-.tty_80col .a2c188 { background-position: -42px -320px }
-.tty_80col .a2c189 { background-position: -42px -346px }
-.tty_80col .a2c190 { background-position: -42px -372px }
-.tty_80col .a2c191 { background-position: -42px -398px }
-.tty_80col .a2c192 { background-position: -55px -8px }
-.tty_80col .a2c193 { background-position: -55px -34px }
-.tty_80col .a2c194 { background-position: -55px -60px }
-.tty_80col .a2c195 { background-position: -55px -86px }
-.tty_80col .a2c196 { background-position: -55px -112px }
-.tty_80col .a2c197 { background-position: -55px -138px }
-.tty_80col .a2c198 { background-position: -55px -164px }
-.tty_80col .a2c199 { background-position: -55px -190px }
-.tty_80col .a2c200 { background-position: -55px -216px }
-.tty_80col .a2c201 { background-position: -55px -242px }
-.tty_80col .a2c202 { background-position: -55px -268px }
-.tty_80col .a2c203 { background-position: -55px -294px }
-.tty_80col .a2c204 { background-position: -55px -320px }
-.tty_80col .a2c205 { background-position: -55px -346px }
-.tty_80col .a2c206 { background-position: -55px -372px }
-.tty_80col .a2c207 { background-position: -55px -398px }
-.tty_80col .a2c208 { background-position: -68px -8px }
-.tty_80col .a2c209 { background-position: -68px -34px }
-.tty_80col .a2c210 { background-position: -68px -60px }
-.tty_80col .a2c211 { background-position: -68px -86px }
-.tty_80col .a2c212 { background-position: -68px -112px }
-.tty_80col .a2c213 { background-position: -68px -138px }
-.tty_80col .a2c214 { background-position: -68px -164px }
-.tty_80col .a2c215 { background-position: -68px -190px }
-.tty_80col .a2c216 { background-position: -68px -216px }
-.tty_80col .a2c217 { background-position: -68px -242px }
-.tty_80col .a2c218 { background-position: -68px -268px }
-.tty_80col .a2c219 { background-position: -68px -294px }
-.tty_80col .a2c220 { background-position: -68px -320px }
-.tty_80col .a2c221 { background-position: -68px -346px }
-.tty_80col .a2c222 { background-position: -68px -372px }
-.tty_80col .a2c223 { background-position: -68px -398px }
-.tty_80col .a2c224 { background-position: -81px -8px }
-.tty_80col .a2c225 { background-position: -81px -34px }
-.tty_80col .a2c226 { background-position: -81px -60px }
-.tty_80col .a2c227 { background-position: -81px -86px }
-.tty_80col .a2c228 { background-position: -81px -112px }
-.tty_80col .a2c229 { background-position: -81px -138px }
-.tty_80col .a2c230 { background-position: -81px -164px }
-.tty_80col .a2c231 { background-position: -81px -190px }
-.tty_80col .a2c232 { background-position: -81px -216px }
-.tty_80col .a2c233 { background-position: -81px -242px }
-.tty_80col .a2c234 { background-position: -81px -268px }
-.tty_80col .a2c235 { background-position: -81px -294px }
-.tty_80col .a2c236 { background-position: -81px -320px }
-.tty_80col .a2c237 { background-position: -81px -346px }
-.tty_80col .a2c238 { background-position: -81px -372px }
-.tty_80col .a2c239 { background-position: -81px -398px }
-.tty_80col .a2c240 { background-position: -94px -8px }
-.tty_80col .a2c241 { background-position: -94px -34px }
-.tty_80col .a2c242 { background-position: -94px -60px }
-.tty_80col .a2c243 { background-position: -94px -86px }
-.tty_80col .a2c244 { background-position: -94px -112px }
-.tty_80col .a2c245 { background-position: -94px -138px }
-.tty_80col .a2c246 { background-position: -94px -164px }
-.tty_80col .a2c247 { background-position: -94px -190px }
-.tty_80col .a2c248 { background-position: -94px -216px }
-.tty_80col .a2c249 { background-position: -94px -242px }
-.tty_80col .a2c250 { background-position: -94px -268px }
-.tty_80col .a2c251 { background-position: -94px -294px }
-.tty_80col .a2c252 { background-position: -94px -320px }
-.tty_80col .a2c253 { background-position: -94px -346px }
-.tty_80col .a2c254 { background-position: -94px -372px }
-.tty_80col .a2c255 { background-position: -94px -398px }
-
-.tty_80col .a2c256 { background-position: -211px -8px }
-.tty_80col .a2c257 { background-position: -211px -34px }
-.tty_80col .a2c258 { background-position: -211px -60px }
-.tty_80col .a2c259 { background-position: -211px -86px }
-.tty_80col .a2c260 { background-position: -211px -112px }
-.tty_80col .a2c261 { background-position: -211px -138px }
-.tty_80col .a2c262 { background-position: -211px -164px }
-.tty_80col .a2c263 { background-position: -211px -190px }
-.tty_80col .a2c264 { background-position: -211px -216px }
-.tty_80col .a2c265 { background-position: -211px -242px }
-.tty_80col .a2c266 { background-position: -211px -268px }
-.tty_80col .a2c267 { background-position: -211px -294px }
-.tty_80col .a2c268 { background-position: -211px -320px }
-.tty_80col .a2c269 { background-position: -211px -346px }
-.tty_80col .a2c270 { background-position: -211px -372px }
-.tty_80col .a2c271 { background-position: -211px -398px }
-.tty_80col .a2c272 { background-position: -224px -8px }
-.tty_80col .a2c273 { background-position: -224px -34px }
-.tty_80col .a2c274 { background-position: -224px -60px }
-.tty_80col .a2c275 { background-position: -224px -86px }
-.tty_80col .a2c276 { background-position: -224px -112px }
-.tty_80col .a2c277 { background-position: -224px -138px }
-.tty_80col .a2c278 { background-position: -224px -164px }
-.tty_80col .a2c279 { background-position: -224px -190px }
-.tty_80col .a2c280 { background-position: -224px -216px }
-.tty_80col .a2c281 { background-position: -224px -242px }
-.tty_80col .a2c282 { background-position: -224px -268px }
-.tty_80col .a2c283 { background-position: -224px -294px }
-.tty_80col .a2c284 { background-position: -224px -320px }
-.tty_80col .a2c285 { background-position: -224px -346px }
-.tty_80col .a2c286 { background-position: -224px -372px }
-.tty_80col .a2c287 { background-position: -224px -398px }
-
-.loresPixel { width: 14px; height: 8px; margin: 0; padding: 0; }
-.loresRow { height: 8px; margin: 0; padding: 0; }
-.loresDisplay { table-layout: fixed; border-collapse: collapse; }
-
-/* Input Devices */
-.keyboard { width: 1px; height: 1px; border: none; position: absolute; left: -100px; top: -100px; }
\ No newline at end of file
diff --git a/tools/make_styles.js b/tools/make_styles.js
new file mode 100644
index 0000000..4c64487
--- /dev/null
+++ b/tools/make_styles.js
@@ -0,0 +1,49 @@
+function pos(code, sw) {
+ var x = Math.floor(code / 16);
+ var y = code % 16;
+ x = -( sw > 40 ? 1 : 2 )* (3 + 13 * x);
+ y = -2 * (4 + 13 * y);
+ return String(x) + 'px ' + String(y) + 'px';
+}
+
+function gen(cc, sc, sw, styles) {
+ console.log('.'+sw+'col'+styles+' .a2c'+cc+' { background-position: '+ pos(sc,sw)+' }');
+}
+
+var sw, i;
+for( sw = 40; sw <= 80; sw += 40) {
+ // 0x00-0x1F = INVERSE @ABC…XYZ[\]^_
+ // 0x20-0x3F = INVERSE !"#$…<=>?
+
+ for (i = 0x00; i < 0x20; i++) { gen(i+0x00, i+0xC0, sw, ''); }
+ for (i = 0x00; i < 0x20; i++) { gen(i+0x20, i+0xA0, sw, ''); }
+
+ // 80-column firmware inactive
+ // 0x40-0x5F = FLASH @ABC…XYZ[\]^_
+ // 0x60-0x7F = FLASH !"#$…<=>?
+
+ for (i = 0x00; i < 0x20; i++) { gen(i+0x40, i+0x40, sw, ''); }
+ for (i = 0x00; i < 0x20; i++) { gen(i+0x40, i+0xC0, sw, '.flash'); }
+ for (i = 0x00; i < 0x20; i++) { gen(i+0x60, i+0x20, sw, ''); }
+ for (i = 0x00; i < 0x20; i++) { gen(i+0x60, i+0xA0, sw, '.flash'); }
+
+ // 80-column firmware active
+ // 0x40-0x5F = MOUSETEXT
+ // 0x60-0x7F = INVERSE `abc…{|}~
+
+ for (i = 0x00; i < 0x20; i++) { gen(i+0x40, i+0x80, sw, '.active'); }
+ for (i = 0x00; i < 0x20; i++) { gen(i+0x60, i+0xE0, sw, '.active'); }
+
+ // 0x80-0x9F = NORMAL @ABC…XYZ[\]^_
+ // 0xA0-0xBF = NORMAL !"#$…<=>?
+ // 0xC0-0xDF = NORMAL @ABC…XYZ[\]^_
+ // 0xE0-0xFF = NORMAL `abc…{|}~
+
+ for (i = 0x00; i < 0x20; i++) { gen(i+0x80, i+0x40, sw, ''); }
+ for (i = 0x00; i < 0x20; i++) { gen(i+0xA0, i+0x20, sw, ''); }
+ for (i = 0x00; i < 0x20; i++) { gen(i+0xC0, i+0x40, sw, ''); }
+ for (i = 0x00; i < 0x20; i++) { gen(i+0xE0, i+0x60, sw, ''); }
+
+ // Extension symbols
+ for (i = 0x00; i < 0x20; i++) { gen(i+0x100, i+0x100, sw, ''); }
+}
diff --git a/tty.js b/tty.js
index c112888..e8339a3 100644
--- a/tty.js
+++ b/tty.js
@@ -197,8 +197,6 @@ function TTY(screenElement, keyboardElement, bell) {
screenGrid.length = screenWidth * screenHeight;
table = document.createElement('table');
- table.className = 'tty_table';
-
tbody = document.createElement('tbody');
styleElem = tbody;
@@ -207,7 +205,6 @@ function TTY(screenElement, keyboardElement, bell) {
for (y = 0; y < screenHeight; y += 1) {
tr = document.createElement('tr');
- tr.className = 'tty_tr';
tr.style.visibility = (y < splitPos) ? "hidden" : "";
screenRow[y] = tr;