decidim-core 0.24.3 → 0.25.0.rc1

data/app/packs/stylesheets/decidim/modules/_modules.scss

@@ -0,0 +1,92 @@
+//Basic modules
+@import "stylesheets/decidim/modules/margins";
+@import "stylesheets/decidim/modules/typography";
+@import "stylesheets/decidim/modules/title-action";
+@import "stylesheets/decidim/modules/buttons";
+@import "stylesheets/decidim/modules/forms";
+@import "stylesheets/decidim/modules/icons";
+@import "stylesheets/decidim/modules/video";
+
+//Foundation overrides
+@import "stylesheets/decidim/modules/reveal";
+
+//Layout
+@import "stylesheets/decidim/modules/layout";
+@import "stylesheets/decidim/modules/navbar";
+@import "stylesheets/decidim/modules/main-container";
+@import "stylesheets/decidim/modules/footer";
+@import "stylesheets/decidim/modules/static-pages";
+
+//Cards and containers
+@import "stylesheets/decidim/modules/card-grid";
+@import "stylesheets/decidim/modules/cards";
+@import "stylesheets/decidim/modules/extra";
+@import "stylesheets/decidim/modules/definition-data";
+@import "stylesheets/decidim/modules/callout";
+
+//Shared modules
+@import "stylesheets/decidim/modules/confirm";
+@import "stylesheets/decidim/modules/comments";
+@import "stylesheets/decidim/modules/messages";
+@import "stylesheets/decidim/modules/opinion-toggle";
+@import "stylesheets/decidim/modules/flag";
+@import "stylesheets/decidim/modules/author-avatar";
+@import "stylesheets/decidim/modules/address";
+@import "stylesheets/decidim/modules/order-by";
+@import "stylesheets/decidim/modules/tags";
+@import "stylesheets/decidim/modules/input-tags";
+@import "stylesheets/decidim/modules/input-mentions";
+@import "stylesheets/decidim/modules/input-multiple-mentions";
+@import "stylesheets/decidim/modules/list-docs";
+@import "stylesheets/decidim/modules/datepicker";
+@import "stylesheets/decidim/modules/pagination";
+@import "stylesheets/decidim/modules/data-picker";
+@import "stylesheets/decidim/modules/progress-bar";
+@import "stylesheets/decidim/modules/docs-manager";
+@import "stylesheets/decidim/modules/horizontal-tabs";
+@import "stylesheets/decidim/modules/conversation";
+@import "stylesheets/decidim/modules/badges";
+@import "stylesheets/decidim/modules/hover-section";
+@import "stylesheets/decidim/modules/list-request";
+@import "stylesheets/decidim/modules/floating-helper";
+@import "stylesheets/decidim/modules/versions";
+@import "stylesheets/decidim/modules/sticky";
+@import "stylesheets/decidim/modules/notification";
+@import "stylesheets/decidim/modules/statistics";
+
+//Process elements
+@import "stylesheets/decidim/modules/process-header";
+@import "stylesheets/decidim/modules/process-info";
+@import "stylesheets/decidim/modules/process-nav";
+@import "stylesheets/decidim/modules/process-phase";
+@import "stylesheets/decidim/modules/timeline";
+@import "stylesheets/decidim/modules/filter-tags";
+@import "stylesheets/decidim/modules/filters";
+@import "stylesheets/decidim/modules/inline-filters";
+@import "stylesheets/decidim/modules/reference";
+@import "stylesheets/decidim/modules/status-labels";
+
+//Conference elements
+@import "stylesheets/decidim/modules/conference-nav";
+@import "stylesheets/decidim/modules/conference-speaker";
+@import "stylesheets/decidim/modules/conference-programme";
+@import "stylesheets/decidim/modules/conference-registration";
+@import "stylesheets/decidim/modules/conference-diploma";
+@import "stylesheets/decidim/modules/conference-media";
+
+//User interface
+@import "stylesheets/decidim/modules/user-form";
+@import "stylesheets/decidim/modules/signup";
+
+//Additional elements
+@import "stylesheets/decidim/modules/share";
+@import "stylesheets/decidim/modules/help";
+@import "stylesheets/decidim/modules/cookie-bar";
+@import "stylesheets/decidim/modules/map";
+@import "stylesheets/decidim/modules/omnipresent_banner";
+@import "stylesheets/decidim/modules/wizard-steps";
+@import "stylesheets/decidim/modules/collapsible-list";
+@import "stylesheets/decidim/modules/block-banner";
+@import "stylesheets/decidim/modules/fingerprint";
+@import "stylesheets/decidim/modules/toggle";
+@import "stylesheets/decidim/modules/loading-spinner";

