move slippy map

map/slippy/map.css

@@ -0,0 +1,102 @@
+@charset "utf-8";
+
+html,body {
+  background-color: #FFF;
+  height: 100%;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  font-family: Verdana, Arial, sans-serif;
+  font-size: 1em;
+  overflow: hidden;
+  color: #000;
+}
+ 
+a {
+  color: #0000FF;
+  text-decoration: none;
+}
+ 
+a:hover {
+  color: #000011;
+  text-decoration: underline;
+}
+ 
+#map {
+  height: 100%;
+  width: 100%;
+  padding: 0;
+  margin: 0;
+  font-family: Arial, sans-serif;
+  font-size: 1em;
+  color: #000;
+}
+.olFramedCloudPopupContent {
+	font-size: 0.8em;
+	font-family: Verdana, sans-serif;
+}
+#descriptionToggle {
+	position: absolute;
+  	font-size: 1em;
+	z-index: 10000;
+	left: 80px;
+	height: 14px;
+	border-left: 1px solid #000040;
+	border-bottom: 1px solid #000040;
+	border-right: 1px solid #000040;
+	padding: 2px 10px;
+	margin-right: 200px;
+	background-color: #EEE;
+	font-size: 12px;
+	cursor: default;
+	opacity: 0.7;
+} 
+#descriptionToggle:hover {
+	background-color: #FFF;
+	opacity: 1;
+}
+#description {
+	position: absolute;
+	z-index: 10000;
+	left: 80px;
+	top: 18px;
+	border: 1px solid #000040;
+	padding: 10px 10px;
+	margin-right: 200px;
+	background-color: #FFF;
+	font-size: 12px;
+}
+ 
+#attribution {
+	bottom: 0;
+	left: 0;
+	padding: 5px 8px 1px 8px;
+	position: absolute;
+	font-size: 11px;
+	font-style: italic;
+	z-index: 1000;
+}
+
+#layer {
+	position: absolute;
+	top: 60px;
+	right: 10px;	
+	z-index: 10002;
+}
+
+#layer > div {
+	border: 1px solid #000;
+	background-color: #FFF;
+	padding: 4px 5px;
+	font-size: 0.7em;
+	cursor: default;
+	margin-bottom: 4px;
+
+}
+#layer div:hover {
+}
+#layer .active {
+	background-color: #EEF;
+}
+
+.hide { display: none; }