9e0f39f624
This moves the npm components that were loading the json file to go so that it can be handled as messages over the websocket This should serve as an example how to communicate with the backend Change-Id: I9fdeb420123034a549333ddb3aad45eea663cb09
140 lines
2.7 KiB
CSS
Executable File
140 lines
2.7 KiB
CSS
Executable File
#searchInput {
|
|
background-image: url('/css/searchicon.png'); /* Add a search icon to input */
|
|
background-position: 10px 12px; /* Position the search icon */
|
|
background-repeat: no-repeat; /* Do not repeat the icon image */
|
|
width: 100%; /* Full-width */
|
|
font-size: 16px; /* Increase font-size */
|
|
padding: 12px 20px 12px 40px; /* Add some padding */
|
|
border: 1px solid #ddd; /* Add a grey border */
|
|
margin-bottom: 12px; /* Add some space below the input */
|
|
}
|
|
|
|
.airshipTable {
|
|
border-collapse: collapse; /* Collapse borders */
|
|
width: 100%; /* Full-width */
|
|
border: 1px solid #ddd; /* Add a grey border */
|
|
font-size: 18px; /* Increase font-size */
|
|
}
|
|
|
|
.airshipTable th, .airshipTable td {
|
|
text-align: left; /* Left-align text */
|
|
padding: 12px; /* Add padding */
|
|
}
|
|
|
|
.airshipTable tr {
|
|
/* Add a bottom border to all table rows */
|
|
border-bottom: 1px solid #ddd;
|
|
}
|
|
|
|
.airshipTable tr.header, .airshipTable tr:hover {
|
|
/* Add a grey background color to the table header and on hover */
|
|
background-color: #f1f1f1;
|
|
}
|
|
|
|
.topnav {
|
|
overflow: hidden;
|
|
background-color: #0077d1;
|
|
width: 100%;
|
|
}
|
|
|
|
.topnav a {
|
|
float: left;
|
|
display: block;
|
|
color: #f2f2f2;
|
|
text-align: center;
|
|
padding: 14px 16px;
|
|
text-decoration: none;
|
|
font-size: 17px;
|
|
}
|
|
|
|
.topnavsuite {
|
|
float: left;
|
|
display: block;
|
|
color: #bfbfbf;
|
|
text-align: center;
|
|
padding: 12px 12px;
|
|
text-decoration: none;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.topnavname {
|
|
float: right;
|
|
display: block;
|
|
color: #bfbfbf;
|
|
text-align: center;
|
|
padding: 12px 12px;
|
|
text-decoration: none;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.active {
|
|
background-color: #4CAF50;
|
|
color: white;
|
|
}
|
|
|
|
.topnav .icon {
|
|
display: none;
|
|
}
|
|
|
|
.sticky {
|
|
position: fixed;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.sticky + .content {
|
|
padding-top: 102px;
|
|
}
|
|
|
|
.container {
|
|
position:relative;
|
|
z-index:1;
|
|
}
|
|
|
|
.dropdown {
|
|
float: left;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.dropdown .dropbtn {
|
|
font-size: 17px;
|
|
border: none;
|
|
outline: none;
|
|
color: white;
|
|
padding: 14px 16px;
|
|
background-color: inherit;
|
|
font-family: inherit;
|
|
margin: 0;
|
|
}
|
|
|
|
.dropdown-content {
|
|
display: none;
|
|
position: absolute;
|
|
background-color: #f9f9f9;
|
|
min-width: 160px;
|
|
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
|
z-index: 1;
|
|
}
|
|
|
|
.dropdown-content a {
|
|
float: none;
|
|
color: black;
|
|
padding: 12px 16px;
|
|
text-decoration: none;
|
|
display: block;
|
|
text-align: left;
|
|
}
|
|
|
|
.topnav a:hover, .dropdown:hover .dropbtn {
|
|
background-color: #555;
|
|
color: white;
|
|
}
|
|
|
|
.dropdown-content a:hover {
|
|
background-color: #ddd;
|
|
color: black;
|
|
}
|
|
|
|
.dropdown:hover .dropdown-content {
|
|
display: block;
|
|
} |