data/app/{assets → packs}/stylesheets/decidim/modules/_navbar.scss

@@ -251,7 +251,7 @@ $navbar-active-shadow-medium: inset 0 4px 0 0 var(--primary);
     }
 
     li{
-      padding: $global-padding / 2;
+      padding: $global-padding * .5;
 
       a{
         padding: .5rem;
@@ -339,7 +339,7 @@ $navbar-active-shadow-medium: inset 0 4px 0 0 var(--primary);
   padding-right: 2.5rem;
   margin-left: 2rem;
 
-  @media (min-width: (1300 / 16) + em){
+  @media (min-width: (1300 * .0625) + em){
     padding-right: 0;
   }
 }
@@ -367,7 +367,7 @@ $navbar-active-shadow-medium: inset 0 4px 0 0 var(--primary);
     }
   }
 
-  @media (min-width: (1300 / 16) + em){
+  @media (min-width: (1300 * .0625) + em){
     padding-right: 0;
   }
 }

data/app/{assets → packs}/stylesheets/decidim/modules/_order-by.scss

@@ -54,10 +54,6 @@ $order-border: $border;
 
 .order-by__tabs{
   display: inline-block;
-
-  span{
-    opacity: .5;
-  }
 }
 
 .order-by__tab{

data/app/{assets → packs}/stylesheets/decidim/modules/_process-nav.scss

@@ -120,12 +120,12 @@ $nav-border-width: 3px;
   padding: 0;
 
   ul{
-    padding: $global-padding / 2 0;
+    padding: $global-padding * .5 0;
   }
 
   li{
     width: 100%;
-    padding: $global-padding / 2 $global-padding;
+    padding: $global-padding * .5 $global-padding;
   }
 }
 
@@ -135,7 +135,7 @@ $nav-border-width: 3px;
   background-color: transparent;
   text-align: right;
   border-bottom: $border;
