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