133cd05dafd1

Re-style Hg markdown pages
[view raw] [browse files]
author Justin Sippel <jsippel@fool.com>
date Fri, 21 Sep 2012 16:16:13 -0400
parents c4e554f545cb
children 9f988c0996e4
branches/tags (none)
files templates/markdown/bookmarks.tmpl templates/markdown/branches.tmpl templates/markdown/changelog.tmpl templates/markdown/graph.tmpl templates/markdown/header.tmpl templates/markdown/manifest.tmpl templates/markdown/map templates/markdown/markdown.tmpl templates/markdown/shortlog.tmpl templates/markdown/summary.tmpl templates/markdown/tags.tmpl templates/markdown/tophat.tmpl templates/static/absurd.png templates/static/tmf.css

Changes

--- a/templates/markdown/bookmarks.tmpl	Mon Aug 13 18:43:07 2012 +0100
+++ b/templates/markdown/bookmarks.tmpl	Fri Sep 21 16:16:13 2012 -0400
@@ -5,6 +5,7 @@
 </head>
 
 <body>
+<div id="top"><span>TMF</span> <span class="hg">Hg</span></div>
 <div id="container">
     <div class="page-header">
         <h1><a href="{url}summary{sessionvars%urlparameter}">{repo|escape}</a> / Bookmarks</h1>
@@ -29,10 +30,12 @@
 	    <li><a href="{url}help{sessionvars%urlparameter}">help</a></li>
         </ul>
     </div>
+	<div class="page-content">
 
-    <h2 class="no-link no-border">bookmarks</h2>
-    <table cellspacing="0">
-{entries%bookmarkentry}
-    </table>
+		<h2 class="no-link no-border full-width">bookmarks</h2>
+		<table cellspacing="0">
+	{entries%bookmarkentry}
+		</table>
+	</div>
 
 {footer}
--- a/templates/markdown/branches.tmpl	Mon Aug 13 18:43:07 2012 +0100
+++ b/templates/markdown/branches.tmpl	Fri Sep 21 16:16:13 2012 -0400
@@ -5,6 +5,7 @@
 </head>
 
 <body>
+<div id="top"><span>TMF</span> <span class="hg">Hg</span></div>
 <div id="container">
     <div class="page-header">
         <h1><a href="{url}summary{sessionvars%urlparameter}">{repo|escape}</a> / Branches</h1>
@@ -29,10 +30,11 @@
 	    <li><a href="{url}help{sessionvars%urlparameter}">help</a></li>
         </ul>
     </div>
-
-    <h2 class="no-link no-border">branches</h2>
-    <table cellspacing="0">
-{entries%branchentry}
-    </table>
+	<div class="page-content">
+		<h2 class="no-link no-border full-width">branches</h2>
+		<table cellspacing="0">
+	{entries%branchentry}
+		</table>
+	</div>
 
 {footer}
--- a/templates/markdown/changelog.tmpl	Mon Aug 13 18:43:07 2012 +0100
+++ b/templates/markdown/changelog.tmpl	Fri Sep 21 16:16:13 2012 -0400
@@ -5,6 +5,7 @@
 </head>
 
 <body>
+<div id="top"><span>TMF</span> <span class="hg">Hg</span></div>
 <div id="container">
     <div class="page-header">
         <h1><a href="{url}summary{sessionvars%urlparameter}">{repo|escape}</a> / changelog</h1>
@@ -29,14 +30,16 @@
 	    <li><a href="{url}help{sessionvars%urlparameter}">help</a></li>
         </ul>
     </div>
+	<div class="page-content">
 
-    <h2 class="no-link no-border">changelog</h2>
-    <div>
-    {entries%changelogentry}
-    </div>
+		<h2 class="no-link no-border full-width">changelog</h2>
+		<div>
+		{entries%changelogentry}
+		</div>
 
-    <div class="page-path">
-{changenav%nav}
-    </div>
+		<div class="page-path">
+	{changenav%nav}
+		</div>
+	</div>
 
 {footer}
--- a/templates/markdown/graph.tmpl	Mon Aug 13 18:43:07 2012 +0100
+++ b/templates/markdown/graph.tmpl	Fri Sep 21 16:16:13 2012 -0400
@@ -6,6 +6,7 @@
 </head>
 
 <body>
