windelsis
Version:
`Windelsis` is a JavaScript library that visualizes weather data on interactive maps using Leaflet. It provides tools to render temperature, precipitation, and wind velocity layers, as well as utilities for grid-based weather data management.
1 lines • 1.59 kB
CSS
.leaflet-control-velocity{background-color:hsla(0,0%,100%,.7);color:#333;font:11px/1.5 Helvetica Neue,Arial,Helvetica,sans-serif;margin:0;padding:0 5px}.velocity-overlay{position:absolute;z-index:1}body{align-items:center;background-color:#1a1a1a;color:#fff;display:flex;flex-direction:column;margin:0;min-height:100vh;overflow-x:hidden;padding:0}#map{background-color:#333;height:calc(100vh - 220px);margin:0 auto;position:relative;width:80vw}#heading{background:#333;color:#ccc;padding:20px;text-align:center}.dark-theme{background-color:#1a1a1a;color:#fff}.leaflet-canvas-layer{opacity:.55}#mapControls{background-color:#333;box-shadow:0 2px 6px rgba(0,0,0,.3);display:flex;flex-wrap:wrap;gap:10px;margin:0 auto 20px;padding:15px;width:80vw}.button-style{background-color:#38f;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 15px;transition:background-color .2s}.button-style:hover{background-color:#2a6fcc}.input-style{background-color:#444;border:1px solid #555;border-radius:4px;box-sizing:border-box;font-family:Arial,sans-serif;max-width:150px;padding:6px 10px}.input-style,label{color:#fff;font-size:14px}label{margin-bottom:4px}.input-group{flex-direction:row;flex-wrap:wrap;max-width:100%}.input-group,.label-group{align-items:center;display:flex;gap:10px}.label-group label{margin:0}.leaflet-container{color:#333}.leaflet-control-layers,.leaflet-control-zoom{background-color:hsla(0,0%,100%,.9);color:#333}.leaflet-control-layers label{color:#333;margin:0}.separator{background-color:#fff;border:none;height:1px;margin:10px 0;width:100%}