]> granicus.if.org Git - pdns/commitdiff
fix html a bit
authorSander Hoentjen <shoentjen@antagonist.nl>
Wed, 13 Jan 2016 15:20:05 +0000 (16:20 +0100)
committerSander Hoentjen <shoentjen@antagonist.nl>
Wed, 13 Jan 2016 15:20:05 +0000 (16:20 +0100)
pdns/dnsdistdist/html/index.html
pdns/dnsdistdist/html/lines.css

index a5f916f1739ac2639f49fde02655fa9d1ca5769f..6cda59e1d037feff15103d4b076e642a158f4e18 100644 (file)
@@ -1,50 +1,51 @@
 <!DOCTYPE html>
-<head>                                                                  
+<head>
   <meta charset="utf-8" />
   <script src="js/jquery-1.8.3.min.js"></script>        
   <script src="js/d3.v3.js"></script>        
   <script src="js/rickshaw.min.js"></script>        
   <script src="js/purl.js"></script>
   <script src="js/moment.min.js"></script>
+  <style>
+    #qpschart {
+    position: relative;
+    left: 40px;
+    }
+    #qpsy_axis {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    width: 40px;
+    }
+
+    #cpuchart {
+    position: relative;
+    left: 40px;
+    }
+    #cpuy_axis {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    width: 40px;
+    }
+
+    table.border, table.border>tbody>tr>td {
+    border: 1px solid black;
+    border-collapse: collapse;
+    }
+  </style>
   <link type="text/css" rel="stylesheet" href="graph.css">
   <link type="text/css" rel="stylesheet" href="detail.css">
   <link type="text/css" rel="stylesheet" href="legend.css">
   <link type="text/css" rel="stylesheet" href="lines.css">
 
   <script src="local.js"></script>
-  <body>                                                                  
+  </head>
+  <body>
     <a href="https://github.com/PowerDNS/pdns"><img style="position: absolute; top: 0; right: 0; border: 0;"
                                                     src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png"
                                                     alt="Fork me on GitHub"></a>
 
-    <style>
-      #qpschart {
-      position: relative;
-      left: 40px;
-      }
-      #qpsy_axis {
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      width: 40px;
-      }
-
-      #cpuchart {
-      position: relative; 
-      left: 40px;
-      }
-      #cpuy_axis {
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      width: 40px;
-      }
-
-      table.border, table.border>tbody>tr>td {
-      border: 1px solid black;
-      border-collapse: collapse;
-      }
-    </style>
 
 
     <table width="100%" border="0"><tr><td><img src="https://www.powerdns.com/img/powerdns-logo-220px.png"/></td>
@@ -56,7 +57,7 @@
     <p>
       Uptime: <span id="uptime"></span>, Number of queries: <span id="questions"></span> (<span id="qps"></span> qps), ACL drops: <span id="acl-drops"></span>, Dynamic drops: <span id="dyn-drops"></span>, Rule drops: <span id="rule-drops"></span>, Blockfilter drops: <span id="blockfilter-drops"></span><br/>
       Average response time: <span id="latency"></span> ms, CPU Usage: <span id="cpu"></span>%, Server selection policy: <span id="server-policy"></span><br/>
-      Listening on: <span id="local"></span>, ACL: <span id="acl"></span>      
+      Listening on: <span id="local"></span>, ACL: <span id="acl"></span>
     </p>
     <table width="100%" cellpadding="20">
       <tr valign="top">
           <table cellpadding="12">
             <tr><td align="center">QPS / SERVFAILPS</td></tr>
             <tr><td>
-                <div id="chart_container">
+                <div class="chart_container">
                   <div id="qpsy_axis"></div>
                   <div id="qpschart"></div>
                 </div>
             </td></tr>
             <tr><td align="center">CPU %</td></tr>
             <tr><td>
-                <div id="chart_container">
+                <div class="chart_container">
                   <div id="cpuy_axis"></div>
                   <div id="cpuchart"></div>
                 </div>
index 5f157beb75afb749e9901a3fc369ebbd178830ca..52101828209470758adc5d175fde4b33fcc9ec70 100644 (file)
@@ -15,7 +15,7 @@ div, span, p, td {
        bottom: 26px;
        width: 0;
 }
-#chart_container {
+.chart_container {
        float: left;
        position: relative;
 }