From 14cdd985ee8461fa0acdbec7143d6bd0e6b72ece Mon Sep 17 00:00:00 2001
From: "Kasper D. Fischer" <kasper.fischer@rub.de>
Date: Wed, 20 Mar 2013 09:17:14 +0000
Subject: [PATCH] Added print.html with fixed page size for printing maps using
 wkhtmltopdf.

---
 print.html | 90 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 90 insertions(+)
 create mode 100644 print.html
diff --git a/print.html b/print.html
new file mode 100644
index 0000000..5c86da7
--- /dev/null
+++ b/print.html
@@ -0,0 +1,90 @@
+<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
+<!-- $Id$ -->
+<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'>
+<head>
+	<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+	<title>RUB SeisObs - Station and Seismicity Map</title>
+	<style type="text/css">
+		html, body, #map {
+			margin: 0;
+		        width: 1440px;
+                        height: 900px;
+                        z-index: 10000;
+		}
+
+		#maptext {
+			position: absolute;
+			bottom: 1em;
+			left: 1em;
+			width: 20%;
+			z-index: 15000;
+			background-color: white;
+			padding: 0 0.5em 0.5em 0.5em;
+		}
+
+		#mapkey {
+			position: absolute;
+			top: 18px;
+			left: 80px;
+			width: 320px;
+			height: 34px;
+			z-index: 20000;
+			background: rgb(255, 255, 255);
+			background: rgba(255, 255, 255, 0.7);
+			padding: 0px 0px 0px 0px;
+		}
+	</style>
+</head>
+
+<body>
+	<style type="text/css">
+		.olControlAttribution {
+			position: absolute;
+			font-size: 10px;
+			text-align: left;
+			color: #eeeeee;
+			bottom: 0;
+			left: 0;
+			right:auto !important;
+			background: #130085; /* fallback for IE - IE6 requires background shorthand*/
+			background: rgba(0, 60, 136, 0.3);
+			filter: alpha(opacity=30);
+			font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
+			border-radius: 5px 0 0 0;
+		}
+		.olControlAttribution a {
+			color: #eeeeee;
+			font-weight: bold;
+		}
+	</style>
+	<script type='text/javascript' src='OpenLayers.js'></script>
+	<script type='text/javascript' src='https://maps.google.com/maps/api/js?sensor=false&amp;v=3'></script>
+	<script type='text/javascript' src='station_map_www.js'></script>
+	<script type='text/javascript' src='mapkey.js'></script>
+	<script type='text/javascript' src='lang/de.js'></script>
+	<script type='text/javascript'>
+		OpenLayers.Util.extend(OpenLayers.Lang.de, {
+			'Overlays' : 'Ebenen',
+			'Stations' : 'Stationen',
+			'Events': 'Ereignisse',
+			'Grid': 'Gitter',
+			'Google Maps (Terrain)': 'Google Maps (Gelände)',
+			'Google Maps (Satellite)': 'Google Maps (Satellit)',
+			'Google Maps (Streets)': 'Google Maps (Straßen)',
+			'Magnitudes': 'Magnituden',
+			'stations': 'Stationen',
+			'Zoom in to resolve individual stations.': 'Zum Anzeigen der einzelnen Stationen vergrößern.'
+		});
+		OpenLayers.Lang.setCode(document.documentElement.lang);
+	</script>
+	<div id="map">
+		<script type='text/javascript'>init(true, true, true, true);</script>
+	</div>
+	<div id="mapkey">
+		<script type='text/javascript'>initKey(true, false, false);</script>
+	</div>
+	<!-- <div id="maptext">
+		<h3 id="title">Stations</h3>
+	</div> -->
+</body>
+</html>
