You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
1.5 KiB
41 lines
1.5 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
<title>Preview Popup</title>
|
|
|
|
<style>
|
|
body {font-family: arial; font-size: 14px; color: #444;}
|
|
.container {position: absolute; top: 0; right: 0; bottom: 0; left: 0; min-width: 240px; height: 100%; display: table; width: 100%;}
|
|
.content {max-width: 1024px; margin: 0px auto; padding: 20px 0; position: relative; display: table-cell; text-align: center; vertical-align: middle;}
|
|
.content-box {border: 1px solid #e0e0e0; padding: 20px 50px; max-width: 720px; display: inline-block;}
|
|
h1, p {font-weight: 400; padding: 0; margin: 5px 0;}
|
|
</style>
|
|
<script src="js/jquery.min.js"></script>
|
|
<script>(function(d, s, id) {
|
|
var js, ulpjs = d.getElementsByTagName(s)[0]; ver = new Date().getTime();
|
|
if (d.getElementById(id)) return;
|
|
js = d.createElement(s); js.id = id;
|
|
var hndl = document.createAttribute("data-handler");
|
|
hndl.value = "../../../ajax.php";
|
|
js.setAttributeNode(hndl);
|
|
var is = document.createAttribute("data-preview");
|
|
is.value = "on";
|
|
js.setAttributeNode(is);
|
|
js.src = "js/lepopup.js?ver="+ver;
|
|
ulpjs.parentNode.insertBefore(js, ulpjs.nextSibling);
|
|
}(document, 'script', 'lepopup-remote'));</script>
|
|
<body>
|
|
<div class="container">
|
|
<div class="content">
|
|
<div class="content-box">
|
|
<h1>Green Popups</h1>
|
|
<p>The most powerful popup system on the market!</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |