12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- span.cesium-sceneModePicker-wrapper {
- display: inline-block;
- position: relative;
- margin: 0 3px;
- }
- .cesium-sceneModePicker-visible {
- visibility: visible;
- opacity: 1;
- transition: opacity 0.25s linear;
- -webkit-transition: opacity 0.25s linear;
- -moz-transition: opacity 0.25s linear;
- }
- .cesium-sceneModePicker-hidden {
- visibility: hidden;
- opacity: 0;
- transition: visibility 0s 0.25s, opacity 0.25s linear;
- -webkit-transition: visibility 0s 0.25s, opacity 0.25s linear;
- -moz-transition: visibility 0s 0.25s, opacity 0.25s linear;
- }
- .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-none {
- display: none;
- }
- .cesium-sceneModePicker-slide-svg {
- -webkit-transition: left 2s;
- -moz-transition: left 2s;
- transition: left 2s;
- top: 0;
- left: 0;
- }
- .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon {
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- padding: 0;
- margin: 3px 0;
- }
- .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D,
- .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView,
- .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D {
- margin: 0 0 3px 0;
- }
- .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D .cesium-sceneModePicker-icon2D {
- left: 100%;
- }
- .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D .cesium-sceneModePicker-iconColumbusView {
- left: 200%;
- }
- .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView .cesium-sceneModePicker-icon3D {
- left: -200%;
- }
- .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView .cesium-sceneModePicker-icon2D {
- left: -100%;
- }
- .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D .cesium-sceneModePicker-icon3D {
- left: -100%;
- }
- .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D .cesium-sceneModePicker-iconColumbusView {
- left: 100%;
- }
- .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-selected {
- border-color: #2e2;
- box-shadow: 0 0 8px #fff, 0 0 8px #fff;
- }
|