|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258 |
- .leaflet-routing-container, .leaflet-routing-error {
- width: 320px;
- background-color: white;
- padding-top: 4px;
- transition: all 0.2s ease;
- box-sizing: border-box;
- }
-
- .leaflet-control-container .leaflet-routing-container-hide {
- width: 32px;
- height: 32px;
- }
-
- .leaflet-routing-container h2 {
- font-size: 14px;
- }
-
- .leaflet-routing-container h3 {
- font-size: 12px;
- font-weight: normal;
- }
-
- .leaflet-routing-collapsible .leaflet-routing-geocoders {
- margin-top: 20px;
- }
-
- .leaflet-routing-alt, .leaflet-routing-geocoders, .leaflet-routing-error {
- padding: 6px;
- margin-top: 2px;
- margin-bottom: 6px;
- border-bottom: 1px solid #ccc;
- max-height: 320px;
- overflow-y: auto;
- transition: all 0.2s ease;
- }
-
- .leaflet-control-container .leaflet-routing-container-hide .leaflet-routing-alt,
- .leaflet-control-container .leaflet-routing-container-hide .leaflet-routing-geocoders {
- display: none;
- }
-
- .leaflet-bar .leaflet-routing-alt:last-child {
- border-bottom: none;
- }
-
- .leaflet-routing-alt-minimized {
- color: #888;
- max-height: 64px;
- overflow: hidden;
- cursor: pointer;
- }
-
- .leaflet-routing-alt table {
- border-collapse: collapse;
- }
-
- .leaflet-routing-alt tr:hover {
- background-color: #eee;
- cursor: pointer;
- }
-
- .leaflet-routing-alt::-webkit-scrollbar {
- width: 8px;
- }
-
- .leaflet-routing-alt::-webkit-scrollbar-track {
- border-radius: 2px;
- background-color: #eee;
- }
-
- .leaflet-routing-alt::-webkit-scrollbar-thumb {
- border-radius: 2px;
- background-color: #888;
- }
-
- .leaflet-routing-icon {
- background-image: url('leaflet.routing.icons.png');
- -webkit-background-size: 240px 20px;
- background-size: 240px 20px;
- background-repeat: no-repeat;
- margin: 0;
- content: '';
- display: inline-block;
- vertical-align: top;
- width: 20px;
- height: 20px;
- }
-
- .leaflet-routing-icon-continue { background-position: 0 0; }
- .leaflet-routing-icon-sharp-right { background-position: -20px 0; }
- .leaflet-routing-icon-turn-right { background-position: -40px 0; }
- .leaflet-routing-icon-bear-right { background-position: -60px 0; }
- .leaflet-routing-icon-u-turn { background-position: -80px 0; }
- .leaflet-routing-icon-sharp-left { background-position: -100px 0; }
- .leaflet-routing-icon-turn-left { background-position: -120px 0; }
- .leaflet-routing-icon-bear-left { background-position: -140px 0; }
- .leaflet-routing-icon-depart { background-position: -160px 0; }
- .leaflet-routing-icon-enter-roundabout { background-position: -180px 0; }
- .leaflet-routing-icon-arrive { background-position: -200px 0; }
- .leaflet-routing-icon-via { background-position: -220px 0; }
-
- .leaflet-routing-geocoders div {
- padding: 4px 0px 4px 0px;
- }
-
- .leaflet-routing-geocoders input {
- width: 303px;
- width: calc(100% - 4px);
- line-height: 1.67;
- border: 1px solid #ccc;
- }
-
- .leaflet-routing-geocoders button {
- font: bold 18px 'Lucida Console', Monaco, monospace;
- border: 1px solid #ccc;
- border-radius: 4px;
- background-color: white;
- margin: 0;
- margin-right: 3px;
- float: right;
- cursor: pointer;
- transition: background-color 0.2s ease;
- }
-
- .leaflet-routing-add-waypoint:after {
- content: '+';
- }
-
- .leaflet-routing-reverse-waypoints:after {
- font-weight: normal;
- content: '\21c5';
- }
-
- .leaflet-routing-geocoders button:hover {
- background-color: #eee;
- }
-
- .leaflet-routing-geocoders input,.leaflet-routing-remove-waypoint,.leaflet-routing-geocoder {
- position: relative;
- }
-
- .leaflet-routing-geocoder-result {
- font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
- position: absolute;
- max-height: 0;
- overflow: hidden;
- transition: all 0.5s ease;
- z-index: 1000; /* Arbitrary, but try to be above "most" things. */
- }
-
- .leaflet-routing-geocoder-result table {
- width: 100%;
- border: 1px solid #ccc;
- border-radius: 0 0 4px 4px;
- background-color: white;
- cursor: pointer;
- }
-
- .leaflet-routing-geocoder-result-open {
- max-height: 800px;
- }
-
- .leaflet-routing-geocoder-selected, .leaflet-routing-geocoder-result tr:hover {
- background-color: #eee;
- }
-
- .leaflet-routing-geocoder-no-results {
- font-style: italic;
- color: #888;
- }
-
- .leaflet-routing-remove-waypoint {
- background-color: transparent;
- display: inline-block;
- vertical-align: middle;
- cursor: pointer;
- }
-
- .leaflet-routing-remove-waypoint:after {
- position: absolute;
- display: block;
- width: 15px;
- height: 1px;
- z-index: 1;
- right: 1px;
- top: 4px;
- bottom: 0;
- margin: auto;
- padding: 2px;
- font-size: 18px;
- font-weight: bold;
- content: "\00d7";
- text-align: center;
- cursor: pointer;
- color: #ccc;
- background: white;
- padding-bottom: 16px;
- margin-top: -16px;
- padding-right: 4px;
- line-height: 1;
- }
-
- .leaflet-routing-remove-waypoint:hover {
- color: black;
- }
-
- .leaflet-routing-instruction-distance {
- width: 48px;
- }
-
- .leaflet-routing-collapse-btn {
- position: absolute;
- top: 0;
- right: 6px;
- font-size: 24px;
- color: #ccc;
- font-weight: bold;
- }
-
- .leaflet-routing-collapse-btn:after {
- content: '\00d7';
- }
-
- .leaflet-routing-container-hide .leaflet-routing-collapse-btn {
- position: relative;
- left: 4px;
- top: 4px;
- display: block;
- width: 26px;
- height: 23px;
- background-image: url('routing-icon.png');
- }
-
- .leaflet-routing-container-hide .leaflet-routing-collapse-btn:after {
- content: none;
- }
-
- .leaflet-top .leaflet-routing-container.leaflet-routing-container-hide {
- margin-top: 10px !important;
- }
- .leaflet-right .leaflet-routing-container.leaflet-routing-container-hide {
- margin-right: 10px !important;
- }
- .leaflet-bottom .leaflet-routing-container.leaflet-routing-container-hide {
- margin-bottom: 10px !important;
- }
- .leaflet-left .leaflet-routing-container.leaflet-routing-container-hide {
- margin-left: 10px !important;
- }
-
- @media only screen and (max-width: 640px) {
- .leaflet-routing-container {
- margin: 0 !important;
- padding: 0 !important;
- width: 100%;
- height: 100%;
- }
- }
|