Spaces:
Running
Running
File size: 2,074 Bytes
43e422f | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 | /* packages/widgets/Source/NavigationHelpButton/NavigationHelpButton.css */
.cesium-navigationHelpButton-wrapper {
position: relative;
display: inline-block;
}
.cesium-navigation-help {
visibility: hidden;
position: absolute;
top: 38px;
right: 2px;
width: 250px;
border-radius: 10px;
transform: scale(0.01);
transform-origin: 234px -10px;
transition: visibility 0s 0.25s, transform 0.25s ease-in;
}
.cesium-navigation-help-visible {
visibility: visible;
transform: scale(1);
transition: transform 0.25s ease-out;
}
.cesium-navigation-help-instructions {
border: 1px solid #444;
background-color: rgba(38, 38, 38, 0.75);
padding-bottom: 5px;
border-radius: 0 0 10px 10px;
}
.cesium-click-navigation-help {
display: none;
}
.cesium-touch-navigation-help {
display: none;
padding-top: 5px;
}
.cesium-click-navigation-help-visible {
display: block;
}
.cesium-touch-navigation-help-visible {
display: block;
}
.cesium-navigation-help-pan {
color: #66ccff;
font-weight: bold;
}
.cesium-navigation-help-zoom {
color: #65fd00;
font-weight: bold;
}
.cesium-navigation-help-rotate {
color: #ffd800;
font-weight: bold;
}
.cesium-navigation-help-tilt {
color: #d800d8;
font-weight: bold;
}
.cesium-navigation-help-details {
color: #ffffff;
}
.cesium-navigation-button {
color: #fff;
background-color: transparent;
border-bottom: none;
border-top: 1px solid #444;
border-right: 1px solid #444;
margin: 0;
width: 50%;
cursor: pointer;
}
.cesium-navigation-button-icon {
vertical-align: middle;
padding: 5px 1px;
}
.cesium-navigation-button:focus {
outline: none;
}
.cesium-navigation-button-left {
border-radius: 10px 0 0 0;
border-left: 1px solid #444;
}
.cesium-navigation-button-right {
border-radius: 0 10px 0 0;
border-left: none;
}
.cesium-navigation-button-selected {
background-color: rgba(38, 38, 38, 0.75);
}
.cesium-navigation-button-unselected {
background-color: rgba(0, 0, 0, 0.75);
}
.cesium-navigation-button-unselected:hover {
background-color: rgba(76, 76, 76, 0.75);
}
|