+<div id="top"><span>TMF</span> <span class="hg">Hg</span></div>
 <div id="container">
     <div class="page-header">
         <h1><a href="{url}summary{sessionvars%urlparameter}">{repo|escape}</a> / graph</h1>
@@ -30,86 +31,88 @@
 	    <li><a href="{url}help{sessionvars%urlparameter}">help</a></li>
         </ul>
     </div>
+	<div class="page-content">
 
-    <h2 class="no-link no-border">graph</h2>
+		<h2 class="no-link no-border full-width">graph</h2>
 
-    <div id="noscript">The revision graph only works with JavaScript-enabled browsers.</div>
-    <div id="wrapper">
-        <ul id="nodebgs"></ul>
-        <canvas id="graph" width="480" height="{canvasheight}"></canvas>
-        <ul id="graphnodes"></ul>
-    </div>
+		<div id="noscript">The revision graph only works with JavaScript-enabled browsers.</div>
+		<div id="wrapper">
+			<ul id="nodebgs"></ul>
+			<canvas id="graph" width="480" height="{canvasheight}"></canvas>
+			<ul id="graphnodes"></ul>
+		</div>
 
-    <script>
-    <!-- hide script content
+		<script>
+		<!-- hide script content
 
-    document.getElementById('noscript').style.display = 'none';
+		document.getElementById('noscript').style.display = 'none';
 
-    var data = {jsdata|json};
-    var graph = new Graph();
-    graph.scale({bg_height});
+		var data = {jsdata|json};
+		var graph = new Graph();
+		graph.scale({bg_height});
 
-    var revlink = '<li style="_STYLE"><span class="desc">';
-    revlink += '<a href="{url}rev/_NODEID{sessionvars%urlparameter}" title="_NODEID">_DESC</a>';
-    revlink += '</span>_TAGS<span class="info">_DATE, by _USER</span></li>';
+		var revlink = '<li style="_STYLE"><span class="desc">';
+		revlink += '<a href="{url}rev/_NODEID{sessionvars%urlparameter}" title="_NODEID">_DESC</a>';
+		revlink += '</span>_TAGS<span class="info">_DATE, by _USER</span></li>';
 
-    graph.vertex = function(x, y, color, parity, cur) \{
+		graph.vertex = function(x, y, color, parity, cur) \{
 
-        this.ctx.beginPath();
-        color = this.setColor(color, 0.25, 0.75);
-        this.ctx.arc(x, y, radius, 0, Math.PI * 2, true);
-        this.ctx.fill();
+			this.ctx.beginPath();
+			color = this.setColor(color, 0.25, 0.75);
+			this.ctx.arc(x, y, radius, 0, Math.PI * 2, true);
+			this.ctx.fill();
 
-        var bg = '<li class="bg parity' + parity + '"></li>';
-        var left = (this.columns + 1) * this.bg_height;
-        var nstyle = 'padding-left: ' + left + 'px;';
-        var item = revlink.replace(/_STYLE/, nstyle);
-        item = item.replace(/_PARITY/, 'parity' + parity);
-        item = item.replace(/_NODEID/, cur[0]);
-        item = item.replace(/_NODEID/, cur[0]);
-        item = item.replace(/_DESC/, cur[3]);
-        item = item.replace(/_USER/, cur[4]);
-        item = item.replace(/_DATE/, cur[5]);
+			var bg = '<li class="bg parity' + parity + '"></li>';
+			var left = (this.columns + 1) * this.bg_height;
+			var nstyle = 'padding-left: ' + left + 'px;';
+			var item = revlink.replace(/_STYLE/, nstyle);
+			item = item.replace(/_PARITY/, 'parity' + parity);
+			item = item.replace(/_NODEID/, cur[0]);
+			item = item.replace(/_NODEID/, cur[0]);
+			item = item.replace(/_DESC/, cur[3]);
+			item = item.replace(/_USER/, cur[4]);
+			item = item.replace(/_DATE/, cur[5]);
 
-        var tagspan = '';
-        if (cur[7].length || cur[8].length || (cur[6][0] != 'default' || cur[6][1])) \{
-            tagspan = '<span class="logtags">';
-            if (cur[6][1]) \{
-                tagspan += '<span class="branchtag" title="' + cur[6][0] + '">';
-                tagspan += cur[6][0] + '</span> ';
-            } else if (!cur[6][1] && cur[6][0] != 'default') \{
-                tagspan += '<span class="inbranchtag" title="' + cur[6][0] + '">';
-                tagspan += cur[6][0] + '</span> ';
-            }
-            if (cur[7].length) \{
-                for (var t in cur[7]) \{
-                    var tag = cur[7][t];
-                    tagspan += '<span class="tagtag">' + tag + '</span> ';
-                }
-            }
-            if (cur[8].length) \{
-                for (var t in cur[8]) \{
-                    var bookmark = cur[8][t];
-                    tagspan += '<span class="bookmarktag">' + bookmark + '</span> ';
-                }
-            }
-            tagspan += '</span>';
-        }
+			var tagspan = '';
+			if (cur[7].length || cur[8].length || (cur[6][0] != 'default' || cur[6][1])) \{
+				tagspan = '<span class="logtags">';
+				if (cur[6][1]) \{
+					tagspan += '<span class="branchtag" title="' + cur[6][0] + '">';
+					tagspan += cur[6][0] + '</span> ';
+				} else if (!cur[6][1] && cur[6][0] != 'default') \{
+					tagspan += '<span class="inbranchtag" title="' + cur[6][0] + '">';
+					tagspan += cur[6][0] + '</span> ';
+				}
+				if (cur[7].length) \{
+					for (var t in cur[7]) \{
+						var tag = cur[7][t];
+						tagspan += '<span class="tagtag">' + tag + '</span> ';
+					}
+				}
+				if (cur[8].length) \{
+					for (var t in cur[8]) \{
+						var bookmark = cur[8][t];
+						tagspan += '<span class="bookmarktag">' + bookmark + '</span> ';
+					}
+				}
+				tagspan += '</span>';
+			}
 
-        item = item.replace(/_TAGS/, tagspan);
-        return [bg, item];
+			item = item.replace(/_TAGS/, tagspan);
+			return [bg, item];
 
-    }
+		}
 
