shared.css 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  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, .cesium-button label {
  66. cursor: pointer;
  67. }
  68. .cesium-button input {
  69. vertical-align: sub;
  70. }
  71. .cesium-toolbar-button {
  72. -moz-box-sizing: border-box;
  73. -webkit-box-sizing: border-box;
  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; /* Workaround for rounded raster image corners in Chrome */
  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-ms {
  99. color: #de3;
  100. }