source: binary-improvements/webserver/leaflet/zoomslider/L.Control.Zoomslider.css@ 194

Last change on this file since 194 was 173, checked in by alloc, 10 years ago

LandClaims on webmap

File size: 2.4 KB
RevLine 
[173]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}
Note: See TracBrowser for help on using the repository browser.