InfoBoxDescription.css 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  1. /* packages/widgets/Source/shared.css */
  2. .cesium-svgPath-svg {
  3. position: absolute;
  4. top: 0;
  5. left: 0;
  6. width: 100%;
  7. height: 100%;
  8. overflow: hidden;
  9. }
  10. .cesium-button {
  11. display: inline-block;
  12. position: relative;
  13. background: #303336;
  14. border: 1px solid #444;
  15. color: #edffff;
  16. fill: #edffff;
  17. border-radius: 4px;
  18. padding: 5px 12px;
  19. margin: 2px 3px;
  20. cursor: pointer;
  21. overflow: hidden;
  22. -moz-user-select: none;
  23. -webkit-user-select: none;
  24. -ms-user-select: none;
  25. user-select: none;
  26. }
  27. .cesium-button:focus {
  28. color: #fff;
  29. fill: #fff;
  30. border-color: #ea4;
  31. outline: none;
  32. }
  33. .cesium-button:hover {
  34. color: #fff;
  35. fill: #fff;
  36. background: #48b;
  37. border-color: #aef;
  38. box-shadow: 0 0 8px #fff;
  39. }
  40. .cesium-button:active {
  41. color: #000;
  42. fill: #000;
  43. background: #adf;
  44. border-color: #fff;
  45. box-shadow: 0 0 8px #fff;
  46. }
  47. .cesium-button:disabled,
  48. .cesium-button-disabled,
  49. .cesium-button-disabled:focus,
  50. .cesium-button-disabled:hover,
  51. .cesium-button-disabled:active {
  52. background: #303336;
  53. border-color: #444;
  54. color: #646464;
  55. fill: #646464;
  56. box-shadow: none;
  57. cursor: default;
  58. }
  59. .cesium-button option {
  60. background-color: #000;
  61. color: #eee;
  62. }
  63. .cesium-button option:disabled {
  64. color: #777;
  65. }
  66. .cesium-button input,
  67. .cesium-button label {
  68. cursor: pointer;
  69. }
  70. .cesium-button input {
  71. vertical-align: sub;
  72. }
  73. .cesium-toolbar-button {
  74. box-sizing: border-box;
  75. width: 32px;
  76. height: 32px;
  77. border-radius: 14%;
  78. padding: 0;
  79. vertical-align: middle;
  80. z-index: 0;
  81. }
  82. .cesium-performanceDisplay-defaultContainer {
  83. position: absolute;
  84. top: 50px;
  85. right: 10px;
  86. text-align: right;
  87. }
  88. .cesium-performanceDisplay {
  89. background-color: rgba(40, 40, 40, 0.7);
  90. padding: 7px;
  91. border-radius: 5px;
  92. border: 1px solid #444;
  93. font: bold 12px sans-serif;
  94. }
  95. .cesium-performanceDisplay-fps {
  96. color: #e52;
  97. }
  98. .cesium-performanceDisplay-throttled {
  99. color: #a42;
  100. }
  101. .cesium-performanceDisplay-ms {
  102. color: #de3;
  103. }
  104. /* packages/widgets/Source/InfoBox/InfoBoxDescription.css */
  105. body {
  106. margin: 0;
  107. padding: 0;
  108. }
  109. .cesium-infoBox-description {
  110. font-family: sans-serif;
  111. font-size: 13px;
  112. padding: 4px 10px;
  113. margin-right: 4px;
  114. color: #edffff;
  115. }
  116. .cesium-infoBox-description a:link,
  117. .cesium-infoBox-description a:visited,
  118. .cesium-infoBox-description a:hover,
  119. .cesium-infoBox-description a:active {
  120. color: #edffff;
  121. }
  122. .cesium-infoBox-description table {
  123. color: #edffff;
  124. }
  125. .cesium-infoBox-defaultTable {
  126. width: 100%;
  127. color: #edffff;
  128. }
  129. .cesium-infoBox-defaultTable tr:nth-child(odd) {
  130. background-color: rgba(84, 84, 84, 0.8);
  131. }
  132. .cesium-infoBox-defaultTable tr:nth-child(even) {
  133. background-color: rgba(84, 84, 84, 0.25);
  134. }
  135. .cesium-infoBox-defaultTable th {
  136. font-weight: normal;
  137. padding: 3px;
  138. vertical-align: middle;
  139. text-align: center;
  140. }
  141. .cesium-infoBox-defaultTable td {
  142. padding: 3px;
  143. vertical-align: middle;
  144. text-align: left;
  145. }
  146. .cesium-infoBox-description-lighter {
  147. color: #000000;
  148. }
  149. .cesium-infoBox-description-lighter a:link,
  150. .cesium-infoBox-description-lighter a:visited,
  151. .cesium-infoBox-description-lighter a:hover,
  152. .cesium-infoBox-description-lighter a:active {
  153. color: #000000;
  154. }
  155. .cesium-infoBox-description-lighter table {
  156. color: #000000;
  157. }
  158. .cesium-infoBox-defaultTable-lighter {
  159. width: 100%;
  160. color: #000000;
  161. }
  162. .cesium-infoBox-defaultTable-lighter tr:nth-child(odd) {
  163. background-color: rgba(179, 179, 179, 0.8);
  164. }
  165. .cesium-infoBox-defaultTable-lighter tr:nth-child(even) {
  166. background-color: rgba(179, 179, 179, 0.25);
  167. }
  168. .cesium-infoBox-loadingContainer {
  169. margin: 5px;
  170. text-align: center;
  171. }
  172. .cesium-infoBox-loading {
  173. display: inline-block;
  174. background-image: url(data:text/plain;base64,R0lGODlhEAALAPQAAAAAAOLTlyAdFSgmGxEQC9zOk+LTl7mse25nSYyDXTw4KMO2gqCVa2dgRIl/Wzg1JsCzgN7PlJySaBUTDiEfFggIBbCkdR4cFAoJB0A7KlNONy4rHg4NCQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA);
  175. width: 16px;
  176. height: 11px;
  177. }