首次提交
This commit is contained in:
+296
@@ -0,0 +1,296 @@
|
||||
/*!
|
||||
* 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%;
|
||||
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%;
|
||||
}
|
||||
|
||||
/* maps need no distance to navbar */
|
||||
div.container-fluid.container-fluid-map {
|
||||
margin: 0px;
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
padding-top: 51px;
|
||||
}
|
||||
|
||||
/* all container-fluids not children of navbar */
|
||||
:not(.navbar)>.container-fluid, .container {
|
||||
padding-top: 71px;
|
||||
}
|
||||
|
||||
.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: fixed;
|
||||
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;
|
||||
border-right: 1px solid #bbbbbb;
|
||||
height: calc(100% - 51px);
|
||||
}
|
||||
|
||||
/* Info Box Contents BEGIN */
|
||||
#hide_info_btn_box {
|
||||
background-color: #bbbbbb;
|
||||
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;
|
||||
padding: 3px 8px 2px 8px;
|
||||
border-bottom: 1px solid #bbbbbb;
|
||||
}
|
||||
|
||||
.info_label td {
|
||||
font-size: 0.8em;
|
||||
color: #555555;
|
||||
background-color: #ffffff;
|
||||
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 #e7e7e7;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.info_value_normal td {
|
||||
padding: 1px 8px 4px 8px;
|
||||
margin: 0px;
|
||||
vertical-align: top;
|
||||
border-bottom: 1px solid #e7e7e7;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
/* 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;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
+6
File diff suppressed because one or more lines are too long
@@ -0,0 +1,76 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
.visible-xlg-inline-block, .visible-xlg-block, .visible-xlg-inline
|
||||
{
|
||||
display:none!important;
|
||||
}
|
||||
|
||||
@media (min-width:1200px)
|
||||
{
|
||||
.visible-xlg-inline
|
||||
{
|
||||
display:inline!important;
|
||||
}
|
||||
.visible-xlg-block
|
||||
{
|
||||
display:block!important;
|
||||
}
|
||||
.visible-xlg-inline-block
|
||||
{
|
||||
display:inline-block!important;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-default
|
||||
{
|
||||
background-color: #f8f8f8;
|
||||
border-color: #e7e7e7;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-toggle
|
||||
{
|
||||
border-color: #ddd;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-toggle .icon-bar
|
||||
{
|
||||
background-color: #888;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-brand
|
||||
{
|
||||
color: #777;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-collapse, .navbar-default .navbar-form
|
||||
{
|
||||
border-color: #e7e7e7;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-nav > li > a
|
||||
{
|
||||
color: #777;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover
|
||||
{
|
||||
color: #555;
|
||||
background-color: #e7e7e7;
|
||||
}
|
||||
|
||||
.dropdown-menu
|
||||
{
|
||||
background-color: #fff;
|
||||
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
|
||||
box-shadow: 0 6px 12px rgba(0,0,0,.175);
|
||||
}
|
||||
|
||||
.dropdown-menu > li > a
|
||||
{
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.dropdown-header
|
||||
{
|
||||
color: #777;
|
||||
}
|
||||
Reference in New Issue
Block a user