Geocoder.css 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. /* packages/widgets/Source/Geocoder/Geocoder.css */
  2. .cesium-viewer-geocoderContainer .cesium-geocoder-input {
  3. border: solid 1px #444;
  4. background-color: rgba(40, 40, 40, 0.7);
  5. color: white;
  6. display: inline-block;
  7. vertical-align: middle;
  8. width: 0;
  9. height: 32px;
  10. margin: 0;
  11. padding: 0 32px 0 0;
  12. border-radius: 0;
  13. box-sizing: border-box;
  14. transition: width ease-in-out 0.25s, background-color 0.2s ease-in-out;
  15. -webkit-appearance: none;
  16. }
  17. .cesium-viewer-geocoderContainer:hover .cesium-geocoder-input {
  18. border-color: #aef;
  19. box-shadow: 0 0 8px #fff;
  20. }
  21. .cesium-viewer-geocoderContainer .cesium-geocoder-input:focus {
  22. border-color: #ea4;
  23. background-color: rgba(15, 15, 15, 0.9);
  24. box-shadow: none;
  25. outline: none;
  26. }
  27. .cesium-viewer-geocoderContainer:hover .cesium-geocoder-input,
  28. .cesium-viewer-geocoderContainer .cesium-geocoder-input:focus,
  29. .cesium-viewer-geocoderContainer .cesium-geocoder-input-wide {
  30. padding-left: 4px;
  31. width: 250px;
  32. }
  33. .cesium-viewer-geocoderContainer .search-results {
  34. position: absolute;
  35. background-color: #000;
  36. color: #eee;
  37. overflow-y: auto;
  38. opacity: 0.8;
  39. width: 100%;
  40. }
  41. .cesium-viewer-geocoderContainer .search-results ul {
  42. list-style-type: none;
  43. margin: 0;
  44. padding: 0;
  45. }
  46. .cesium-viewer-geocoderContainer .search-results ul li {
  47. font-size: 14px;
  48. padding: 3px 10px;
  49. }
  50. .cesium-viewer-geocoderContainer .search-results ul li:hover {
  51. cursor: pointer;
  52. }
  53. .cesium-viewer-geocoderContainer .search-results ul li.active {
  54. background: #48b;
  55. }
  56. .cesium-geocoder-searchButton {
  57. background-color: #303336;
  58. display: inline-block;
  59. position: absolute;
  60. cursor: pointer;
  61. width: 32px;
  62. top: 1px;
  63. right: 1px;
  64. height: 30px;
  65. vertical-align: middle;
  66. fill: #edffff;
  67. }
  68. .cesium-geocoder-searchButton:hover {
  69. background-color: #48b;
  70. }