Add .css for popups.

diff --git a/wrmap.css b/wrmap.css
new file mode 100644 (file)
index 0000000..0cbdfbd
--- /dev/null
+++ b/wrmap.css
@@ -0,0 +1,43 @@
+.ol-popup {
+       position: absolute;
+       background-color: white;
+       -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
+       filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
+       padding: 15px;
+       border-radius: 10px;
+       border: 1px solid #cccccc;
+       bottom: 12px;
+       left: -50px;
+       min-width: 280px;
+}
+.ol-popup:after, .ol-popup:before {
+       top: 100%;
+       border: solid transparent;
+       content: " ";
+       height: 0;
+       width: 0;
+       position: absolute;
+       pointer-events: none;
+}
+.ol-popup:after {
+       border-top-color: white;
+       border-width: 10px;
+       left: 48px;
+       margin-left: -10px;
+}
+.ol-popup:before {
+       border-top-color: #cccccc;
+       border-width: 11px;
+       left: 48px;
+       margin-left: -11px;
+}
+.ol-popup-closer {
+       text-decoration: none;
+       position: absolute;
+       top: 2px;
+       right: 8px;
+}
+.ol-popup-closer:after {
+       content: "✖";
+}
+