leaflet.mapshot.css 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  1. /*S leaflet-bar leaflet-control-mapshot*/
  2. #mapShotDownload {
  3. background:url(/images/layout/bg-000-50.png);
  4. width:100%;
  5. height:100%;
  6. position:fixed;
  7. _position:absolute;
  8. left:0px;
  9. top:0px;
  10. right:0px;
  11. bottom:0px;
  12. z-index:100499999999999999999;
  13. display:none;
  14. color: #FFF;
  15. }
  16. #mapShotDownload p {
  17. position: absolute;
  18. top: 40%;
  19. left: 50%;
  20. margin-left:-190px;
  21. text-align: center;
  22. font-size: 18px;
  23. width: 380px;
  24. padding: 15px;
  25. color: #FFF;
  26. background: url(/images/layout/bg110.png) no-repeat center center;
  27. }
  28. #mapShotDownload p a{
  29. color:#00eaff;
  30. }
  31. #continueMapShot {
  32. display: inline-block;
  33. width: 100px;
  34. height: 30px;
  35. line-height: 30px;
  36. color: #FFF;
  37. cursor: pointer;
  38. margin-top: 10px;
  39. }
  40. #mapHolder .leaflet-mapshot-info {
  41. position: absolute;
  42. left: -292px;
  43. top: 430px;
  44. width: 220px;
  45. background: rgba(45, 53, 68, 0.8);
  46. padding: 5px 10px;
  47. display: none;
  48. border: 0px;
  49. color: #FFF;
  50. }
  51. #mapHolder .leaflet-control-mapshot {
  52. width: 0px;
  53. height: 0px;
  54. border: none;
  55. color: #FFF;
  56. }
  57. #mapHolder .leaflet-bar .leaflet-mapshot-link {
  58. display: none;
  59. color: #FFF;
  60. }
  61. .leaflet-control-mapshot,
  62. .leaflet-control-mapshot:hover {
  63. width:68px;
  64. height:26px;
  65. background:#FFF;
  66. border:1px solid #000;
  67. }
  68. .leaflet-bar .leaflet-mapshot-link,
  69. .leaflet-bar .leaflet-mapshot-link:hover {
  70. width:68px;
  71. height:26px;
  72. text-align:center;
  73. text-decoration:none;
  74. color:black;
  75. display:block;
  76. background:#FFF;
  77. font-size:20px;
  78. line-height:20px;
  79. position:relative;
  80. cursor:pointer;
  81. border:none;
  82. }
  83. .leaflet-control-mapshot span {
  84. display:block;
  85. width:68px;
  86. height:26px;
  87. line-height:26px;
  88. overflow:hidden;
  89. position:absolute;
  90. left:0px;
  91. top:0px;
  92. font-size:12px;
  93. text-align:center;
  94. }
  95. .leaflet-bar .leaflet-mapshot-link:hover span {
  96. background: #EBEBEB url(images/control-mainlayers-sprite.png) no-repeat -3px -71px;
  97. }
  98. .leaflet-control-mapshot.active .leaflet-mapshot-link span {
  99. background: #FFFFFF url(images/control-mainlayers-sprite.png) no-repeat -3px -44px;
  100. }
  101. .leaflet-control-mapshot.active .leaflet-mapshot-link:hover span {
  102. background-color:#F9F9F9;
  103. }
  104. .leaflet-mapshot-info {
  105. position: absolute;
  106. left:-244px;
  107. top: -1px;
  108. border:1px solid #666;
  109. width: 220px;
  110. background: #fff;
  111. padding: 5px 10px;
  112. display: none;
  113. }
  114. .leaflet-mapshot-info h3 {
  115. font-size: 12px;
  116. font-weight: bold;
  117. border-bottom: 1px solid #999;
  118. margin-bottom: 5px;
  119. }
  120. .leaflet-mapshot-info label,
  121. .leaflet-mapshot-info p {
  122. padding: 3px;
  123. float: left;
  124. }
  125. .leaflet-mapshot-info p {
  126. width: 130px;
  127. }
  128. .leaflet-mapshot-info label {
  129. float: left;
  130. clear: both;
  131. width: 70px;
  132. text-align: right;
  133. color: #fff;
  134. }
  135. .leaflet-mapshot-info select {
  136. float: left;
  137. }
  138. .leaflet-mapshot-info .subdiv {
  139. clear: both;
  140. padding: 5px 0 0 0;
  141. text-align: center;
  142. border-top: 1px solid #eee;
  143. }
  144. .leaflet-mapshot-info .subdiv button {
  145. font-size: 12px;
  146. padding: 2px 5px;
  147. cursor: pointer;
  148. }
  149. .maptile{
  150. margin-right: 10px;
  151. }