chooseBg.css 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. #chooseBg {
  2. position: absolute;
  3. right: 50px;
  4. top: 0px;
  5. width: 260px;
  6. height: 72px;
  7. z-index: 111111;
  8. /* display: none; */
  9. padding: 0 13px 0 0;
  10. }
  11. #mapBaseLayerControl {
  12. width: 100%;
  13. height: 100%;
  14. background: rgba(45, 53, 68, 0.8);
  15. border: 1px solid #aaaaaa;
  16. border-radius: 4px;
  17. background-size: 100% 100%;
  18. }
  19. .tDClass {
  20. /* background: #378be0; */
  21. }
  22. #mapBaseLayerControl .choosemap {
  23. margin: 0px;
  24. width: 100%;
  25. height: 100%;
  26. position: relative;
  27. }
  28. #mapBaseLayerControl .choosemap .map-list {
  29. position: absolute;
  30. top: 2px;
  31. left: 4px;
  32. width: 100%;
  33. height: 52px;
  34. }
  35. #mapBaseLayerControl .choosemap .name-dem-control {
  36. position: absolute;
  37. bottom: 6px;
  38. left: 3px;
  39. width: 100%;
  40. height: 10px;
  41. }
  42. #mapBaseLayerControl .choosemap .name-dem-control li {
  43. margin-left: 3px;
  44. position: relative;
  45. font-size: 10px;
  46. color: #ffffff;
  47. line-height: 10px;
  48. float: left;
  49. width: 55px;
  50. background: none;
  51. }
  52. #mapBaseLayerControl .choosemap .name-dem-control li span {
  53. position: absolute;
  54. left: 20px;
  55. top: 0px;
  56. }
  57. #mapBaseLayerControl .choosemap .name-dem-control .name-control {
  58. display: none;
  59. }
  60. #mapBaseLayerControl .choosemap .name-dem-control .geWang-control {
  61. display: none;
  62. }
  63. #mapBaseLayerControl .choosemap .name-dem-control .dem-control {
  64. display: none;
  65. }
  66. #mapBaseLayerControl .choosemap .name-dem-control .yx-control {
  67. display: none;
  68. width: 81px;
  69. }
  70. #mapBaseLayerControl .choosemap .map-list li {
  71. width: 64px;
  72. height: 44px;
  73. position: relative;
  74. float: left;
  75. cursor: pointer;
  76. color: #ffffff;
  77. margin: 0 3px;
  78. }
  79. #mapBaseLayerControl .choosemap .map-list li:hover {}
  80. #mapBaseLayerControl .choosemap .map-list li p {
  81. position: absolute;
  82. top: 30px;
  83. left: 0px;
  84. background: #1065ba;
  85. height: 13px;
  86. line-height: 12px;
  87. text-align: center;
  88. font-size: 14px;
  89. }
  90. #mapBaseLayerControl .choosemap .map-list li.active {}
  91. #mapBaseLayerControl .choosemap .map-list li.active p {}
  92. #mapBaseLayerControl .choosemap .map-list li.active .mapchoose-border {
  93. background: url(../images/layout/map-type-border-shadow.png) center center no-repeat;
  94. }
  95. #mapBaseLayerControl .choosemap .map-list li .mapchoose-border {
  96. position: absolute;
  97. top: 0px;
  98. left: 0px;
  99. width: 100%;
  100. height: 100%;
  101. background: url(../images/layout/map-type-border.png) center center no-repeat;
  102. }
  103. #mapBaseLayerControl .choosemap .map-list .baseSatellite {
  104. margin-right: 20px;
  105. margin-left: 10px;
  106. background-size: 100% 100% !important;
  107. }
  108. #mapBaseLayerControl .choosemap .map-list .baseTerrain {
  109. background: url(../images/layout/dishi.png) no-repeat;
  110. margin-right: 20px;
  111. }
  112. #mapBaseLayerControl .choosemap .map-list .baseStreet {
  113. background: url(../images/layout/jiaot.png) no-repeat;
  114. margin-right: 0px;
  115. }