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     {% block header %}{% endblock header %}
  38     <title>{% block title %}{{title}}{% endblock title%}</title>
  39   </head>
  40   <body>
  41     <div id="head">
  42       <div id="head-left">
  43         {% if is_snapshot %}
  44         <h1 class="alarm">SNAPSHOT DB.</strong></h1>
  45         {% endif %}
  46         <h1>{{title}}</h1>
  47       </div>
  48       <div id="head-right">
  49         <ul class="plain">
  50           <li>Generated at: {{timestamp}}</li>
  51         </ul>
  52       </div>
  53       <div class="clear"></div>
  54     </div>
  55     <ul class="top-menu">
  56       <li><a href="/">Home</a></li>
  57       <li><a href="/vars">All vars</a></li>
  58       <li><a href="/hosts">All hosts</a></li>
  59       {% if not is_snapshot %}
  60       <li><a href="/snapshot">Download DB Snapshot</a></li>
  61       {% endif %}
  62     </ul>
  63     <hr>
  64     {% block body %}{% endblock body %}
  65   </body>
  66 </html>