[PLUGINS] ~maj globale
[lhc/web/www.git] / www / plugins / gis / lib / leaflet / plugins / leaflet-plugins.css
index 88c58fd..d9bdb14 100755 (executable)
@@ -1,16 +1,28 @@
 /* L.Control.FullScreen */
-.fullscreen-icon { background-image: url(images/icon-fullscreen.png); }
-.leaflet-retina .fullscreen-icon { background-image: url(images/icon-fullscreen-2x.png); background-size: 26px 26px; }
+.fullscreen-icon { background-image: url(icon-fullscreen.png); }
+.leaflet-retina .fullscreen-icon { background-image: url(icon-fullscreen-2x.png); background-size: 26px 26px; }
+/* one selector per rule as explained here : http://www.sitepoint.com/html5-full-screen-api/ */
 .leaflet-container:-webkit-full-screen { width: 100% !important; height: 100% !important; z-index: 99999; }
+.leaflet-container:-ms-fullscreen { width: 100% !important; height: 100% !important; z-index: 99999; }
+.leaflet-container:full-screen { width: 100% !important; height: 100% !important; z-index: 99999; }
+.leaflet-container:fullscreen { width: 100% !important; height: 100% !important; z-index: 99999; }
 .leaflet-pseudo-fullscreen { position: fixed !important; width: 100% !important; height: 100% !important; top: 0px !important; left: 0px !important; z-index: 99999; }
 
 /* MiniMap Plugin */
-.leaflet-control-minimap { border: solid rgba(255, 255, 255, 1.0) 4px; box-shadow: 0 1px 5px rgba(0,0,0,0.65); border-radius: 3px; background: #f8f8f9; transition: all .2s; }
-.leaflet-control-minimap a { background-color: rgba(255, 255, 255, 1.0); background-repeat: no-repeat; z-index: 99999; transition: all .2s; border-radius: 3px 0px 0px 0px; }
-.leaflet-control-minimap a.minimized { -webkit-transform: rotate(180deg); transform: rotate(180deg); border-radius: 0px; }
-.leaflet-control-minimap-toggle-display { background-image: url("images/toggle.png"); height: 19px; width: 19px; position: absolute; bottom: 0; right: 0; }
-/* Old IE */
-.leaflet-oldie .leaflet-control-minimap { border: 1px solid #999 }
-.leaflet-oldie .leaflet-control-minimap a { background-color: #fff }
-.leaflet-oldie .leaflet-control-minimap a.minimized { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2) }
+.leaflet-control-minimap { border: solid rgba(255,255,255,1) 4px; box-shadow: 0 1px 5px rgba(0,0,0,0.65); border-radius: 3px; background: #f8f8f9; transition: all .6s; }
+.leaflet-control-minimap a { background-color: rgba(255,255,255,1); background-repeat: no-repeat; z-index: 99999; transition: all .6s; }
+.leaflet-control-minimap a.minimized-bottomright { -webkit-transform: rotate(180deg); transform: rotate(180deg); border-radius: 0px; }
+.leaflet-control-minimap a.minimized-topleft { -webkit-transform: rotate(0deg); transform: rotate(0deg); border-radius: 0px; }
+.leaflet-control-minimap a.minimized-bottomleft { -webkit-transform: rotate(270deg); transform: rotate(270deg); border-radius: 0px; }
+.leaflet-control-minimap a.minimized-topright { -webkit-transform: rotate(90deg); transform: rotate(90deg); border-radius: 0px; }
+.leaflet-control-minimap-toggle-display { background-image: url("images/toggle.svg"); background-size: cover; position: absolute; border-radius: 3px 0px 0px 0px; }
+.leaflet-oldie .leaflet-control-minimap-toggle-display { background-image: url("images/toggle.png"); }
+.leaflet-control-minimap-toggle-display-bottomright { bottom: 0; right: 0; }
+.leaflet-control-minimap-toggle-display-topleft { top: 0; left: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
+.leaflet-control-minimap-toggle-display-bottomleft { bottom: 0; left: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
+.leaflet-control-minimap-toggle-display-topright { top: 0; right: 0; -webkit-transform: rotate(270deg); transform: rotate(270deg); }
 
+/* Old IE */
+.leaflet-oldie .leaflet-control-minimap { border: 1px solid #999; }
+.leaflet-oldie .leaflet-control-minimap a { background-color: #fff; }
+.leaflet-oldie .leaflet-control-minimap a.minimized { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); }