topBar.css 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
  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(45, 53, 68, 0.8) url(../images/tools/toolsBar-map2D.png) no-repeat right 6px top 5px;
  73. }
  74. #topBar li.tlist.tools-tool23Dchange.map3D .bg {
  75. background: rgba(45, 53, 68, 0.8) url(../images/tools/toolsBar-map3D.png) no-repeat right 6px top 5px;
  76. }
  77. #topBar li.tlist.tools-tool .bg {
  78. background: rgba(45, 53, 68, 0.8) url(../images/tools/toolsBar.png) no-repeat right 4px top 2px;
  79. }
  80. #topBar li.tlist.tools-fullScreen .bg {
  81. background: rgba(45, 53, 68, 0.8) url(../images/tools/toolsBar.png) no-repeat right 5px top -90px;
  82. }
  83. #topBar li.tlist.tools-contact .bg {
  84. background: rgba(45, 53, 68, 0.8) url(../images/tools/toolsBar.png) no-repeat right 5px top -167px;
  85. }
  86. #topBar li.tlist.tools-developer .bg {
  87. background: rgba(45, 53, 68, 0.8) url(../images/tools/toolsBar.png) no-repeat right 5px top -237px;
  88. }
  89. /* hover */
  90. #topBar li.tlist:hover.tools-tool .bg {
  91. background: rgba(45, 53, 68, 0.8) url(../images/tools/toolsBar-hover.png) no-repeat right 4px top 2px;
  92. }
  93. #topBar li.tlist:hover.tools-fullScreen .bg {
  94. background: rgba(45, 53, 68, 0.8) url(../images/tools/toolsBar-hover.png) no-repeat right 5px top -90px;
  95. }
  96. /* 选中 */
  97. #topBar li.tlist.cur.tools-tool .bg {
  98. background: rgba(45, 53, 68, 0.8) url(../images/tools/toolsBar-hover.png) no-repeat right 4px top 2px;
  99. }
  100. #topBar li.tlist.cur.tools-fullScreen .bg {
  101. background: rgba(45, 53, 68, 0.8) url(../images/tools/toolsBar-hover.png) no-repeat right 5px top -90px;
  102. }
  103. #topBar #mapWeixing-menu {}
  104. #topBar #mapWeixing-menu-list {
  105. top: -50px;
  106. right: 61px;
  107. }
  108. #topBar #taishi-menu1 {
  109. right: 111px;
  110. top: -9px;
  111. }
  112. #coverHeightKSFX {
  113. position: fixed;
  114. left: 50%;
  115. top: 50%;
  116. width: 310px;
  117. height: 105px;
  118. margin-top: -50px;
  119. margin-left: -155px;
  120. background: none;
  121. display: none;
  122. }
  123. #coverHeightLDZZ .popup-ct,
  124. #coverHeightKSFX .popup-ct {
  125. line-height: 45px;
  126. text-indent: 15px;
  127. }
  128. #coverHeightLDZZ .popup-cb,
  129. #coverHeightKSFX .popup-cb {
  130. padding-bottom: 20px;
  131. }
  132. #coverHeightKSFX .con {
  133. font-size: 14px;
  134. color: #666;
  135. font-weight: bold;
  136. width: 260px;
  137. padding-top: 10px;
  138. padding-left: 15px;
  139. }
  140. #coverHeightKSFX .con .input {
  141. height: 24px;
  142. line-height: 24px;
  143. width: 20px;
  144. margin: 0 5px;
  145. }
  146. #coverHeightKSFX .con .btn {
  147. height: 24px;
  148. line-height: 24px;
  149. margin-left: 5px;
  150. }
  151. .leaflet-control-measure-drawcircles {
  152. display: none;
  153. }