CSS   93

jquery activmap css

Guest on 11th June 2022 01:59:12 AM

  1. /* Activ'Map Plugin
  2.  * Copyright (c) 2015 Pandao
  3.  * Documentation : /doc/index.html
  4.  */
  5. html, body {
  6.     height: 100%;
  7.     margin: 0;
  8.     padding: 0;
  9. }
  10. body {
  11.     font-family: 'Roboto', sans-serif;
  12.     font-size: 14px;
  13.     box-sizing: border-box;
  14. }
  15. p {
  16.     margin: 0 0 20px;
  17. }
  18. a {
  19.     outline: none;
  20.     text-decoration: underline;
  21. }
  22. #activmap-accordion {
  23.     clear: both;
  24. }
  25. #activmap-accordion .panel-heading .activmap-accordion-toggle:after {
  26.     margin: 0 0 0 15px;
  27. }
  28. #activmap-accordion .panel-heading {
  29.         background: none;
  30.         color: #003087;
  31. }
  32. #activmap-accordion .panel-title a {
  33.     display: block;
  34. }
  35. #activmap-accordion .panel-title a:hover {
  36.     text-decoration: none;
  37.         color: #003087;
  38. }
  39. #activmap-accordion .panel-title a:after {
  40.     font-family: FontAwesome;
  41.     content: 'ļ„†'†';
  42.     float: right;
  43. }
  44. #activmap-accordion .panel-title a.collapsed:after {
  45.     content: 'ļ„‡';
  46. }
  47. #activmap-reset {
  48.     float: right;
  49.     display: block;
  50. }
  51. #activmap-geolocate,
  52. #activmap-target {
  53.     margin-bottom: 10px;
  54. }
  55. #activmap-wrapper {
  56.     height: 600px;
  57.     width: auto;
  58.     overflow: hidden;
  59.     position: relative;
  60.     margin-top: 0;
  61. }
  62. #activmap-canvas {
  63.     width: 100%;
  64.     height: 100%;
  65.     float: right;
  66. }
  67. #activmap-places {
  68.     background: #fff;
  69.     position: absolute;
  70.     left: -320px;
  71.     z-index: 10;
  72.     height: 100%;
  73.     width: 320px;
  74.     padding: 0 20px;
  75.     overflow: auto;
  76.     box-shadow: 0 0 5px rgba(0,0,0,0.3);
  77. }
  78. @media(max-width:767px){
  79.     #activmap-places.hidden-xs {
  80.         display: none!important;
  81.     }
  82. }
  83. @media(min-width:768px){
  84.     #activmap-places.hidden-xs {
  85.         display: block!important;
  86.     }
  87. }
  88. #activmap-results-num {
  89.     font-weight: bold;
  90.     font-size: 18px;
  91.     color: #F24937;
  92.     text-transform: uppercase;
  93.     padding: 10px 0;
  94. }
  95. .activmap-place {
  96.     display: none;
  97.     border-left: 5px solid #F24937;
  98.     border-top: 1px solid #fff;
  99.     border-bottom: 1px solid #fff;
  100.     padding: 10px;
  101.     margin: 10px 0;
  102.     cursor: pointer;
  103.     transition: 0.3s;
  104. }
  105. .activmap-place:hover,
  106. .activmap-place.active {
  107.     background: #f3f3f3;
  108.     border-top: 1px solid #F24937;
  109.     border-bottom: 1px solid #F24937;
  110.     border-right: 1px solid #F24937;
  111. }
  112. .activmap-place h3 {
  113.     font-size: 20px;
  114.     margin: 0 0 10px 0;
  115. }
  116. .activmap-place h3:before {
  117.     font-family: FontAwesome;
  118.     content: 'ļ';
  119.     margin-right: 10px;
  120. }
  121. h4.activmap-title {
  122.     font-size: 18px;
  123.     margin: 10px 0 0;
  124. }
  125. .activmap-brand {
  126.     float: left;
  127.     margin: 10px 10px 10px 0;
  128.     height: 80px;
  129.     width: 80px;
  130. }
  131. .activmap-brand img {
  132.     max-height: 100%;
  133.     max-w

Raw Paste

Login or Register to edit or fork this paste. It's free.