566ba32e031caada9fd5451a89fa87fd70324e12
[rails.git] / vendor / assets / leaflet / leaflet.draw.css
1 /* Leaflet controls */
2
3 .leaflet-control-draw {
4         background-color: rgba(0, 0, 0, 0.25);
5         -webkit-border-radius: 7px;
6            -moz-border-radius: 7px;
7                 border-radius: 7px;
8         padding: 5px;
9 }
10
11 .leaflet-control-draw a {
12         background-color: rgba(255, 255, 255, 0.75);
13         background-position: 50% 50%;
14         background-repeat: no-repeat;
15         -webkit-border-radius: 4px;
16            -moz-border-radius: 4px;
17                 border-radius: 4px;
18         display: block;
19         margin-top: 5px;
20         width: 19px;
21         height: 19px;
22 }
23
24 .leaflet-control-draw a:first-child{
25         margin-top: 0;
26 }       
27
28 .leaflet-control-draw a:hover {
29         background-color: #fff;
30 }
31
32 .leaflet-touch .leaflet-control-draw a {
33         width: 27px;
34         height: 27px;
35 }       
36
37 .leaflet-control-draw-polyline {
38         background-image: url(images/draw-polyline.png);
39 }
40
41 .leaflet-control-draw-polygon {
42         background-image: url(images/draw-polygon.png);
43 }
44
45 .leaflet-control-draw-rectangle {
46         background-image: url(images/draw-rectangle.png);
47 }
48
49 .leaflet-control-draw-circle {
50         background-image: url(images/draw-circle.png);
51 }
52
53 .leaflet-control-draw-marker {
54         background-image: url(images/draw-marker-icon.png);
55 }
56
57 .leaflet-mouse-marker {
58         background-color: #fff;
59         cursor: crosshair;
60 }
61
62 .leaflet-draw-label {
63         background-color: #fff;
64         border: 1px solid #ccc;
65         color: #222;
66         font: 12px/18px "Helvetica Neue", Arial, Helvetica, sans-serif;
67         margin-left: 20px;
68         margin-top: -21px;
69         padding: 2px 4px;
70         position: absolute;
71         white-space: nowrap;
72         z-index: 6;
73 }
74
75 .leaflet-error-draw-label {
76         background-color: #F2DEDE;
77         border-color: #E6B6BD;
78         color: #B94A48;
79 }
80
81 .leaflet-draw-label-single {
82         margin-top: -12px
83 }
84
85 .leaflet-draw-label-subtext {
86         color: #999;
87 }
88
89 .leaflet-draw-guide-dash {
90         font-size: 1%;
91         opacity: 0.6;
92         position: absolute;
93         width: 5px;
94         height: 5px;
95 }
96
97 .leaflet-flash-anim {
98         -webkit-animation-duration: 0.66s;
99            -moz-animation-duration: 0.66s;
100              -o-animation-duration: 0.66s;
101                 animation-duration: 0.66s;
102         -webkit-animation-fill-mode: both;
103            -moz-animation-fill-mode: both;
104              -o-animation-fill-mode: both;
105                 animation-fill-mode: both;
106         -webkit-animation-name: leaflet-flash;
107            -moz-animation-name: leaflet-flash;
108              -o-animation-name: leaflet-flash;
109                 animation-name: leaflet-flash;
110 }
111
112 @-webkit-keyframes leaflet-flash {
113         0%, 50%, 100% { opacity: 1; }   
114         25%, 75% { opacity: 0.3; }
115 }
116
117 @-moz-keyframes leaflet-flash {
118         0%, 50%, 100% { opacity: 1; }   
119         25%, 75% { opacity: 0.3; }
120 }
121
122 @-o-keyframes leaflet-flash {
123         0%, 50%, 100% { opacity: 1; }   
124         25%, 75% { opacity: 0.3; }
125 }
126
127 @keyframes leaflet-flash {
128         0%, 50%, 100% { opacity: 1; }   
129         25%, 75% { opacity: 0; }
130 }