shared.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. .cesium-svgPath-svg {
  2. position: absolute;
  3. top: 0;
  4. left: 0;
  5. width: 100%;
  6. height: 100%;
  7. overflow: hidden;
  8. }
  9. .cesium-button {
  10. display: inline-block;
  11. position: relative;
  12. background: #303336;
  13. border: 1px solid #444;
  14. color: #edffff; /* For text buttons */
  15. fill: #edffff; /* For SVG buttons */
  16. border-radius: 4px;
  17. padding: 5px 12px;
  18. margin: 2px 3px;
  19. cursor: pointer;
  20. overflow: hidden;
  21. -moz-user-select: none;
  22. -webkit-user-select: none;
  23. -ms-user-select: none;
  24. user-select: none;
  25. }
  26. .cesium-button:focus {
  27. color: #fff; /* For text buttons */
  28. fill: #fff; /* For SVG buttons */
  29. border-color: #ea4;
  30. outline: none;
  31. }
  32. .cesium-button:hover {
  33. color: #fff; /* For text buttons */
  34. fill: #fff; /* For SVG buttons */
  35. background: #48b;
  36. border-color: #aef;
  37. box-shadow: 0 0 8px #fff;
  38. }
  39. .cesium-button:active {
  40. color: #000; /* For text buttons */
  41. fill: #000; /* For SVG buttons */
  42. background: #adf;
  43. border-color: #fff;
  44. box-shadow: 0 0 8px #fff;
  45. }
  46. .cesium-button:disabled,
  47. .cesium-button-disabled,
  48. .cesium-button-disabled:focus,
  49. .cesium-button-disabled:hover,
  50. .cesium-button-disabled:active {
  51. background: #303336;
  52. border-color: #444;
  53. color: #646464; /* For text buttons */
  54. fill: #646464; /* For SVG buttons */
  55. box-shadow: none;
  56. cursor: default;
  57. }
  58. .cesium-button option {
  59. background-color: #000;
  60. color: #eee;
  61. }
  62. .cesium-button option:disabled {
  63. color: #777;
  64. }
  65. .cesium-button input,
  66. .cesium-button label {
  67. cursor: pointer;
  68. }
  69. .cesium-button input {
  70. vertical-align: sub;
  71. }
  72. .cesium-toolbar-button {
  73. box-sizing: border-box;
  74. width: 32px;
  75. height: 32px;
  76. border-radius: 14%;
  77. padding: 0;
  78. vertical-align: middle;
  79. z-index: 0; /* Workaround for rounded raster image corners in Chrome */
  80. }
  81. .cesium-performanceDisplay-defaultContainer {
  82. position: absolute;
  83. top: 50px;
  84. right: 10px;
  85. text-align: right;
  86. }
  87. .cesium-performanceDisplay {
  88. background-color: rgba(40, 40, 40, 0.7);
  89. padding: 7px;
  90. border-radius: 5px;
  91. border: 1px solid #444;
  92. font: bold 12px sans-serif;
  93. }
  94. .cesium-performanceDisplay-fps {
  95. color: #e52;
  96. }
  97. .cesium-performanceDisplay-throttled {
  98. color: #a42;
  99. }
  100. .cesium-performanceDisplay-ms {
  101. color: #de3;
  102. }