Made some cosmetic changes to the HTML output.

Everything is now properly centered onto the body of the HTML page. Also,
the content of the page has a fixed width.
This commit is contained in:
Adam Waldenberg 2013-04-09 22:36:00 +02:00
parent 4f66b46c67
commit 0b758fc087
1 changed files with 11 additions and 9 deletions

View File

@ -1,20 +1,22 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Generated by gitinspector {0}.</title>
<title>Generated by gitinspector {0}</title>
<script type="application/javascript">{1}</script>
<script type="application/javascript">{2}</script>
<script type="application/javascript">{3}</script>
<style type="text/css">
body {{
background: -webkit-linear-gradient(left, #8f8a9a, #dad2d7, #8f8a9a);
background: -moz-linear-gradient(left, #8f8a9a, #dad2d7, #8f8a9a);
}}
html, body {{
margin: 0;
height: 100%;
font-family: "Arial";
}}
html, body, body > div {{
width: 50em;
}}
body > div {{
float: left;
margin: 0 auto;
width: 50em;
}}
div.box {{
border: 4px solid #ddd;
@ -24,8 +26,8 @@
font-size: small;
border-radius: 15px;
-moz-border-radius: 15px;
box-shadow: 1px 1px 3px #888;
-moz-box-shadow: 1px 1px 3px #888;
box-shadow: 1px 1px 3px #666;
-moz-box-shadow: 1px 1px 3px #666;
}}
div.logo p {{
margin-top: 18px;
@ -89,8 +91,8 @@
</style>
</head>
<body>
<div class="box logo">
<div><div class="box logo">
<img src="data:image/png;base64,{4}" />
<p>The output has been generated by <a href="http://gitinspector.googlecode.com">gitinspector</a>;
the statistical analysis tool for git repositories.<p>
</div>
</div></div>