/* html, body, */ #Navbar { overflow: hidden; } html, body, #cesiumContainer { top: 0px; left: 0px; position: absolute; width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; z-index: -1; } #legend { position: relative; left: 5px; top: 5px; } .backdrop { display: inline-block; background: rgba(42, 42, 42, 0.7); border-radius: 5px; border: 1px solid #444; color: #fff; line-height: 150%; font-size: small; box-shadow: 0 0 10px 1px #000; } button.cesium-infoBox-camera { display: none; } .cesium-infoBox { width: 80%; height: auto; right: 5px; background: rgba(0, 0, 0, 0.65); border-radius: 10px; border: 1px solid #444; padding: 5px 10px; color: #fff; font: 1em "Fira Sans", sans-serif; float: right; } .cesium-infoBox-title { background: rgba(0, 0, 0, 0); font: 1em "Fira Sans", sans-serif; } .cesium-infoBox-close { z-index: 99999; } .legends { transform: translate(0, 0); display: none; bottom: 35px; right: 10px; width: 70%; max-width: 480px; color: #edffff; border: 1px solid #444; border-right: none; border-top-left-radius: 7px; border-bottom-left-radius: 7px; box-shadow: 0 0 10px 1px #000; opacity: 0.9; transition: visibility 0s 0.3s, opacity 0.3s ease-in, transform 0.3s ease-in; background: rgba(42, 42, 42, 0.9); position: absolute; padding: 8px; border-radius: 10px; } .irradianceLegend-container { background: rgba(42, 42, 42, 0.9); padding: 8px; border-radius: 4px; text-align: center; } #irradianceLegend-title { margin: 0px; padding-bottom: 10px; } .irradianceLegend-Bar { display: flex; justify-content: space-around; align-items: center; width: 100%; height: 30px; background: linear-gradient(to right, #0D0887 0%, #8305A7 25%, #D04D73 50%, #FBA139 75%, #F0F921 100%); color: #000; font-size: 14px; font-weight: bold; } #bottom-round { border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } .values { display: flex; justify-content: space-around; align-items: center; width: 100%; height: 25px; color: #edffff; font-size: 14px; font-weight: bold; } .credit { width: 100px; height: 100px; overflow: hidden; position: fixed; z-index: 99999; background: url(Images/hft.jpg) no-repeat; background-size: 100px; bottom: 70px; left: 10px; box-shadow: 0 0 10px 1px #000; /* left: 5px;*/ }