Blame view
app/partials/flightTracking/flightTracking.html
4.23 KB
e196b9b74
|
1 |
<style> |
429786996
|
2 |
.subnavbar .mainnav > li:nth-child(6) > a{ |
e196b9b74
|
3 4 |
color: #ff9900; } |
429786996
|
5 6 7 8 9 10 11 |
#map { height: 100%; width: 100%; margin: 0px; padding: 0px } |
e196b9b74
|
12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 |
.button1 { display: inline-block; height: 35px; line-height: 35px; padding-right: 15px; padding-left: 50px; position: relative; background-color:rgb(41,127,184); color:rgb(255,255,255); text-decoration: none; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 15px; border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow:0px 1px 0px rgba(0,0,0,0.5); -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true); -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2); box-shadow:0px 2px 2px rgba(0,0,0,0.2); -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)"; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true); } .button1 span { position: absolute; left: 0; top: 0; width: 35px; background-color:rgba(0,0,0,0.5); -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-right: 1px solid rgba(0,0,0,0.15); } .button1:hover span, .button1.active span { background-color:rgb(0,102,26); border-right: 1px solid rgba(0,0,0,0.3); } .button1:active { margin-top: 2px; margin-bottom: 13px; -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5); -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5); box-shadow:0px 1px 0px rgba(255,255,255,0.5); -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)"; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true); } .button1.turquoise { background: #449d44; } |
f9e936a9d
|
78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 |
/** style for popup sidebar **/ .left-panel{ width: 0; height: 100%; position: absolute; top: 1; background-color: White; overflow-x: hidden; left: 2px; padding: 0; border-radius: 4px 0 0 4px; } .left-panel table th, td{ padding: 10px 0; } |
e196b9b74
|
94 |
</style> |
429786996
|
95 |
|
2b4e85bad
|
96 |
|
e196b9b74
|
97 |
|
2b4e85bad
|
98 |
|
e196b9b74
|
99 100 101 102 103 104 |
<div class="main"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="widget stacked "> <div class="widget-content" style="min-height: 500px"> |
2b4e85bad
|
105 |
<div id="map" style="border: 2px solid #3872ac;"></div> |
f9e936a9d
|
106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 |
<div class="left-panel"> <span class="close-left-panel" style="float:right;"><img src="img/back.png"/></span> <br><br><br><br> <h1>Aircraft </h1> <h2><p id="flightid"></p></h2> <table class="table-responsive table-striped" style="border-collapse: separate;border-spacing: 2px 2px;"> <tbody> <tr> <td>Path: </td> <td class="text-nowrap"><strong><span id="depid"/> <span class="glyphicon glyphicon-arrow-right"></span> <span id="arrid"/></strong></td> </tr> <tr> <td>Altitude: </td> <td class="text-nowrap"><strong><span id="altid"/> ft </strong></td> </tr> <tr> <td>Speed: </td> <td class="text-nowrap"><strong><span id="speedid"/> Knots</strong></td> </tr> <tr> <td>Departure Time : </td> <td><strong><span id="deptimeid"/><span class="text-muted">(Actual)</span></strong></td> </tr> <tr> <td>Arrival Time : </td> <td><strong><span id="arrtimeid"/><span class="text-muted">(Estimated)</span></strong></td> </tr> </tbody> </table> </div> |
2b4e85bad
|
136 137 138 139 140 141 142 143 144 145 |
<!-- /widget-content --> </div> <!-- /widget --> </div> <!-- /span8 --> </div> <!-- /row --> </div> <!-- /container --> |
e196b9b74
|
146 |
</div> |
429786996
|
147 |
|
2b4e85bad
|
148 |
<!-- /main --> |