-    graph.render(data);
+		graph.render(data);
 
-    // stop hiding script -->
-    </script>
+		// stop hiding script -->
+		</script>
 
-    <div class="page-path">
-        <a href="{url}graph/{rev}{lessvars%urlparameter}">less</a>
-        <a href="{url}graph/{rev}{morevars%urlparameter}">more</a>
-        | {changenav%navgraph}
-    </div>
+		<div class="page-path">
+			<a href="{url}graph/{rev}{lessvars%urlparameter}">less</a>
+			<a href="{url}graph/{rev}{morevars%urlparameter}">more</a>
+			| {changenav%navgraph}
+		</div>
+	</div>
 
 {footer}
--- a/templates/markdown/header.tmpl	Mon Aug 13 18:43:07 2012 +0100
+++ b/templates/markdown/header.tmpl	Fri Sep 21 16:16:13 2012 -0400
@@ -5,4 +5,5 @@
     <meta name="robots" content="index, nofollow"/>
     <link rel="stylesheet" href="{staticurl}bootstrap.css" type="text/css" />
     <link rel="stylesheet" href="{staticurl}markdown.css" type="text/css" />
+    <link rel="stylesheet" href="{staticurl}tmf.css" type="text/css" />
     <script type="text/javascript" src="{staticurl}mercurial.js"></script>
--- a/templates/markdown/manifest.tmpl	Mon Aug 13 18:43:07 2012 +0100
+++ b/templates/markdown/manifest.tmpl	Fri Sep 21 16:16:13 2012 -0400
@@ -5,6 +5,7 @@
 </head>
 
 <body>
+<div id="top"><span>TMF</span> <span class="hg">Hg</span></div>
 <div id="container">
     <div class="page-header">
         <h1><a href="{url}summary{sessionvars%urlparameter}">{repo|escape}</a> / files</h1>
@@ -35,19 +36,21 @@
         {archives%archiveentry}
     </ul>
 
-    <h2 class="no-link no-border">files</h2>
-    <p class="files">{path|escape} <span class="logtags">{inbranch%inbranchtag}{branches%branchtag}{tags%tagtag}{bookmarks%bookmarktag}</span></p>
+	<div class="page-content">
+		<h2 class="no-link no-border">files</h2>
+		<p class="files">{path|escape} <span class="logtags">{inbranch%inbranchtag}{branches%branchtag}{tags%tagtag}{bookmarks%bookmarktag}</span></p>
 
