jqvmap.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. .jqvmap-label
  2. {
  3. position: absolute;
  4. display: none;
  5. -webkit-border-radius: 3px;
  6. -moz-border-radius: 3px;
  7. border-radius: 3px;
  8. background: #292929;
  9. color: white;
  10. font-family: sans-serif, Verdana;
  11. font-size: smaller;
  12. padding: 3px;
  13. pointer-events:none;
  14. }
  15. .jqvmap-pin {
  16. pointer-events:none;
  17. }
  18. .jqvmap-zoomin, .jqvmap-zoomout
  19. {
  20. position: absolute;
  21. left: 10px;
  22. -webkit-border-radius: 3px;
  23. -moz-border-radius: 3px;
  24. border-radius: 3px;
  25. background: #000000;
  26. padding: 3px;
  27. color: white;
  28. width: 17px;
  29. height: 17px;
  30. cursor: pointer;
  31. line-height: 10px;
  32. text-align: center;
  33. }
  34. .jqvmap-zoomin
  35. {
  36. top: 10px;
  37. }
  38. .jqvmap-zoomout
  39. {
  40. top: 30px;
  41. }
  42. .jqvmap-region
  43. {
  44. cursor: pointer;
  45. }
  46. .jqvmap-ajax_response
  47. {
  48. width: 100%;
  49. height: 500px;
  50. }
  51. .jqvmap-area{
  52. width: 100%;
  53. height: 100%;
  54. }
  55. /* Continents*/
  56. #continents{
  57. position: relative;
  58. width:100%;
  59. height: 100%;
  60. }
  61. .continent-map {
  62. position: absolute;
  63. z-index: 0;
  64. left: 0;
  65. top: 35px;
  66. width:100%;
  67. height: 90%;
  68. }
  69. h4.continent-tab {
  70. background: none repeat scroll 0 0 #F2F5F8;
  71. border: 1px solid #aaaaaa;
  72. border-top-left-radius: 5px;
  73. border-top-right-radius: 5px;
  74. float: left;
  75. padding: 5px;
  76. font-weight: normal;
  77. cursor: pointer;
  78. }
  79. h4.continent-tab.tab-selected {
  80. background: #cccccc;
  81. border: 1px solid #000000;
  82. }
  83. /* Custom Pins*/
  84. .jqvmap-region {
  85. cursor: default !important;
  86. }
  87. .map-pin {
  88. width: 64px;
  89. height: 50px;
  90. position: absolute;
  91. top: -25px;
  92. left: -32px;
  93. background-size: 32px 32px;
  94. background-repeat: no-repeat;
  95. text-align: center;
  96. background-position: top center;
  97. color: #888;
  98. font-weight: 500;
  99. font-size: 14px;
  100. }
  101. .map-pin span {
  102. position: absolute;
  103. bottom: 0;
  104. width: 100%;
  105. text-align: center;
  106. left: 0;
  107. }
  108. .red {
  109. background-image: url('../../../images/jvqmap/marker/red.png');
  110. }
  111. .blue {
  112. background-image: url('../../../images/jvqmap/marker/blue.png');
  113. }
  114. .purple {
  115. background-image: url('../../../images/jvqmap/marker/purple.png');
  116. }
  117. /* Setup basic CSS for Label */
  118. .jqvmap-pin {
  119. cursor: default;
  120. }
  121. /* Reposition Labels that are not quite right ( labels are centered in shape, and sometimes need tweaking ) */
  122. #jqvmap1_fl_pin {
  123. margin-left: 5%;
  124. }