gitinspector/html/html.header
Adam Waldenberg 0b758fc087 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.
2013-04-09 22:36:00 +02:00

98 lines
2.2 KiB
Text

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<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";
}}
body > div {{
margin: 0 auto;
width: 50em;
}}
div.box {{
border: 4px solid #ddd;
background-color: #eee;
margin: 0.75em;
padding: 5px;
font-size: small;
border-radius: 15px;
-moz-border-radius: 15px;
box-shadow: 1px 1px 3px #666;
-moz-box-shadow: 1px 1px 3px #666;
}}
div.logo p {{
margin-top: 18px;
}}
div.logo img {{
float: left;
padding: 2px 10px 2px 2px;
}}
body > div {{
display: block-inline;
}}
body > div > div > div {{
position: relative;
width: 100%;
}}
table.git {{
font-size: small;
width: 60%;
}}
table.full {{
width: 100%;
}}
table.git th, table.git tfoot tr td {{
padding: 0.3em;
background-color: #ddcece;
border-radius: 8px 8px 0px 0px;
-moz-border-radius: 8px 8px 0px 0px;
}}
table.git tfoot tr td {{
border-radius: 0px 0px 8px 8px;
-moz-border-radius: 0px 0px 8px 8px;
}}
table.git td {{
padding: 0.4em;
height: 1em;
}}
table.git td div.insert {{
background-color: #7a7;
}}
table.git td div.remove {{
background-color: #c66;
}}
table.git td div.insert, table.git td div.remove {{
height: 100%;
float: left;
}}
table.git tr.odd {{
background-color: #dbdbdb;
}}
div.chart {{
position: absolute;
top: 5px;
bottom: 5px;
right: 5px;
width: 40%;
font-size: x-small;
}}
p.error {{
color: #700;
}}
</style>
</head>
<body>
<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>