open_trails/assets/elevation.css

package for visualizing trail data from OpenStreetMap

.steelblue-theme .elevation .background {
  background-color: rgba(70, 130, 180, 0);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.steelblue-theme .elevation .axis path,
.steelblue-theme .elevation .axis line {
  fill: none;
  stroke: #0d1821;
  stroke-width: 2;
}
.steelblue-theme .elevation .area {
  fill: #4682B4;
}
.steelblue-theme .elevation .mouse-focus-line {
  pointer-events: none;
  stroke-width: 1;
  stroke: #0d1821;
}
.steelblue-theme .elevation .elevation-toggle {
  cursor: pointer;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 36px;
  height: 36px;
  background-color: #f8f8f9;
}
.steelblue-theme .elevation .elevation-toggle-icon {
  background: url('images/elevation.png') no-repeat center center;
}
.steelblue-theme .elevation-collapsed .background {
  display: none;
}
.steelblue-theme .elevation-collapsed .elevation-toggle {
  display: block;
}
.steelblue-theme .elevation .mouse-drag {
  fill: rgba(23, 74, 117, 0.4);
}
.steelblue-theme .leaflet-overlay-pane .height-focus {
  stroke: #4682B4;
  fill: #4682B4;
}
.steelblue-theme .leaflet-overlay-pane .height-focus.line {
  pointer-events: none;
  stroke-width: 2;
}