gistfile1.txt

// Build the menu
  var gecko_menu = document.createElement('div');
  gecko_menu.id = 'gecko_menu';
  gecko_menu.style.zIndex = '2';
  gecko_menu.style.opacity = '0.0';
  gecko_menu.style.backgroundColor = '#7eaeca';
  gecko_menu.style.background = 'linear-gradient(#7db5d4,#598ca9)';
  gecko_menu.style.borderRadius = '4px';
  gecko_menu.style.padding = '0px';
  gecko_menu.style.boxShadow = '0px 0px 8px #000000';
  gecko_menu.style.transition = 'opacity 0.25s linear';
  var inner_div = document.createElement('div');
  inner_div.id = 'inner_div';
  inner_div.style.margin = '10px';
  inner_div.style.display = 'none';
  inner_div.innerHTML = '<div style="background-color:#070707;border-radius:4px;width:inherit;height:1em;padding:8px;">' +
  '<div id="gt_btn">' +
  '<strong>Gecko Tools 1.0.4</strong></div>' +
  '<div id="mm_btn">' +
  '<strong>Mod Manager</strong></div>' +
  '</div>' +
  '<br>' +
  '<div id="GT_div">' +
  '<table class="gt_table">' +
  '<tr><td><span style="color:#000000;font-weight:bold;">Custom Sounds</span>' +
  '<br><small>Drag and drop your sound files onto the browser window</small></td>' +
  '<td width=60>&nbsp;</td>' +
  '<td align="right"><span style="color:#47953d;font-weight:bold;background-color:#070707;' +
  'border-radius:16px;padding:8px;cursor:pointer;" id="btn_sounds">On</span></td></tr>' +
  '<tr height=8><td></td></tr>' +
  '<tr><td><span style="color:#000000;font-weight:bold;">Custom Tiles</span>' +
  '<br><small>Drag and drop your tiles onto the browser window</small></td>' +
  '<td width=60>&nbsp;</td>' +
  '<td align="right"><span style="color:#47953d;font-weight:bold;background-color:#070707;' +
  'border-radius:16px;padding:8px;cursor:pointer;" id="btn_tiles">On</span></td></tr>' +
  '<tr height=8><td></td></tr>' +
  '<tr><td><span style="color:#000000;font-weight:bold;">Custom Wallpaper</span>' +
  '<br><small>Drag and drop your wallpaper onto the browser window</small></td>' +
  '<td width=60>&nbsp;</td>' +
  '<td align="right"><span style="color:#47953d;font-weight:bold;background-color:#070707;' +
  'border-radius:16px;padding:8px;cursor:pointer;" id="btn_wallpaper">On</span></td></tr>' +
  '<tr height=8><td></td></tr>' +
  '<tr><td><span style="color:#000000;font-weight:bold;">Transparent Background</span>' +
  '<br><small>Removes the black background around the outside of the map</small></td>' +
  '<td width=60>&nbsp;</td>' +
  '<td align="right"><span style="color:#ff011f;font-weight:bold;background-color:#070707;' +
  'border-radius:16px;padding:8px;cursor:pointer;" id="btn_background">Off</span></td></tr>' +
  '<tr height=8><td></td></tr>' +
/*
  '<tr><td><span style="color:#000000;font-weight:bold;">Maximize Viewport</span>' +
  '<br><small>Stretches the viewport to fill up the entire browser window</small></td>' +
  '<td width=60>&nbsp;</td>' +
  '<td align="right"><span style="color:#ff011f;font-weight:bold;background-color:#070707;' +
  'border-radius:16px;padding:8px;cursor:pointer;" id="btn_maximize">Off</span></td></tr>' +
  '<tr height=8><td></td></tr>' +
*/
  '<tr><td><span style="color:#000000;font-weight:bold;">Hide Border</span>' +
  '<br><small>Hides the border around the viewport, may help FPS</small></td>' +
  '<td width=60>&nbsp;</td>' +
  '<td align="right"><span style="color:#ff011f;font-weight:bold;background-color:#070707;' +
  'border-radius:16px;padding:8px;cursor:pointer;" id="btn_hideBorder">On</span></td></tr>' +
  '<tr height=8><td></td></tr>' +
  '<tr><td><span style="color:#000000;font-weight:bold;">Hide Icons</span>' +
  '<br><small>Hides the exit, donate, music and sound buttons during game</small></td>' +
  '<td width=60>&nbsp;</td>' +
  '<td align="right"><span style="color:#ff011f;font-weight:bold;background-color:#070707;' +
  'border-radius:16px;padding:8px;cursor:pointer;" id="btn_hideIcons">On</span></td></tr>' +
  '</table></div>' +
  '<div id="MM_div" style="display:none;overflow:auto;">' +
  '<div class="mods" id="mods"></div>' +
  '</div>';
  document.body.appendChild(gecko_menu);
  gecko_menu.appendChild(inner_div);