leaflet.LayerOpacity.css 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. .leaflet-bottom.leaflet-center {
  2. width: 100%;
  3. text-align: center;
  4. z-index: 1111;
  5. }
  6. .leaflet-control-layerOpacity {
  7. margin: 0 auto;
  8. float: none;
  9. width: 305px;
  10. height: 26px;
  11. border: 1px solid #0ff;
  12. background: url(images/bg-normal.png);
  13. color:#fff;
  14. position: relative;
  15. left: 50%;
  16. margin-left: -200px;
  17. }
  18. .leaflet-control-layerOpacity .title-label {
  19. float: left;
  20. width: 60px;
  21. text-align: right;
  22. height: 26px;
  23. line-height: 26px;
  24. }
  25. .leaflet-control-layerOpacity .numMax-label {
  26. float: left;
  27. line-height: 26px;
  28. font-weight: bold;
  29. font-size: 14px;
  30. display: none;
  31. }
  32. .leaflet-control-layerOpacity .dragger-container {
  33. float: left;
  34. width: 230px;
  35. height: 6px;
  36. margin: 10px 0 0 0px;
  37. display: inline;
  38. position: relative;
  39. background: #FFF;
  40. }
  41. .leaflet-control-layerOpacity .options-wrap {
  42. position: absolute;
  43. right: -27px;
  44. top: -1px;
  45. height: 26px;
  46. border: 1px solid #0ff;
  47. background: url(images/bg-normal.png);
  48. overflow: hidden;
  49. }
  50. .leaflet-control-layerOpacity .opacity-num {
  51. position: absolute;
  52. height: 35px;
  53. width: 55px;
  54. left: 0px;
  55. top: -40px;
  56. background: url(images/control-olayer-opacity-pop.png) no-repeat;
  57. text-align: center;
  58. line-height: 26px;
  59. margin-left: -13px;
  60. font-size: 14px;
  61. color:#000;
  62. display:none;
  63. }
  64. .leaflet-control-layerOpacity:hover .opacity-num {
  65. display:block;
  66. }
  67. .leaflet-control-layerOpacity .dragger {
  68. position: absolute;
  69. height: 16px;
  70. width: 32px;
  71. cursor: pointer;
  72. left: 0px;
  73. top: -5px;
  74. background: #00b7ef url(images/icon-drage.png) no-repeat center center;
  75. }
  76. .leaflet-control-layerOpacity .dragger-bg {
  77. position: absolute;
  78. width: 100%;
  79. left: 0px;
  80. top: 0px;
  81. font-size: 0px;
  82. display: none;
  83. }
  84. .leaflet-control-layerOpacity .info_Btn{
  85. text-indent: -11111111px;
  86. background: url(images/atlas_info.png) no-repeat center center;
  87. float: left;
  88. width: 26px;
  89. height: 26px;
  90. cursor: pointer;
  91. overflow: hidden;
  92. }
  93. .leaflet-control-layerOpacity .close_abtn {
  94. float: left;
  95. width: 26px;
  96. height: 26px;
  97. cursor: pointer;
  98. overflow: hidden;
  99. text-indent: -999999px;
  100. background: url(images/icon-close-w.png) no-repeat center center;
  101. }
  102. .leaflet-control-layerOpacity .fav_abtn {
  103. float: left;
  104. width: 26px;
  105. height: 26px;
  106. margin-right: 1px;
  107. cursor: pointer;
  108. overflow: hidden;
  109. text-indent: -999999px;
  110. background: url(images/icon-fav-w.png) no-repeat center center;
  111. }
  112. .leaflet-control-layerOpacity .numMin-label {
  113. float: left;
  114. line-height: 20px;
  115. font-weight: bold;
  116. font-size: 14px;
  117. display: none;
  118. }