src/static/css/Control.Geocoder.css

   1 .leaflet-control-geocoder {
   2   border-radius: 4px;
   3   background: white;
   4   min-width: 26px;
   5   min-height: 26px;
   6 }
   7
   8 .leaflet-touch .leaflet-control-geocoder {
   9   min-width: 30px;
  10   min-height: 30px;
  11 }
  12
  13 .leaflet-control-geocoder a,
  14 .leaflet-control-geocoder .leaflet-control-geocoder-icon {
  15   border-bottom: none;
  16   display: inline-block;
  17 }
  18
  19 .leaflet-control-geocoder .leaflet-control-geocoder-alternatives a {
  20   width: inherit;
  21   height: inherit;
  22   line-height: inherit;
  23 }
  24
  25 .leaflet-control-geocoder a:hover,
  26 .leaflet-control-geocoder .leaflet-control-geocoder-icon:hover {
  27   border-bottom: none;
  28   display: inline-block;
  29 }
  30
  31 .leaflet-control-geocoder-form {
  32   display: none;
  33   vertical-align: middle;
  34 }
  35 .leaflet-control-geocoder-expanded .leaflet-control-geocoder-form {
  36   display: inline-block;
  37 }
  38 .leaflet-control-geocoder-form input {
  39   font-size: 120%;
  40   border: 0;
  41   background-color: transparent;
  42   width: 246px;
  43 }
  44
  45 .leaflet-control-geocoder-icon {
  46   border-radius: 4px;
  47   width: 26px;
  48   height: 26px;
  49   border: none;
  50   background-color: white;
  51   background-image: url(../images/geocoder.png);
  52   background-repeat: no-repeat;
  53   background-position: center;
  54   cursor: pointer;
  55 }
  56
  57 .leaflet-touch .leaflet-control-geocoder-icon {
  58   width: 30px;
  59   height: 30px;
  60 }
  61
  62 .leaflet-control-geocoder-throbber .leaflet-control-geocoder-icon {
  63   background-image: url(../images/throbber.gif);
  64 }
  65
  66 .leaflet-control-geocoder-form-no-error {
  67   display: none;
  68 }
  69
  70 .leaflet-control-geocoder-form input:focus {
  71   outline: none;
  72 }
  73
  74 .leaflet-control-geocoder-form button {
  75   display: none;
  76 }
  77 .leaflet-control-geocoder-error {
  78   margin-top: 8px;
  79   margin-left: 8px;
  80   display: block;
  81   color: #444;
  82 }
  83 .leaflet-control-geocoder-alternatives {
  84   display: block;
  85   width: 272px;
  86   list-style: none;
  87   padding: 0;
  88   margin: 0;
  89 }
  90
  91 .leaflet-control-geocoder-alternatives-minimized {
  92   display: none;
  93   height: 0;
  94 }
  95 .leaflet-control-geocoder-alternatives li {
  96   white-space: nowrap;
  97   display: block;
  98   overflow: hidden;
  99   padding: 5px 8px;
 100   text-overflow: ellipsis;
 101   border-bottom: 1px solid #ccc;
 102   cursor: pointer;
 103 }
 104
 105 .leaflet-control-geocoder-alternatives li a,
 106 .leaflet-control-geocoder-alternatives li a:hover {
 107   width: inherit;
 108   height: inherit;
 109   line-height: inherit;
 110   background: inherit;
 111   border-radius: inherit;
 112   text-align: left;
 113 }
 114
 115 .leaflet-control-geocoder-alternatives li:last-child {
 116   border-bottom: none;
 117 }
 118 .leaflet-control-geocoder-alternatives li:hover,
 119 .leaflet-control-geocoder-selected {
 120   background-color: #f5f5f5;
 121 }
 122 .leaflet-control-geocoder-address-detail {
 123 }
 124 .leaflet-control-geocoder-address-context {
 125   color: #666;
 126 }