Add CSS to not print leaflet-control
[chef.git] / cookbooks / imagery / templates / default / index.html.erb
1 <!DOCTYPE html>
2 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
3   <head>
4     <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
5     <title><%= @title %></title>
6     <link rel="stylesheet" href="imagery.css" type="text/css" media="all" />
7     <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css" />
8     <!--[if lte IE 8]>
9     <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.ie.css" />
10     <![endif]-->
11     <script type="text/javascript" src="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js"></script>
12     <script type="text/javascript" src="imagery.js"></script>
13     <style type="text/css">
14     @media print {
15       .leaflet-control { display:none }
16     }
17     </style>
18   </head>
19   <body onload="createMap('map')">
20     <div id="map"></div>
21   </body>
22 </html>