ProjectionPicker.css 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. span.cesium-projectionPicker-wrapper {
  2. display: inline-block;
  3. position: relative;
  4. margin: 0 3px;
  5. }
  6. .cesium-projectionPicker-visible {
  7. visibility: visible;
  8. opacity: 1;
  9. transition: opacity 0.25s linear;
  10. }
  11. .cesium-projectionPicker-hidden {
  12. visibility: hidden;
  13. opacity: 0;
  14. transition: visibility 0s 0.25s, opacity 0.25s linear;
  15. }
  16. .cesium-projectionPicker-wrapper .cesium-projectionPicker-none {
  17. display: none;
  18. }
  19. .cesium-projectionPicker-wrapper .cesium-projectionPicker-dropDown-icon {
  20. box-sizing: border-box;
  21. padding: 0;
  22. margin: 3px 0;
  23. }
  24. .cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonPerspective,
  25. .cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonOrthographic {
  26. margin: 0 0 3px 0;
  27. }
  28. .cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonPerspective .cesium-projectionPicker-iconOrthographic {
  29. left: 100%;
  30. }
  31. .cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonOrthographic .cesium-projectionPicker-iconPerspective {
  32. left: -100%;
  33. }
  34. .cesium-projectionPicker-wrapper .cesium-projectionPicker-selected {
  35. border-color: #2e2;
  36. box-shadow: 0 0 8px #fff, 0 0 8px #fff;
  37. }