ProjectionPicker.css 1.2 KB

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