-    <table>
-        <tr class="parity{upparity}">
-            <td>drwxr-xr-x</td>
-            <td></td>
-            <td></td>
-            <td><a href="{url}file/{node|short}{up|urlescape}{sessionvars%urlparameter}">[up]</a></td>
-            <td class="link">&nbsp;</td>
-        </tr>
-        {dentries%direntry}
-        {fentries%fileentry}
-    </table>
+		<table>
+			<tr class="parity{upparity}">
+				<td>drwxr-xr-x</td>
+				<td></td>
+				<td></td>
+				<td><a href="{url}file/{node|short}{up|urlescape}{sessionvars%urlparameter}">[up]</a></td>
+				<td class="link">&nbsp;</td>
+			</tr>
+			{dentries%direntry}
+			{fentries%fileentry}
+		</table>
+	</div>
 
 {footer}
--- a/templates/markdown/map	Mon Aug 13 18:43:07 2012 +0100
+++ b/templates/markdown/map	Fri Sep 21 16:16:13 2012 -0400
@@ -1,6 +1,7 @@
 default = 'summary'
 mimetype = 'text/html; charset={encoding}'
 header = header.tmpl
+tophat = tophat.tmpl
 footer = footer.tmpl
 search = search.tmpl
 changelog = changelog.tmpl
@@ -199,16 +200,14 @@
 bookmarktag = '<span class="bookmarktag" title="{name}">{name}</span> '
 shortlogentry = '
   <tr class="parity{parity}">
-    <td class="nowrap age">{date|rfc822date}</td>
-    <td>{author|person}</td>
-    <td>
-      <a href="{url}rev/{node|short}{sessionvars%urlparameter}">
-        {desc|strip|firstline|escape|nonempty}
-        <span class="logtags">{inbranch%inbranchtag}{branches%branchtag}{tags%tagtag}{bookmarks%bookmarktag}</span>
-      </a>
+    <td class="nowrap short-log-entry">
+      <a class="rev-link" href="{url}rev/{node|short}{sessionvars%urlparameter}">{desc|strip|firstline|escape|nonempty}</a>
+	  <span class="logtags">{inbranch%inbranchtag}{branches%branchtag}{tags%tagtag}{bookmarks%bookmarktag}</span><br/>
+	  <span class="author">{author|person}</span>
+	  <span class="age">{date|rfc822date}</span>
     </td>
-    <td class="nowrap">
-      <a href="{url}rev/{node|short}{sessionvars%urlparameter}">changeset</a> |
+    <td class="nowrap changeset-and-files">
+      <a href="{url}rev/{node|short}{sessionvars%urlparameter}">changeset</a><br/>
       <a href="{url}file/{node|short}{sessionvars%urlparameter}">files</a>
     </td>
   </tr>'
@@ -240,4 +239,4 @@
 index = index.tmpl
 urlparameter = '{separator}{name}={value|urlescape}'
 hiddenformentry = '<input type="hidden" name="{name}" value="{value|escape}" />'
-graph = graph.tmpl
+graph = graph.tmpl
\ No newline at end of file
--- a/templates/markdown/markdown.tmpl	Mon Aug 13 18:43:07 2012 +0100
+++ b/templates/markdown/markdown.tmpl	Fri Sep 21 16:16:13 2012 -0400
@@ -5,10 +5,11 @@
 </head>
 
 <body>
+<div id="top"><span>TMF</span> <span class="hg">Hg</span></div>
 <div id="container">
     <div class="page-header">
-        <h1>{readmefilename}</h1>
-		<h2>{repo|escape}</h2>
+        <span class="filename">{readmefilename}</span>
+		<span class="repo">{repo|escape}</span>
 		
         <form action="{url}log">
             {sessionvars%hiddenformentry}
@@ -30,20 +31,21 @@
 	    <li><a href="{url}help{sessionvars%urlparameter}">help</a></li>
         </ul>
     </div>
+	<div class="page-content">
 
-	<div id="readme">
-		<article>{readme}</article>
+		<div id="readme">
+			<article>{readme}</article>
+		</div>
 	</div>
-
+</div>
 
