| New file |
| | |
| | | .cesium-baseLayerPicker-selected { |
| | | position: absolute; |
| | | top: 0; |
| | | left: 0; |
| | | width: 100%; |
| | | height: 100%; |
| | | border: none; |
| | | } |
| | | |
| | | .cesium-baseLayerPicker-dropDown { |
| | | display: block; |
| | | position: absolute; |
| | | box-sizing: content-box; |
| | | top: auto; |
| | | right: 0; |
| | | width: 320px; /* Includes space needed for scrollbar */ |
| | | max-height: 500px; |
| | | margin-top: 5px; |
| | | background-color: rgba(38, 38, 38, 0.75); |
| | | border: 1px solid #444; |
| | | padding: 6px; |
| | | overflow: auto; |
| | | border-radius: 10px; |
| | | -moz-user-select: none; |
| | | -webkit-user-select: none; |
| | | -ms-user-select: none; |
| | | user-select: none; |
| | | transform: translate(0, -20%); |
| | | visibility: hidden; |
| | | opacity: 0; |
| | | transition: visibility 0s 0.2s, opacity 0.2s ease-in, transform 0.2s ease-in; |
| | | } |
| | | |
| | | .cesium-baseLayerPicker-dropDown-visible { |
| | | transform: translate(0, 0); |
| | | visibility: visible; |
| | | opacity: 1; |
| | | transition: opacity 0.2s ease-out, transform 0.2s ease-out; |
| | | } |
| | | |
| | | .cesium-baseLayerPicker-sectionTitle { |
| | | display: block; |
| | | font-family: sans-serif; |
| | | font-size: 16pt; |
| | | text-align: left; |
| | | color: #edffff; |
| | | margin-bottom: 4px; |
| | | } |
| | | |
| | | .cesium-baseLayerPicker-choices { |
| | | margin-bottom: 5px; |
| | | } |
| | | |
| | | .cesium-baseLayerPicker-categoryTitle { |
| | | color: #edffff; |
| | | font-size: 11pt; |
| | | } |
| | | |
| | | .cesium-baseLayerPicker-choices { |
| | | display: block; |
| | | border: 1px solid #888; |
| | | border-radius: 5px; |
| | | padding: 5px 0; |
| | | } |
| | | |
| | | .cesium-baseLayerPicker-item { |
| | | display: inline-block; |
| | | vertical-align: top; |
| | | margin: 2px 5px; |
| | | width: 64px; |
| | | text-align: center; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .cesium-baseLayerPicker-itemLabel { |
| | | display: block; |
| | | font-family: sans-serif; |
| | | font-size: 8pt; |
| | | text-align: center; |
| | | vertical-align: middle; |
| | | color: #edffff; |
| | | cursor: pointer; |
| | | word-wrap: break-word; |
| | | } |
| | | |
| | | .cesium-baseLayerPicker-item:hover .cesium-baseLayerPicker-itemLabel, .cesium-baseLayerPicker-item:focus .cesium-baseLayerPicker-itemLabel { |
| | | text-decoration: underline; |
| | | } |
| | | |
| | | .cesium-baseLayerPicker-itemIcon { |
| | | display: inline-block; |
| | | position: relative; |
| | | width: inherit; |
| | | height: auto; |
| | | background-size: 100% 100%; |
| | | border: solid 1px #444; |
| | | border-radius: 9px; |
| | | color: #edffff; |
| | | margin: 0; |
| | | padding: 0; |
| | | cursor: pointer; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .cesium-baseLayerPicker-item:hover .cesium-baseLayerPicker-itemIcon { |
| | | border-color: #fff; |
| | | box-shadow: 0 0 8px #fff, 0 0 8px #fff; |
| | | } |
| | | |
| | | .cesium-baseLayerPicker-selectedItem .cesium-baseLayerPicker-itemLabel { |
| | | color: rgb(189, 236, 248); |
| | | } |
| | | |
| | | .cesium-baseLayerPicker-selectedItem .cesium-baseLayerPicker-itemIcon { |
| | | border: double 4px rgb(189, 236, 248); |
| | | } |