From bcf389625f9a5872b5029be0cfcc77895cd0bace Mon Sep 17 00:00:00 2001 From: Kiooeht Date: Thu, 9 Jun 2011 00:09:02 -0700 Subject: [PATCH] Bug fix: Menu bar text colour correct on different system text colours --- CHANGELOG.mkdn | 1 + themes/enamel/style.js | 2 +- themes/gold/style.js | 4 +- themes/pesterchum2.5/style.js | 138 ++++++++++++++-------------- themes/trollian/style.js | 2 +- themes/trollian2.5/style.js | 168 +++++++++++++++++----------------- themes/typewriter/style.js | 2 +- 7 files changed, 159 insertions(+), 158 deletions(-) diff --git a/CHANGELOG.mkdn b/CHANGELOG.mkdn index 17b69c2..a261129 100644 --- a/CHANGELOG.mkdn +++ b/CHANGELOG.mkdn @@ -51,6 +51,7 @@ CHANGELOG * Make 'logs' and 'profiles' directories if non-existant - Kiooeht [evacipatedBox] * Don't split messages in bad places - Kiooeht [evacipatedBox] * Chumhandles must match EXACTLY to register mood changes - Kiooeht [evacipatedBox] + * Menu bar text colour correct when default system colour isn't black - Kiooeht [evacipatedBox] ### 3.14.1 * Pesterchum 3.14 - illuminatedwax [ghostDunk] diff --git a/themes/enamel/style.js b/themes/enamel/style.js index 4bbb56f..570996d 100644 --- a/themes/enamel/style.js +++ b/themes/enamel/style.js @@ -10,7 +10,7 @@ "minimize": { "image": "$path/m.gif", "loc": [300, 32]}, "menubar": { "style": "font-family: 'Century Gothic'; font-size: 14px; color:#9d9d9d" }, - "menu" : { "style": "font-family: 'Century Gothic'; font-size: 14px; background-color: #fdb302;border:2px solid #ffff00", + "menu" : { "style": "font-family: 'Century Gothic'; font-size: 14px; color: #000000; background-color: #fdb302;border:2px solid #ffff00", "menuitem": "margin-right:25px;", "selected": "background-color: #ffff00", "loc": [480,30] diff --git a/themes/gold/style.js b/themes/gold/style.js index d67fbc1..7cba265 100644 --- a/themes/gold/style.js +++ b/themes/gold/style.js @@ -9,8 +9,8 @@ "loc": [315, 26]}, "minimize": { "image": "$path/m.png", "loc": [300, 32]}, - "menubar": { "style": "font-family: 'Arial'; font:bold; font-size: 12px;" }, - "menu" : { "style": "font-family: 'Arial'; font: bold; font-size: 12px; background-color: #fdb302;border:2px solid #ffff00", + "menubar": { "style": "font-family: 'Arial'; font:bold; font-size: 12px; color: #000000;" }, + "menu" : { "style": "font-family: 'Arial'; font: bold; font-size: 12px; color: #000000; background-color: #fdb302;border:2px solid #ffff00", "menuitem": "margin-right:15px;", "selected": "background-color: #ffff00", "loc": [150,22] diff --git a/themes/pesterchum2.5/style.js b/themes/pesterchum2.5/style.js index 7e9ec98..b768136 100644 --- a/themes/pesterchum2.5/style.js +++ b/themes/pesterchum2.5/style.js @@ -6,26 +6,26 @@ "icon": "$path/trayicon.png", "newmsgicon": "$path/trayicon2.png", "windowtitle": "PESTERCHUM", - "menu" : { "style": "font-family: 'Courier'; font: bold; font-size: 14px; background-color: #fdb302;border:2px solid #ffff00", - "menuitem": "font-size:14px;" }, - "menubar": { "style": "font-family: 'Courier'; font:bold; font-size: 14px;" }, + "menu" : { "style": "font-family: 'Courier'; font: bold; font-size: 14px; color: #000000; background-color: #fdb302;border:2px solid #ffff00", + "menuitem": "font-size:14px;" }, + "menubar": { "style": "font-family: 'Courier'; font:bold; font-size: 14px; color: #000000;" }, "close": { "image": "$path/x.png", "loc": [282, 4]}, "minimize": { "image": "$path/m.png", "loc": [264, 10]}, "chums": { "style": "border:2px solid yellow; background-color: black;color: white;font: bold;font-size:14px;font-family: 'Courier';selection-background-color:#646464; ", - "loc": [15, 70], - "size": [270, 300] + "loc": [15, 70], + "size": [270, 300] }, - "mychumhandle": { "label": + "mychumhandle": { "label": { "text": "CHUMHANDLE:", "loc": [12,415], - "style": "color: black ;font:bold; font-family: 'Courier';" + "style": "color: black ;font:bold; font-family: 'Courier';" }, "handle": { "loc": [15,435], "size": [240, 25], - "style": "background-color: black; padding: 3px; padding-left: 25px; color:white; font-family:'Courier'; font:bold; text-align:left; border:2px solid #ffff00;" - }, + "style": "background-color: black; padding: 3px; padding-left: 25px; color:white; font-family:'Courier'; font:bold; text-align:left; border:2px solid #ffff00;" + }, "colorswatch": { "loc": [255,435], "size": [30,25], "text": "C" }, @@ -47,72 +47,72 @@ "text": "BLOCK" }, "moodlabel": { "style": "font:bold;font-family:'Courier';color:black;", - "loc": [12, 466], - "text": "MOOD:" - }, + "loc": [12, 466], + "text": "MOOD:" + }, "moods": [ - { "style": "text-align:left; background:#ffff00;border:2px solid #c48a00;color: black; font-family:'Courier'; font:bold; padding-left:3px;", - "selected": "text-align:left; background:white; border:2px solid #c48a00; color: black; font-family:'Courier'; font:bold; padding-left:3px;", - "loc": [15, 485], - "size": [135, 30], - "text": "CHUMMY", - "icon": "$path/chummy.png", - "mood": 0 - }, + { "style": "text-align:left; background:#ffff00;border:2px solid #c48a00;color: black; font-family:'Courier'; font:bold; padding-left:3px;", + "selected": "text-align:left; background:white; border:2px solid #c48a00; color: black; font-family:'Courier'; font:bold; padding-left:3px;", + "loc": [15, 485], + "size": [135, 30], + "text": "CHUMMY", + "icon": "$path/chummy.png", + "mood": 0 + }, - { "style": "text-align:left; background:#ffff00;border:2px solid #c48a00;color: black; font-family:'Courier'; font:bold;padding-left:3px;", - "selected": "text-align:left; background:white; border:2px solid #c48a00; color: black; font-family:'Courier'; font:bold;padding-left:3px;", - "loc": [15, 513], - "size": [135, 30], - "text": "PLEASANT", - "icon": "$path/pleasant.png", - "mood": 3 - }, + { "style": "text-align:left; background:#ffff00;border:2px solid #c48a00;color: black; font-family:'Courier'; font:bold;padding-left:3px;", + "selected": "text-align:left; background:white; border:2px solid #c48a00; color: black; font-family:'Courier'; font:bold;padding-left:3px;", + "loc": [15, 513], + "size": [135, 30], + "text": "PLEASANT", + "icon": "$path/pleasant.png", + "mood": 3 + }, - { "style": "text-align:left; background:#ffff00;border:2px solid #c48a00;color: black; font-family:'Courier'; font:bold;padding-left:3px;", - "selected": "text-align:left; background:white; border:2px solid #c48a00; color: black; font-family:'Courier'; font:bold;padding-left:3px;", - "loc": [15, 541], - "size": [135, 30], - "text": "DISTRAUGHT", - "icon": "$path/distraught.png", - "mood": 4 - }, + { "style": "text-align:left; background:#ffff00;border:2px solid #c48a00;color: black; font-family:'Courier'; font:bold;padding-left:3px;", + "selected": "text-align:left; background:white; border:2px solid #c48a00; color: black; font-family:'Courier'; font:bold;padding-left:3px;", + "loc": [15, 541], + "size": [135, 30], + "text": "DISTRAUGHT", + "icon": "$path/distraught.png", + "mood": 4 + }, - { "style": "text-align:left; background:#ffff00;border:2px solid #c48a00;color: black; font-family:'Courier'; font:bold;padding-left:3px;", - "selected": "text-align:left; background:white; border:2px solid #c48a00; color: black; font-family:'Courier'; font:bold;padding-left:3px;", - "loc": [148, 485], - "size": [135, 30], - "text": "PRANKY", - "icon": "$path/pranky.png", - "mood": 5 - }, + { "style": "text-align:left; background:#ffff00;border:2px solid #c48a00;color: black; font-family:'Courier'; font:bold;padding-left:3px;", + "selected": "text-align:left; background:white; border:2px solid #c48a00; color: black; font-family:'Courier'; font:bold;padding-left:3px;", + "loc": [148, 485], + "size": [135, 30], + "text": "PRANKY", + "icon": "$path/pranky.png", + "mood": 5 + }, - { "style": "text-align:left; background:#ffff00;border:2px solid #c48a00;color: black; font-family:'Courier'; font:bold;padding-left:3px;", - "selected": "text-align:left; background:white; border:2px solid #c48a00; color: black; font-family:'Courier'; font:bold;padding-left:3px;", - "loc": [148, 513], - "size": [135, 30], - "text": "SMOOTH", - "icon": "$path/smooth.png", - "mood": 6 - }, + { "style": "text-align:left; background:#ffff00;border:2px solid #c48a00;color: black; font-family:'Courier'; font:bold;padding-left:3px;", + "selected": "text-align:left; background:white; border:2px solid #c48a00; color: black; font-family:'Courier'; font:bold;padding-left:3px;", + "loc": [148, 513], + "size": [135, 30], + "text": "SMOOTH", + "icon": "$path/smooth.png", + "mood": 6 + }, - { "style": "text-align:left; background:#f00000;border:2px solid #c48a00;color: black; font-family:'Courier'; font:bold;padding-left:3px;", - "selected": "text-align:left; background:white; border:2px solid #c48a00; color: red; font-family:'Courier'; font:bold;padding-left:3px;", - "loc": [148, 541], - "size": [135, 30], - "text": "RANCOROUS", - "icon": "$path/rancorous.png", - "mood": 1 - }, + { "style": "text-align:left; background:#f00000;border:2px solid #c48a00;color: black; font-family:'Courier'; font:bold;padding-left:3px;", + "selected": "text-align:left; background:white; border:2px solid #c48a00; color: red; font-family:'Courier'; font:bold;padding-left:3px;", + "loc": [148, 541], + "size": [135, 30], + "text": "RANCOROUS", + "icon": "$path/rancorous.png", + "mood": 1 + }, - { "style": "text-align:center; border:2px solid #c48a00; background:black;color: white; font-family:'Courier'; font:bold;padding-left:3px;", - "selected": "text-align:left; background:white; border:2px solid #c48a00; padding: 5px;color: black; font-family:'Courier'; font:bold;padding-left:3px;", - "loc": [15, 569], - "size": [270, 30], - "text": "ABSCOND", - "icon": "$path/offline.png", - "mood": 2 - } + { "style": "text-align:center; border:2px solid #c48a00; background:black;color: white; font-family:'Courier'; font:bold;padding-left:3px;", + "selected": "text-align:left; background:white; border:2px solid #c48a00; padding: 5px;color: black; font-family:'Courier'; font:bold;padding-left:3px;", + "loc": [15, 569], + "size": [270, 30], + "text": "ABSCOND", + "icon": "$path/offline.png", + "mood": 2 + } ] }, "convo": { @@ -127,4 +127,4 @@ }, "memos": { "size": [600,425] } -} \ No newline at end of file +} diff --git a/themes/trollian/style.js b/themes/trollian/style.js index fc78ef9..45fb096 100644 --- a/themes/trollian/style.js +++ b/themes/trollian/style.js @@ -10,7 +10,7 @@ "minimize": { "image": "$path/m.png", "loc": [621, 8]}, "menubar": { "style": "font-family: 'Arial'; font-size: 11px; color: rgba(0,0,0,0);" }, - "menu" : { "style": "font-family: 'Arial'; font-size: 11px; background-color: #c2c2c2; border:1px solid #545454;", + "menu" : { "style": "font-family: 'Arial'; font-size: 11px; color: #000000; background-color: #c2c2c2; border:1px solid #545454;", "selected": "background-color: #545454", "menuitem": "margin-right:14px;", "loc": [14,90] diff --git a/themes/trollian2.5/style.js b/themes/trollian2.5/style.js index bcd3288..2fdbef3 100644 --- a/themes/trollian2.5/style.js +++ b/themes/trollian2.5/style.js @@ -5,15 +5,15 @@ "icon": "$path/trayicon.png", "newmsgicon": "$path/trayicon2.png", "windowtitle": "TROLLIAN", - "menu" : { "style": "font-family: 'Arial'; font: bold; font-size: 14px; background-color: #e5000f;border:2px solid #c20f00" }, - "menubar": { "style": "font-family: 'Arial'; font:bold; font-size: 14px;" }, + "menu" : { "style": "font-family: 'Arial'; font: bold; font-size: 14px; color: #000000; background-color: #e5000f;border:2px solid #c20f00" }, + "menubar": { "style": "font-family: 'Arial'; font:bold; font-size: 14px; color: #000000;" }, "close": { "image": "$path/x.png", "loc": [280, 2]}, "minimize": { "image": "$path/m.png", "loc": [260, 8]}, "defaultwindow": { "style": "background: #e5000f; font-family:'Arial';font:bold;selection-background-color:#919191; " }, "chums": { "style": "border:2px solid #ffa4a4; background-color: black;color: white;font: bold;font-size:14px;font-family: 'Arial';selection-background-color:#646464; ", - "moods": { + "moods": { "chummy": { "icon": "$path/chummy.png", "color": "white" }, @@ -21,7 +21,7 @@ "offline": { "icon": "$path/offline.png", "color": "#646464"}, - + "pleasant": { "icon": "$path/pleasant.png", "color": "white" }, "distraught": { "icon": "$path/distraught.png", "color": "white" }, @@ -49,7 +49,7 @@ "devious": { "icon": "$path/devious.png", "color": "red" }, "sleek": { "icon": "$path/sleek.png", "color": "red" }, - + "detestful": { "icon": "$path/detestful.png", "color": "red" }, "mirthful": { "icon": "$path/mirthful.png", "color": "red" }, @@ -65,13 +65,13 @@ "protective": { "icon": "$path/protective.png", "color": "#00ff00" }, "blocked": { "icon": "$path/blocked.png", "color": "black" } - } - }, - "mychumhandle": { "label": + } + }, + "mychumhandle": { "label": { "text": "TROLLTAG:", - "style": "color: black ;font:bold; font-family: 'Arial';" + "style": "color: black ;font:bold; font-family: 'Arial';" }, - "handle": { "style": "background-color: black; padding: 3px; padding-left: 25px; color:white; font-family:'Arial'; font:bold; text-align:left; border:2px solid #ffa4a4;" } + "handle": { "style": "background-color: black; padding: 3px; padding-left: 25px; color:white; font-family:'Arial'; font:bold; text-align:left; border:2px solid #ffa4a4;" } }, "addchum": { "style": "background: #ffa4a4; border:2px solid #780000; font: bold; color: black; font-family:'Arial';" }, @@ -80,103 +80,103 @@ "block": { "style": "background: #ffa4a4; border:2px solid #780000; font: bold; color: black; font-family:'Arial';" }, "moodlabel": { "style": "font:bold;font-family:'Arial';color:black;" - }, + }, "defaultmood": 1, "moods": [ - { "style": "text-align:left; background:#ffa4a4;border:2px solid #780000;color: black; font-family:'Arial'; font:bold; padding-left:3px;", - "selected": "text-align:left; background:white; border:2px solid #780000; color: black; font-family:'Arial'; font:bold; padding-left:3px;", - "loc": [15, 485], - "size": [135, 30], - "text": "ECSTATIC", - "icon": "$path/estatic.png", - "mood": 7 - }, + { "style": "text-align:left; background:#ffa4a4;border:2px solid #780000;color: black; font-family:'Arial'; font:bold; padding-left:3px;", + "selected": "text-align:left; background:white; border:2px solid #780000; color: black; font-family:'Arial'; font:bold; padding-left:3px;", + "loc": [15, 485], + "size": [135, 30], + "text": "ECSTATIC", + "icon": "$path/estatic.png", + "mood": 7 + }, - { "style": "text-align:left; background:#ffa4a4;border:2px solid #780000;color: black; font-family:'Arial'; font:bold; padding-left:3px;", - "selected": "text-align:left; background:white; border:2px solid #780000; color: black; font-family:'Arial'; font:bold; padding-left:3px;", - "loc": [15, 513], - "size": [135, 30], - "text": "RELAXED", - "icon": "$path/relaxed.png", - "mood": 8 - }, + { "style": "text-align:left; background:#ffa4a4;border:2px solid #780000;color: black; font-family:'Arial'; font:bold; padding-left:3px;", + "selected": "text-align:left; background:white; border:2px solid #780000; color: black; font-family:'Arial'; font:bold; padding-left:3px;", + "loc": [15, 513], + "size": [135, 30], + "text": "RELAXED", + "icon": "$path/relaxed.png", + "mood": 8 + }, - { "style": "text-align:left; background:#ffa4a4;border:2px solid #780000;color: black; font-family:'Arial'; font:bold; padding-left:3px;", - "selected": "text-align:left; background:white; border:2px solid #780000; color: black; font-family:'Arial'; font:bold; padding-left:3px;", - "loc": [15, 541], - "size": [135, 30], - "text": "DISCONTENT", - "icon": "$path/discontent.png", - "mood": 9 - }, + { "style": "text-align:left; background:#ffa4a4;border:2px solid #780000;color: black; font-family:'Arial'; font:bold; padding-left:3px;", + "selected": "text-align:left; background:white; border:2px solid #780000; color: black; font-family:'Arial'; font:bold; padding-left:3px;", + "loc": [15, 541], + "size": [135, 30], + "text": "DISCONTENT", + "icon": "$path/discontent.png", + "mood": 9 + }, - { "style": "text-align:left; background:#ffa4a4;border:2px solid #780000;color: black; font-family:'Arial'; font:bold; padding-left:3px;", - "selected": "text-align:left; background:white; border:2px solid #780000; color: black; font-family:'Arial'; font:bold; padding-left:3px;", - "loc": [148, 485], - "size": [135, 30], - "text": "DEVIOUS", - "icon": "$path/devious.png", - "mood": 10 - }, + { "style": "text-align:left; background:#ffa4a4;border:2px solid #780000;color: black; font-family:'Arial'; font:bold; padding-left:3px;", + "selected": "text-align:left; background:white; border:2px solid #780000; color: black; font-family:'Arial'; font:bold; padding-left:3px;", + "loc": [148, 485], + "size": [135, 30], + "text": "DEVIOUS", + "icon": "$path/devious.png", + "mood": 10 + }, - { "style": "text-align:left; background:#ffa4a4;border:2px solid #780000;color: black; font-family:'Arial'; font:bold; padding-left:3px;", - "selected": "text-align:left; background:white; border:2px solid #780000; color: black; font-family:'Arial'; font:bold; padding-left:3px;", - "loc": [148, 513], - "size": [135, 30], - "text": "SLEEK", - "icon": "$path/sleek.png", - "mood": 11 - }, + { "style": "text-align:left; background:#ffa4a4;border:2px solid #780000;color: black; font-family:'Arial'; font:bold; padding-left:3px;", + "selected": "text-align:left; background:white; border:2px solid #780000; color: black; font-family:'Arial'; font:bold; padding-left:3px;", + "loc": [148, 513], + "size": [135, 30], + "text": "SLEEK", + "icon": "$path/sleek.png", + "mood": 11 + }, - { "style": "text-align:left; background:#ffa4a4;border:2px solid #780000;color: black; font-family:'Arial'; font:bold; padding-left:3px;", - "selected": "text-align:left; background:white; border:2px solid #780000; color: black; font-family:'Arial'; font:bold; padding-left:3px;", - "loc": [148, 541], - "size": [135, 30], - "text": "DETESTFUL", - "icon": "$path/detestful.png", - "mood": 12 - }, + { "style": "text-align:left; background:#ffa4a4;border:2px solid #780000;color: black; font-family:'Arial'; font:bold; padding-left:3px;", + "selected": "text-align:left; background:white; border:2px solid #780000; color: black; font-family:'Arial'; font:bold; padding-left:3px;", + "loc": [148, 541], + "size": [135, 30], + "text": "DETESTFUL", + "icon": "$path/detestful.png", + "mood": 12 + }, - { "style": "text-align:center; border:2px solid #780000; background:black;color: white; font-family:'Arial'; font:bold;padding-left:3px;", - "selected": "text-align:left; background:white; border:2px solid #780000; padding: 5px;color: black; font-family:'Arial'; font:bold;padding-left:3px;", - "loc": [15, 569], - "size": [270, 30], - "text": "ABSCOND", - "icon": "$path/offline.png", - "mood": 2 - } + { "style": "text-align:center; border:2px solid #780000; background:black;color: white; font-family:'Arial'; font:bold;padding-left:3px;", + "selected": "text-align:left; background:white; border:2px solid #780000; padding: 5px;color: black; font-family:'Arial'; font:bold;padding-left:3px;", + "loc": [15, 569], + "size": [270, 30], + "text": "ABSCOND", + "icon": "$path/offline.png", + "mood": 2 + } ] }, "convo": { "style": "background-color: #e5000f;border:2px solid #780000; font-family: 'Arial';", "chumlabel": { "style": "margin-bottom: 21px;background: #ffa4a4; color: black; border:0px; font-size: 14px;", - "text" : ":: trolling: $handle ::" }, - "textarea": { - "style": "background: white; font-size: 14px;font:bold; border:2px solid #ffa4a4;text-align:center; margin-right:10px; margin-left:10px;font-family: 'Arial'" - }, + "text" : ":: trolling: $handle ::" }, + "textarea": { + "style": "background: white; font-size: 14px;font:bold; border:2px solid #ffa4a4;text-align:center; margin-right:10px; margin-left:10px;font-family: 'Arial'" + }, "input": { "style": "background: white; border:2px solid #ffa4a4;margin-top:5px; margin-right:10px; margin-left:10px; font-size: 12px;" }, - "tabwindow" : { - "style": "" - }, - "tabs": { - "style": "", - "selectedstyle": "", - "newmsgcolor": "#ff0000" - }, - "scrollbar": null + "tabwindow" : { + "style": "" + }, + "tabs": { + "style": "", + "selectedstyle": "", + "newmsgcolor": "#ff0000" + }, + "scrollbar": null }, "memos": { "size": [600,425], "style": "background-color: #e5000f;border:2px solid #780000; font-family: 'Arial';", "label": { "style": "margin-bottom: 21px;background: #ffa4a4; color: white; border:0px; font-size: 14px;" - }, + }, "textarea": { - "style": "background: white; font-size: 14px;font:bold; border:2px solid #ffa4a4;text-align:center; margin-right:10px; margin-left:10px;font-family: 'Arial'" + "style": "background: white; font-size: 14px;font:bold; border:2px solid #ffa4a4;text-align:center; margin-right:10px; margin-left:10px;font-family: 'Arial'" }, "userlist": { "style": "border:2px solid #780000; background: white;font: bold;font-family: 'Courier';selection-background-color:#646464; font-size: 12px; margin-left:0px; margin-right:10px;" }, "input": { "style": "background: white; border:2px solid #ffa4a4;margin-top:5px; margin-right:10px; margin-left:10px; font-size: 12px;" }, - "time": { "text": { "style": " border: 2px solid #780000; background: white; font-size: 12px; margin-top: 5px; margin-right: 5px; margin-left: 5px; font-family:'Arial';font:bold;" + "time": { "text": { "style": " border: 2px solid #780000; background: white; font-size: 12px; margin-top: 5px; margin-right: 5px; margin-left: 5px; font-family:'Arial';font:bold;" }, "buttons": { "style": "color: black; font: bold; border: 2px solid #780000; font: bold; font-size: 12px; background: #e5000f; margin-top: 5px; margin-right: 5px; margin-left: 5px; padding: 2px; width: 50px;" } }, @@ -189,4 +189,4 @@ }, "scrollbar": null } -} \ No newline at end of file +} diff --git a/themes/typewriter/style.js b/themes/typewriter/style.js index 80c9aa5..33a670c 100644 --- a/themes/typewriter/style.js +++ b/themes/typewriter/style.js @@ -10,7 +10,7 @@ "minimize": { "image": "$path/m.png", "loc": [239, 168]}, "menubar": { "style": "font-family: 'Courier'; font:bold; font-size: 12px; color: rgba(0,0,0,0);" }, - "menu" : { "style": "font-family: 'Courier'; font: bold; font-size: 12px; background-color: white;border:2px solid black;", + "menu" : { "style": "font-family: 'Courier'; font: bold; font-size: 12px; color: #000000; background-color: white;border:2px solid black;", "menuitem": "margin-right:30px;", "selected": "background-color: black", "loc": [43,220]