|
@@ -6,10 +6,29 @@
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
|
+ <link rel="stylesheet" href="pure/0.6.0/pure-min.css">
|
|
|
+ <!--[if lte IE 8]>
|
|
|
+ <link rel="stylesheet" href="pure/0.6.0/grids-responsive-old-ie-min.css">
|
|
|
+ <![endif]-->
|
|
|
+ <!--[if gt IE 8]><!-->
|
|
|
+ <link rel="stylesheet" href="pure/0.6.0/grids-responsive-min.css">
|
|
|
+ <!--<![endif]-->
|
|
|
+
|
|
|
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css" />
|
|
|
</head>
|
|
|
<body>
|
|
|
- <div id="map" style="width: 1200px; height: 700px"></div>
|
|
|
+ <div class="grids-example">
|
|
|
+ <div class="pure-g">
|
|
|
+ <div class="pure-u-1">Ganze Zeile</div>
|
|
|
+
|
|
|
+ <div class="pure-u-1 pure-u-md-1-4">
|
|
|
+ Navigation
|
|
|
+ </div>
|
|
|
+ <div class="pure-u-1 pure-u-md-3-4">
|
|
|
+ <div id="map" style="height: 700px"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
<script src="tr-hydrant.js" type="text/javascript"></script>
|
|
|
<script src="tr-ladesaeulen.js" type="text/javascript"></script>
|