SceneModePicker.css 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. /* packages/widgets/Source/SceneModePicker/SceneModePicker.css */
  2. span.cesium-sceneModePicker-wrapper {
  3. display: inline-block;
  4. position: relative;
  5. margin: 0 3px;
  6. }
  7. .cesium-sceneModePicker-visible {
  8. visibility: visible;
  9. opacity: 1;
  10. transition: opacity 0.25s linear;
  11. }
  12. .cesium-sceneModePicker-hidden {
  13. visibility: hidden;
  14. opacity: 0;
  15. transition: visibility 0s 0.25s, opacity 0.25s linear;
  16. }
  17. .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-none {
  18. display: none;
  19. }
  20. .cesium-sceneModePicker-slide-svg {
  21. transition: left 2s;
  22. top: 0;
  23. left: 0;
  24. }
  25. .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon {
  26. box-sizing: border-box;
  27. padding: 0;
  28. margin: 3px 0;
  29. }
  30. .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D,
  31. .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView,
  32. .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D {
  33. margin: 0 0 3px 0;
  34. }
  35. .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D .cesium-sceneModePicker-icon2D {
  36. left: 100%;
  37. }
  38. .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D .cesium-sceneModePicker-iconColumbusView {
  39. left: 200%;
  40. }
  41. .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView .cesium-sceneModePicker-icon3D {
  42. left: -200%;
  43. }
  44. .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView .cesium-sceneModePicker-icon2D {
  45. left: -100%;
  46. }
  47. .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D .cesium-sceneModePicker-icon3D {
  48. left: -100%;
  49. }
  50. .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D .cesium-sceneModePicker-iconColumbusView {
  51. left: 100%;
  52. }
  53. .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-selected {
  54. border-color: #2e2;
  55. box-shadow: 0 0 8px #fff, 0 0 8px #fff;
  56. }