-	<div id="readmefooter">
-		{file|escape}@{node|short} committed by {author|obfuscate} on {date|isodate}
-	    <a href="{url}file/{node|short}/{file|urlescape}{sessionvars%urlparameter}">file</a>
-		<a href="{url}log/{node|short}/{file|urlescape}{sessionvars%urlparameter}">revisions</a>
-		<a href="{url}annotate/{node|short}/{file|urlescape}{sessionvars%urlparameter}">annotate</a>
-		<a href="{url}diff/{node|short}/{file|urlescape}{sessionvars%urlparameter}">diff</a>
-		<a href="{url}raw-file/{node|short}/{file|urlescape}">raw</a>
-	</div>
+<div id="readmefooter">
+	{file|escape}@{node|short} committed by {author|obfuscate} on {date|isodate}
+	<a href="{url}file/{node|short}/{file|urlescape}{sessionvars%urlparameter}">file</a>
+	<a href="{url}log/{node|short}/{file|urlescape}{sessionvars%urlparameter}">revisions</a>
+	<a href="{url}annotate/{node|short}/{file|urlescape}{sessionvars%urlparameter}">annotate</a>
+	<a href="{url}diff/{node|short}/{file|urlescape}{sessionvars%urlparameter}">diff</a>
+	<a href="{url}raw-file/{node|short}/{file|urlescape}">raw</a>
 </div>
 
 </body>
--- a/templates/markdown/shortlog.tmpl	Mon Aug 13 18:43:07 2012 +0100
+++ b/templates/markdown/shortlog.tmpl	Fri Sep 21 16:16:13 2012 -0400
@@ -5,6 +5,7 @@
 </head>
 
 <body>
+<div id="top"><span>TMF</span> <span class="hg">Hg</span></div>
 <div id="container">
     <div class="page-header">
         <h1><a href="{url}summary{sessionvars%urlparameter}">{repo|escape}</a> / shortlog</h1>
@@ -30,15 +31,17 @@
 	    <li><a href="{url}help{sessionvars%urlparameter}">help</a></li>
         </ul>
     </div>
+	<div class="page-content">	
 
-    <h2 class="no-link no-border">shortlog</h2>
+		<h2 class="no-link no-border full-width">shortlog</h2>
 
-    <table>
-{entries%shortlogentry}
-    </table>
+		<table class="short-log-entries">
+	{entries%shortlogentry}
+		</table>
 
-    <div class="page-path">
-    {changenav%navshort}
-    </div>
+		<div class="page-path">
+		{changenav%navshort}
+		</div>
+	</div>
 
 {footer}
--- a/templates/markdown/summary.tmpl	Mon Aug 13 18:43:07 2012 +0100
+++ b/templates/markdown/summary.tmpl	Fri Sep 21 16:16:13 2012 -0400
@@ -5,6 +5,7 @@
 </head>
 
 <body>
+<div id="top"><span>TMF</span> <span class="hg">Hg</span></div>
 <div id="container">
     <div class="page-header">
         <h1><a href="{url}summary{sessionvars%urlparameter}">{repo|escape}</a> / summary</h1>
@@ -29,21 +30,22 @@
 	    <li><a href="{url}help{sessionvars%urlparameter}">help</a></li>
         </ul>
     </div>
+	
+	<div class="page-content">
+		<h2 class="no-link no-border overview-header full-width">Mercurial Repository Overview</h2>
+		<table class="overview">
+			<thead></thead>
+			<tbody>
+				<tr><td class="overview-heading">Name</td><td class="overview-value">{repo|escape}</td></tr>
+				<tr><td class="overview-heading">Description</td><td class="overview-value">{desc}</td></tr>
+				<tr><td class="overview-heading">Owner</td><td class="overview-value">{owner|obfuscate}</td></tr>
+				<tr class="last"><td class="overview-heading">Last change</td><td class="overview-value">{lastchange|rfc822date}</td></tr>
+			</tbody>
+		</table>
 
-    <h2 class="no-link no-border">Mercurial Repository Overview</h2>
-    <dl class="overview">
-        <dt>name</dt>
-        <dd>{repo|escape}</dd>
-        <dt>description</dt>
-        <dd>{desc}</dd>
-        <dt>owner</dt>
-        <dd>{owner|obfuscate}</dd>
-        <dt>last change</dt>
-        <dd>{lastchange|rfc822date}</dd>
-    </dl>
-
-	<div id="readme">
-		<h2 id="readmefilename">{readmefilename}</h2>
-		<article>{readme}</article>
+		<div id="readme">
+			<h2 id="readmefilename">{readmefilename}</h2>
+			<article>{readme}</article>
+		</div>
 	</div>
 {footer}
