园林绿化
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

237 lines
6.0 KiB

  1. /* packages/widgets/Source/lighterShared.css */
  2. .cesium-lighter .cesium-button {
  3. color: #111;
  4. fill: #111;
  5. background: #e2f0ff;
  6. border: 1px solid #759dc0;
  7. }
  8. .cesium-lighter .cesium-button:focus {
  9. color: #000;
  10. fill: #000;
  11. border-color: #ea4;
  12. }
  13. .cesium-lighter .cesium-button:hover {
  14. color: #000;
  15. fill: #000;
  16. background: #a6d2ff;
  17. border-color: #aef;
  18. box-shadow: 0 0 8px #777;
  19. }
  20. .cesium-lighter .cesium-button:active {
  21. color: #fff;
  22. fill: #fff;
  23. background: #48b;
  24. border-color: #ea0;
  25. }
  26. .cesium-lighter .cesium-button:disabled,
  27. .cesium-lighter .cesium-button-disabled,
  28. .cesium-lighter .cesium-button-disabled:focus,
  29. .cesium-lighter .cesium-button-disabled:hover,
  30. .cesium-lighter .cesium-button-disabled:active {
  31. background: #ccc;
  32. border-color: #999;
  33. color: #999;
  34. fill: #999;
  35. box-shadow: none;
  36. }
  37. .cesium-lighter .cesium-performanceDisplay {
  38. background-color: #e2f0ff;
  39. border-color: #759dc0;
  40. }
  41. .cesium-lighter .cesium-performanceDisplay-fps {
  42. color: #e52;
  43. }
  44. .cesium-lighter .cesium-performanceDisplay-ms {
  45. color: #ea4;
  46. }
  47. /* packages/widgets/Source/Animation/lighter.css */
  48. .cesium-lighter .cesium-animation-themeNormal {
  49. color: #e5f2fe;
  50. }
  51. .cesium-lighter .cesium-animation-themeHover {
  52. color: #abd6ff;
  53. }
  54. .cesium-lighter .cesium-animation-themeSelect {
  55. color: #e5f2fe;
  56. }
  57. .cesium-lighter .cesium-animation-themeDisabled {
  58. color: #efefef;
  59. }
  60. .cesium-lighter .cesium-animation-themeKnob {
  61. color: #e1e2e3;
  62. }
  63. .cesium-lighter .cesium-animation-themePointer {
  64. color: #fa5;
  65. }
  66. .cesium-lighter .cesium-animation-themeSwoosh {
  67. color: #ace;
  68. }
  69. .cesium-lighter .cesium-animation-themeSwooshHover {
  70. color: #bdf;
  71. }
  72. .cesium-lighter .cesium-animation-svgText {
  73. fill: #111;
  74. }
  75. .cesium-lighter .cesium-animation-rectButton .cesium-animation-buttonPath {
  76. fill: #111;
  77. }
  78. .cesium-lighter .cesium-animation-rectButton .cesium-animation-buttonMain {
  79. stroke: #759dc0;
  80. }
  81. .cesium-lighter .cesium-animation-buttonToggled .cesium-animation-buttonGlow {
  82. fill: #ffaa2a;
  83. }
  84. .cesium-lighter .cesium-animation-buttonToggled .cesium-animation-buttonMain {
  85. stroke: #ea0;
  86. }
  87. .cesium-lighter .cesium-animation-rectButton:hover .cesium-animation-buttonMain {
  88. stroke: #759dc0;
  89. }
  90. .cesium-lighter .cesium-animation-buttonToggled:hover .cesium-animation-buttonGlow {
  91. fill: #fff;
  92. }
  93. .cesium-lighter .cesium-animation-buttonToggled:hover .cesium-animation-buttonMain {
  94. stroke: #ea0;
  95. }
  96. .cesium-lighter .cesium-animation-rectButton:active .cesium-animation-buttonMain {
  97. fill: #abd6ff;
  98. }
  99. .cesium-lighter .cesium-animation-buttonDisabled .cesium-animation-buttonMain {
  100. stroke: #d3d3d3;
  101. }
  102. .cesium-lighter .cesium-animation-buttonDisabled .cesium-animation-buttonPath {
  103. fill: #818181;
  104. }
  105. .cesium-lighter .cesium-animation-shuttleRingBack {
  106. fill: #fafafa;
  107. fill-opacity: 1;
  108. stroke: #aeaeae;
  109. stroke-width: 1.2;
  110. }
  111. .cesium-lighter .cesium-animation-shuttleRingSwoosh line {
  112. stroke: #8ac;
  113. }
  114. .cesium-lighter .cesium-animation-knobOuter {
  115. stroke: #a5a5a5;
  116. }
  117. /* packages/widgets/Source/BaseLayerPicker/lighter.css */
  118. .cesium-lighter .cesium-baseLayerPicker-itemIcon {
  119. border-color: #759dc0;
  120. }
  121. .cesium-lighter .cesium-baseLayerPicker-dropDown {
  122. background-color: rgba(240, 240, 240, 0.75);
  123. }
  124. .cesium-lighter .cesium-baseLayerPicker-sectionTitle {
  125. color: black;
  126. }
  127. .cesium-lighter .cesium-baseLayerPicker-itemLabel {
  128. color: black;
  129. }
  130. .cesium-lighter .cesium-baseLayerPicker-item:hover .cesium-baseLayerPicker-itemIcon {
  131. border-color: #000;
  132. }
  133. .cesium-lighter .cesium-baseLayerPicker-selectedItem .cesium-baseLayerPicker-itemLabel {
  134. color: rgb(0, 61, 168);
  135. }
  136. .cesium-lighter .cesium-baseLayerPicker-selectedItem .cesium-baseLayerPicker-itemIcon {
  137. border: double 4px rgb(0, 61, 168);
  138. }
  139. /* packages/engine/Source/Widget/lighter.css */
  140. .cesium-lighter .cesium-widget-errorPanel {
  141. background: rgba(255, 255, 255, 0.7);
  142. }
  143. .cesium-lighter .cesium-widget-errorPanel-content {
  144. border: 1px solid #526f82;
  145. border-radius: 7px;
  146. background-color: white;
  147. color: black;
  148. }
  149. .cesium-lighter .cesium-widget-errorPanel-header {
  150. color: #b87d00;
  151. }
  152. /* packages/widgets/Source/Geocoder/lighter.css */
  153. .cesium-lighter .cesium-geocoder-input {
  154. border: solid 1px #759dc0;
  155. background-color: rgba(240, 240, 240, 0.9);
  156. color: black;
  157. }
  158. .cesium-lighter .cesium-viewer-geocoderContainer:hover .cesium-geocoder-input {
  159. border-color: #aef;
  160. box-shadow: 0 0 8px #fff;
  161. }
  162. .cesium-lighter .cesium-geocoder-searchButton {
  163. background-color: #e2f0ff;
  164. fill: #111;
  165. }
  166. .cesium-lighter .cesium-geocoder-searchButton:hover {
  167. background-color: #a6d2ff;
  168. }
  169. /* packages/widgets/Source/Timeline/lighter.css */
  170. .cesium-lighter .cesium-timeline-bar {
  171. background:
  172. linear-gradient(
  173. to bottom,
  174. #eeeeee 0%,
  175. #ffffff 50%,
  176. #fafafa 100%);
  177. }
  178. .cesium-lighter .cesium-timeline-ticLabel {
  179. color: #000;
  180. }
  181. .cesium-lighter .cesium-timeline-ticMain {
  182. position: absolute;
  183. bottom: 0;
  184. left: 0;
  185. width: 1px;
  186. height: 50%;
  187. background: #000;
  188. }
  189. .cesium-lighter .cesium-timeline-ticSub {
  190. background: #444;
  191. }
  192. /* packages/widgets/Source/NavigationHelpButton/lighter.css */
  193. .cesium-lighter .cesium-navigation-help-instructions {
  194. border: 1px solid #759dc0;
  195. background-color: rgba(255, 255, 255, 0.9);
  196. }
  197. .cesium-lighter .cesium-navigation-help-pan {
  198. color: #66ccee;
  199. font-weight: bold;
  200. }
  201. .cesium-lighter .cesium-navigation-help-zoom {
  202. color: #65ec00;
  203. font-weight: bold;
  204. }
  205. .cesium-lighter .cesium-navigation-help-rotate {
  206. color: #eec722;
  207. font-weight: bold;
  208. }
  209. .cesium-lighter .cesium-navigation-help-tilt {
  210. color: #d800d8;
  211. font-weight: bold;
  212. }
  213. .cesium-lighter .cesium-navigation-help-details {
  214. color: #222222;
  215. }
  216. .cesium-lighter .cesium-navigation-button {
  217. color: #222222;
  218. border-top: 1px solid #759dc0;
  219. border-right: 1px solid #759dc0;
  220. }
  221. .cesium-lighter .cesium-navigation-button-selected {
  222. background-color: rgba(196, 225, 255, 0.9);
  223. }
  224. .cesium-lighter .cesium-navigation-button-unselected {
  225. background-color: rgba(226, 240, 255, 0.9);
  226. }
  227. .cesium-lighter .cesium-navigation-button-unselected:hover {
  228. background-color: rgba(166, 210, 255, 0.9);
  229. }
  230. /* packages/widgets/Source/lighter.css */