SceneModePicker.css 1.7 KB

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