org.argeo.app.geo.js/index.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3
   4 <head>
   5         <meta charset="UTF-8">
   6         <style>
   7                 .ol-popup {
   8                         position: absolute;
   9                         background-color: white;
  10                         box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  11                         padding: 5px;
  12                         border-radius: 10px;
  13                         border: 1px solid #cccccc;
  14                         bottom: 12px;
  15                         left: -50px;
  16                         min-width: 130px;
  17                 }
  18
  19                 .ol-popup:after,
  20                 .ol-popup:before {
  21                         top: 100%;
  22                         border: solid transparent;
  23                         content: " ";
  24                         height: 0;
  25                         width: 0;
  26                         position: absolute;
  27                         pointer-events: none;
  28                 }
  29
  30                 .ol-popup:after {
  31                         border-top-color: white;
  32                         border-width: 10px;
  33                         left: 48px;
  34                         margin-left: -10px;
  35                 }
  36
  37                 .ol-popup:before {
  38                         border-top-color: #cccccc;
  39                         border-width: 11px;
  40                         left: 48px;
  41                         margin-left: -11px;
  42                 }
  43
  44                 .ol-popup-closer {
  45                         text-decoration: none;
  46                         position: absolute;
  47                         top: 2px;
  48                         right: 8px;
  49                 }
  50
  51                 .ol-popup-closer:after {
  52                         content: "✖";
  53                 }
  54
  55                 #popup-content {
  56                         font: 16px sans-serif;
  57                 }
  58         </style>
  59 </head>
  60
  61 <body>
  62         <!-- Popup -->
  63         <div id="popup" class="ol-popup">
  64                 <div id="popup-content"></div>
  65         </div>
  66 </body>
  67
  68 </html>