<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>{{ title }}</title>
<style type="text/css">
table.htsql-output { font-family: "Arial", sans-serif; font-size: 13px; line-height: 1.3; margin: 1em auto; color: #000000; background-color: #ffffff; border-collapse: collapse; border: 1px double #f2f2f2; -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.25); box-shadow: 1px 1px 3px rgba(0,0,0,0.25) }
table.htsql-output > thead { background-color: #f2f2f2; border-bottom: 1px solid #1a1a1a }
table.htsql-output > thead > tr > th { font-weight: bold; padding: 0.2em 0.5em; text-align: center; vertical-align: bottom; overflow: hidden; word-wrap: break-word; border-top: 1px solid #999999; border-left: 1px solid #999999 }
table.htsql-output > thead > tr > th.htsql-empty-header:after { content: "\A0" }
table.htsql-output > tbody > tr.htsql-odd-row { background-color: #ffffff }
table.htsql-output > tbody > tr.htsql-even-row { background-color: #f2f2f2 }
table.htsql-output > tbody > tr:hover { color: #ffffff; background-color: #333333 }
table.htsql-output > tbody > tr > td { padding: 0.2em 0.5em; vertical-align: baseline; overflow: hidden; word-wrap: break-word; border-left: 1px solid #999999; border-right: 1px solid #999999 }
table.htsql-output > tbody > tr > td.htsql-integer-type { text-align: right }
table.htsql-output > tbody > tr > td.htsql-decimal-type { text-align: right }
table.htsql-output > tbody > tr > td.htsql-float-type { text-align: right }
table.htsql-output > tbody > tr > td.htsql-null-value:after { content: "\A0" }
table.htsql-output > tbody > tr > td.htsql-empty-value { color: #999999 }
table.htsql-output > tbody > tr > td.htsql-empty-value:after { content: "\2B1A" }
table.htsql-output > tbody > tr > td.htsql-false-value { font-style: italic }
table.htsql-output > tbody > tr > td.htsql-null-record-value { border-left-style: dashed; border-right-style: dashed }
table.htsql-output > tbody > tr > td.htsql-section { border-top: 1px dotted #999999 }
table.htsql-output > tbody > tr > td.htsql-index { font-size: 90%; font-weight: bold; text-align: right; width: 0; color: #999999; border-left-style: solid; border-right-color: #1a1a1a; -moz-user-select: none; -webkit-user-select: none; user-select: none }
div.htsql-welcome { font-family: "Arial", sans-serif; font-size: 13px; line-height: 1.3; text-align: center; margin: 1em auto; color: #000000; background-color: #ffffff }
div.htsql-welcome > h1 { font-size: 200%; font-weight: bold; margin: 1px 0 0 }
div.htsql-welcome > p { margin: 1px 0 0 }
</style>
</head>
<body>
{% if content %}
{{ content }}
{% else %}
<div class="htsql-welcome">
<h1>Welcome to HTSQL!</h1>
<p>Please enter a query in the address bar.</p>
</div>
{% endif %}
</body>
</html>
