lighter.css 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232
  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: linear-gradient(to bottom, #eeeeee 0%, #ffffff 50%, #fafafa 100%);
  172. }
  173. .cesium-lighter .cesium-timeline-ticLabel {
  174. color: #000;
  175. }
  176. .cesium-lighter .cesium-timeline-ticMain {
  177. position: absolute;
  178. bottom: 0;
  179. left: 0;
  180. width: 1px;
  181. height: 50%;
  182. background: #000;
  183. }
  184. .cesium-lighter .cesium-timeline-ticSub {
  185. background: #444;
  186. }
  187. /* packages/widgets/Source/NavigationHelpButton/lighter.css */
  188. .cesium-lighter .cesium-navigation-help-instructions {
  189. border: 1px solid #759dc0;
  190. background-color: rgba(255, 255, 255, 0.9);
  191. }
  192. .cesium-lighter .cesium-navigation-help-pan {
  193. color: #66ccee;
  194. font-weight: bold;
  195. }
  196. .cesium-lighter .cesium-navigation-help-zoom {
  197. color: #65ec00;
  198. font-weight: bold;
  199. }
  200. .cesium-lighter .cesium-navigation-help-rotate {
  201. color: #eec722;
  202. font-weight: bold;
  203. }
  204. .cesium-lighter .cesium-navigation-help-tilt {
  205. color: #d800d8;
  206. font-weight: bold;
  207. }
  208. .cesium-lighter .cesium-navigation-help-details {
  209. color: #222222;
  210. }
  211. .cesium-lighter .cesium-navigation-button {
  212. color: #222222;
  213. border-top: 1px solid #759dc0;
  214. border-right: 1px solid #759dc0;
  215. }
  216. .cesium-lighter .cesium-navigation-button-selected {
  217. background-color: rgba(196, 225, 255, 0.9);
  218. }
  219. .cesium-lighter .cesium-navigation-button-unselected {
  220. background-color: rgba(226, 240, 255, 0.9);
  221. }
  222. .cesium-lighter .cesium-navigation-button-unselected:hover {
  223. background-color: rgba(166, 210, 255, 0.9);
  224. }
  225. /* packages/widgets/Source/lighter.css */