1 | /** Slider **/
|
---|
2 | .leaflet-control-zoomslider-wrap {
|
---|
3 | padding-top: 5px;
|
---|
4 | padding-bottom: 5px;
|
---|
5 | background-color: #fff;
|
---|
6 | border-bottom: 1px solid #ccc;
|
---|
7 | }
|
---|
8 | .leaflet-control-zoomslider-body {
|
---|
9 | width: 2px;
|
---|
10 | border: solid #fff;
|
---|
11 | border-width: 0px 9px 0px 9px;
|
---|
12 | background-color: black;
|
---|
13 | margin: 0 auto;
|
---|
14 | }
|
---|
15 | .leaflet-control-zoomslider-knob {
|
---|
16 | position: relative;
|
---|
17 | width: 12px;
|
---|
18 | height: 4px;
|
---|
19 | background-color: #efefef;
|
---|
20 | -webkit-border-radius: 2px;
|
---|
21 | border-radius: 2px;
|
---|
22 | border: 1px solid #000;
|
---|
23 | margin-left: -6px;
|
---|
24 | }
|
---|
25 | .leaflet-control-zoomslider-body:hover {
|
---|
26 | cursor: pointer;
|
---|
27 | }
|
---|
28 | .leaflet-control-zoomslider-knob:hover {
|
---|
29 | cursor: default;
|
---|
30 | cursor: -webkit-grab;
|
---|
31 | cursor: -moz-grab;
|
---|
32 | }
|
---|
33 |
|
---|
34 | .leaflet-dragging .leaflet-control-zoomslider,
|
---|
35 | .leaflet-dragging .leaflet-control-zoomslider-wrap,
|
---|
36 | .leaflet-dragging .leaflet-control-zoomslider-body,
|
---|
37 | .leaflet-dragging .leaflet-control-zoomslider a,
|
---|
38 | .leaflet-dragging .leaflet-control-zoomslider a.leaflet-control-zoomslider-disabled,
|
---|
39 | .leaflet-dragging .leaflet-control-zoomslider-knob:hover {
|
---|
40 | cursor: move;
|
---|
41 | cursor: -webkit-grabbing;
|
---|
42 | cursor: -moz-grabbing;
|
---|
43 | }
|
---|
44 |
|
---|
45 | /** Leaflet Zoom Styles **/
|
---|
46 | .leaflet-container .leaflet-control-zoomslider {
|
---|
47 | margin-left: 10px;
|
---|
48 | margin-top: 10px;
|
---|
49 | }
|
---|
50 | .leaflet-control-zoomslider a {
|
---|
51 | width: 26px;
|
---|
52 | height: 26px;
|
---|
53 | text-align: center;
|
---|
54 | text-decoration: none;
|
---|
55 | color: black;
|
---|
56 | display: block;
|
---|
57 | }
|
---|
58 | .leaflet-control-zoomslider a:hover {
|
---|
59 | background-color: #f4f4f4;
|
---|
60 | }
|
---|
61 | .leaflet-control-zoomslider-in {
|
---|
62 | font: bold 18px 'Lucida Console', Monaco, monospace;
|
---|
63 | }
|
---|
64 | .leaflet-control-zoomslider-in:after{
|
---|
65 | content:"+"
|
---|
66 | }
|
---|
67 | .leaflet-control-zoomslider-out {
|
---|
68 | font: bold 22px 'Lucida Console', Monaco, monospace;
|
---|
69 | }
|
---|
70 | .leaflet-control-zoomslider-out:after{
|
---|
71 | content:"-"
|
---|
72 | }
|
---|
73 | .leaflet-control-zoomslider a.leaflet-control-zoomslider-disabled {
|
---|
74 | cursor: default;
|
---|
75 | color: #bbb;
|
---|
76 | }
|
---|
77 |
|
---|
78 | /* Touch */
|
---|
79 | .leaflet-touch .leaflet-control-zoomslider-body {
|
---|
80 | background-position: 10px 0px;
|
---|
81 | }
|
---|
82 | .leaflet-touch .leaflet-control-zoomslider-knob {
|
---|
83 | width: 16px;
|
---|
84 | margin-left: -7px;
|
---|
85 | }
|
---|
86 | .leaflet-touch .leaflet-control-zoomslider a {
|
---|
87 | width: 30px;
|
---|
88 | line-height: 30px;
|
---|
89 | }
|
---|
90 | .leaflet-touch .leaflet-control-zoomslider a:hover {
|
---|
91 | width: 30px;
|
---|
92 | line-height: 30px;
|
---|
93 | }
|
---|
94 | .leaflet-touch .leaflet-control-zoomslider-in {
|
---|
95 | font-size: 24px;
|
---|
96 | line-height: 29px;
|
---|
97 | }
|
---|
98 | .leaflet-touch .leaflet-control-zoomslider-out {
|
---|
99 | font-size: 28px;
|
---|
100 | line-height: 30px;
|
---|
101 | }
|
---|
102 | .leaflet-touch .leaflet-control-zoomslider {
|
---|
103 | box-shadow: none;
|
---|
104 | border: 4px solid rgba(0,0,0,0.3);
|
---|
105 | }
|
---|