_mapael.scss 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. /*
  2. * Plugins: jQuery Mapael
  3. * ----------------------
  4. */
  5. .mapael {
  6. .map {
  7. position: relative;
  8. }
  9. .mapTooltip {
  10. @include reset-text();
  11. background-color: $tooltip-bg;
  12. color: $tooltip-color;
  13. display: block;
  14. max-width: $tooltip-max-width;
  15. padding: $tooltip-padding-y $tooltip-padding-x;
  16. position: absolute;
  17. text-align: center;
  18. word-wrap: break-word;
  19. z-index: $zindex-tooltip;
  20. @include border-radius($tooltip-border-radius);
  21. @include font-size($tooltip-font-size);
  22. }
  23. .myLegend {
  24. background-color: #f4f4e8;
  25. border: 1px solid #bebeb4;
  26. padding: 10px;
  27. width: 600px;
  28. }
  29. .zoomButton {
  30. border-radius: $btn-border-radius;
  31. background-color: $button-default-background-color;
  32. color: $button-default-color;
  33. border: 1px solid $button-default-border-color;
  34. padding-left: 1px;
  35. width: 16px;
  36. height: 16px;
  37. line-height: 14px;
  38. text-align: center;
  39. cursor: pointer;
  40. position: absolute;
  41. top: 0;
  42. font-weight: bold;
  43. left: 10px;
  44. -webkit-user-select: none;
  45. -khtml-user-select : none;
  46. -moz-user-select: none;
  47. -o-user-select : none;
  48. user-select: none;
  49. &:hover,
  50. &:active,
  51. &.hover {
  52. color: darken($button-default-color, 10%);
  53. background-color: darken($button-default-background-color, 5%);
  54. }
  55. }
  56. .zoomReset {
  57. top: 10px;
  58. line-height: 12px;
  59. }
  60. .zoomIn {
  61. top: 30px;
  62. }
  63. .zoomOut {
  64. top: 50px;
  65. }
  66. }