AFG/dump1090
3
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Undo Parts of Pull request #29

Browse source 
The table sizing doesn't seem to work in M$ IE8 and IE9.
This commit is contained in:
Malcolm Robb 2014-09-30 16:35:15 +01:00
parent 732fe52a10
commit aa063ba89f
2 changed files with 39 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

62
public_html/gmap.html
View file

@ -18,36 +18,40 @@
<div id="dialog-modal" title="Basic modal dialog" style="display:none;"> <div id="dialog-modal" title="Basic modal dialog" style="display:none;">
<p>The settings feature is coming soon. Keep checking GitHub.</p> <p>The settings feature is coming soon. Keep checking GitHub.</p>
</div> </div>
<div id="map_canvas"></div> <div id="map_container">
<div id="sidebar_canvas"> <div id="map_canvas"></div>
<div id="timestamps" style="align: center"> </div>
<table width="100%"><tr> <div id="sidebar_container">
<td>Local Time</td> <div id="sidebar_canvas">
<td> <div id="timestamps" style="align: center">
<canvas id="localclock" class="CoolClock:classic:40"></canvas> <table width="100%"><tr>
</td> <td>Local Time</td>
<td>UTC Time</td> <td>
<td> <canvas id="localclock" class="CoolClock:classic:40"></canvas>
<canvas id="gmtclock" class="CoolClock:classic:40::0"></canvas> </td>
</td> <td>UTC Time</td>
</tr></table> <td>
</div> <canvas id="gmtclock" class="CoolClock:classic:40::0"></canvas>
<div id="sudo_buttons"> </td>
<table width="100%"><tr> </tr></table>
<td width="150" style="text-align: center;" class="pointer"> </div>
[ <span onclick="resetMap();">Reset Map</span> ] <div id="sudo_buttons">
</td> <table width="100%"><tr>
<td>&nbsp;</td> <td width="150" style="text-align: center;" class="pointer">
<td width="150" style="text-align: center;" id="setings_button" class="pointer"> [ <span onclick="resetMap();">Reset Map</span> ]
[ <span onclick="optionsModal();">Settings</span> ] </td>
</td> <td>&nbsp;</td>
</tr></table> <td width="150" style="text-align: center;" id="setings_button" class="pointer">
</div> [ <span onclick="optionsModal();">Settings</span> ]
</td>
</tr></table>
</div>
<div id="plane_detail"></div> <div id="plane_detail"></div>
<div id="options"></div> <div id="options"></div>
<div id="planes_table"></div> <div id="planes_table"></div>
<div id="plane_extension"></div> <div id="plane_extension"></div>
</div>
</div> </div>
<div id="SpecialSquawkWarning"> <div id="SpecialSquawkWarning">
<b>Squak 7x00 is reported and shown.</b><br> <b>Squak 7x00 is reported and shown.</b><br>

15
public_html/style.css
View file

@ -1,23 +1,20 @@
html, body { html, body {
margin: 0; padding: 0; background-color: #ffffff; font-family: Tahoma, Sans-Serif; margin: 0; padding: 0; background-color: #ffffff; font-family: Tahoma, Sans-Serif;
font-size: 12pt; overflow: auto; font-size: 10pt; overflow: auto;
} }
div#map_container { float: left; width: 100%; height: 100%; }
div#map_canvas { height: 100%; margin-right: 420px; }
div#map_canvas { width: 100%; height: 100%; } div#sidebar_container { float: left; width: 410px; margin-left: -410px; height: 100%; overflow: auto; }
div#sidebar_canvas { position: absolute; top: 0px; right: 0px; div#SpecialSquawkWarning { position: absolute; bottom: 25px; right: 430px; border: 2px solid red;
box-sizing: border-box; overflow: auto;
background: #FFFFFF; padding: 0px 2px 2px 2px;
border-bottom-left-radius: 5px; z-index: 99; }
div#SpecialSquawkWarning { position: absolute; bottom: 25px; right: 0px; border: 2px solid red;
background-color: #FFFFA3; opacity: 0.75; filter:alpha(opacity=75); padding: 5px; background-color: #FFFFA3; opacity: 0.75; filter:alpha(opacity=75); padding: 5px;
display: none; text-align: center; } display: none; text-align: center; }
table#optionsTabs { width: 100%; font-size: small; font-family: monospace; background-color: #ddd; table#optionsTabs { width: 100%; font-size: small; font-family: monospace; background-color: #ddd;
border: 1px; border-color: #000000;} border: 1px; border-color: #000000;}
#tableinfo, #sudo_buttons { font-family: monospace; } #tableinfo, #sudo_buttons { font-size: x-small; font-family: monospace; }
.vPosition { font-weight: bold; background-color: #d5ffd5; } .vPosition { font-weight: bold; background-color: #d5ffd5; }
.squawk7500 { font-weight: bold; background-color: #ff5555; } .squawk7500 { font-weight: bold; background-color: #ff5555; }