<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="/grocery/static/query-to-xml-xslt.xml"?>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>{{ title }}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/purecss@2.1.0/build/pure-min.css" integrity="sha384-yHIFVG6ClnONEA5yB5DJXfW2/KC173DIQrYoZMEtBvGzmf0PKiGyNEqe9N6BNDBH" crossorigin="anonymous"/>
    <link rel="stylesheet" href="https://shandan.one/css/grids-responsive-min.css"/>
    <link rel="stylesheet" href="https://shandan.one/css/responsive-visibility-collapse.css"/>
    <style>
body {
  background-color: #080808;
  color: #cccccc;
  text-align: center;
}
.pure-table thead{
  background-color:#a0a0a0;
  color:#000;
  text-align:left;
  vertical-align:bottom;
}
.pure-table td{
  background-color:transparent;
}
.pure-table-odd td{
  background-color:#181818;
}
.pure-table-striped tr:nth-child(2n-1) td{
  background-color:#181818;
}
    </style>
  </head>
  <body align="center">
{{!form}}
    <div class="pure-g">
      <div class="pure-u-lg-1-3"> </div>
      <div id="xmldata" class="pure-u-1 pure-u-lg-1-3">
{{!xml}}
      </div>
      <div class="pure-u-lg-1-3"> </div>
    </div>
  </body>
</html>