--- a/templates/markdown/tags.tmpl	Mon Aug 13 18:43:07 2012 +0100
+++ b/templates/markdown/tags.tmpl	Fri Sep 21 16:16:13 2012 -0400
@@ -5,6 +5,7 @@
 </head>
 
 <body>
+<div id="top"><span>TMF</span> <span class="hg">Hg</span></div>
 <div id="container">
     <div class="page-header">
         <h1><a href="{url}summary{sessionvars%urlparameter}">{repo|escape}</a> / Tags</h1>
@@ -29,10 +30,12 @@
 	    <li><a href="{url}help{sessionvars%urlparameter}">help</a></li>
         </ul>
     </div>
+	<div class="page-content">
 
-    <h2 class="no-link no-border">tags</h2>
-    <table cellspacing="0">
-{entries%tagentry}
-    </table>
+		<h2 class="no-link no-border full-width">tags</h2>
+		<table cellspacing="0">
+	{entries%tagentry}
+		</table>
+	</div>
 
 {footer}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/templates/markdown/tophat.tmpl	Fri Sep 21 16:16:13 2012 -0400
@@ -0,0 +1,2 @@
+
+<div id="top"><span>TMF</span> <span class="hg">Hg</span></div>
\ No newline at end of file
Binary file templates/static/absurd.png has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/templates/static/tmf.css	Fri Sep 21 16:16:13 2012 -0400
@@ -0,0 +1,255 @@
+* { 
+	box-sizing: border-box !important;
+	-moz-box-sizing: border-box !important;
+	-webkit-box-sizing: border-box !important;
+}
+
+body { 
+	background: #f6f6f6;
+	background: url("/static/absurd.png");
+	margin-top: 0;
+	margin-bottom: 0;
+}
+
+a {
+	color: #4183C4;
+}
+
+div#top {
+	background: linear-gradient(center top , #1C4871 1%, #0E365C 100%) repeat scroll 0 0 transparent;
+	background: -moz-linear-gradient(center top , #1C4871 1%, #0E365C 100%) repeat scroll 0 0 transparent;
+	background: -webkit-linear-gradient(center top , #1C4871 1%, #0E365C 100%) repeat scroll 0 0 transparent;
+    
+	box-shadow: 0 0 10px #555555;    
+	-moz-box-shadow: 0 0 10px #555555;
+    -webkit-box-shadow: 0 0 10px #555555;
+    
+    line-height: 45px;
+	padding: 0 50px;
+	margin: 0 -50px 10px -50px;
+}
+
+div#top span {	
+	color: #fff;
+	font-size: 20px;
+	font-weight: bold;
+}
+
+div#top .hg {
+	display: inline-block;
+	background: #aaa;	  
+    line-height: 35px;
+	width: 40px;
+    text-align: center;
+	border: 1px solid #fff;
+	text-shadow: 0 1px 1px #444
+}
+
+div#container {
+  background: transparent;
+  padding-bottom: 0;
+}
+
+div.page-header {
+	background: transparent;
+	border: none;
+	padding: 20px 0;
+	margin: 0;
+}
+
+div.page-header h1 {
+	color: #4e8ab2;
+}
+
+div.page-header h1 a {
+	color: #4183C4;
+}
+
+div.page-header dl.search {
+	display: none;
+}
+
+div.page-header .filename {
+	display: block;
+	font-size: 24px;
+	font-weight: bold;
+}
+
+div.page-header .repo {
+}
+
+ul.page-nav {
+	width: 100%;
+	
+	background: linear-gradient(#FAFAFA, #EAEAEA) repeat scroll 0 0 transparent;
+	background: -moz-linear-gradient(#FAFAFA, #EAEAEA) repeat scroll 0 0 transparent;
+	background: -webkit-linear-gradient(#FAFAFA, #EAEAEA) repeat scroll 0 0 transparent;
+	border-color: #EAEAEA #EAEAEA #CACACA;
+	border-style: solid;
+    border-width: 1px;
+	
+	border-radius: 3px;
+	border-bottom-left-radius: 0;
+	border-bottom-right-radius: 0;	
+	
+	-webkit-border-radius: 3px;
+	-webkit-border-bottom-left-radius: 0;
+	-webkit-border-bottom-right-radius: 0;
+	
+	-moz-border-radius: 3px;
+	-moz-border-bottom-left-radius: 0;
+	-moz-border-bottom-right-radius: 0;
+}
+
+ul.page-nav li.current {
+	background: none;
+}
+
+ul.page-nav li {
+	display: table-cell;
+	margin: 0;
+	width: 11.1111%;
+	line-height: inherit;
+	height: auto;
+}
+
+ul.page-nav li a,
+ul.page-nav li.current {
+	background: none;
+	display: block;
+	height: 100%;
+	
+	border-bottom: 2px solid #DADADA;
+    border-left: 1px solid rgba(255, 255, 255, 0.7);
+    border-right: 1px solid rgba(0, 0, 0, 0.04);
+    color: #777777;
+    font-size: 12px;
+	font-weight: bold;
+    line-height: 35px;
+    text-align: center;
+    text-decoration: none;
+    text-shadow: 0 1px 0 white;
+}
+
+ul.page-nav li a:hover {
+	background: linear-gradient(#FAFBFD, #DCE6EF) repeat scroll 0 0 transparent;
+	background: -moz-linear-gradient(#FAFBFD, #DCE6EF) repeat scroll 0 0 transparent;
+	background: -webkit-linear-gradient(#FAFBFD, #DCE6EF) repeat scroll 0 0 transparent;
+    border-bottom: 2px solid #CFDCE8;
+    color: #4183C4;
+}
+
+ul.page-nav li.current, 
+ul.page-nav li.current:hover {
+	border-bottom-color: #D26911;
+}
+
+ul.page-nav li:last-child a {    
+    border-right: none;
+}
+
+div.page-content {
+	background: #fff;
+	
+	padding: 20px 10px;
+	border: 2px solid #efefef;
+	border-top-left-radius: 3px;
+	border-top-right-radius: 3px;
+	
+	-moz-border-top-left-radius: 3px;
+	-moz-border-top-right-radius: 3px;
+	
+	-webkit-border-top-left-radius: 3px;
+	-webkit-border-top-right-radius: 3px;
+}
+
+div.page-content .full-width {
+	margin-left: -10px;
+	margin-right: -10px;
+}
+
+h2.no-link.no-border {
+	margin-top: 0;
+	box-shadow: 0 2px 2px 0px #bbb;
+	
+	-moz-box-shadow: 0 2px 2px 0px #bbb;
+	-webkit-box-shadow: 0 2px 2px 0px #bbb;
+}
+
+table.overview {
+	border: 1px solid #F8F8F8;
+	border-radius: 3px;
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+}
+table.overview td {
+	background: #F8F8F8;
+	border-bottom: 1px solid #EEEEEE;
+	vertical-align: middle;
+}
+table.overview td.overview-heading {
+	font-weight: bold;
+}
+table.overview tr.last td {
+	border: none;
+}
+
+table.short-log-entries tr.parity0 {
+	background: #fcfcfc;	
+}
+
+table.short-log-entries tr.parity1{
+	background: #E2EAEE;	
+}
+
+table.short-log-entries .rev-link {
+	font-weight: bold;
+	font-size: 14px;
+	color: #000;
+}
+
+table.short-log-entries .author {
+	color: #000;
+	font-size: 13px;
+}
+table.short-log-entries .age {
+	font-size: 12px;
+	color: #888;
+}
+table.short-log-entries .changeset-and-files {
+	text-align: right;
+}
+
+table.short-log-entries .changeset-and-files a {
+	color: #777;
+	font-weight: bold;
+}
+
+table.short-log-entries .changeset-and-files a:hover {
+	color: #4183c4
+}
+
+span.logtags span {
+	font-weight: bold;
+	border-radius: 6px;
+	-moz-border-radius: 6px;
+	-webkit-border-radius: 6px;
+}
+span.logtags span.branchtag {
+	background: #4183C4;	
+	border: 1px solid #4183C4;
+	color: #fff;	
+	text-shadow: 0 1px 0 #444;
+}
+span.logtags span.tagtag {
+	background: #FCFCE2;	
+	border: 1px solid #FFEE00;
+	color: #666;
+	text-shadow: 0 1px 0 white;
+}
+span.logtags span.inbranchtag {
+    background: #D5DDE6;    
+	border: 1px solid #babef2;
+	color: #444;
+	text-shadow: 0 1px 0 white;
+}
\ No newline at end of file