11 /* http://stackoverflow.com/questions/18474564/bootstrap-3-navbar-with-logo */
24 /* used in navbar to show/hide items depending on connection status */
25 .not-connected .if-connecting { display: none; }
26 .not-connected .if-connected { display: none; }
27 .not-connected .if-started { display: none; }
28 .connecting .if-not-connected { display: none; }
29 .connecting .if-connected { display: none; }
30 .connecting .if-started { display: none; }
31 .connected .if-not-connected { display: none; }
32 .connected .if-connecting { display: none; }
33 .connected .if-started { display: none; }
34 .started .if-not-connected { display: none; }
35 .started .if-connecting { display: none; }
36 .started .if-connected { display: none; }
55 box-sizing:border-box;
56 -moz-box-sizing:border-box;
57 -webkit-box-sizing:border-box;
58 border: 4px ridge silver;
67 vertical-align: middle;
70 #quad1 { border-bottom-right-radius: 0;}
71 #quad2 { border-bottom-left-radius: 0; }
72 #quad3 { border-top-right-radius: 0; overflow: auto; }
73 #quad4 { border-top-left-radius: 0; }
78 width: auto !important;
79 height: auto !important;
85 transform: translate(-50%,-50%);
86 -webkit-transform: translate(-50%,-50%);
89 .number { text-align: center; vertical-align: middle; font: italic bold 12px monospace; }
92 #espan { position: absolute; left: 1em; bottom: 1em; }
93 #espeed { position: absolute; top: 30px; width: 100px; color: green; font-size: 28px; }
95 #vspan { position: absolute; right: 1em; bottom: 1em; }
96 #vspeed { position: absolute; top: 16px; width: 100px; color: cyan; font-size: 42px; }
104 background: rgba(50,50,50,.4);
106 border-top: 2px outset silver;
107 border-top-left-radius: 50%;
108 border-top-right-radius: 50%;
111 #torqueGauge { position: absolute; bottom: -2%; left: 1%; width: 14%; }
112 #rpmGauge { position: absolute; bottom: -4%; left: 16%; width: 21%; }
113 #speedGauge { position: absolute; bottom: -3%; left: 38%; width: 24%; }
114 #MAFGauge { position: absolute; bottom: -4%; right: 16%; width: 21%; }
115 #IATempGauge { position: absolute; bottom: -2%; right: 1%; width: 14%; }
132 #gaspan { position: absolute; bottom:0; left:0; right:0; background: rgba(200,200,200,.3); padding: 1em; z-index: 2000;}
134 #gas { position: relative; float: right; width: 69px; height: 92px; }
135 #gas div { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; }
137 #copan { overflow: hidden; min-height: 50px; position: relative; height: 92px;}
147 border: 1px solid grey;
168 #gpblack { background: url(/images/gas-pump-black.png); }
169 #gpgreen { background: url(/images/gas-pump-green.png); }
170 #gpred { background: url(/images/gas-pump-red.png); visibility: hidden; }
177 .leaflet-control-layers-toggle {
178 background-image: url(/images/layers.png);