| @@ -1,0 +1,40 @@ | ||
| 1 | +.leaflet-control-fullscreen a { | |
| 2 | + background:#fff url(./fullscreen.png) no-repeat 0 0; | |
| 3 | + background-size:26px 52px; | |
| 4 | + } | |
| 5 | + .leaflet-touch .leaflet-control-fullscreen a { | |
| 6 | + background-position: 2px 2px; | |
| 7 | + } | |
| 8 | + .leaflet-fullscreen-on .leaflet-control-fullscreen a { | |
| 9 | + background-position:0 -26px; | |
| 10 | + } | |
| 11 | + .leaflet-touch.leaflet-fullscreen-on .leaflet-control-fullscreen a { | |
| 12 | + background-position: 2px -24px; | |
| 13 | + } | |
| 14 | + | |
| 15 | +/* Do not combine these two rules; IE will break. */ | |
| 16 | +.leaflet-container:-webkit-full-screen { | |
| 17 | + width:100%!important; | |
| 18 | + height:100%!important; | |
| 19 | + } | |
| 20 | +.leaflet-container.leaflet-fullscreen-on { | |
| 21 | + width:100%!important; | |
| 22 | + height:100%!important; | |
| 23 | + } | |
| 24 | + | |
| 25 | +.leaflet-pseudo-fullscreen { | |
| 26 | + position:fixed!important; | |
| 27 | + width:100%!important; | |
| 28 | + height:100%!important; | |
| 29 | + top:0!important; | |
| 30 | + left:0!important; | |
| 31 | + z-index:99999; | |
| 32 | + } | |
| 33 | + | |
| 34 | +@media | |
| 35 | + (-webkit-min-device-pixel-ratio:2), | |
| 36 | + (min-resolution:192dpi) { | |
| 37 | + .leaflet-control-fullscreen a { | |
| 38 | + background-image:url(./fullscreen-2x.png); | |
| 39 | + } | |
| 40 | + } | |