shared.css 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  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. }