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

Change CSS styles to use FlightAware colors

Browse source
This commit is contained in:
Carlos Salaverria 2016-09-09 12:49:48 -05:00
parent 83874f32ee
commit 1ce66eb884
2 changed files with 31 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
public_html/index.html
View file

@ -180,28 +180,28 @@
<div id="planes_table"> <div id="planes_table">
<table id="tableinfo" style="width: 100%"> <table id="tableinfo" style="width: 100%">
<thead style="background-color: #BBBBBB; cursor: pointer;"> <thead class="aircraft_table_header">
<tr> <tr>
<td id="icao" onclick="sortByICAO();">ICAO</td> <td id="icao" onclick="sortByICAO();">ICAO</td>
<td id="flag" onclick="sortByCountry()"><!-- column for flag image --></td> <td id="flag" onclick="sortByCountry()"><!-- column for flag image --></td>
<td id="flight" onclick="sortByFlight();">Ident</td> <td id="flight" onclick="sortByFlight();">Ident</td>
<td id="registration" onclick="sortByRegistration();">Registration</td> <td id="registration" onclick="sortByRegistration();">Registration</td>
<td id="aircraft_type" onclick="sortByAircraftType();"> Aircraft type</td> <td id="aircraft_type" onclick="sortByAircraftType();"> Aircraft type</td>
<td id="squawk" onclick="sortBySquawk();" style="text-align: right">Squawk</td> <td id="squawk" onclick="sortBySquawk();">Squawk</td>
<td id="altitude" onclick="sortByAltitude();" style="text-align: right">Altitude (<span class="altitudeUnit"></span>)</td> <td id="altitude" onclick="sortByAltitude();">Altitude (<span class="altitudeUnit"></span>)</td>
<td id="speed" onclick="sortBySpeed();" style="text-align: right">Speed (<span class="speedUnit"></span>)</td> <td id="speed" onclick="sortBySpeed();">Speed (<span class="speedUnit"></span>)</td>
<td id="vert_rate" onclick="sortByVerticalRate();" style="text-align: right">Vertical Rate (<span class="verticalRateUnit"></span>)</td> <td id="vert_rate" onclick="sortByVerticalRate();">Vertical Rate (<span class="verticalRateUnit"></span>)</td>
<td id="distance" onclick="sortByDistance();" style="text-align: right">Distance (<span class="distanceUnit"></span>)</td> <td id="distance" onclick="sortByDistance();">Distance (<span class="distanceUnit"></span>)</td>
<td id="track" onclick="sortByTrack();" style="text-align: right">Track</td> <td id="track" onclick="sortByTrack();">Track</td>
<td id="msgs" onclick="sortByMsgs();" style="text-align: right">Msgs</td> <td id="msgs" onclick="sortByMsgs();">Msgs</td>
<td id="seen" onclick="sortBySeen();" style="text-align: right">Age</td> <td id="seen" onclick="sortBySeen();">Age</td>
<td id="rssi" onclick="sortByRssi();" style="text-align: right">RSSI</td> <td id="rssi" onclick="sortByRssi();">RSSI</td>
<td id="lat" onclick="sortByLatitude();" style="text-align: right">Latitude</td> <td id="lat" onclick="sortByLatitude();">Latitude</td>
<td id="lon" onclick="sortByLongitude();" style="text-align: right">Longitude</td> <td id="lon" onclick="sortByLongitude();">Longitude</td>
<td id="data_source" onclick="sortByDataSource();" style="text-align: right">Data Source</td> <td id="data_source" onclick="sortByDataSource();">Data Source</td>
<td id="airframes_mode_s_link" style="text-align: center">Airframes.org Link</td> <td id="airframes_mode_s_link">Airframes.org Link</td>
<td id="flightaware_mode_s_link" style="text-align: center">FlightAware Link</td> <td id="flightaware_mode_s_link">FlightAware Link</td>
<td id="flightaware_photo_link" style="text-align: center">Photos</td> <td id="flightaware_photo_link">Photos</td>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>

19
public_html/style.css
View file

@ -132,8 +132,19 @@ div#loader { z-index: 99; position: absolute; left: 0; top: 0; bottom: 0; right:
margin: 10px 0 10px 0; margin: 10px 0 10px 0;
} }
.vPosition { background-color: #d5ffd5; } .aircraft_table_header {
.mlat { background-color: #d5d5ff; } background-color: #409EDF;
color: #FFFFFF;
cursor: pointer;
}
.aircraft_table_header td {
font-size: smaller;
padding: 5px;
text-align: center;
}
.vPosition { background-color: #C3FFDF; }
.mlat { background-color: #C7EAFC; }
.squawk7500 { font-weight: bold; background-color: #ff5555; } .squawk7500 { font-weight: bold; background-color: #ff5555; }
.squawk7600 { font-weight: bold; background-color: #00ffff; } .squawk7600 { font-weight: bold; background-color: #00ffff; }
.squawk7700 { font-weight: bold; background-color: #ffff00; } .squawk7700 { font-weight: bold; background-color: #ffff00; }
@ -154,7 +165,7 @@ div#loader { z-index: 99; position: absolute; left: 0; top: 0; bottom: 0; right:
.pointer { cursor: pointer; } .pointer { cursor: pointer; }
.sidebarButton { .sidebarButton {
background-color: #7C99BD; background-color: #409EDF;
padding: 4px 15px 4px 15px; padding: 4px 15px 4px 15px;
color: #FFFFFF; color: #FFFFFF;
font-weight: normal; font-weight: normal;
@ -162,7 +173,7 @@ div#loader { z-index: 99; position: absolute; left: 0; top: 0; bottom: 0; right:
} }
.sidebarButton:hover { .sidebarButton:hover {
background-color: #4873A8; background-color: #3c6ea3;
} }
.altitudeFilterInput { .altitudeFilterInput {