首次提交
This commit is contained in:
+294
@@ -0,0 +1,294 @@
|
||||
/*!
|
||||
* IE10 viewport hack for Surface/desktop Windows 8 bug
|
||||
* Copyright 2014-2015 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*
|
||||
* See the Getting Started docs for more information:
|
||||
* http://getbootstrap.com/getting-started/#support-ie10-width
|
||||
*/
|
||||
|
||||
/* col-xs <none> (Smartphones)
|
||||
* col-sm >= 768px (Tablets)
|
||||
* col-md >= 992px (Small Desktop Screens)
|
||||
* col-lg >= 1200px (Large Desktop Screens)
|
||||
*/
|
||||
|
||||
@-webkit-viewport { width: device-width; }
|
||||
@-moz-viewport { width: device-width; }
|
||||
@-ms-viewport { width: device-width; }
|
||||
@-o-viewport { width: device-width; }
|
||||
@viewport { width: device-width; }
|
||||
|
||||
|
||||
/* Custom style for navbar fixed */
|
||||
body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.h1, h1 {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.h2, h2 {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.h3, h3 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
|
||||
/* Custom style for 2D map and navbar fixed */
|
||||
body.gmapbody {
|
||||
height: 100%;
|
||||
padding-top: 50px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Custom button block for XS devcices */
|
||||
@media screen and (max-width: 768px) {
|
||||
.custom-btn-block-xs {
|
||||
margin-bottom: 5px;
|
||||
width: 100%;
|
||||
display:block;
|
||||
}
|
||||
}
|
||||
|
||||
/* Set table padding to 2px for all devices up to 1280px */
|
||||
@media screen and (max-width: 1281px) {
|
||||
.table-more-condensed thead tr td,
|
||||
.table-more-condensed thead tr th,
|
||||
.table-more-condensed tbody tr td {
|
||||
padding: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
#aircraftlist {
|
||||
font-size: 12px;
|
||||
//line-height: 1.225;
|
||||
}
|
||||
|
||||
/* Settings for 2D Map*/
|
||||
html, body.gmapbody, .container-fluid-map, .map_container, #map_box, #map {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.container-fluid-map {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.map_container {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
/* Arrows for aircraft list */
|
||||
.arrow_up {
|
||||
background-image:url(../img/up.png);
|
||||
background-color:#ffffff;
|
||||
height:8px;
|
||||
width:7px;
|
||||
border:0px;
|
||||
display:block;
|
||||
float:left;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.arrow_down {
|
||||
background-image:url(../img/down.png);
|
||||
background-color:#ffffff;
|
||||
height:8px;
|
||||
width:7px;
|
||||
border:0px;
|
||||
display:block;
|
||||
float:right;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.arrow_box {
|
||||
margin:0 auto;
|
||||
margin-top:5px;
|
||||
width:18px;
|
||||
height:8px;
|
||||
}
|
||||
|
||||
/* 2D Map */
|
||||
#map_container {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 51px;
|
||||
bottom: 0px;
|
||||
padding: 0px;
|
||||
font-size: 0.8em;
|
||||
z-index: 1;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#map_box {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
bottom: 0px;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.mapinfobox {
|
||||
position: absolute;
|
||||
top: 51px;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
z-index: 1;
|
||||
display: block;
|
||||
/*background-color: #ffffff;*/
|
||||
background-color: #00405b;
|
||||
border-right: 1px solid #001c28;
|
||||
height: calc(100% - 51px);
|
||||
}
|
||||
|
||||
/* Info Box Contents BEGIN */
|
||||
#hide_info_btn_box {
|
||||
background-color: #003247;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
button.map_info_close {
|
||||
height: 24px;
|
||||
border-radius: none;
|
||||
}
|
||||
|
||||
#hide_info {
|
||||
overflow-y: auto;
|
||||
height: calc(100% - 25px);
|
||||
}
|
||||
|
||||
table.info_box_table {
|
||||
width: 100%;
|
||||
margin: 0px 0px 0px 0px;
|
||||
/*border-bottom: 1px solid #ff0000;*/
|
||||
}
|
||||
|
||||
.info_header td {
|
||||
/*background-color: #e7e7e7;*/
|
||||
background-color: #003951;
|
||||
padding: 3px 8px 2px 8px;
|
||||
border-bottom: 1px solid #001c28;
|
||||
}
|
||||
|
||||
.info_label td {
|
||||
font-size: 0.8em;
|
||||
/*color: #555555;*/
|
||||
/*background-color: #ffffff;*/
|
||||
color: #4bb9dc;
|
||||
background-color: #00405b;
|
||||
padding: 2px 8px 0px 8px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.info_value td { /* bold */
|
||||
font-weight: bold;
|
||||
padding: 1px 8px 4px 8px;
|
||||
margin: 0px;
|
||||
border-bottom: 1px solid #001c28;
|
||||
/*background-color: #ffffff;*/
|
||||
background-color: #00405b;
|
||||
}
|
||||
|
||||
.info_value_normal td {
|
||||
padding: 1px 8px 4px 8px;
|
||||
margin: 0px;
|
||||
vertical-align: top;
|
||||
border-bottom: 1px solid #001c28;
|
||||
/*background-color: #ffffff;*/
|
||||
background-color: #00405b;
|
||||
}
|
||||
/* Info Box Contents END */
|
||||
|
||||
/* 2DMap A/C Labels BEGIN */
|
||||
.aircraft_label_box {
|
||||
color: black;
|
||||
background-color: yellow;
|
||||
font-family: "Roboto";
|
||||
font-size: 10px;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
line-height: 12px ;
|
||||
padding: 1px 2px 1px 2px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
border: 0px solid gray;
|
||||
border-radius: 4px ;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
table.aircraft_label {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
width: 54px;
|
||||
}
|
||||
|
||||
table.aircraft_label td.flight {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
table.aircraft_label td.altitude {
|
||||
margin: 0px;
|
||||
padding: 0px 2px 0px 0px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
table.aircraft_label td.verticalRate {
|
||||
margin: 0px;
|
||||
padding: 0px 2px 0px 2px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
table.aircraft_label td.speed {
|
||||
margin: 0px;
|
||||
padding: 0px 0px 0px 2px;
|
||||
text-align: right;
|
||||
}
|
||||
/* 2DMap A/C Labels END */
|
||||
|
||||
/* make full appear only when screen is >= small desktop so navbar doesn't get dual line */
|
||||
@media (max-width: 1289px) {
|
||||
.navbar-header {
|
||||
float: none;
|
||||
}
|
||||
.navbar-toggle {
|
||||
display: block;
|
||||
float:left; /*display hamburger button left in-line with the dropdown items */
|
||||
}
|
||||
.navbar-collapse {
|
||||
border-top: 1px solid transparent;
|
||||
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
|
||||
}
|
||||
.navbar-collapse.collapse {
|
||||
display: none!important;
|
||||
}
|
||||
.navbar-nav {
|
||||
float: none!important;
|
||||
margin: 7.5px -15px;
|
||||
}
|
||||
.navbar-nav>li {
|
||||
float: none;
|
||||
}
|
||||
.navbar-nav>li>a {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.navbar-collapse.collapse.in {
|
||||
display: block!important;
|
||||
}
|
||||
.collapsing {
|
||||
overflow: hidden!important;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-text {
|
||||
float: none;
|
||||
}
|
||||
Reference in New Issue
Block a user