-  padding: $global-padding / 2 $global-padding;
+  padding: $global-padding * .5 $global-padding;
 }
 
 .process-nav__link{

data/app/{assets → packs}/stylesheets/decidim/modules/_process-phase.scss

@@ -40,7 +40,7 @@
 }
 
 .process-header__progress{
-  margin-bottom: $global-margin / 2;
+  margin-bottom: $global-margin * .5;
 
   ol{
     list-style: none;

data/app/{assets → packs}/stylesheets/decidim/modules/_reveal.scss

@@ -79,3 +79,18 @@
   justify-content: space-between;
   padding: 0 1rem;
 }
+
+.external-domain-warning{
+  .card-section{
+    padding: 0;
+  }
+
+  .buttons{
+    display: flex;
+    justify-content: center;
+
+    .button{
+      margin: 0;
+    }
+  }
+}

data/app/packs/stylesheets/decidim/modules/_statistics.scss

@@ -0,0 +1,53 @@
+.statistics-cell{
+  overflow: hidden;
+  margin: 2rem 0;
+  display: flex;
+  flex-wrap: wrap;
+
+  .statistic__title{
+    color: $muted;
+    font-size: .9rem;
+    letter-spacing: .01em;
+    text-transform: uppercase;
+    font-weight: 600;
+    margin-bottom: 0;
+  }
+
+  .statistic__data{
+    text-align: center;
+    padding: 1rem .25rem;
+    width: calc(50% - 1rem);
+    margin: .5rem;
+    position: relative;
+
+    &::after{
+      content: "";
+      display: inline-block;
+      border-left: 2px solid $primary;
+      height: 2rem;
+      position: absolute;
+      left: 0;
+      top: calc(50% - 1rem);
+    }
+
+    @include breakpoint(medium down){
+      &:nth-child(odd)::after{
+        border: none;
+      }
+    }
+
+    @include breakpoint(mediumlarge){
+      width: calc(25% - 1rem);
+
+      &:nth-child(4n + 1)::after{
+        border: none;
+      }
+    }
+  }
+
+  .statistic__number{
+    font-weight: 800;
+    font-size: 2rem;
+    line-height: 1;
+  }
+}

data/app/{assets → packs}/stylesheets/decidim/modules/_timeline.scss

@@ -80,7 +80,7 @@ $timeline-padding: 1rem;
 
 .timeline__header{
   background: $medium-gray;
-  padding: $timeline-padding/2 $timeline-padding;
+  padding: $timeline-padding*.5 $timeline-padding;
 
   .timeline__item--current &{
     background-color: $timeline-color;
@@ -89,7 +89,7 @@ $timeline-padding: 1rem;
 }
 
 .timeline__date{
-  color: $muted;
+  color: $dark-gray;
 
   .timeline__item--current &{
     color: rgba($white, .8);

data/app/packs/stylesheets/decidim/modules/_toggle.scss

@@ -0,0 +1,9 @@
+// @Component
+[data-toggle]{
+  margin: 0 0 $global-margin * .5;
+  cursor: pointer;
+
+  span{
+    margin-right: $global-margin * .5;
+  }
+}

data/app/{assets → packs}/stylesheets/decidim/modules/_typography.scss

@@ -1,6 +1,7 @@
 /* Variables */
 
 /* Typography - Foundation overrides */
+
 button,
 input{
   font-family: inherit;
@@ -31,17 +32,17 @@ button{
 @mixin heading($heading){
   line-height: 1.2;
   font-size:
-    map-get(
+    (map-get(
       map-get(map-get($header-styles, small), $heading),
       "font-size"
-    ) / 16 + em;
+    ) * .0625) + em;
 
   @include breakpoint(medium){
     font-size:
-      map-get(
+      (map-get(
         map-get(map-get($header-styles, medium), $heading),
         "font-size"
-      ) / 16 + em;
+      ) * .0625) + em;
   }
 }
 

data/app/packs/stylesheets/decidim/plugins/MarkerCluster.Default.scss

@@ -0,0 +1,67 @@
+.marker-cluster-small{
+  background-color: rgba(181, 226, 140, .6);
+}
+
+.marker-cluster-small div{
+  background-color: rgba(110, 204, 57, .6);
+}
+
+.marker-cluster-medium{
+  background-color: rgba(241, 211, 87, .6);
+}
+
+.marker-cluster-medium div{
+  background-color: rgba(240, 194, 12, .6);
+}
+
+.marker-cluster-large{
+  background-color: rgba(253, 156, 115, .6);
+}
+
+.marker-cluster-large div{
+  background-color: rgba(241, 128, 23, .6);
+}
+
+/* IE 6-8 fallback colors */
+.leaflet-oldie .marker-cluster-small{
+  background-color: rgb(181, 226, 140);
+}
+
+.leaflet-oldie .marker-cluster-small div{
+  background-color: rgb(110, 204, 57);
+}
+
+.leaflet-oldie .marker-cluster-medium{
+  background-color: rgb(241, 211, 87);
+}
+
+.leaflet-oldie .marker-cluster-medium div{
+  background-color: rgb(240, 194, 12);
+}
+
+.leaflet-oldie .marker-cluster-large{
+  background-color: rgb(253, 156, 115);
+}
+
+.leaflet-oldie .marker-cluster-large div{
+  background-color: rgb(241, 128, 23);
+}
+
+.marker-cluster{
+  background-clip: padding-box;
+  border-radius: 20px;
+}
+
+.marker-cluster div{
+  width: 30px;
+  height: 30px;
+  margin-left: 5px;
+  margin-top: 5px;
+  text-align: center;
+  border-radius: 15px;
+  font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
+}
+
+.marker-cluster span{
+  line-height: 30px;
+}

data/app/packs/stylesheets/decidim/plugins/MarkerCluster.scss

@@ -0,0 +1,15 @@
+.leaflet-cluster-anim .leaflet-marker-icon,
+.leaflet-cluster-anim .leaflet-marker-shadow{
+  -webkit-transition: -webkit-transform .3s ease-out, opacity .3s ease-in;
+  -moz-transition: -moz-transform .3s ease-out, opacity .3s ease-in;
+  -o-transition: -o-transform .3s ease-out, opacity .3s ease-in;
+  transition: transform .3s ease-out, opacity .3s ease-in;
+}
+
+.leaflet-cluster-spider-leg{
+  /* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
+  -webkit-transition: -webkit-stroke-dashoffset .3s ease-out, -webkit-stroke-opacity .3s ease-in;
+  -moz-transition: -moz-stroke-dashoffset .3s ease-out, -moz-stroke-opacity .3s ease-in;
+  -o-transition: -o-stroke-dashoffset .3s ease-out, -o-stroke-opacity .3s ease-in;
+  transition: stroke-dashoffset .3s ease-out, stroke-opacity .3s ease-in;
+}

data/app/packs/stylesheets/decidim/plugins/leaflet.scss

@@ -0,0 +1,700 @@
+/* required styles */
+
+.leaflet-pane,
+.leaflet-tile,
+.leaflet-marker-icon,
+.leaflet-marker-shadow,
+.leaflet-tile-container,
+.leaflet-pane > svg,
+.leaflet-pane > canvas,
+.leaflet-zoom-box,
+.leaflet-image-layer,
+.leaflet-layer{
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.leaflet-container{
+  overflow: hidden;
+}
+
+.leaflet-tile,
+.leaflet-marker-icon,
+.leaflet-marker-shadow{
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  -webkit-user-drag: none;
+}
+
+/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
+.leaflet-safari .leaflet-tile{
+  image-rendering: -webkit-optimize-contrast;
+}
+
+/* hack that prevents hw layers "stretching" when loading new tiles */
+.leaflet-safari .leaflet-tile-container{
+  width: 1600px;
+  height: 1600px;
+  transform-origin: 0 0;
+}
+
+.leaflet-marker-icon,
+.leaflet-marker-shadow{
+  display: block;
+}
+
+/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
+
+/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
+.leaflet-container .leaflet-overlay-pane svg,
+.leaflet-container .leaflet-marker-pane img,
+.leaflet-container .leaflet-shadow-pane img,
+.leaflet-container .leaflet-tile-pane img,
+.leaflet-container img.leaflet-image-layer{
+  max-width: none !important;
+}
+
+.leaflet-container.leaflet-touch-zoom{
+  -ms-touch-action: pan-x pan-y;
+  touch-action: pan-x pan-y;
+}
+
+.leaflet-container.leaflet-touch-drag{
+  -ms-touch-action: pinch-zoom;
+  touch-action: pinch-zoom;
+}
+
+.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{
+  -ms-touch-action: none;
+  touch-action: none;
+}
+
+.leaflet-tile{
+  filter: inherit;
+  visibility: hidden;
+}
+
+.leaflet-tile-loaded{
+  visibility: inherit;
+}
+
+.leaflet-zoom-box{
+  width: 0;
+  height: 0;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  z-index: 800;
+}
+
+/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
+.leaflet-overlay-pane svg{
+  -moz-user-select: none;
+  user-select: none;
+}
+
+.leaflet-pane{ z-index: 400; }
+
+.leaflet-tile-pane{ z-index: 200; }
+.leaflet-overlay-pane{ z-index: 400; }
+.leaflet-shadow-pane{ z-index: 500; }
+.leaflet-marker-pane{ z-index: 600; }
+.leaflet-tooltip-pane{ z-index: 650; }
+.leaflet-popup-pane{ z-index: 700; }
+
+.leaflet-map-pane canvas{ z-index: 100; }
+.leaflet-map-pane svg{ z-index: 200; }
+
+.leaflet-vml-shape{
+  width: 1px;
+  height: 1px;
+}
+
+.lvml{
+  behavior: url(#default#VML);
+  display: inline-block;
+  position: absolute;
+}
+
+/* control positioning */
+
+.leaflet-control{
+  position: relative;
+  z-index: 800;
+  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
+  pointer-events: auto;
+}
+
+.leaflet-top,
+.leaflet-bottom{
+  position: absolute;
+  z-index: 1000;
+  pointer-events: none;
+}
+
+.leaflet-top{
+  top: 0;
+}
+
+.leaflet-right{
+  right: 0;
+}
+
+.leaflet-bottom{
+  bottom: 0;
+}
+
+.leaflet-left{
+  left: 0;
+}
+
+.leaflet-control{
+  float: left;
+  clear: both;
+}
+
+.leaflet-right .leaflet-control{
+  float: right;
+}
+
+.leaflet-top .leaflet-control{
+  margin-top: 10px;
+}
+
+.leaflet-bottom .leaflet-control{
+  margin-bottom: 10px;
+}
+
+.leaflet-left .leaflet-control{
+  margin-left: 10px;
+}
+
+.leaflet-right .leaflet-control{
+  margin-right: 10px;
+}
+
+/* zoom and fade animations */
+
+.leaflet-fade-anim .leaflet-tile{
+  will-change: opacity;
+}
+
+.leaflet-fade-anim .leaflet-popup{
+  opacity: 0;
+  -webkit-transition: opacity .2s linear;
+  -moz-transition: opacity .2s linear;
+  -o-transition: opacity .2s linear;
+  transition: opacity .2s linear;
+}
+
+.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{
+  opacity: 1;
+}
+
+.leaflet-zoom-animated{
+  -webkit-transform-origin: 0 0;
+  -ms-transform-origin: 0 0;
+  transform-origin: 0 0;
+}
+
+.leaflet-zoom-anim .leaflet-zoom-animated{
+  will-change: transform;
+}
+
+.leaflet-zoom-anim .leaflet-zoom-animated{
+  -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
+  -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1);
+  -o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1);
+  transition: transform .25s cubic-bezier(0, 0, .25, 1);
+}
+
+.leaflet-zoom-anim .leaflet-tile,
+.leaflet-pan-anim .leaflet-tile{
+  -webkit-transition: none;
+  -moz-transition: none;
+  -o-transition: none;
+  transition: none;
+}
+
+.leaflet-zoom-anim .leaflet-zoom-hide{
+  visibility: hidden;
+}
+
+/* cursors */
+
+.leaflet-interactive{
+  cursor: pointer;
+}
+
+.leaflet-grab{
+  cursor: -webkit-grab;
+  cursor: -moz-grab;
+}
+
+.leaflet-crosshair,
+.leaflet-crosshair .leaflet-interactive{
+  cursor: crosshair;
+}
+
+.leaflet-popup-pane,
+.leaflet-control{
+  cursor: auto;
+}
+
+.leaflet-dragging .leaflet-grab,
+.leaflet-dragging .leaflet-grab .leaflet-interactive,
+.leaflet-dragging .leaflet-marker-draggable{
+  cursor: move;
+  cursor: -webkit-grabbing;
+  cursor: -moz-grabbing;
+}
+
+/* marker & overlays interactivity */
+.leaflet-marker-icon,
+.leaflet-marker-shadow,
+.leaflet-image-layer,
+.leaflet-pane > svg path,
+.leaflet-tile-container{
+  pointer-events: none;
+}
+
+.leaflet-marker-icon.leaflet-interactive,
+.leaflet-image-layer.leaflet-interactive,
+.leaflet-pane > svg path.leaflet-interactive{
+  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
+  pointer-events: auto;
+}
+
+/* visual tweaks */
+
+.leaflet-container{
+  background: #ddd;
+  outline: 0;
+}
+
+.leaflet-container a{
+  color: #0078a8;
+}
+
+.leaflet-container a.leaflet-active{
+  outline: 2px solid orange;
+}
+
+.leaflet-zoom-box{
+  border: 2px dotted #38f;
+  background: rgba(255, 255, 255, .5);
+}
+
+/* general typography */
+.leaflet-container{
+  font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
+}
+
+/* general toolbar styles */
+
+.leaflet-bar{
+  box-shadow: 0 1px 5px rgba(0, 0, 0, .65);
+  border-radius: 4px;
+}
+
+.leaflet-bar a,
+.leaflet-bar a:hover{
+  background-color: #fff;
+  border-bottom: 1px solid #ccc;
+  width: 26px;
+  height: 26px;
+  line-height: 26px;
+  display: block;
+  text-align: center;
+  text-decoration: none;
+  color: black;
+}
+
+.leaflet-bar a,
+.leaflet-control-layers-toggle{
+  background-position: 50% 50%;
+  background-repeat: no-repeat;
+  display: block;
+}
+
+.leaflet-bar a:hover{
+  background-color: #f4f4f4;
+}
+
+.leaflet-bar a:first-child{
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+
+.leaflet-bar a:last-child{
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  border-bottom: none;
+}
+
+.leaflet-bar a.leaflet-disabled{
+  cursor: default;
+  background-color: #f4f4f4;
+  color: #bbb;
+}
+
+.leaflet-touch .leaflet-bar a{
+  width: 30px;
+  height: 30px;
+  line-height: 30px;
+}
+
+/* zoom control */
+
+.leaflet-control-zoom-in,
+.leaflet-control-zoom-out{
+  font: bold 18px 'Lucida Console', Monaco, monospace;
+  text-indent: 1px;
+}
+
+.leaflet-control-zoom-out{
+  font-size: 20px;
+}
+
+.leaflet-touch .leaflet-control-zoom-in{
+  font-size: 22px;
+}
+
+.leaflet-touch .leaflet-control-zoom-out{
+  font-size: 24px;
+}
+
+/* layers control */
+
+.leaflet-control-layers{
+  box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
+  background: #fff;
+  border-radius: 5px;
+}
+
+.leaflet-control-layers-toggle{
+  background-image: url(../images/decidim/vendor/leaflet/layers.png);
+  width: 36px;
+  height: 36px;
+}
+
+.leaflet-retina .leaflet-control-layers-toggle{
+  background-image: url(../images/decidim/vendor/leaflet/layers-2x.png);
+  background-size: 26px 26px;
+}
+
+.leaflet-touch .leaflet-control-layers-toggle{
+  width: 44px;
+  height: 44px;
+}
+
+.leaflet-control-layers .leaflet-control-layers-list,
+.leaflet-control-layers-expanded .leaflet-control-layers-toggle{
+  display: none;
+}
+
+.leaflet-control-layers-expanded .leaflet-control-layers-list{
+  display: block;
+  position: relative;
+}
+
+.leaflet-control-layers-expanded{
+  padding: 6px 10px 6px 6px;
+  color: #333;
+  background: #fff;
+}
+
+.leaflet-control-layers-scrollbar{
+  overflow-y: scroll;
+  padding-right: 5px;
+}
+
+.leaflet-control-layers-selector{
+  margin-top: 2px;
+  position: relative;
+  top: 1px;
+}
+
+.leaflet-control-layers label{
+  display: block;
+}
+
+.leaflet-control-layers-separator{
+  height: 0;
+  border-top: 1px solid #ddd;
+  margin: 5px -10px 5px -6px;
+}
+
+/* Default icon URLs */
+.leaflet-default-icon-path{
+  background-image: url(../images/decidim/vendor/leaflet/marker-icon.png);
+}
+
+/* attribution and scale controls */
+
+.leaflet-container .leaflet-control-attribution{
+  background: #fff;
+  background: rgba(255, 255, 255, .7);
+  margin: 0;
+}
+
+.leaflet-control-attribution,
+.leaflet-control-scale-line{
+  padding: 0 5px;
+  color: #333;
+}
+
+.leaflet-control-attribution a{
+  text-decoration: none;
+}
+
+.leaflet-control-attribution a:hover{
+  text-decoration: underline;
+}
+
+.leaflet-container .leaflet-control-attribution,
+.leaflet-container .leaflet-control-scale{
+  font-size: 11px;
+}
+
+.leaflet-left .leaflet-control-scale{
+  margin-left: 5px;
+}
+
+.leaflet-bottom .leaflet-control-scale{
+  margin-bottom: 5px;
+}
+
+.leaflet-control-scale-line{
+  border: 2px solid #777;
+  border-top: none;
+  line-height: 1.1;
+  padding: 2px 5px 1px;
+  font-size: 11px;
+  white-space: nowrap;
+  overflow: hidden;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  background: #fff;
+  background: rgba(255, 255, 255, .5);
+}
+
+.leaflet-control-scale-line:not(:first-child){
+  border-top: 2px solid #777;
+  border-bottom: none;
+  margin-top: -2px;
+}
+
+.leaflet-control-scale-line:not(:first-child):not(:last-child){
+  border-bottom: 2px solid #777;
+}
+
+.leaflet-touch .leaflet-control-attribution,
+.leaflet-touch .leaflet-control-layers,
+.leaflet-touch .leaflet-bar{
+  box-shadow: none;
+}
+
+.leaflet-touch .leaflet-control-layers,
+.leaflet-touch .leaflet-bar{
+  border: 2px solid rgba(0, 0, 0, .2);
+  background-clip: padding-box;
+}
+
+/* popup */
+
+.leaflet-popup{
+  position: absolute;
+  text-align: center;
+  margin-bottom: 20px;
+}
+
+.leaflet-popup-content-wrapper{
+  padding: 1px;
+  text-align: left;
+  border-radius: 12px;
+}
+
+.leaflet-popup-content{
+  margin: 13px 19px;
+  line-height: 1.4;
+}
+
+.leaflet-popup-content p{
+  margin: 18px 0;
+}
+
+.leaflet-popup-tip-container{
+  width: 40px;
+  height: 20px;
+  position: absolute;
+  left: 50%;
+  margin-left: -20px;
+  overflow: hidden;
+  pointer-events: none;
+}
+
+.leaflet-popup-tip{
+  width: 17px;
+  height: 17px;
+  padding: 1px;
+  margin: -10px auto 0;
+  -webkit-transform: rotate(45deg);
+  -moz-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  -o-transform: rotate(45deg);
+  transform: rotate(45deg);
+}
+
+.leaflet-popup-content-wrapper,
+.leaflet-popup-tip{
+  background: white;
+  color: #333;
+  box-shadow: 0 3px 14px rgba(0, 0, 0, .4);
+}
+
+.leaflet-container a.leaflet-popup-close-button{
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 4px 4px 0 0;
+  border: none;
+  text-align: center;
+  width: 18px;
+  height: 14px;
+  font: 16px/14px Tahoma, Verdana, sans-serif;
+  color: #c3c3c3;
+  text-decoration: none;
+  font-weight: bold;
+  background: transparent;
+}
+
+.leaflet-container a.leaflet-popup-close-button:hover{
+  color: #999;
+}
+
+.leaflet-popup-scrolled{
+  overflow: auto;
+  border-bottom: 1px solid #ddd;
+  border-top: 1px solid #ddd;
+}
+
+.leaflet-oldie .leaflet-popup-content-wrapper{
+  zoom: 1;
+}
+
+.leaflet-oldie .leaflet-popup-tip{
+  width: 24px;
+  margin: 0 auto;
+  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
+  filter: progid:dximagetransform.microsoft.matrix(M11=.70710678, M12=.70710678, M21=-.70710678, M22=.70710678);
+}
+
+.leaflet-oldie .leaflet-popup-tip-container{
+  margin-top: -1px;
+}
+
+.leaflet-oldie .leaflet-control-zoom,
+.leaflet-oldie .leaflet-control-layers,
+.leaflet-oldie .leaflet-popup-content-wrapper,
+.leaflet-oldie .leaflet-popup-tip{
+  border: 1px solid #999;
+}
+
+/* div icon */
+
+.leaflet-div-icon{
+  background: #fff;
+  border: 1px solid #666;
+}
+
+/* Tooltip */
+
+/* Base styles for the element that has a tooltip */
+.leaflet-tooltip{
+  position: absolute;
+  padding: 6px;
+  background-color: #fff;
+  border: 1px solid #fff;
+  border-radius: 3px;
+  color: #222;
+  white-space: nowrap;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  pointer-events: none;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
+}
+
+.leaflet-tooltip.leaflet-clickable{
+  cursor: pointer;
+  pointer-events: auto;
+}
+
+.leaflet-tooltip-top::before,
+.leaflet-tooltip-bottom::before,
+.leaflet-tooltip-left::before,
+.leaflet-tooltip-right::before{
+  position: absolute;
+  pointer-events: none;
+  border: 6px solid transparent;
+  background: transparent;
+  content: "";
+}
+
+/* Directions */
+
+.leaflet-tooltip-bottom{
+  margin-top: 6px;
+}
+
+.leaflet-tooltip-top{
+  margin-top: -6px;
+}
+
+.leaflet-tooltip-bottom::before,
+.leaflet-tooltip-top::before{
+  left: 50%;
+  margin-left: -6px;
+}
+
+.leaflet-tooltip-top::before{
+  bottom: 0;
+  margin-bottom: -12px;
+  border-top-color: #fff;
+}
+
+.leaflet-tooltip-bottom::before{
+  top: 0;
+  margin-top: -12px;
+  margin-left: -6px;
+  border-bottom-color: #fff;
+}
+
+.leaflet-tooltip-left{
+  margin-left: -6px;
+}
+
+.leaflet-tooltip-right{
+  margin-left: 6px;
+}
+
+.leaflet-tooltip-left::before,
+.leaflet-tooltip-right::before{
+  top: 50%;
+  margin-top: -6px;
+}
+
+.leaflet-tooltip-left::before{
+  right: 0;
+  margin-right: -12px;
+  border-left-color: #fff;
+}
+
+.leaflet-tooltip-right::before{
+  left: 0;
+  margin-left: -12px;
+  border-right-color: #fff;
+}