Lora-Map/Lora-Map/resources/css/global.css

/* Always set the map height explicitly to define the size of the div
        * element that contains the map. */
#bigmap {
    height: 100%;
}
#bigmap .marker-alert {
  border: red 5px dashed;
  top: -5px;
  left: -5px;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.4) 10px 10px;
}

/* Optional: Makes the sample page fill the window. */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

object {
    pointer-events: none;
}

.leaflet-touch .leaflet-bar a {
  width: 38px;
}

#menucollumn {
  width: 32px;
  background-color: white;
  background-clip: padding-box;
  position: absolute;
  top: 85px;
  bottom: 10px;
  left: 10px;
  z-index: 5000;
  border: #707070 2px solid;
  border: rgba(0,0,0,0.2) 2px solid;
  border-radius: 4px;
  padding: 3px;
}
#menucollumn span {
  display: block;
  height: 32px;
  width: 32px;
  margin-bottom: 5px;
}
#menucollumn .pos {
  background-image: url("icons/placeholder.png");
}
#menucollumn .admin {
  background-image: url("icons/admin-with-cogwheels.png");
}
#menucollumn .info {
  background-image: url("icons/information.png");
}

#pannels {
  position: absolute;
  top: 85px;
  left: 55px;
  bottom: 10px;
  width: 250px;
  z-index: 50000;
  background-color: white;
  background-clip: padding-box;
  border: #707070 2px solid;
  border: rgba(0,0,0,0.2) 2px solid;
  border-radius: 4px;
  display: none;
  font-size: 11px;
  font-family: Verdana;
  overflow: auto;
}
#pannels #pannels_pos {
  display: none;
}
#pannels #pannels_pos .item {
  margin: 4px;
}
#pannels #pannels_pos .item .color {
  float: left;
  width: 2px;
  height: 38px;
}
#pannels #pannels_pos .item .icon {
  float: left;
  height: 38px;
  width: 40px;
  margin-right: 5px;
}
#pannels #pannels_pos .item .icon img {
  height: 40px;
  width: 40px;
  margin-left: 3px;
}
#pannels #pannels_pos .item .line1 .name {
  font-weight: bold;
}
#pannels #pannels_pos .item .line1 .akku img {
  vertical-align: middle;
  margin-left: 5px;
}

#pannels #pannels_info {
  display: none;
  padding: 5px;
}
#pannels #pannels_info .bold {
  font-weight: bold;
}
#pannels #pannels_info .name {
  font-size: 16px;
}
#pannels #pannels_info .batt {
  margin-bottom: 10px;
}
#pannels #pannels_info .batt img {
  vertical-align: middle;
}
#pannels #pannels_info .gps {
  font-size: 20px;
}
#pannels #pannels_info .coord {
  font-family: monospace;
  font-size: 22px;
  font-weight: bold;
}
#pannels #pannels_info .lastgps {
  margin-bottom: 10px;
}
#pannels #pannels_info .update {
  margin-bottom: 10px;
}

#pannels #pannels_version {
  padding: 5px;
  display: none;
}
#pannels #pannels_version .versionstring {
  font-weight: bold;
}
#pannels #pannels_version .versionstring #version {
  font-weight: normal;
  font-family: monospace;
  display: inline;
}
#pannels #pannels_version .cicons {
  font-weight: bold;
}
#pannels #pannels_version .cicons ul {
  margin: 0;
  padding: 0;
  padding-left: 15px;
}
#pannels #pannels_version .cicons ul li {
  font-weight: normal;
}

#pannels #pannels_admin {
  padding: 5px;
  display: none;
}
#pannels #pannels_admin a {
  color: black;
  text-decoration: underline;
  font-size: 18px;
  font-weight: bold;
}
#pannels #pannels_admin a:hover {
  text-decoration: none;
}
#pannels #pannels_admin div {
  margin-bottom: 5px;
}
#pannels #pannels_admin div .label {
  width: 70px;
  font-weight: bold;
  display: inline-block;
}
#pannels #pannels_admin div input {
  width: 150px;
}
#pannels #pannels_admin div .login input {
  width: auto;
  margin-left: 70px;
}