ProjectionPicker.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  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
  29. .cesium-projectionPicker-buttonPerspective
  30. .cesium-projectionPicker-iconOrthographic {
  31. left: 100%;
  32. }
  33. .cesium-projectionPicker-wrapper
  34. .cesium-projectionPicker-buttonOrthographic
  35. .cesium-projectionPicker-iconPerspective {
  36. left: -100%;
  37. }
  38. .cesium-projectionPicker-wrapper .cesium-projectionPicker-selected {
  39. border-color: #2e2;
  40. box-shadow: 0 0 8px #fff, 0 0 8px #fff;
  41. }