topBar.css 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
  1. #topBar {
  2. position: absolute;
  3. right: 0px;
  4. top: 145px;
  5. width: 50px;
  6. /* height:346px; */
  7. /*z-index: 200;*/
  8. /* background: url(../images/tools/topBar_bg.png) no-repeat top left; */
  9. }
  10. #mapModelChange .choosemapStyle {
  11. width: 100%;
  12. height: 100%;
  13. background: none;
  14. border: 0px;
  15. cursor: pointer;
  16. color: #fff;
  17. line-height: 74px;
  18. /* display: none; */
  19. }
  20. #mapModelChange:hover #chooseBg {
  21. display: block !important;
  22. }
  23. #topBar li.tlist {
  24. width: 50px;
  25. height: 50px;
  26. position: relative;
  27. cursor: pointer;
  28. }
  29. #topBar li.tlist > div.bg {
  30. position: absolute;
  31. top: 0px;
  32. right: 0px;
  33. max-width: 1000px;
  34. min-width: 50px;
  35. height: 50px;
  36. overflow: hidden;
  37. color: #fff;
  38. }
  39. #topBar li.tlist:first-child .bg,
  40. #topBar li.tlist:nth-child(5) .bg,
  41. #topBar li.tlist:nth-child(6) .bg {
  42. border-top-left-radius: 4px;
  43. border-bottom-left-radius: 4px;
  44. }
  45. #topBar li.tlist:nth-child(2) .bg {
  46. border-top-left-radius: 4px;
  47. }
  48. #topBar li.tlist:nth-child(4) .bg {
  49. margin: 0 0 20px 0;
  50. border-bottom-left-radius: 4px;
  51. }
  52. #topBar li.tlist:first-child,
  53. #topBar li.tlist:nth-child(4),
  54. #topBar li.tlist:nth-child(5),
  55. #topBar li.tlist:nth-child(6) {
  56. margin: 0 0 20px 0;
  57. }
  58. #topBar li.tlist:nth-child(5) .bg .p,
  59. #topBar li.tlist:nth-child(6) .bg .p {
  60. display: none;
  61. padding: 5px 70px 5px 20px;
  62. white-space: nowrap;
  63. }
  64. #topBar li.tlist:nth-child(5) .bg .p {
  65. line-height: 20px;
  66. }
  67. #topBar li.tlist:nth-child(6) .bg .p {
  68. line-height: 40px;
  69. }
  70. /* 背景 */
  71. #topBar li.tlist.tools-tool23Dchange.map2D .bg {
  72. background: rgba(64, 158, 255, 0.8) url(../images/tools/toolsBar-map2D.png)
  73. no-repeat right 6px top 5px;
  74. }
  75. #topBar li.tlist.tools-tool23Dchange.map3D .bg {
  76. background: rgba(64, 158, 255, 0.8) url(../images/tools/toolsBar-map3D.png)
  77. no-repeat right 6px top 5px;
  78. }
  79. #topBar li.tlist.tools-tool .bg {
  80. background: rgba(64, 158, 255, 0.8) url(../images/tools/toolsBar.png)
  81. no-repeat right 4px top 2px;
  82. }
  83. #topBar li.tlist.tools-fullScreen .bg {
  84. background: rgba(64, 158, 255, 0.8) url(../images/tools/toolsBar.png)
  85. no-repeat right 5px top -90px;
  86. }
  87. #topBar li.tlist.tools-contact .bg {
  88. background: rgba(64, 158, 255, 0.8) url(../images/tools/toolsBar.png)
  89. no-repeat right 5px top -167px;
  90. }
  91. #topBar li.tlist.tools-developer .bg {
  92. background: rgba(64, 158, 255, 0.8) url(../images/tools/toolsBar.png)
  93. no-repeat right 5px top -237px;
  94. }
  95. /* hover */
  96. #topBar li.tlist:hover.tools-tool .bg {
  97. background: rgba(64, 158, 255, 0.8) url(../images/tools/toolsBar-hover.png)
  98. no-repeat right 4px top 2px;
  99. }
  100. #topBar li.tlist:hover.tools-fullScreen .bg {
  101. background: rgba(64, 158, 255, 0.8) url(../images/tools/toolsBar-hover.png)
  102. no-repeat right 5px top -90px;
  103. }
  104. /* 选中 */
  105. #topBar li.tlist.cur.tools-tool .bg {
  106. background: rgba(64, 158, 255, 0.8) url(../images/tools/toolsBar-hover.png)
  107. no-repeat right 4px top 2px;
  108. }
  109. #topBar li.tlist.cur.tools-fullScreen .bg {
  110. background: rgba(64, 158, 255, 0.8) url(../images/tools/toolsBar-hover.png)
  111. no-repeat right 5px top -90px;
  112. }
  113. #topBar #mapWeixing-menu {
  114. }
  115. #topBar #mapWeixing-menu-list {
  116. top: -50px;
  117. right: 61px;
  118. }
  119. #topBar #taishi-menu1 {
  120. right: 111px;
  121. top: -9px;
  122. }
  123. #coverHeightKSFX {
  124. position: fixed;
  125. left: 50%;
  126. top: 50%;
  127. width: 310px;
  128. height: 105px;
  129. margin-top: -50px;
  130. margin-left: -155px;
  131. background: none;
  132. display: none;
  133. }
  134. #coverHeightLDZZ .popup-ct,
  135. #coverHeightKSFX .popup-ct {
  136. line-height: 45px;
  137. text-indent: 15px;
  138. }
  139. #coverHeightLDZZ .popup-cb,
  140. #coverHeightKSFX .popup-cb {
  141. padding-bottom: 20px;
  142. }
  143. #coverHeightKSFX .con {
  144. font-size: 14px;
  145. color: #666;
  146. font-weight: bold;
  147. width: 260px;
  148. padding-top: 10px;
  149. padding-left: 15px;
  150. }
  151. #coverHeightKSFX .con .input {
  152. height: 24px;
  153. line-height: 24px;
  154. width: 20px;
  155. margin: 0 5px;
  156. }
  157. #coverHeightKSFX .con .btn {
  158. height: 24px;
  159. line-height: 24px;
  160. margin-left: 5px;
  161. }
  162. .leaflet-control-measure-drawcircles {
  163. display: none;
  164. }