monitor/www_templates/base.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
   2 <html>
   3   <head>
   4     <meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
   5     <style>
   6       html {
   7       font-family: arial;
   8       {% if is_snapshot %}
   9       background: #DFC288;
  10       {% endif %}
  11       }
  12       .plain li {
  13       list-style: none;
  14       }
  15       #head-left{
  16       float:left;
  17       width: 600px;
  18       }
  19       #head-right{
  20       float:right;
  21       width: 400px;
  22       }
  23       .alarm{
  24       padding: 0.3em;
  25       color: red;
  26       background: white;
  27       }
  28       .clear {
  29       clear: both;
  30       }
  31       .top-menu li {
  32       display: inline;
  33       list-style: none;
  34       padding-right: 20px;
  35       }
  36     </style>
  37     <title>{% block title %}{{title}}{% endblock title%}</title>
  38   </head>
  39   <body>
  40     <div id="head">
  41       <div id="head-left">
  42         {% if is_snapshot %}
  43         <h1 class="alarm">SNAPSHOT DB.</strong></h1>
  44         {% endif %}
  45         <h1>{{title}}</h1>
  46       </div>
  47       <div id="head-right">
  48         <ul class="plain">
  49           <li>Generated at: {{timestamp}}</li>
  50         </ul>
  51       </div>
  52       <div class="clear"></div>
  53     </div>
  54     <ul class="top-menu">
  55       <li><a href="/">Home</a></li>
  56       <li><a href="/vars">All vars</a></li>
  57       <li><a href="/hosts">All hosts</a></li>
  58       {% if not is_snapshot %}
  59       <li><a href="/snapshot">Download DB Snapshot</a></li>
  60       {% endif %}
  61     </ul>
  62     <hr>
  63     {% block body %}{% endblock body %}
  64   </body>
  65 </html>