1:457dfae4425c · hgweb-kit-theme

--- a/bookmarks.tmpl	Wed Sep 21 18:53:22 2016 +0800
+++ b/bookmarks.tmpl	Sun Sep 25 23:16:40 2016 +0800
@@ -1,33 +1,43 @@
 {header}
-<title>{repo|escape}: Bookmarks</title>
-<link rel="alternate" type="application/atom+xml"
-   href="{url|urlescape}atom-bookmarks" title="Atom feed for {repo|escape}: bookmarks"/>
-<link rel="alternate" type="application/rss+xml"
-   href="{url|urlescape}rss-bookmarks" title="RSS feed for {repo|escape}: bookmarks"/>
+
+  <title>Bookmarks · {repo|escape}</title>
+  <link rel="alternate" type="application/atom+xml" href="{url|urlescape}atom-bookmarks" title="Atom feed for {repo|escape}: bookmarks">
+  <link rel="alternate" type="application/rss+xml" href="{url|urlescape}rss-bookmarks" title="RSS feed for {repo|escape}: bookmarks">
 </head>
+
 <body>
-
-<div class="page_header">
-<a href="{logourl}" title="Mercurial" style="float: right;">Mercurial</a>
-<a href="/">Mercurial</a> {pathdef%breadcrumb} / bookmarks
-</div>
+  {navbar}
 
-<div class="page_nav">
-<a href="{url|urlescape}summary{sessionvars%urlparameter}">summary</a> |
-<a href="{url|urlescape}shortlog{sessionvars%urlparameter}">shortlog</a> |
-<a href="{url|urlescape}log{sessionvars%urlparameter}">changelog</a> |
-<a href="{url|urlescape}graph{sessionvars%urlparameter}">graph</a> |
-<a href="{url|urlescape}tags{sessionvars%urlparameter}">tags</a> |
-bookmarks |
-<a href="{url|urlescape}branches{sessionvars%urlparameter}">branches</a> |
-<a href="{url|urlescape}file{sessionvars%urlparameter}">files</a> |
-<a href="{url|urlescape}help{sessionvars%urlparameter}">help</a>
-<br/>
-</div>
+  <div class="uk-container uk-container-center uk-margin-large-bottom">
+    <div class="uk-tab-center uk-margin-top">
+      <ul class="uk-tab">
+        <li><a href="{url|urlescape}summary{sessionvars%urlparameter}">Summary</a></li>
+        <li><a href="{url|urlescape}shortlog{sessionvars%urlparameter}">Shortlog</a></li>
+        <li><a href="{url|urlescape}log{sessionvars%urlparameter}">Changelog</a></li>
+        <li><a href="{url|urlescape}graph{sessionvars%urlparameter}">Graph</a></li>
+        <li><a href="{url|urlescape}branches{sessionvars%urlparameter}">Branches</a></li>
+        <li><a href="{url|urlescape}tags{sessionvars%urlparameter}">Tags</a></li>
+        <li class="uk-active"><a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">Bookmarks</a></li>
+        <li><a href="{url|urlescape}file{sessionvars%urlparameter}">Files</a></li>
+      </ul>
+    </div>
 
-<div class="title">&nbsp;</div>
-<table cellspacing="0">
-{entries%bookmarkentry}
-</table>
+    <div class="uk-text-right uk-margin-top">
+      <span class="uk-margin-left">Other formats:</span>
+      <div class="uk-button-group">
+        <a class="uk-button uk-button-small" href="{url|urlescape}json-bookmarks">JSON</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}raw-bookmarks">Raw</a>
+      </div>
+      <span class="uk-margin-left">Feeds:</span>
+      <div class="uk-button-group">
+        <a class="uk-button uk-button-small" href="{url|urlescape}atom-bookmarks">Atom</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}rss-bookmarks">RSS</a>
+      </div>
+    </div>
+
+    <table class="uk-table uk-table-hover uk-text-nowrap">
+      {entries%bookmarkentry}
+    </table>
+  </div>
 
 {footer}

--- a/branches.tmpl	Wed Sep 21 18:53:22 2016 +0800
+++ b/branches.tmpl	Sun Sep 25 23:16:40 2016 +0800
@@ -1,33 +1,43 @@
 {header}
-<title>{repo|escape}: Branches</title>
-<link rel="alternate" type="application/atom+xml"
-   href="{url|urlescape}atom-branches" title="Atom feed for {repo|escape}: branches"/>
-<link rel="alternate" type="application/rss+xml"
-   href="{url|urlescape}rss-branches" title="RSS feed for {repo|escape}: branches"/>
+
+  <title>Branches · {repo|escape}</title>
+  <link rel="alternate" type="application/atom+xml" href="{url|urlescape}atom-branches" title="Atom feed for {repo|escape}: branches">
+  <link rel="alternate" type="application/rss+xml" href="{url|urlescape}rss-branches" title="RSS feed for {repo|escape}: branches">
 </head>
+
 <body>
-
-<div class="page_header">
-<a href="{logourl}" title="Mercurial" style="float: right;">Mercurial</a>
-<a href="/">Mercurial</a> {pathdef%breadcrumb} / branches
-</div>
+  {navbar}
 
-<div class="page_nav">
-<a href="{url|urlescape}summary{sessionvars%urlparameter}">summary</a> |
-<a href="{url|urlescape}shortlog{sessionvars%urlparameter}">shortlog</a> |
-<a href="{url|urlescape}log{sessionvars%urlparameter}">changelog</a> |
-<a href="{url|urlescape}graph{sessionvars%urlparameter}">graph</a> |
-<a href="{url|urlescape}tags{sessionvars%urlparameter}">tags</a> |
-<a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">bookmarks</a> |
-branches |
-<a href="{url|urlescape}file{sessionvars%urlparameter}">files</a> |
-<a href="{url|urlescape}help{sessionvars%urlparameter}">help</a>
-<br/>
-</div>
+  <div class="uk-container uk-container-center uk-margin-large-bottom">
+    <div class="uk-tab-center uk-margin-top">
+      <ul class="uk-tab">
+        <li><a href="{url|urlescape}summary{sessionvars%urlparameter}">Summary</a></li>
+        <li><a href="{url|urlescape}shortlog{sessionvars%urlparameter}">Shortlog</a></li>
+        <li><a href="{url|urlescape}log{sessionvars%urlparameter}">Changelog</a></li>
+        <li><a href="{url|urlescape}graph{sessionvars%urlparameter}">Graph</a></li>
+        <li class="uk-active"><a href="{url|urlescape}branches{sessionvars%urlparameter}">Branches</a></li>
+        <li><a href="{url|urlescape}tags{sessionvars%urlparameter}">Tags</a></li>
+        <li><a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">Bookmarks</a></li>
+        <li><a href="{url|urlescape}file{sessionvars%urlparameter}">Files</a></li>
+      </ul>
+    </div>
 
-<div class="title">&nbsp;</div>
-<table cellspacing="0">
-{entries%branchentry}
-</table>
+    <div class="uk-text-right uk-margin-top">
+      <span class="uk-margin-left">Other formats:</span>
+      <div class="uk-button-group">
+        <a class="uk-button uk-button-small" href="{url|urlescape}json-branches">JSON</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}raw-branches">Raw</a>
+      </div>
+      <span class="uk-margin-left">Feeds:</span>
+      <div class="uk-button-group">
+        <a class="uk-button uk-button-small" href="{url|urlescape}atom-branches">Atom</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}rss-branches">RSS</a>
+      </div>
+    </div>
+
+    <table class="uk-table uk-table-hover uk-text-nowrap">
+      {entries%branchentry}
+    </table>
+  </div>
 
 {footer}

--- a/changelog.tmpl	Wed Sep 21 18:53:22 2016 +0800
+++ b/changelog.tmpl	Sun Sep 25 23:16:40 2016 +0800
@@ -1,42 +1,43 @@
 {header}
-<title>{repo|escape}: Changelog</title>
-<link rel="alternate" type="application/atom+xml"
-   href="{url|urlescape}atom-log" title="Atom feed for {repo|escape}"/>
-<link rel="alternate" type="application/rss+xml"
-   href="{url|urlescape}rss-log" title="RSS feed for {repo|escape}"/>
+
+  <title>Changelog at {symrev|escape} · {repo|escape}</title>
+  <link rel="alternate" type="application/atom+xml" href="{url|urlescape}atom-log" title="Atom feed for {repo|escape}">
+  <link rel="alternate" type="application/rss+xml" href="{url|urlescape}rss-log" title="RSS feed for {repo|escape}">
 </head>
+
 <body>
-
-<div class="page_header">
-<a href="{logourl}" title="Mercurial" style="float: right;">Mercurial</a>
-<a href="/">Mercurial</a> {pathdef%breadcrumb} / changelog
-</div>
+  {navbar}
 
-<form action="{url|urlescape}log">
-{sessionvars%hiddenformentry}
-<div class="search">
-<input type="text" name="rev"  />
-</div>
-</form>
+  <div class="uk-container uk-container-center uk-margin-large-bottom">
+    <div class="uk-tab-center uk-margin-top">
+      <ul class="uk-tab">
+        <li><a href="{url|urlescape}summary{sessionvars%urlparameter}">Summary</a></li>
+        <li><a href="{url|urlescape}shortlog/{symrev}{sessionvars%urlparameter}">Shortlog</a></li>
+        <li class="uk-active"><a href="{url|urlescape}log/{symrev}{sessionvars%urlparameter}">Changelog</a></li>
+        <li><a href="{url|urlescape}graph/{symrev}{sessionvars%urlparameter}">Graph</a></li>
+        <li><a href="{url|urlescape}branches{sessionvars%urlparameter}">Branches</a></li>
+        <li><a href="{url|urlescape}tags{sessionvars%urlparameter}">Tags</a></li>
+        <li><a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">Bookmarks</a></li>
+        <li><a href="{url|urlescape}file/{symrev}{sessionvars%urlparameter}">Files</a></li>
+      </ul>
+    </div>
 
-<div class="page_nav">
-<a href="{url|urlescape}summary{sessionvars%urlparameter}">summary</a> |
-<a href="{url|urlescape}shortlog/{symrev}{sessionvars%urlparameter}">shortlog</a> |
-changelog |
-<a href="{url|urlescape}graph/{symrev}{sessionvars%urlparameter}">graph</a> |
-<a href="{url|urlescape}tags{sessionvars%urlparameter}">tags</a> |
-<a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">bookmarks</a> |
-<a href="{url|urlescape}branches{sessionvars%urlparameter}">branches</a> |
-<a href="{url|urlescape}file/{symrev}{sessionvars%urlparameter}">files</a>{archives%archiveentry} |
-<a href="{url|urlescape}help{sessionvars%urlparameter}">help</a>
-<br/>
-{changenav%nav}<br/>
-</div>
+    <div class="uk-text-right uk-margin-top">
+      <span class="uk-margin-left">Other formats:</span>
+      <div class="uk-button-group">
+        <a class="uk-button uk-button-small" href="{url|urlescape}json-log">JSON</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}raw-log">Raw</a>
+      </div>
+      <span class="uk-margin-left">Feeds:</span>
+      <div class="uk-button-group">
+        <a class="uk-button uk-button-small" href="{url|urlescape}atom-log">Atom</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}rss-log">RSS</a>
+      </div>
+    </div>
 
-{entries%changelogentry}
-
-<div class="page_nav">
-{changenav%nav}<br/>
-</div>
+    <ul class="uk-pagination">{changenav%nav}</ul>
+    <ul class="uk-list uk-list-line">{entries%changelogentry}</ul>
+    <ul class="uk-pagination">{changenav%nav}</ul>
+  </div>
 
 {footer}

--- a/changelogentry.tmpl	Wed Sep 21 18:53:22 2016 +0800
+++ b/changelogentry.tmpl	Sun Sep 25 23:16:40 2016 +0800
@@ -1,14 +1,10 @@
-<div>
-<a class="title" href="{url|urlescape}rev/{node|short}{sessionvars%urlparameter}"><span class="age">{date|rfc822date}</span>{desc|strip|firstline|escape|nonempty}<span class="logtags"> {inbranch%inbranchtag}{branches%branchtag}{tags%tagtag}{bookmarks%bookmarktag}</span></a>
-</div>
-<div class="title_text">
-<div class="log_link">
-<a href="{url|urlescape}rev/{node|short}{sessionvars%urlparameter}">changeset</a><br/>
-</div>
-<i>{author|obfuscate} [{date|rfc822date}] rev {rev}</i><br/>
-</div>
-<div class="log_body">
-{desc|strip|escape|websub|addbreaks|nonempty}
-<br/>
-<br/>
-</div>
+<li>
+  <div>
+    <a href="{url|urlescape}rev/{node|short}{sessionvars%urlparameter}">{rev}:{node|short}</a>
+    {inbranch%inbranchtag}{branches%branchtag}{tags%tagtag}{bookmarks%bookmarktag}
+  </div>
+  <div>
+    {author|obfuscate}, <span class="age">{date|rfc822date}</span>
+  </div>
+  <div class="uk-margin-small uk-margin-small-left kit-commit-message">{desc|strip|escape|websub|nonempty}</div>
+</li>

--- a/changeset.tmpl	Wed Sep 21 18:53:22 2016 +0800
+++ b/changeset.tmpl	Sun Sep 25 23:16:40 2016 +0800
@@ -1,57 +1,63 @@
 {header}
-<title>{repo|escape}: changeset {rev}:{node|short}</title>
-<link rel="alternate" type="application/atom+xml"
-   href="{url|urlescape}atom-log" title="Atom feed for {repo|escape}"/>
-<link rel="alternate" type="application/rss+xml"
-   href="{url|urlescape}rss-log" title="RSS feed for {repo|escape}"/>
+
+  <title>{rev}:{node|short} · {repo|escape}</title>
+  <link rel="alternate" type="application/atom+xml" href="{url|urlescape}atom-log" title="Atom feed for {repo|escape}">
+  <link rel="alternate" type="application/rss+xml" href="{url|urlescape}rss-log" title="RSS feed for {repo|escape}">
 </head>
+
 <body>
+  {navbar}
 
-<div class="page_header">
-<a href="{logourl}" title="Mercurial" style="float: right;">Mercurial</a>
-<a href="/">Mercurial</a> {pathdef%breadcrumb} / changeset
-</div>
+  <div class="uk-container uk-container-center uk-margin-large-bottom">
+    <div class="uk-tab-center uk-margin-top">
+      <ul class="uk-tab">
+        <li><a href="{url|urlescape}summary{sessionvars%urlparameter}">Summary</a></li>
+        <li><a href="{url|urlescape}shortlog/{symrev}{sessionvars%urlparameter}">Shortlog</a></li>
+        <li class="uk-active"><a href="{url|urlescape}log/{symrev}{sessionvars%urlparameter}">Changelog</a></li>
+        <li><a href="{url|urlescape}graph/{symrev}{sessionvars%urlparameter}">Graph</a></li>
+        <li><a href="{url|urlescape}branches{sessionvars%urlparameter}">Branches</a></li>
+        <li><a href="{url|urlescape}tags{sessionvars%urlparameter}">Tags</a></li>
+        <li><a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">Bookmarks</a></li>
+        <li><a href="{url|urlescape}file/{symrev}{sessionvars%urlparameter}">Files</a></li>
+      </ul>
+    </div>
 
-<div class="page_nav">
-<a href="{url|urlescape}summary{sessionvars%urlparameter}">summary</a> |
-<a href="{url|urlescape}shortlog/{symrev}{sessionvars%urlparameter}">shortlog</a> |
-<a href="{url|urlescape}log/{symrev}{sessionvars%urlparameter}">changelog</a> |
-<a href="{url|urlescape}graph/{symrev}{sessionvars%urlparameter}">graph</a> |
-<a href="{url|urlescape}tags{sessionvars%urlparameter}">tags</a> |
-<a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">bookmarks</a> |
-<a href="{url|urlescape}branches{sessionvars%urlparameter}">branches</a> |
-<a href="{url|urlescape}file/{symrev}{sessionvars%urlparameter}">files</a> |
-changeset |
-<a href="{url|urlescape}raw-rev/{symrev}">raw</a> {archives%archiveentry} |
-<a href="{url|urlescape}help{sessionvars%urlparameter}">help</a>
-<br/>
-</div>
+    <div class="uk-clearfix uk-margin-top">
+      <div class="uk-float-right">
+        <span class="uk-margin-left">Download:</span>
+        <div class="uk-button-group">
+          <a class="uk-button uk-button-small" href="{url|urlescape}raw-rev/{node|short}">Patch</a>
+          {archives%archiveentry}
+        </div>
+        <table class="uk-margin-top">
+          {child%changesetchild}
+          {ifeq(count(parent), '2', parent%changesetparentdiff, parent%changesetparent)}
+        </table>
+      </div>
+
+      <div>
+        <a class="kit-monospace" href="{url|urlescape}rev/{node|short}{sessionvars%urlparameter}">{rev}:{node|short}</a>
+        {inbranch%inbranchtag}{branches%branchtag}{tags%tagtag}{bookmarks%bookmarktag}
+      </div>
+      <div>{author|obfuscate}, <span class="age">{date|rfc822date}</span></div>
 
-<div>
-<a class="title" href="{url|urlescape}raw-rev/{node|short}">{desc|strip|escape|firstline|nonempty} <span class="logtags">{inbranch%inbranchtag}{branches%branchtag}{tags%tagtag}{bookmarks%bookmarktag}</span></a>
-</div>
-<div class="title_text">
-<table cellspacing="0">
-<tr><td>author</td><td>{author|obfuscate}</td></tr>
-<tr><td></td><td class="date age">{date|rfc822date}</td></tr>
-{branch%changesetbranch}
-<tr>
- <td>changeset {rev}</td>
- <td style="font-family:monospace"><a class="list" href="{url|urlescape}rev/{node|short}{sessionvars%urlparameter}">{node|short}</a></td>
-</tr>
-{ifeq(count(parent), '2', parent%changesetparentdiff, parent%changesetparent)}
-{child%changesetchild}
-</table></div>
+      <div class="uk-margin-small uk-margin-small-left kit-commit-message">{desc|strip|escape|websub|nonempty}</div>
+    </div>
+
+    <hr>
 
-<div class="page_body">
-{desc|strip|escape|websub|addbreaks|nonempty}
-</div>
-<div class="list_head"></div>
-<div class="title_text">
-<table cellspacing="0">
-{files}
-</table></div>
+    <div>
+      {diffsummary}
+      <a id="diffstatexpand" href="javascript:toggleDiffstat()">[<tt>+</tt>]</a>
+      <div id="diffstatdetails" style="display: none;">
+        <a href="javascript:toggleDiffstat()">[<tt>-</tt>]</a>
+        <table>{diffstat}</table>
+      </div>
+    </div>
 
-<div class="page_body diffblocks">{diff}</div>
+    <table class="uk-table uk-table-hover uk-text-nowrap">{files}</table>
+
+    {diff}
+  </div>
 
 {footer}

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/diffstatlink.tmpl	Sun Sep 25 23:16:40 2016 +0800
@@ -0,0 +1,8 @@
+<tr class="uk-text-nowrap">
+  <td><a href="#l{fileno}.1">{file|escape}</a></td>
+  <td class="uk-text-right">{total}</td>
+  <td class="uk-width-1-1">
+    <span class="uk-float-left kit-diffstat-add" style="width: {addpct}%;">&nbsp;</span>
+    <span class="uk-float-left kit-diffstat-remove" style="width: {removepct}%;">&nbsp;</span>
+  </td>
+</tr>

--- a/error.tmpl	Wed Sep 21 18:53:22 2016 +0800
+++ b/error.tmpl	Sun Sep 25 23:16:40 2016 +0800
@@ -1,34 +1,29 @@
 {header}
-<title>{repo|escape}: Error</title>
-<link rel="alternate" type="application/atom+xml"
-   href="{url|urlescape}atom-log" title="Atom feed for {repo|escape}"/>
-<link rel="alternate" type="application/rss+xml"
-   href="{url|urlescape}rss-log" title="RSS feed for {repo|escape}"/>
+
+  <title>Error · {repo|escape}</title>
+  <link rel="alternate" type="application/atom+xml" href="{url|urlescape}atom-log" title="Atom feed for {repo|escape}">
+  <link rel="alternate" type="application/rss+xml" href="{url|urlescape}rss-log" title="RSS feed for {repo|escape}">
 </head>
+
 <body>
-
-<div class="page_header">
-<a href="{logourl}" title="Mercurial" style="float: right;">Mercurial</a>
-<a href="/">Mercurial</a> {pathdef%breadcrumb} / error
-</div>
+  {navbar}
 
-<div class="page_nav">
-<a href="{url|urlescape}summary{sessionvars%urlparameter}">summary</a> |
-<a href="{url|urlescape}shortlog{sessionvars%urlparameter}">shortlog</a> |
-<a href="{url|urlescape}log{sessionvars%urlparameter}">changelog</a> |
-<a href="{url|urlescape}tags{sessionvars%urlparameter}">tags</a> |
-<a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">bookmarks</a> |
-<a href="{url|urlescape}branches{sessionvars%urlparameter}">branches</a> |
-<a href="{url|urlescape}file{sessionvars%urlparameter}">files</a> |
-<a href="{url|urlescape}help{sessionvars%urlparameter}">help</a>
-<br/>
-</div>
+  <div class="uk-container uk-container-center uk-margin-large-bottom">
+    <div class="uk-tab-center uk-margin-top">
+      <ul class="uk-tab">
+        <li><a href="{url|urlescape}summary{sessionvars%urlparameter}">Summary</a></li>
+        <li><a href="{url|urlescape}shortlog{sessionvars%urlparameter}">Shortlog</a></li>
+        <li><a href="{url|urlescape}log{sessionvars%urlparameter}">Changelog</a></li>
+        <li><a href="{url|urlescape}graph{sessionvars%urlparameter}">Graph</a></li>
+        <li><a href="{url|urlescape}branches{sessionvars%urlparameter}">Branches</a></li>
+        <li><a href="{url|urlescape}tags{sessionvars%urlparameter}">Tags</a></li>
+        <li><a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">Bookmarks</a></li>
+        <li><a href="{url|urlescape}file{sessionvars%urlparameter}">Files</a></li>
+      </ul>
+    </div>
 
-<div class="page_body">
-<br/>
-<i>An error occurred while processing your request</i><br/>
-<br/>
-{error|escape}
-</div>
+    <p class="uk-margin-top">An error occurred while processing your request:</p>
+    <p>{error|escape}</p>
+  </div>
 
 {footer}

--- a/fileannotate.tmpl	Wed Sep 21 18:53:22 2016 +0800
+++ b/fileannotate.tmpl	Sun Sep 25 23:16:40 2016 +0800
@@ -1,71 +1,77 @@
 {header}
-<title>{repo|escape}: {file|escape}@{node|short} (annotated)</title>
-<link rel="alternate" type="application/atom+xml"
-   href="{url|urlescape}atom-log" title="Atom feed for {repo|escape}"/>
-<link rel="alternate" type="application/rss+xml"
-   href="{url|urlescape}rss-log" title="RSS feed for {repo|escape}"/>
+
+  <title>{file|escape} at {symrev|escape} (annotated) · {repo|escape}</title>
+  <link rel="alternate" type="application/atom+xml" href="{url|urlescape}atom-log" title="Atom feed for {repo|escape}">
+  <link rel="alternate" type="application/rss+xml" href="{url|urlescape}rss-log" title="RSS feed for {repo|escape}">
 </head>
+
 <body>
-
-<div class="page_header">
-<a href="{logourl}" title="Mercurial" style="float: right;">Mercurial</a>
-<a href="/">Mercurial</a> {pathdef%breadcrumb} / annotate
-</div>
+  {navbar}
 
-<div class="page_nav">
-<a href="{url|urlescape}summary{sessionvars%urlparameter}">summary</a> |
-<a href="{url|urlescape}shortlog{sessionvars%urlparameter}">shortlog</a> |
-<a href="{url|urlescape}log{sessionvars%urlparameter}">changelog</a> |
-<a href="{url|urlescape}graph{sessionvars%urlparameter}">graph</a> |
-<a href="{url|urlescape}tags{sessionvars%urlparameter}">tags</a> |
-<a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">bookmarks</a> |
-<a href="{url|urlescape}branches{sessionvars%urlparameter}">branches</a> |
-<a href="{url|urlescape}file/{symrev}{path|urlescape}{sessionvars%urlparameter}">files</a> |
-<a href="{url|urlescape}rev/{symrev}{sessionvars%urlparameter}">changeset</a> |
-<a href="{url|urlescape}file/{symrev}/{file|urlescape}{sessionvars%urlparameter}">file</a> |
-<a href="{url|urlescape}file/tip/{file|urlescape}{sessionvars%urlparameter}">latest</a> |
-<a href="{url|urlescape}log/{symrev}/{file|urlescape}{sessionvars%urlparameter}">revisions</a> |
-annotate |
-<a href="{url|urlescape}diff/{symrev}/{file|urlescape}{sessionvars%urlparameter}">diff</a> |
-<a href="{url|urlescape}comparison/{symrev}/{file|urlescape}{sessionvars%urlparameter}">comparison</a> |
-<a href="{url|urlescape}raw-annotate/{symrev}/{file|urlescape}">raw</a> |
-<a href="{url|urlescape}help{sessionvars%urlparameter}">help</a>
-<br/>
-</div>
+  <div class="uk-container uk-container-center uk-margin-large-bottom">
+    <div class="uk-tab-center uk-margin-top">
+      <ul class="uk-tab">
+        <li><a href="{url|urlescape}summary{sessionvars%urlparameter}">Summary</a></li>
+        <li><a href="{url|urlescape}shortlog/{symrev}{sessionvars%urlparameter}">Shortlog</a></li>
+        <li><a href="{url|urlescape}log/{symrev}{sessionvars%urlparameter}">Changelog</a></li>
+        <li><a href="{url|urlescape}graph/{symrev}{sessionvars%urlparameter}">Graph</a></li>
+        <li><a href="{url|urlescape}branches{sessionvars%urlparameter}">Branches</a></li>
+        <li><a href="{url|urlescape}tags{sessionvars%urlparameter}">Tags</a></li>
+        <li><a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">Bookmarks</a></li>
+        <li class="uk-active"><a href="{url|urlescape}file/{symrev}{sessionvars%urlparameter}">Files</a></li>
+      </ul>
+    </div>
+
+    <div class="uk-clearfix uk-margin-top">
+      <div>
+        <a class="kit-monospace" href="{url|urlescape}rev/{node|short}{sessionvars%urlparameter}">{rev}:{node|short}</a>
+        {inbranch%inbranchtag}{branches%branchtag}{tags%tagtag}{bookmarks%bookmarktag}
+      </div>
+      <div>{author|obfuscate}, <span class="age">{date|rfc822date}</span></div>
+
+      <div class="uk-margin-small uk-margin-small-left kit-commit-message">{desc|strip|escape|websub|nonempty}</div>
+    </div>
+
+    <hr>
 
-<div class="title">{file|escape}</div>
+    <div class="uk-clearfix">
+      <div class="uk-float-right">
+        <table class="uk-margin-bottom">
+          {child%fileannotatechild}
+          {parent%fileannotateparent}
+        </table>
+      </div>
+
+      <h2 class="uk-margin-top-remove">{file|escape}</h2>
+
+      <p>Permissions: <span class="kit-monospace">{permissions|permissions}</span></p>
+    </div>
 
-<div class="title_text">
-<table cellspacing="0">
-<tr>
- <td>author</td>
- <td>{author|obfuscate}</td>
-</tr>
-<tr>
- <td></td>
- <td class="date age">{date|rfc822date}</td>
-</tr>
-{branch%filerevbranch}
-<tr>
- <td>changeset {rev}</td>
- <td style="font-family:monospace"><a class="list" href="{url|urlescape}rev/{node|short}{sessionvars%urlparameter}">{node|short}</a></td>
-</tr>
-{parent%fileannotateparent}
-{child%fileannotatechild}
-<tr>
- <td>permissions</td>
- <td style="font-family:monospace">{permissions|permissions}</td>
-</tr>
-</table>
-</div>
+    <div class="uk-clearfix">
+      <div class="uk-button-group">
+        <a class="uk-button uk-button-small" href="{url|urlescape}file/{symrev}/{file|urlescape}{sessionvars%urlparameter}">File</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}file/tip/{file|urlescape}{sessionvars%urlparameter}">Latest</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}log/{symrev}/{file|urlescape}{sessionvars%urlparameter}">Revisions</a>
+        <a class="uk-button uk-button-small uk-active" href="{url|urlescape}annotate/{symrev}/{file|urlescape}{sessionvars%urlparameter}">Annotate</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}diff/{symrev}/{file|urlescape}{sessionvars%urlparameter}">Diff</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}comparison/{symrev}/{file|urlescape}{sessionvars%urlparameter}">Comparison</a>
+      </div>
+      <div class="uk-float-right">
+        <span class="uk-margin-left">Other formats:</span>
+        <div class="uk-button-group">
+          <a class="uk-button uk-button-small" href="{url|urlescape}json-annotate/{symrev}/{file|urlescape}">JSON</a>
+          <a class="uk-button uk-button-small" href="{url|urlescape}raw-annotate/{symrev}/{file|urlescape}">Raw</a>
+        </div>
+        <span class="uk-margin-left">Feeds:</span>
+        <div class="uk-button-group">
+          <a class="uk-button uk-button-small" href="{url|urlescape}atom-log/tip/{file|urlescape}">Atom</a>
+          <a class="uk-button uk-button-small" href="{url|urlescape}rss-log/tip/{file|urlescape}">RSS</a>
+        </div>
+      </div>
+    </div>
 
-<div class="page_path">
-{desc|strip|escape|websub|addbreaks|nonempty}
-</div>
-<div class="page_body">
-<table>
-{annotate%annotateline}
-</table>
-</div>
+    <table class="uk-width-1-1 uk-margin-top kit-border-collapse kit-annotate">{annotate%annotateline}</table>
+
+  </div>
 
 {footer}

--- a/filecomparison.tmpl	Wed Sep 21 18:53:22 2016 +0800
+++ b/filecomparison.tmpl	Sun Sep 25 23:16:40 2016 +0800
@@ -1,73 +1,95 @@
 {header}
-<title>{repo|escape}: comparison {file|escape}</title>
-<link rel="alternate" type="application/atom+xml"
-   href="{url|urlescape}atom-log" title="Atom feed for {repo|escape}"/>
-<link rel="alternate" type="application/rss+xml"
-   href="{url|urlescape}rss-log" title="RSS feed for {repo|escape}"/>
+
+  <title>{file|escape} at {symrev|escape} (comparison) · {repo|escape}</title>
+  <link rel="alternate" type="application/atom+xml" href="{url|urlescape}atom-log" title="Atom feed for {repo|escape}">
+  <link rel="alternate" type="application/rss+xml" href="{url|urlescape}rss-log" title="RSS feed for {repo|escape}">
 </head>
+
 <body>
-
-<div class="page_header">
-<a href="{logourl}" title="Mercurial" style="float: right;">Mercurial</a>
-<a href="/">Mercurial</a> {pathdef%breadcrumb} / comparison
-</div>
+  {navbar}
 
-<div class="page_nav">
-<a href="{url|urlescape}summary{sessionvars%urlparameter}">summary</a> |
-<a href="{url|urlescape}shortlog{sessionvars%urlparameter}">shortlog</a> |
-<a href="{url|urlescape}log{sessionvars%urlparameter}">changelog</a> |
-<a href="{url|urlescape}graph{sessionvars%urlparameter}">graph</a> |
-<a href="{url|urlescape}tags{sessionvars%urlparameter}">tags</a> |
-<a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">bookmarks</a> |
-<a href="{url|urlescape}branches{sessionvars%urlparameter}">branches</a> |
-<a href="{url|urlescape}file/{symrev}{path|urlescape}{sessionvars%urlparameter}">files</a> |
-<a href="{url|urlescape}rev/{symrev}{sessionvars%urlparameter}">changeset</a> |
-<a href="{url|urlescape}file/{symrev}/{file|urlescape}{sessionvars%urlparameter}">file</a> |
-<a href="{url|urlescape}file/tip/{file|urlescape}{sessionvars%urlparameter}">latest</a> |
-<a href="{url|urlescape}log/{symrev}/{file|urlescape}{sessionvars%urlparameter}">revisions</a> |
-<a href="{url|urlescape}annotate/{symrev}/{file|urlescape}{sessionvars%urlparameter}">annotate</a> |
-<a href="{url|urlescape}diff/{symrev}/{file|urlescape}{sessionvars%urlparameter}">diff</a> |
-comparison |
-<a href="{url|urlescape}raw-diff/{symrev}/{file|urlescape}">raw</a> |
-<a href="{url|urlescape}help{sessionvars%urlparameter}">help</a>
-<br/>
-</div>
+  <div class="uk-container uk-container-center">
+    <div class="uk-tab-center uk-margin-top">
+      <ul class="uk-tab">
+        <li><a href="{url|urlescape}summary{sessionvars%urlparameter}">Summary</a></li>
+        <li><a href="{url|urlescape}shortlog/{symrev}{sessionvars%urlparameter}">Shortlog</a></li>
+        <li><a href="{url|urlescape}log/{symrev}{sessionvars%urlparameter}">Changelog</a></li>
+        <li><a href="{url|urlescape}graph/{symrev}{sessionvars%urlparameter}">Graph</a></li>
+        <li><a href="{url|urlescape}branches{sessionvars%urlparameter}">Branches</a></li>
+        <li><a href="{url|urlescape}tags{sessionvars%urlparameter}">Tags</a></li>
+        <li><a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">Bookmarks</a></li>
+        <li class="uk-active"><a href="{url|urlescape}file/{symrev}{sessionvars%urlparameter}">Files</a></li>
+      </ul>
+    </div>
+
+    <div class="uk-clearfix uk-margin-top">
+      <div>
+        <a class="kit-monospace" href="{url|urlescape}rev/{node|short}{sessionvars%urlparameter}">{rev}:{node|short}</a>
+        {inbranch%inbranchtag}{branches%branchtag}{tags%tagtag}{bookmarks%bookmarktag}
+      </div>
+      <div>{author|obfuscate}, <span class="age">{date|rfc822date}</span></div>
+
+      <div class="uk-margin-small uk-margin-small-left kit-commit-message">{desc|strip|escape|websub|nonempty}</div>
+    </div>
+
+    <hr>
+
+    <div class="uk-clearfix">
+      <div class="uk-float-right">
+        <table class="uk-margin-bottom">
+          {child%filecompchild}
+          {parent%filecompparent}
+        </table>
+      </div>
+
+      <h2 class="uk-margin-top-remove">{file|escape}</h2>
+    </div>
 
-<div class="title">{file|escape}</div>
-
-<table>
-{branch%filerevbranch}
-<tr>
- <td>changeset {rev}</td>
- <td style="font-family:monospace"><a class="list" href="{url|urlescape}rev/{node|short}{sessionvars%urlparameter}">{node|short}</a></td>
-</tr>
-{parent%filecompparent}
-{child%filecompchild}
-</table>
-
-<div class="list_head"></div>
-
-<div class="page_body">
+    <div class="uk-clearfix">
+      <div class="uk-button-group">
+        <a class="uk-button uk-button-small" href="{url|urlescape}file/{symrev}/{file|urlescape}{sessionvars%urlparameter}">File</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}file/tip/{file|urlescape}{sessionvars%urlparameter}">Latest</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}log/{symrev}/{file|urlescape}{sessionvars%urlparameter}">Revisions</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}annotate/{symrev}/{file|urlescape}{sessionvars%urlparameter}">Annotate</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}diff/{symrev}/{file|urlescape}{sessionvars%urlparameter}">Diff</a>
+        <a class="uk-button uk-button-small uk-active" href="{url|urlescape}comparison/{symrev}/{file|urlescape}{sessionvars%urlparameter}">Comparison</a>
+      </div>
+      <div class="uk-float-right">
+        <span class="uk-margin-left">Other formats:</span>
+        <div class="uk-button-group">
+          <a class="uk-button uk-button-small" href="{url|urlescape}json-diff/{symrev}/{file|urlescape}">JSON</a>
+          <a class="uk-button uk-button-small" href="{url|urlescape}raw-diff/{symrev}/{file|urlescape}">Raw</a>
+        </div>
+        <span class="uk-margin-left">Feeds:</span>
+        <div class="uk-button-group">
+          <a class="uk-button uk-button-small" href="{url|urlescape}atom-log/tip/{file|urlescape}">Atom</a>
+          <a class="uk-button uk-button-small" href="{url|urlescape}rss-log/tip/{file|urlescape}">RSS</a>
+        </div>
+      </div>
+    </div>
 
-<div class="legend">
-  <span class="legendinfo equal">equal</span>
-  <span class="legendinfo delete">deleted</span>
-  <span class="legendinfo insert">inserted</span>
-  <span class="legendinfo replace">replaced</span>
-</div>
+    <div class="uk-text-center uk-margin kit-monospace">
+      <span class="kit-comparison-insert">Inserted</span>
+      <span class="kit-comparison-replace">Replaced</span>
+      <span class="kit-comparison-delete">Deleted</span>
+    </div>
+  </div>
 
-<div class="comparison">
-  <table style="border-collapse:collapse;">
-    <thead class="header">
-      <tr>
-        <th>{leftrev}:{leftnode|short}</th>
-        <th>{rightrev}:{rightnode|short}</th>
-      </tr>
-    </thead>
-    {comparison}
-  </table>
-</div>
+  <div class="uk-container uk-width-1-1 uk-margin-large-bottom">
+    <table class="uk-width-1-1 kit-border-collapse">
+      <thead>
+        <tr>
+          <th>
+            <a class="kit-monospace" href="{url|urlescape}file/{leftnode|short}/{file|urlescape}{sessionvars%urlparameter}">{leftrev}:{leftnode|short}</a>
+          </th>
+          <th>
+            <a class="kit-monospace" href="{url|urlescape}file/{rightnode|short}/{file|urlescape}{sessionvars%urlparameter}">{rightrev}:{rightnode|short}</a>
+          </th>
+        </tr>
+      </thead>
 
-</div>
+      {comparison}
+    </table>
+  </div>
 
 {footer}

--- a/filediff.tmpl	Wed Sep 21 18:53:22 2016 +0800
+++ b/filediff.tmpl	Sun Sep 25 23:16:40 2016 +0800
@@ -1,54 +1,74 @@
 {header}
-<title>{repo|escape}: diff {file|escape}</title>
-<link rel="alternate" type="application/atom+xml"
-   href="{url|urlescape}atom-log" title="Atom feed for {repo|escape}"/>
-<link rel="alternate" type="application/rss+xml"
-   href="{url|urlescape}rss-log" title="RSS feed for {repo|escape}"/>
+
+  <title>{file|escape} diff · {repo|escape}</title>
+  <link rel="alternate" type="application/atom+xml" href="{url|urlescape}atom-log" title="Atom feed for {repo|escape}">
+  <link rel="alternate" type="application/rss+xml" href="{url|urlescape}rss-log" title="RSS feed for {repo|escape}">
 </head>
+
 <body>
+  {navbar}
 
-<div class="page_header">
-<a href="{logourl}" title="Mercurial" style="float: right;">Mercurial</a>
-<a href="/">Mercurial</a> {pathdef%breadcrumb} / diff
-</div>
+  <div class="uk-container uk-container-center uk-margin-large-bottom">
+    <div class="uk-tab-center uk-margin-top">
+      <ul class="uk-tab">
+        <li><a href="{url|urlescape}summary{sessionvars%urlparameter}">Summary</a></li>
+        <li><a href="{url|urlescape}shortlog/{symrev}{sessionvars%urlparameter}">Shortlog</a></li>
+        <li><a href="{url|urlescape}log/{symrev}{sessionvars%urlparameter}">Changelog</a></li>
+        <li><a href="{url|urlescape}graph/{symrev}{sessionvars%urlparameter}">Graph</a></li>
+        <li><a href="{url|urlescape}branches{sessionvars%urlparameter}">Branches</a></li>
+        <li><a href="{url|urlescape}tags{sessionvars%urlparameter}">Tags</a></li>
+        <li><a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">Bookmarks</a></li>
+        <li class="uk-active"><a href="{url|urlescape}file/{symrev}{sessionvars%urlparameter}">Files</a></li>
+      </ul>
+    </div>
+
+    <div class="uk-clearfix uk-margin-top">
+      <div>
+        <a class="kit-monospace" href="{url|urlescape}rev/{node|short}{sessionvars%urlparameter}">{rev}:{node|short}</a>
+        {inbranch%inbranchtag}{branches%branchtag}{tags%tagtag}{bookmarks%bookmarktag}
+      </div>
+      <div>{author|obfuscate}, <span class="age">{date|rfc822date}</span></div>
+
+      <div class="uk-margin-small uk-margin-small-left kit-commit-message">{desc|strip|escape|websub|nonempty}</div>
+    </div>
+
+    <hr>
 
-<div class="page_nav">
-<a href="{url|urlescape}summary{sessionvars%urlparameter}">summary</a> |
-<a href="{url|urlescape}shortlog{sessionvars%urlparameter}">shortlog</a> |
-<a href="{url|urlescape}log{sessionvars%urlparameter}">changelog</a> |
-<a href="{url|urlescape}graph{sessionvars%urlparameter}">graph</a> |
-<a href="{url|urlescape}tags{sessionvars%urlparameter}">tags</a> |
-<a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">bookmarks</a> |
-<a href="{url|urlescape}branches{sessionvars%urlparameter}">branches</a> |
-<a href="{url|urlescape}file/{symrev}{path|urlescape}{sessionvars%urlparameter}">files</a> |
-<a href="{url|urlescape}rev/{symrev}{sessionvars%urlparameter}">changeset</a> |
-<a href="{url|urlescape}file/{symrev}/{file|urlescape}{sessionvars%urlparameter}">file</a> |
-<a href="{url|urlescape}file/tip/{file|urlescape}{sessionvars%urlparameter}">latest</a> |
-<a href="{url|urlescape}log/{symrev}/{file|urlescape}{sessionvars%urlparameter}">revisions</a> |
-<a href="{url|urlescape}annotate/{symrev}/{file|urlescape}{sessionvars%urlparameter}">annotate</a> |
-diff |
-<a href="{url|urlescape}comparison/{symrev}/{file|urlescape}{sessionvars%urlparameter}">comparison</a> |
-<a href="{url|urlescape}raw-diff/{symrev}/{file|urlescape}">raw</a> |
-<a href="{url|urlescape}help{sessionvars%urlparameter}">help</a>
-<br/>
-</div>
+    <div class="uk-clearfix">
+      <div class="uk-float-right">
+        <table class="uk-margin-bottom">
+          {child%filediffchild}
+          {parent%filediffparent}
+        </table>
+      </div>
+
+      <h2 class="uk-margin-top-remove">{file|escape}</h2>
+    </div>
 
-<div class="title">{file|escape}</div>
+    <div class="uk-clearfix">
+      <div class="uk-button-group">
+        <a class="uk-button uk-button-small" href="{url|urlescape}file/{symrev}/{file|urlescape}{sessionvars%urlparameter}">File</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}file/tip/{file|urlescape}{sessionvars%urlparameter}">Latest</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}log/{symrev}/{file|urlescape}{sessionvars%urlparameter}">Revisions</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}annotate/{symrev}/{file|urlescape}{sessionvars%urlparameter}">Annotate</a>
+        <a class="uk-button uk-button-small uk-active" href="{url|urlescape}diff/{symrev}/{file|urlescape}{sessionvars%urlparameter}">Diff</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}comparison/{symrev}/{file|urlescape}{sessionvars%urlparameter}">Comparison</a>
+      </div>
+      <div class="uk-float-right">
+        <span class="uk-margin-left">Other formats:</span>
+        <div class="uk-button-group">
+          <a class="uk-button uk-button-small" href="{url|urlescape}json-diff/{symrev}/{file|urlescape}">JSON</a>
+          <a class="uk-button uk-button-small" href="{url|urlescape}raw-diff/{symrev}/{file|urlescape}">Raw</a>
+        </div>
+        <span class="uk-margin-left">Feeds:</span>
+        <div class="uk-button-group">
+          <a class="uk-button uk-button-small" href="{url|urlescape}atom-log/tip/{file|urlescape}">Atom</a>
+          <a class="uk-button uk-button-small" href="{url|urlescape}rss-log/tip/{file|urlescape}">RSS</a>
+        </div>
+      </div>
+    </div>
 
-<table>
-{branch%filerevbranch}
-<tr>
- <td>changeset {rev}</td>
- <td style="font-family:monospace"><a class="list" href="{url|urlescape}rev/{node|short}{sessionvars%urlparameter}">{node|short}</a></td>
-</tr>
-{parent%filediffparent}
-{child%filediffchild}
-</table>
-
-<div class="list_head"></div>
-
-<div class="page_body">
-{diff}
-</div>
+    {diff}
+  </div>
 
 {footer}

--- a/filelog.tmpl	Wed Sep 21 18:53:22 2016 +0800
+++ b/filelog.tmpl	Sun Sep 25 23:16:40 2016 +0800
@@ -1,44 +1,54 @@
 {header}
-<title>{repo|escape}: File revisions</title>
-<link rel="alternate" type="application/atom+xml"
-   href="{url|urlescape}atom-log" title="Atom feed for {repo|escape}"/>
-<link rel="alternate" type="application/rss+xml"
-   href="{url|urlescape}rss-log" title="RSS feed for {repo|escape}"/>
+
+  <title>File revisions · {repo|escape}</title>
+  <link rel="alternate" type="application/atom+xml" href="{url|urlescape}atom-log" title="Atom feed for {repo|escape}">
+  <link rel="alternate" type="application/rss+xml" href="{url|urlescape}rss-log" title="RSS feed for {repo|escape}">
 </head>
+
 <body>
+  {navbar}
 
-<div class="page_header">
-<a href="{logourl}" title="Mercurial" style="float: right;">Mercurial</a>
-<a href="/">Mercurial</a> {pathdef%breadcrumb} / file revisions
-</div>
+  <div class="uk-container uk-container-center uk-margin-large-bottom">
+    <div class="uk-tab-center uk-margin-top">
+      <ul class="uk-tab">
+        <li><a href="{url|urlescape}summary{sessionvars%urlparameter}">Summary</a></li>
+        <li><a href="{url|urlescape}shortlog/{symrev}{sessionvars%urlparameter}">Shortlog</a></li>
+        <li><a href="{url|urlescape}log/{symrev}{sessionvars%urlparameter}">Changelog</a></li>
+        <li><a href="{url|urlescape}graph/{symrev}{sessionvars%urlparameter}">Graph</a></li>
+        <li><a href="{url|urlescape}branches{sessionvars%urlparameter}">Branches</a></li>
+        <li><a href="{url|urlescape}tags{sessionvars%urlparameter}">Tags</a></li>
+        <li><a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">Bookmarks</a></li>
+        <li class="uk-active"><a href="{url|urlescape}file/{symrev}{sessionvars%urlparameter}">Files</a></li>
+      </ul>
+    </div>
+
+    <h2>{file|urlescape}</h2>
 
-<div class="page_nav">
-<a href="{url|urlescape}summary{sessionvars%urlparameter}">summary</a> |
-<a href="{url|urlescape}shortlog{sessionvars%urlparameter}">shortlog</a> |
-<a href="{url|urlescape}log{sessionvars%urlparameter}">changelog</a> |
-<a href="{url|urlescape}graph{sessionvars%urlparameter}">graph</a> |
-<a href="{url|urlescape}tags{sessionvars%urlparameter}">tags</a> |
-<a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">bookmarks</a> |
-<a href="{url|urlescape}branches{sessionvars%urlparameter}">branches</a> |
-<a href="{url|urlescape}file/{symrev}/{file|urlescape}{sessionvars%urlparameter}">file</a> |
-revisions |
-<a href="{url|urlescape}annotate/{symrev}/{file|urlescape}{sessionvars%urlparameter}">annotate</a> |
-<a href="{url|urlescape}diff/{symrev}/{file|urlescape}{sessionvars%urlparameter}">diff</a> |
-<a href="{url|urlescape}comparison/{symrev}/{file|urlescape}{sessionvars%urlparameter}">comparison</a> |
-<a href="{url|urlescape}rss-log/tip/{file|urlescape}">rss</a> |
-<a href="{url|urlescape}help{sessionvars%urlparameter}">help</a>
-<br/>
-{nav%filenav}
-</div>
+    <div class="uk-clearfix">
+      <div class="uk-button-group">
+        <a class="uk-button uk-button-small" href="{url|urlescape}file/{symrev}/{file|urlescape}{sessionvars%urlparameter}">File</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}file/tip/{file|urlescape}{sessionvars%urlparameter}">Latest</a>
+        <a class="uk-button uk-button-small uk-active" href="{url|urlescape}log/{symrev}/{file|urlescape}{sessionvars%urlparameter}">Revisions</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}annotate/{symrev}/{file|urlescape}{sessionvars%urlparameter}">Annotate</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}diff/{symrev}/{file|urlescape}{sessionvars%urlparameter}">Diff</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}comparison/{symrev}/{file|urlescape}{sessionvars%urlparameter}">Comparison</a>
+      </div>
+      <div class="uk-float-right">
+        <span class="uk-margin-left">Other formats:</span>
+        <a class="uk-button uk-button-small" href="{url|urlescape}json-log/{symrev}/{file|urlescape}">JSON</a>
+        <span class="uk-margin-left">Feeds:</span>
+        <div class="uk-button-group">
+          <a class="uk-button uk-button-small" href="{url|urlescape}atom-log/tip/{file|urlescape}">Atom</a>
+          <a class="uk-button uk-button-small" href="{url|urlescape}rss-log/tip/{file|urlescape}">RSS</a>
+        </div>
+      </div>
+    </div>
 
-<div class="title" >{file|urlescape}</div>
-
-<table>
-{entries%filelogentry}
-</table>
-
-<div class="page_nav">
-{nav%filenav}
-</div>
+    <ul class="uk-pagination">{nav%filenav}</ul>
+    <table class="uk-table uk-table-hover uk-text-nowrap">
+      {entries%filelogentry}
+    </table>
+    <ul class="uk-pagination">{nav%filenav}</ul>
+  </div>
 
 {footer}

--- a/filerevision.tmpl	Wed Sep 21 18:53:22 2016 +0800
+++ b/filerevision.tmpl	Sun Sep 25 23:16:40 2016 +0800
@@ -1,70 +1,76 @@
 {header}
-<title>{repo|escape}: {file|escape}@{node|short}</title>
-<link rel="alternate" type="application/atom+xml"
-   href="{url|urlescape}atom-log" title="Atom feed for {repo|escape}"/>
-<link rel="alternate" type="application/rss+xml"
-   href="{url|urlescape}rss-log" title="RSS feed for {repo|escape}"/>
+
+  <title>{file|escape} at {symrev|escape} · {repo|escape}</title>
+  <link rel="alternate" type="application/atom+xml" href="{url|urlescape}atom-log" title="Atom feed for {repo|escape}">
+  <link rel="alternate" type="application/rss+xml" href="{url|urlescape}rss-log" title="RSS feed for {repo|escape}">
 </head>
+
 <body>
+  {navbar}
 
-<div class="page_header">
-<a href="{logourl}" title="Mercurial" style="float: right;">Mercurial</a>
-<a href="/">Mercurial</a> {pathdef%breadcrumb} / file revision
-</div>
+  <div class="uk-container uk-container-center uk-margin-large-bottom">
+    <div class="uk-tab-center uk-margin-top">
+      <ul class="uk-tab">
+        <li><a href="{url|urlescape}summary{sessionvars%urlparameter}">Summary</a></li>
+        <li><a href="{url|urlescape}shortlog/{symrev}{sessionvars%urlparameter}">Shortlog</a></li>
+        <li><a href="{url|urlescape}log/{symrev}{sessionvars%urlparameter}">Changelog</a></li>
+        <li><a href="{url|urlescape}graph/{symrev}{sessionvars%urlparameter}">Graph</a></li>
+        <li><a href="{url|urlescape}branches{sessionvars%urlparameter}">Branches</a></li>
+        <li><a href="{url|urlescape}tags{sessionvars%urlparameter}">Tags</a></li>
+        <li><a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">Bookmarks</a></li>
+        <li class="uk-active"><a href="{url|urlescape}file/{symrev}{sessionvars%urlparameter}">Files</a></li>
+      </ul>
+    </div>
+
+    <div class="uk-clearfix uk-margin-top">
+      <div>
+        <a class="kit-monospace" href="{url|urlescape}rev/{node|short}{sessionvars%urlparameter}">{rev}:{node|short}</a>
+        {inbranch%inbranchtag}{branches%branchtag}{tags%tagtag}{bookmarks%bookmarktag}
+      </div>
+      <div>{author|obfuscate}, <span class="age">{date|rfc822date}</span></div>
+
+      <div class="uk-margin-small uk-margin-small-left kit-commit-message">{desc|strip|escape|websub|nonempty}</div>
+    </div>
+
+    <hr>
 
-<div class="page_nav">
-<a href="{url|urlescape}summary{sessionvars%urlparameter}">summary</a> |
-<a href="{url|urlescape}shortlog{sessionvars%urlparameter}">shortlog</a> |
-<a href="{url|urlescape}log{sessionvars%urlparameter}">changelog</a> |
-<a href="{url|urlescape}graph{sessionvars%urlparameter}">graph</a> |
-<a href="{url|urlescape}tags{sessionvars%urlparameter}">tags</a> |
-<a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">bookmarks</a> |
-<a href="{url|urlescape}branches{sessionvars%urlparameter}">branches</a> |
-<a href="{url|urlescape}file/{symrev}{path|urlescape}{sessionvars%urlparameter}">files</a> |
-<a href="{url|urlescape}rev/{symrev}{sessionvars%urlparameter}">changeset</a> |
-file |
-<a href="{url|urlescape}file/tip/{file|urlescape}{sessionvars%urlparameter}">latest</a> |
-<a href="{url|urlescape}log/{symrev}/{file|urlescape}{sessionvars%urlparameter}">revisions</a> |
-<a href="{url|urlescape}annotate/{symrev}/{file|urlescape}{sessionvars%urlparameter}">annotate</a> |
-<a href="{url|urlescape}diff/{symrev}/{file|urlescape}{sessionvars%urlparameter}">diff</a> |
-<a href="{url|urlescape}comparison/{symrev}/{file|urlescape}{sessionvars%urlparameter}">comparison</a> |
-<a href="{url|urlescape}raw-file/{symrev}/{file|urlescape}">raw</a> |
-<a href="{url|urlescape}help{sessionvars%urlparameter}">help</a>
-<br/>
-</div>
+    <div class="uk-clearfix">
+      <div class="uk-float-right">
+        <table class="uk-margin-bottom">
+          {child%filerevchild}
+          {parent%filerevparent}
+        </table>
+      </div>
 
-<div class="title">{file|escape}</div>
+      <h2 class="uk-margin-top-remove">{file|escape}</h2>
+
+      <p>Permissions: <span class="kit-monospace">{permissions|permissions}</span></p>
+    </div>
 
-<div class="title_text">
-<table cellspacing="0">
-<tr>
- <td>author</td>
- <td>{author|obfuscate}</td>
-</tr>
-<tr>
- <td></td>
- <td class="date age">{date|rfc822date}</td>
-</tr>
-{branch%filerevbranch}
-<tr>
- <td>changeset {rev}</td>
- <td style="font-family:monospace"><a class="list" href="{url|urlescape}rev/{node|short}{sessionvars%urlparameter}">{node|short}</a></td>
-</tr>
-{parent%filerevparent}
-{child%filerevchild}
-<tr>
- <td>permissions</td>
- <td style="font-family:monospace">{permissions|permissions}</td>
-</tr>
-</table>
-</div>
+    <div class="uk-clearfix">
+      <div class="uk-button-group">
+        <a class="uk-button uk-button-small uk-active" href="{url|urlescape}file/{symrev}/{file|urlescape}{sessionvars%urlparameter}">File</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}file/tip/{file|urlescape}{sessionvars%urlparameter}">Latest</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}log/{symrev}/{file|urlescape}{sessionvars%urlparameter}">Revisions</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}annotate/{symrev}/{file|urlescape}{sessionvars%urlparameter}">Annotate</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}diff/{symrev}/{file|urlescape}{sessionvars%urlparameter}">Diff</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}comparison/{symrev}/{file|urlescape}{sessionvars%urlparameter}">Comparison</a>
+      </div>
+      <div class="uk-float-right">
+        <span class="uk-margin-left">Other formats:</span>
+        <div class="uk-button-group">
+          <a class="uk-button uk-button-small" href="{url|urlescape}json-file/{symrev}/{file|urlescape}">JSON</a>
+          <a class="uk-button uk-button-small" href="{url|urlescape}raw-file/{symrev}/{file|urlescape}">Raw</a>
+        </div>
+        <span class="uk-margin-left">Feeds:</span>
+        <div class="uk-button-group">
+          <a class="uk-button uk-button-small" href="{url|urlescape}atom-log/tip/{file|urlescape}">Atom</a>
+          <a class="uk-button uk-button-small" href="{url|urlescape}rss-log/tip/{file|urlescape}">RSS</a>
+        </div>
+      </div>
+    </div>
 
-<div class="page_path">
-{desc|strip|escape|websub|addbreaks|nonempty}
-</div>
-
-<div class="page_body">
-<pre class="sourcelines stripes">{text%fileline}</pre>
-</div>
+    <pre class="kit-file">{text%fileline}</pre>
+  </div>
 
 {footer}

--- a/footer.tmpl	Wed Sep 21 18:53:22 2016 +0800
+++ b/footer.tmpl	Sun Sep 25 23:16:40 2016 +0800
@@ -1,12 +1,5 @@
-<script type="text/javascript">process_dates()</script>
-<div class="page_footer">
-<div class="page_footer_text">{repo|escape}</div>
-<div class="rss_logo">
-<a href="{url|urlescape}rss-log">RSS</a>
-<a href="{url|urlescape}atom-log">Atom</a>
-</div>
-<br />
-{motd}
-</div>
-</body>
+    {motd}
+
+    <script type="text/javascript">process_dates();</script>
+  </body>
 </html>

--- a/graph.tmpl	Wed Sep 21 18:53:22 2016 +0800
+++ b/graph.tmpl	Sun Sep 25 23:16:40 2016 +0800
@@ -1,49 +1,58 @@
 {header}
-<title>{repo|escape}: Graph</title>
-<link rel="alternate" type="application/atom+xml"
-   href="{url|urlescape}atom-log" title="Atom feed for {repo|escape}"/>
-<link rel="alternate" type="application/rss+xml"
-   href="{url|urlescape}rss-log" title="RSS feed for {repo|escape}"/>
-<!--[if IE]><script type="text/javascript" src="{staticurl|urlescape}excanvas.js"></script><![endif]-->
+
+  <title>Graph at {symrev|escape} · {repo|escape}</title>
+  <link rel="alternate" type="application/atom+xml" href="{url|urlescape}atom-log" title="Atom feed for {repo|escape}">
+  <link rel="alternate" type="application/rss+xml" href="{url|urlescape}rss-log" title="RSS feed for {repo|escape}">
+  <!--[if IE]><script type="text/javascript" src="{staticurl|urlescape}excanvas.js"></script><![endif]-->
 </head>
+
 <body>
+  {navbar}
 
-<div class="page_header">
-<a href="{logourl}" title="Mercurial" style="float: right;">Mercurial</a>
-<a href="/">Mercurial</a> {pathdef%breadcrumb} / graph
-</div>
+  <div class="uk-container uk-container-center uk-margin-large-bottom">
+    <div class="uk-tab-center uk-margin-top">
+      <ul class="uk-tab">
+        <li><a href="{url|urlescape}summary{sessionvars%urlparameter}">Summary</a></li>
+        <li><a href="{url|urlescape}shortlog/{symrev}{sessionvars%urlparameter}">Shortlog</a></li>
+        <li><a href="{url|urlescape}log/{symrev}{sessionvars%urlparameter}">Changelog</a></li>
+        <li class="uk-active"><a href="{url|urlescape}graph/{symrev}{sessionvars%urlparameter}">Graph</a></li>
+        <li><a href="{url|urlescape}branches{sessionvars%urlparameter}">Branches</a></li>
+        <li><a href="{url|urlescape}tags{sessionvars%urlparameter}">Tags</a></li>
+        <li><a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">Bookmarks</a></li>
+        <li><a href="{url|urlescape}file/{symrev}{sessionvars%urlparameter}">Files</a></li>
+      </ul>
+    </div>
 
-<form action="{url|urlescape}log">
-{sessionvars%hiddenformentry}
-<div class="search">
-<input type="text" name="rev"  />
-</div>
-</form>
-<div class="page_nav">
-<a href="{url|urlescape}summary{sessionvars%urlparameter}">summary</a> |
-<a href="{url|urlescape}shortlog/{symrev}{sessionvars%urlparameter}">shortlog</a> |
-<a href="{url|urlescape}log/{symrev}{sessionvars%urlparameter}">changelog</a> |
-graph |
-<a href="{url|urlescape}tags{sessionvars%urlparameter}">tags</a> |
-<a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">bookmarks</a> |
-<a href="{url|urlescape}branches{sessionvars%urlparameter}">branches</a> |
-<a href="{url|urlescape}file/{symrev}{sessionvars%urlparameter}">files</a> |
-<a href="{url|urlescape}help{sessionvars%urlparameter}">help</a>
-<br/>
-<a href="{url|urlescape}graph/{symrev}{lessvars%urlparameter}">less</a>
-<a href="{url|urlescape}graph/{symrev}{morevars%urlparameter}">more</a>
-| {changenav%navgraph}<br/>
-</div>
+    <div class="uk-text-right uk-margin-top">
+      <span class="uk-margin-left">Other formats:</span>
+      <a class="uk-button uk-button-small" href="{url|urlescape}raw-graph">Raw</a>
+      <span class="uk-margin-left">Feeds:</span>
+      <div class="uk-button-group">
+        <a class="uk-button uk-button-small" href="{url|urlescape}atom-log">Atom</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}rss-log">RSS</a>
+      </div>
+    </div>
+
+    <noscript>The revision graph only works with JavaScript-enabled browsers.</noscript>
 
-<div class="title">&nbsp;</div>
-
-<noscript>The revision graph only works with JavaScript-enabled browsers.</noscript>
+    <ul class="uk-pagination">
+      <li><a href="{url|urlescape}graph/{symrev}{lessvars%urlparameter}">less</a></li>
+      <li><a href="{url|urlescape}graph/{symrev}{morevars%urlparameter}">more</a></li>
+      {changenav%navgraph}
+    </ul>
 
-<div id="wrapper">
-<ul id="nodebgs"></ul>
-<canvas id="graph" width="{canvaswidth}" height="{canvasheight}"></canvas>
-<ul id="graphnodes"></ul>
-</div>
+    <div class="uk-position-relative" data-scroll-target>
+      <ul id="nodebgs"></ul>
+      <canvas id="graph" width="{canvaswidth}" height="{canvasheight}"></canvas>
+      <ul id="graphnodes"></ul>
+    </div>
+
+    <ul class="uk-pagination">
+      <li><a href="{url|urlescape}graph/{symrev}{lessvars%urlparameter}">less</a></li>
+      <li><a href="{url|urlescape}graph/{symrev}{morevars%urlparameter}">more</a></li>
+      {changenav%navgraph}
+    </ul>
+  </div>
 
 <script>
 <!-- hide script content
@@ -65,32 +74,30 @@
 	
 	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 += '<span class="uk-badge kit-badge-branch-head" 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 += '<span class="uk-badge kit-badge-branch" 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> ';
+				tagspan += '<span class="uk-badge kit-badge-tag">' + 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 class="uk-badge kit-badge-bookmark">' + bookmark + '</span> ';
 			}
 		}
-		tagspan += '</span>';
 	}
 	
 	var item = '<li style="' + nstyle + '"><span class="desc">';
-	item += '<a class="list" href="{url|urlescape}rev/' + cur[0] + '{sessionvars%urlparameter}" title="' + cur[0] + '"><b>' + cur[3] + '</b></a>';
-	item += '</span> ' + tagspan + '';
+	item += '<a href="{url|urlescape}rev/' + cur[0] + '{sessionvars%urlparameter}" title="' + cur[0] + '">' + cur[3] + '</a>';
+	item += '</span> ' + tagspan;
 	item += '<span class="info">' + cur[5] + ', by ' + cur[4] + '</span></li>';
 
 	return [bg, item];
@@ -102,18 +109,12 @@
 // stop hiding script -->
 </script>
 
-<div class="page_nav">
-<a href="{url|urlescape}graph/{symrev}{lessvars%urlparameter}">less</a>
-<a href="{url|urlescape}graph/{symrev}{morevars%urlparameter}">more</a>
-| {changenav%navgraph}
-</div>
-
 <script type="text/javascript">
     ajaxScrollInit(
             '{url|urlescape}graph/{rev}?revcount=%next%&style={style}',
             {revcount}+60,
             function (htmlText, previousVal) \{ return previousVal + 60; },
-            '#wrapper',
+            '[data-scroll-target]',
             '<div class="%class%" style="text-align: center;">%text%</div>',
             'graph'
     );

--- a/header.tmpl	Wed Sep 21 18:53:22 2016 +0800
+++ b/header.tmpl	Sun Sep 25 23:16:40 2016 +0800
@@ -1,8 +1,15 @@
-<?xml version="1.0" encoding="{encoding}"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
-<head>
-<link rel="icon" href="{staticurl|urlescape}hgicon.png" type="image/png" />
-<meta name="robots" content="index, nofollow"/>
-<link rel="stylesheet" href="{staticurl|urlescape}style-gitweb.css" type="text/css" />
-<script type="text/javascript" src="{staticurl|urlescape}mercurial.js"></script>
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="{encoding}">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="robots" content="index, nofollow">
+
+    <link rel="icon" href="{staticurl|urlescape}hgicon.png" type="image/png">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.1/css/uikit.almost-flat.min.css" integrity="sha384-hrLVrxKzBjSFFTm2bMf7t1TAyUVf9Hv+yDqZijq5cHYKSUFBblWLYoR+zP6norH4" crossorigin="anonymous">
+    <link rel="stylesheet" href="{staticurl|urlescape}style-kit.css">
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js" integrity="sha384-rY/jv8mMhqDabXSo+UCggqKtdmBfd3qC2/KvyTDNQ6PcUJXaxK1tMepoQda4g5vB" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.1/js/uikit.min.js" integrity="sha384-iDoqyFVKxML2m0sU0e2NtHgX8Uuk3y/qaer+MwCBs0leHdRgZ6klulKJhQuAF6nz" crossorigin="anonymous"></script>
+    <script type="text/javascript" src="{staticurl|urlescape}mercurial.js"></script>

--- a/help.tmpl	Wed Sep 21 18:53:22 2016 +0800
+++ b/help.tmpl	Sun Sep 25 23:16:40 2016 +0800
@@ -1,34 +1,29 @@
 {header}
-<title>Help: {topic}</title>
-<link rel="alternate" type="application/atom+xml"
-   href="{url|urlescape}atom-log" title="Atom feed for {repo|escape}"/>
-<link rel="alternate" type="application/rss+xml"
-   href="{url|urlescape}rss-log" title="RSS feed for {repo|escape}"/>
+
+  <title>Help · {topic}</title>
+  <link rel="alternate" type="application/atom+xml" href="{url|urlescape}atom-log" title="Atom feed for {repo|escape}">
+  <link rel="alternate" type="application/rss+xml" href="{url|urlescape}rss-log" title="RSS feed for {repo|escape}">
 </head>
+
 <body>
-
-<div class="page_header">
-<a href="{logourl}" title="Mercurial" style="float: right;">Mercurial</a>
-<a href="/">Mercurial</a> {pathdef%breadcrumb} / help
-</div>
+  {navbar}
 
-<div class="page_nav">
-<a href="{url|urlescape}summary{sessionvars%urlparameter}">summary</a> |
-<a href="{url|urlescape}shortlog{sessionvars%urlparameter}">shortlog</a> |
-<a href="{url|urlescape}log{sessionvars%urlparameter}">changelog</a> |
-<a href="{url|urlescape}graph{sessionvars%urlparameter}">graph</a> |
-<a href="{url|urlescape}tags{sessionvars%urlparameter}">tags</a> |
-<a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">bookmarks</a> |
-<a href="{url|urlescape}branches{sessionvars%urlparameter}">branches</a> |
-<a href="{url|urlescape}file{sessionvars%urlparameter}">files</a> |
-help
-<br/>
-</div>
+  <div class="uk-container uk-container-center uk-margin-large-bottom">
+    <div class="uk-tab-center uk-margin-top">
+      <ul class="uk-tab">
+        <li><a href="{url|urlescape}summary{sessionvars%urlparameter}">Summary</a></li>
+        <li><a href="{url|urlescape}shortlog{sessionvars%urlparameter}">Shortlog</a></li>
+        <li><a href="{url|urlescape}log{sessionvars%urlparameter}">Changelog</a></li>
+        <li><a href="{url|urlescape}graph{sessionvars%urlparameter}">Graph</a></li>
+        <li><a href="{url|urlescape}branches{sessionvars%urlparameter}">Branches</a></li>
+        <li><a href="{url|urlescape}tags{sessionvars%urlparameter}">Tags</a></li>
+        <li><a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">Bookmarks</a></li>
+        <li><a href="{url|urlescape}file{sessionvars%urlparameter}">Files</a></li>
+      </ul>
+    </div>
 
-<div class="title">&nbsp;</div>
+    <div id="doc" class="uk-margin-top">{rstdoc(doc, "html")}</div>
 
-<div id="doc">
-{rstdoc(doc, "html")}
-</div>
+  </div>
 
 {footer}

--- a/helptopics.tmpl	Wed Sep 21 18:53:22 2016 +0800
+++ b/helptopics.tmpl	Sun Sep 25 23:16:40 2016 +0800
@@ -1,48 +1,46 @@
 {header}
-<title>Help: {title}</title>
-<link rel="alternate" type="application/atom+xml"
-   href="{url|urlescape}atom-log" title="Atom feed for {repo|escape}"/>
-<link rel="alternate" type="application/rss+xml"
-   href="{url|urlescape}rss-log" title="RSS feed for {repo|escape}"/>
+
+  <title>Help · {title}</title>
+  <link rel="alternate" type="application/atom+xml" href="{url|urlescape}atom-log" title="Atom feed for {repo|escape}">
+  <link rel="alternate" type="application/rss+xml" href="{url|urlescape}rss-log" title="RSS feed for {repo|escape}">
 </head>
+
 <body>
-
-<div class="page_header">
-<a href="{logourl}" title="Mercurial" style="float: right;">Mercurial</a>
-<a href="/">Mercurial</a> {pathdef%breadcrumb} / help
-</div>
+  {navbar}
 
-<div class="page_nav">
-<a href="{url|urlescape}summary{sessionvars%urlparameter}">summary</a> |
-<a href="{url|urlescape}shortlog{sessionvars%urlparameter}">shortlog</a> |
-<a href="{url|urlescape}log{sessionvars%urlparameter}">changelog</a> |
-<a href="{url|urlescape}graph{sessionvars%urlparameter}">graph</a> |
-<a href="{url|urlescape}tags{sessionvars%urlparameter}">tags</a> |
-<a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">bookmarks</a> |
-<a href="{url|urlescape}branches{sessionvars%urlparameter}">branches</a> |
-<a href="{url|urlescape}file{sessionvars%urlparameter}">files</a> |
-{if(subindex,
-  '<a href="{url|urlescape}help{sessionvars%urlparameter}">help</a>',
-  'help'
-)}
-<br/>
-</div>
+  <div class="uk-container uk-container-center uk-margin-large-bottom">
+    <div class="uk-tab-center uk-margin-top">
+      <ul class="uk-tab">
+        <li><a href="{url|urlescape}summary{sessionvars%urlparameter}">Summary</a></li>
+        <li><a href="{url|urlescape}shortlog{sessionvars%urlparameter}">Shortlog</a></li>
+        <li><a href="{url|urlescape}log{sessionvars%urlparameter}">Changelog</a></li>
+        <li><a href="{url|urlescape}graph{sessionvars%urlparameter}">Graph</a></li>
+        <li><a href="{url|urlescape}branches{sessionvars%urlparameter}">Branches</a></li>
+        <li><a href="{url|urlescape}tags{sessionvars%urlparameter}">Tags</a></li>
+        <li><a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">Bookmarks</a></li>
+        <li><a href="{url|urlescape}file{sessionvars%urlparameter}">Files</a></li>
+      </ul>
+    </div>
 
-<div class="title">&nbsp;</div>
-<table cellspacing="0">
-<tr><td colspan="2"><h2><a name="main" href="#topics">Topics</a></h2></td></tr>
-{topics % helpentry}
+    <h2><a name="topics" href="#topics">Topics</a></h2>
+    <dl class="uk-description-list-horizontal">
+      {topics % helpentry}
+    </dl>
 
-{if(earlycommands, '
-<tr><td colspan="2"><h2><a name="main" href="#main">Main Commands</a></h2></td></tr>
-{earlycommands % helpentry}
-')}
+    {if(earlycommands, '
+    <h2><a name="main" href="#main">Main Commands</a></h2>
+    <dl class="uk-description-list-horizontal">
+      {earlycommands % helpentry}
+    </dl>
+    ')}
 
-{if(othercommands, '
-<tr><td colspan="2"><h2><a name="other" href="#other">Other Commands</a></h2></td></tr>
-{othercommands % helpentry}
-')}
+    {if(othercommands, '
+    <h2><a name="other" href="#other">Other Commands</a></h2>
+    <dl class="uk-description-list-horizontal">
+      {othercommands % helpentry}
+    </dl>
+    ')}
 
-</table>
+  </div>
 
 {footer}

--- a/index.tmpl	Wed Sep 21 18:53:22 2016 +0800
+++ b/index.tmpl	Sun Sep 25 23:16:40 2016 +0800
@@ -1,27 +1,46 @@
 {header}
-<title>Mercurial repositories index</title>
+
+  <title>Mercurial repositories index</title>
 </head>
-<body>
 
-<div class="page_header">
-    <a href="{logourl}" title="Mercurial" style="float: right;">Mercurial</a>
-    <a href="/">Mercurial</a> {pathdef%breadcrumb}
-</div>
+<body>
+  <nav class="uk-navbar">
+    <ul class="uk-navbar-nav">
+      <li><a href="/">Repositories</a></li>
+      {pathdef%breadcrumb}
+    </ul>
+
+    <div class="uk-navbar-flip">
+      <nav class="uk-navbar-nav">
+        <li><a href="{logourl}" class="uk-navbar-brand"><img src="{staticurl|urlescape}hgicon.png" alt="hgicon"> Mercurial</a></li>
+      </nav>
+    </div>
+  </nav>
 
-<table cellspacing="0">
-    <tr>
-        <td><a href="?sort={sort_name}">Name</a></td>
-        <td><a href="?sort={sort_description}">Description</a></td>
-        <td><a href="?sort={sort_contact}">Contact</a></td>
-        <td><a href="?sort={sort_lastchange}">Last modified</a></td>
-        <td>&nbsp;</td>
-        <td>&nbsp;</td>
-    </tr>
-    {entries%indexentry}
-</table>
-<div class="page_footer">
-{motd}
-</div>
-<script type="text/javascript">process_dates()</script>
-</body>
-</html>
+  <div class="uk-container uk-container-center uk-margin-large-bottom">
+    <div class="uk-text-right uk-margin-top">
+      <span class="uk-margin-left">Other formats:</span>
+      <div class="uk-button-group">
+        <a class="uk-button uk-button-small" href="{url|urlescape}?style=json">JSON</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}?style=raw">Raw</a>
+      </div>
+    </div>
+
+    <table class="uk-table uk-table-hover uk-text-nowrap">
+      <thead>
+        <tr>
+          <td><a href="?sort={sort_name}">Name</a></td>
+          <td><a href="?sort={sort_description}">Description</a></td>
+          <td><a href="?sort={sort_contact}">Contact</a></td>
+          <td><a href="?sort={sort_lastchange}">Last modified</a></td>
+          <td></td>
+          <td></td>
+        </tr>
+      </thead>
+      <tbody>
+        {entries%indexentry}
+      </tbody>
+    </table>
+  </div>
+
+{footer}

--- a/manifest.tmpl	Wed Sep 21 18:53:22 2016 +0800
+++ b/manifest.tmpl	Sun Sep 25 23:16:40 2016 +0800
@@ -1,42 +1,65 @@
 {header}
-<title>{repo|escape}: files</title>
-<link rel="alternate" type="application/atom+xml"
-   href="{url|urlescape}atom-log" title="Atom feed for {repo|escape}"/>
-<link rel="alternate" type="application/rss+xml"
-   href="{url|urlescape}rss-log" title="RSS feed for {repo|escape}"/>
+
+  <title>Files at {symrev|escape} · {repo|escape}</title>
+  <link rel="alternate" type="application/atom+xml" href="{url|urlescape}atom-log" title="Atom feed for {repo|escape}">
+  <link rel="alternate" type="application/rss+xml" href="{url|urlescape}rss-log" title="RSS feed for {repo|escape}">
 </head>
+
 <body>
+  {navbar}
 
-<div class="page_header">
-<a href="{logourl}" title="Mercurial" style="float: right;">Mercurial</a>
-<a href="/">Mercurial</a> {pathdef%breadcrumb} / files
-</div>
+  <div class="uk-container uk-container-center uk-margin-large-bottom">
+    <div class="uk-tab-center uk-margin-top">
+      <ul class="uk-tab">
+        <li><a href="{url|urlescape}summary{sessionvars%urlparameter}">Summary</a></li>
+        <li><a href="{url|urlescape}shortlog/{symrev}{sessionvars%urlparameter}">Shortlog</a></li>
+        <li><a href="{url|urlescape}log/{symrev}{sessionvars%urlparameter}">Changelog</a></li>
+        <li><a href="{url|urlescape}graph/{symrev}{sessionvars%urlparameter}">Graph</a></li>
+        <li><a href="{url|urlescape}branches{sessionvars%urlparameter}">Branches</a></li>
+        <li><a href="{url|urlescape}tags{sessionvars%urlparameter}">Tags</a></li>
+        <li><a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">Bookmarks</a></li>
+        <li class="uk-active"><a href="{url|urlescape}file/{symrev}{sessionvars%urlparameter}">Files</a></li>
+      </ul>
+    </div>
+
+    <div class="uk-clearfix uk-margin-top">
+      <div class="uk-float-right">
+        <table>
+          {child%changesetchild}
+          {parent%changesetparent}
+        </table>
+      </div>
 
-<div class="page_nav">
-<a href="{url|urlescape}summary{sessionvars%urlparameter}">summary</a> |
-<a href="{url|urlescape}shortlog{sessionvars%urlparameter}">shortlog</a> |
-<a href="{url|urlescape}log{sessionvars%urlparameter}">changelog</a> |
-<a href="{url|urlescape}graph{sessionvars%urlparameter}">graph</a> |
-<a href="{url|urlescape}tags{sessionvars%urlparameter}">tags</a> |
-<a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">bookmarks</a> |
-<a href="{url|urlescape}branches{sessionvars%urlparameter}">branches</a> |
-files |
-<a href="{url|urlescape}rev/{symrev}{sessionvars%urlparameter}">changeset</a> {archives%archiveentry} |
-<a href="{url|urlescape}help{sessionvars%urlparameter}">help</a>
-<br/>
-</div>
+      <div>
+        <a class="kit-monospace" href="{url|urlescape}rev/{node|short}{sessionvars%urlparameter}">{rev}:{node|short}</a>
+        {inbranch%inbranchtag}{branches%branchtag}{tags%tagtag}{bookmarks%bookmarktag}
+      </div>
+      <div>{author|obfuscate}, <span class="age">{date|rfc822date}</span></div>
+
+      <div class="uk-margin-small uk-margin-small-left kit-commit-message">{desc|strip|escape|websub|nonempty}</div>
+    </div>
+
+    <hr>
 
-<div class="title">{path|escape} <span class="logtags">{inbranch%inbranchtag}{branches%branchtag}{tags%tagtag}{bookmarks%bookmarktag}</span></div>
-<table cellspacing="0">
-<tr class="parity{upparity}">
-<td style="font-family:monospace">drwxr-xr-x</td>
-<td style="font-family:monospace"></td>
-<td style="font-family:monospace"></td>
-<td><a href="{url|urlescape}file/{symrev}{up|urlescape}{sessionvars%urlparameter}">[up]</a></td>
-<td class="link">&nbsp;</td>
-</tr>
-{dentries%direntry}
-{fentries%fileentry}
-</table>
+    <h2>
+      {path|escape}
+      <div class="uk-button-group uk-float-right">
+        {archives%archiveentry}
+      </div>
+    </h2>
+
+    <table class="uk-table uk-table-hover uk-text-nowrap">
+      <tr>
+        <td class="uk-width-1-1 uk-text-break">
+          <a href="{url|urlescape}file/{symrev}{up|urlescape}{sessionvars%urlparameter}">[up]</a>
+        </td>
+        <td></td>
+        <td>drwxr-xr-x</td>
+        <td></td>
+      </tr>
+      {dentries%direntry}
+      {fentries%fileentry}
+    </table>
+  </div>
 
 {footer}

--- a/map	Wed Sep 21 18:53:22 2016 +0800
+++ b/map	Sun Sep 25 23:16:40 2016 +0800
@@ -12,24 +12,26 @@
 helptopics = helptopics.tmpl
 
 helpentry = '
-  <tr><td>
+  <dt>
     <a href="{url|urlescape}help/{topic|escape}{sessionvars%urlparameter}">
       {if(basename, '{basename|escape}', '{topic|escape}')}
     </a>
-  </td><td>
-    {summary|escape}
-  </td></tr>'
+  </dt>
+  <dd>{summary|escape}</dd>'
 
-naventry = '<a href="{url|urlescape}log/{node|short}{sessionvars%urlparameter}">{label|escape}</a> '
-navshortentry = '<a href="{url|urlescape}shortlog/{node|short}{sessionvars%urlparameter}">{label|escape}</a> '
-navgraphentry = '<a href="{url|urlescape}graph/{node|short}{sessionvars%urlparameter}">{label|escape}</a> '
-filenaventry = '<a href="{url|urlescape}log/{node|short}/{file|urlescape}{sessionvars%urlparameter}">{label|escape}</a> '
+navbar = navbar.tmpl
+naventry = '<li><a href="{url|urlescape}log/{node|short}{sessionvars%urlparameter}">{label|escape}</a></li> '
+navshortentry = '<li><a href="{url|urlescape}shortlog/{node|short}{sessionvars%urlparameter}">{label|escape}</a></li> '
+navgraphentry = '<li><a href="{url|urlescape}graph/{node|short}{sessionvars%urlparameter}">{label|escape}</a></li> '
+filenaventry = '<li><a href="{url|urlescape}log/{node|short}/{file|urlescape}{sessionvars%urlparameter}">{label|escape}</a></li> '
 filedifflink = '<a href="{url|urlescape}diff/{node|short}/{file|urlescape}{sessionvars%urlparameter}">{file|escape}</a> '
 filenodelink = '
-  <tr class="parity{parity}">
-    <td><a class="list" href="{url|urlescape}diff/{node|short}/{file|urlescape}{sessionvars%urlparameter}">{file|escape}</a></td>
+  <tr>
+    <td class="uk-width-1-1 uk-text-break kit-white-space-normal">
+      <a href="{url|urlescape}diff/{node|short}/{file|urlescape}{sessionvars%urlparameter}">{file|escape}</a>
+    </td>
     <td></td>
-    <td class="link">
+    <td>
       <a href="{url|urlescape}file/{node|short}/{file|urlescape}{sessionvars%urlparameter}">file</a> |
       <a href="{url|urlescape}annotate/{node|short}/{file|urlescape}{sessionvars%urlparameter}">annotate</a> |
       <a href="{url|urlescape}diff/{node|short}/{file|urlescape}{sessionvars%urlparameter}">diff</a> |
@@ -38,10 +40,12 @@
     </td>
   </tr>'
 filenolink = '
-  <tr class="parity{parity}">
-    <td><a class="list" href="{url|urlescape}diff/{node|short}/{file|urlescape}{sessionvars%urlparameter}">{file|escape}</a></td>
+  <tr>
+    <td class="uk-width-1-1 uk-text-break kit-white-space-normal">
+      <a href="{url|urlescape}diff/{node|short}/{file|urlescape}{sessionvars%urlparameter}">{file|escape}</a>
+    </td>
     <td></td>
-    <td class="link">
+    <td>
       file |
       annotate |
       <a href="{url|urlescape}diff/{node|short}/{file|urlescape}{sessionvars%urlparameter}">diff</a> |
@@ -61,27 +65,25 @@
 changeset = changeset.tmpl
 manifest = manifest.tmpl
 direntry = '
-  <tr class="parity{parity}">
-    <td style="font-family:monospace">drwxr-xr-x</td>
-    <td style="font-family:monospace"></td>
-    <td style="font-family:monospace"></td>
-    <td>
+  <tr>
+    <td class="uk-width-1-1 uk-text-break kit-white-space-normal">
       <a href="{url|urlescape}file/{symrev}{path|urlescape}{sessionvars%urlparameter}">{basename|escape}</a>
       <a href="{url|urlescape}file/{symrev}{path|urlescape}/{emptydirs|urlescape}{sessionvars%urlparameter}">{emptydirs|escape}</a>
     </td>
-    <td class="link">
+    <td></td>
+    <td class="kit-monospace">drwxr-xr-x</td>
+    <td>
       <a href="{url|urlescape}file/{symrev}{path|urlescape}{sessionvars%urlparameter}">files</a>
     </td>
   </tr>'
 fileentry = '
-  <tr class="parity{parity}">
-    <td style="font-family:monospace">{permissions|permissions}</td>
-    <td style="font-family:monospace" align=right>{date|isodate}</td>
-    <td style="font-family:monospace" align=right>{size}</td>
-    <td class="list">
-      <a class="list" href="{url|urlescape}file/{symrev}/{file|urlescape}{sessionvars%urlparameter}">{basename|escape}</a>
+  <tr>
+    <td class="uk-width-1-1 uk-text-break kit-white-space-normal">
+      <a href="{url|urlescape}file/{symrev}/{file|urlescape}{sessionvars%urlparameter}">{basename|escape}</a>
     </td>
-    <td class="link">
+    <td>{size}</td>
+    <td class="kit-monospace">{permissions|permissions}</td>
+    <td>
       <a href="{url|urlescape}file/{symrev}/{file|urlescape}{sessionvars%urlparameter}">file</a> |
       <a href="{url|urlescape}log/{symrev}/{file|urlescape}{sessionvars%urlparameter}">revisions</a> |
       <a href="{url|urlescape}annotate/{symrev}/{file|urlescape}{sessionvars%urlparameter}">annotate</a>
@@ -92,126 +94,90 @@
 filediff = filediff.tmpl
 filecomparison = filecomparison.tmpl
 filelog = filelog.tmpl
-fileline = '
-  <a href="#{lineid}"></a><span id="{lineid}">{strip(line|escape, '\r\n')}</span>'
+fileline = '<div id="{lineid}"><a href="#{lineid}" class="kit-line-number" data-line-number="{linenumber}"></a>{strip(line|escape, '\r\n')}</div>'
 annotateline = '
-  <tr id="{lineid}" style="font-family:monospace" class="parity{parity}{ifeq(node, originalnode, ' thisrev')}">
-    <td class="annotate linenr parity{blockparity}" style="text-align: right;">
-      {if(blockhead,
-          '<a href="{url|urlescape}annotate/{node|short}/{file|urlescape}{sessionvars%urlparameter}#l{targetline}">
-             {rev}
-           </a>')}
-      <div class="annotate-info">
+  <tr id="{lineid}" {ifeq(node, originalnode, ' class="kit-this-rev"')}>
+    <td class="uk-visible-hover uk-position-relative uk-text-top kit-block-parity{blockparity}">
+      {if(blockhead, '<a href="{url|urlescape}annotate/{node|short}/{file|urlescape}{sessionvars%urlparameter}#l{targetline}">{rev}</a>')}
+      <div class="uk-hidden uk-position-absolute uk-position-z-index uk-panel uk-panel-box uk-margin-left uk-text-nowrap">
         <div>
-          <a href="{url|urlescape}annotate/{node|short}/{file|urlescape}{sessionvars%urlparameter}#l{targetline}">
-            {node|short}</a>
+          <a class="kit-monospace" href="{url|urlescape}rev/{node|short}{sessionvars%urlparameter}">{rev}:{node|short}</a>
           {desc|escape|firstline}
         </div>
-        <div><em>{author|obfuscate}</em></div>
+        <div>{author|obfuscate}</div>
         <div>parents: {parents%annotateparent}</div>
+        <a href="{url|urlescape}annotate/{node|short}/{file|urlescape}{sessionvars%urlparameter}#l{targetline}">line</a> |
         <a href="{url|urlescape}diff/{node|short}/{file|urlescape}{sessionvars%urlparameter}">diff</a>
-        <a href="{url|urlescape}rev/{node|short}{sessionvars%urlparameter}">changeset</a>
       </div>
     </td>
-    <td><pre><a class="linenr" href="#{lineid}">{linenumber}</a></pre></td>
-    <td><pre>{line|escape}</pre></td>
+    <td class="kit-monospace kit-annotate-line"><a href="#{lineid}" class="kit-line-number" data-line-number="{linenumber}"></a>{line|escape}</td>
   </tr>'
-annotateparent = '
-  <a href="{url|urlescape}annotate/{node|short}/{file|urlescape}{sessionvars%urlparameter}">{rev}</a>'
-difflineplus = '
-  <a href="#{lineid}"></a><span id="{lineid}" class="difflineplus">{strip(line|escape, '\r\n')}</span>'
-difflineminus = '
-  <a href="#{lineid}"></a><span id="{lineid}" class="difflineminus">{strip(line|escape, '\r\n')}</span>'
-difflineat = '
-  <a href="#{lineid}"></a><span id="{lineid}" class="difflineat">{strip(line|escape, '\r\n')}</span>'
-diffline = '
-  <a href="#{lineid}"></a><span id="{lineid}">{strip(line|escape, '\r\n')}</span>'
+annotateparent = '<a class="kit-monospace" href="{url|urlescape}annotate/{node|short}/{file|urlescape}{sessionvars%urlparameter}">{rev}:{node|short}</a>'
+difflineplus = '<div id="{lineid}" class="kit-line-plus"><a href="#{lineid}" class="kit-line-number" data-line-number="{linenumber}"></a>{strip(line|escape, '\r\n')}</div>'
+difflineminus = '<div id="{lineid}" class="kit-line-minus"><a href="#{lineid}" class="kit-line-number" data-line-number="{linenumber}"></a>{strip(line|escape, '\r\n')}</div>'
+difflineat = '<div id="{lineid}" class="kit-line-at"><a href="#{lineid}" class="kit-line-number" data-line-number="{linenumber}"></a>{strip(line|escape, '\r\n')}</div>'
+diffline = '<div id="{lineid}"><a href="#{lineid}" class="kit-line-number" data-line-number="{linenumber}"></a>{strip(line|escape, '\r\n')}</div>'
 
-comparisonblock ='
-  <tbody class="block">
-  {lines}
-  </tbody>'
+comparisonblock = '<tbody class="kit-monospace kit-comparison">{lines}</tbody>'
 comparisonline = '
-  <tr id="{lineid}" style="font-family:monospace">
-    <td class="{type}"><pre><a class="linenr" href="#{lineid}">{leftlinenumber}</a> {leftline|escape}</pre></td>
-    <td class="{type}"><pre><a class="linenr" href="#{lineid}">{rightlinenumber}</a> {rightline|escape}</pre></td>
+  <tr id="{lineid}" class="kit-comparison-{type}">
+    <td><a href="#{lineid}" class="kit-line-number" data-line-number="{leftlinenumber}"></a>{leftline|escape}</td>
+    <td><a href="#{lineid}" class="kit-line-number" data-line-number="{rightlinenumber}"></a>{rightline|escape}</td>
   </tr>'
 
-changelogparent = '
-  <tr>
-    <th class="parent">parent {rev}:</th>
-    <td class="parent">
-      <a href="{url|urlescape}rev/{node|short}{sessionvars%urlparameter}">{node|short}</a>
-    </td>
-  </tr>'
-changesetlink = '<a class="list" href="{url|urlescape}rev/{node|short}{sessionvars%urlparameter}">{node|short}</a>'
-changesetbranch = '<tr><td>branch</td><td>{name|escape}</td></tr>'
+difffrom = '<a href="{url|urlescape}rev/{node|short}:{originalnode|short}{sessionvars%urlparameter}">diff</a>'
+changesetlink = '<a class="kit-monospace" href="{url|urlescape}rev/{node|short}{sessionvars%urlparameter}">{rev}:{node|short}</a>'
 changesetparent = '
   <tr>
-    <td>parent {rev}</td>
-    <td style="font-family:monospace">
-      {changesetlink}
-    </td>
+    <td class="uk-text-right">parent</td>
+    <td>{changesetlink}</td>
   </tr>'
 changesetparentdiff = '
   <tr>
-    <td>parent {rev}</td>
-    <td style="font-family:monospace">
-      {changesetlink} {ifeq(node, basenode, '(current diff)', '({difffrom})')}
-    </td>
+    <td class="uk-text-right">parent</td>
+    <td>{changesetlink} {ifeq(node, basenode, '(current diff)', '({difffrom})')}</td>
   </tr>'
-difffrom = '<a href="{url|urlescape}rev/{node|short}:{originalnode|short}{sessionvars%urlparameter}">diff</a>'
-filerevbranch = '<tr><td>branch</td><td>{name|escape}</td></tr>'
-filerevparent = '
+changesetchild = '
   <tr>
-    <td>parent {rev}</td>
-    <td style="font-family:monospace">
-      <a class="list" href="{url|urlescape}file/{node|short}/{file|urlescape}{sessionvars%urlparameter}">
-        {rename%filerename}{node|short}
-      </a>
-    </td>
+    <td class="uk-text-right">child</td>
+    <td>{changesetlink}</td>
   </tr>'
 filerename = '{file|escape}@'
 filelogrename = '| <a href="{url|urlescape}file/{node|short}/{file|urlescape}{sessionvars%urlparameter}">base</a>'
-fileannotateparent = '
+filerevparent = '
   <tr>
-    <td>parent {rev}</td>
-    <td style="font-family:monospace">
-      <a class="list" href="{url|urlescape}annotate/{node|short}/{file|urlescape}{sessionvars%urlparameter}">
-        {rename%filerename}{node|short}
-      </a>
-    </td>
-  </tr>'
-changelogchild = '
-  <tr>
-    <th class="child">child {rev}:</th>
-    <td class="child"><a href="{url|urlescape}rev/{node|short}{sessionvars%urlparameter}">{node|short}</a></td>
-  </tr>'
-changesetchild = '
-  <tr>
-    <td>child {rev}</td>
-    <td style="font-family:monospace">
-      <a class="list" href="{url|urlescape}rev/{node|short}{sessionvars%urlparameter}">{node|short}</a>
+    <td class="uk-text-right">previous change</td>
+    <td>
+      <a class="kit-monospace" href="{url|urlescape}file/{node|short}/{file|urlescape}{sessionvars%urlparameter}">{rename%filerename}{rev}:{node|short}</a>
     </td>
   </tr>'
 filerevchild = '
   <tr>
-    <td>child {rev}</td>
-    <td style="font-family:monospace">
-      <a class="list" href="{url|urlescape}file/{node|short}/{file|urlescape}{sessionvars%urlparameter}">{node|short}</a></td>
+    <td class="uk-text-right">next change</td>
+    <td>
+      <a class="kit-monospace" href="{url|urlescape}file/{node|short}/{file|urlescape}{sessionvars%urlparameter}">{rev}:{node|short}</a></td>
     </tr>'
+fileannotateparent = '
+  <tr>
+    <td class="uk-text-right">previous change</td>
+    <td>
+      <a class="kit-monospace" href="{url|urlescape}annotate/{node|short}/{file|urlescape}{sessionvars%urlparameter}">{rename%filerename}{rev}:{node|short}</a>
+    </td>
+  </tr>'
 fileannotatechild = '
   <tr>
-    <td>child {rev}</td>
-    <td style="font-family:monospace">
-      <a class="list" href="{url|urlescape}annotate/{node|short}/{file|urlescape}{sessionvars%urlparameter}">{node|short}</a></td>
+    <td class="uk-text-right">next change</td>
+    <td>
+      <a class="kit-monospace" href="{url|urlescape}annotate/{node|short}/{file|urlescape}{sessionvars%urlparameter}">{rev}:{node|short}</a></td>
     </tr>'
 tags = tags.tmpl
 tagentry = '
-  <tr class="parity{parity}">
-    <td class="age"><i class="age">{date|rfc822date}</i></td>
-    <td><a class="list" href="{url|urlescape}rev/{tag|revescape}{sessionvars%urlparameter}"><b>{tag|escape}</b></a></td>
-    <td class="link">
+  <tr>
+    <td class="age">{date|rfc822date}</td>
+    <td class="uk-width-1-1 uk-text-break">
+      <a href="{url|urlescape}rev/{tag|revescape}{sessionvars%urlparameter}">{tag|escape}</a>
+    </td>
+    <td>
       <a href="{url|urlescape}rev/{node|short}{sessionvars%urlparameter}">changeset</a> |
       <a href="{url|urlescape}log/{node|short}{sessionvars%urlparameter}">changelog</a> |
       <a href="{url|urlescape}file/{node|short}{sessionvars%urlparameter}">files</a>
@@ -219,10 +185,12 @@
   </tr>'
 bookmarks = bookmarks.tmpl
 bookmarkentry = '
-  <tr class="parity{parity}">
-    <td class="age"><i class="age">{date|rfc822date}</i></td>
-    <td><a class="list" href="{url|urlescape}rev/{bookmark|revescape}{sessionvars%urlparameter}"><b>{bookmark|escape}</b></a></td>
-    <td class="link">
+  <tr>
+    <td class="age">{date|rfc822date}</td>
+    <td class="uk-width-1-1 uk-text-break">
+      <a href="{url|urlescape}rev/{bookmark|revescape}{sessionvars%urlparameter}">{bookmark|escape}</a>
+    </td>
+    <td>
       <a href="{url|urlescape}rev/{node|short}{sessionvars%urlparameter}">changeset</a> |
       <a href="{url|urlescape}log/{node|short}{sessionvars%urlparameter}">changelog</a> |
       <a href="{url|urlescape}file/{node|short}{sessionvars%urlparameter}">files</a>
@@ -230,117 +198,98 @@
   </tr>'
 branches = branches.tmpl
 branchentry = '
-  <tr class="parity{parity}">
-    <td class="age"><i class="age">{date|rfc822date}</i></td>
-    <td class="{status}"><a class="list" href="{url|urlescape}shortlog/{branch|revescape}{sessionvars%urlparameter}"><b>{branch|escape}</b></a></td>
-    <td class="link">
-      <a href="{url|urlescape}changeset/{node|short}{sessionvars%urlparameter}">changeset</a> |
+  <tr>
+    <td class="age">{date|rfc822date}</td>
+    <td class="uk-width-1-1 uk-text-break kit-white-space-normal">
+      <a href="{url|urlescape}shortlog/{branch|revescape}{sessionvars%urlparameter}">{branch|escape}</a>
+      <span class="uk-badge kit-badge-branch-{status}">{status}</span>
+    </td>
+    <td>
+      <a href="{url|urlescape}rev/{node|short}{sessionvars%urlparameter}">changeset</a> |
       <a href="{url|urlescape}log/{node|short}{sessionvars%urlparameter}">changelog</a> |
       <a href="{url|urlescape}file/{node|short}{sessionvars%urlparameter}">files</a>
     </td>
   </tr>'
-diffblock = '<div class="diffblock"><pre class="sourcelines">{lines}</pre></div>'
+diffblock = '<pre class="kit-diff">{lines}</pre>'
+diffstatlink = diffstatlink.tmpl
+diffstatnolink = diffstatlink.tmpl
 filediffparent = '
   <tr>
-    <td>parent {rev}</td>
-    <td style="font-family:monospace">
-      <a class="list" href="{url|urlescape}diff/{node|short}/{file|urlescape}{sessionvars%urlparameter}">
-        {node|short}
-      </a>
+    <td class="uk-text-right">previous change</td>
+    <td>
+      <a class="kit-monospace" href="{url|urlescape}diff/{node|short}/{file|urlescape}{sessionvars%urlparameter}">{rev}:{node|short}</a>
+    </td>
+  </tr>'
+filediffchild = '
+  <tr>
+    <td class="uk-text-right">next change</td>
+    <td>
+      <a class="kit-monospace" href="{url|urlescape}diff/{node|short}/{file|urlescape}{sessionvars%urlparameter}">{rev}:{node|short}</a>
     </td>
   </tr>'
 filecompparent = '
   <tr>
-    <td>parent {rev}</td>
-    <td style="font-family:monospace">
-      <a class="list" href="{url|urlescape}comparison/{node|short}/{file|urlescape}{sessionvars%urlparameter}">
-        {node|short}
-      </a>
-    </td>
-  </tr>'
-filelogparent = '
-  <tr>
-    <td align="right">parent {rev}:&nbsp;</td>
-    <td><a href="{url|urlescape}file/{node|short}/{file|urlescape}{sessionvars%urlparameter}">{node|short}</a></td>
-  </tr>'
-filediffchild = '
-  <tr>
-    <td>child {rev}</td>
-    <td style="font-family:monospace">
-      <a class="list" href="{url|urlescape}diff/{node|short}/{file|urlescape}{sessionvars%urlparameter}">{node|short}</a>
+    <td class="uk-text-right">previous change</td>
+    <td>
+      <a class="kit-monospace" href="{url|urlescape}comparison/{node|short}/{file|urlescape}{sessionvars%urlparameter}">{rev}:{node|short}</a>
     </td>
   </tr>'
 filecompchild = '
   <tr>
-    <td>child {rev}</td>
-    <td style="font-family:monospace">
-      <a class="list" href="{url|urlescape}comparison/{node|short}/{file|urlescape}{sessionvars%urlparameter}">{node|short}</a>
+    <td class="uk-text-right">next change</td>
+    <td>
+      <a class="kit-monospace" href="{url|urlescape}comparison/{node|short}/{file|urlescape}{sessionvars%urlparameter}">{rev}:{node|short}</a>
     </td>
   </tr>'
-filelogchild = '
-  <tr>
-    <td align="right">child {rev}:&nbsp;</td>
-    <td><a href="{url|urlescape}file{node|short}/{file|urlescape}{sessionvars%urlparameter}">{node|short}</a></td>
-  </tr>'
 shortlog = shortlog.tmpl
 graph = graph.tmpl
-tagtag = '<span class="tagtag" title="{name|escape}">{name|escape}</span> '
-branchtag = '<span class="branchtag" title="{name|escape}">{name|escape}</span> '
-inbranchtag = '<span class="inbranchtag" title="{name|escape}">{name|escape}</span> '
-bookmarktag = '<span class="bookmarktag" title="{name|escape}">{name|escape}</span> '
+tagtag = '<a href="{url|urlescape}rev/{name|revescape}{sessionvars%urlparameter}"><span class="uk-badge kit-badge-tag" title="Tag: {name|escape}">{name|escape}</span></a> '
+branchtag = '<a href="{url|urlescape}shortlog/{name|revescape}{sessionvars%urlparameter}"><span class="uk-badge kit-badge-branch-head" title="A head of branch: {name|escape}">{name|escape}</span></a> '
+inbranchtag = '<a href="{url|urlescape}shortlog/{name|revescape}{sessionvars%urlparameter}"><span class="uk-badge kit-badge-branch" title="Branch: {name|escape}">{name|escape}</span></a> '
+bookmarktag = '<a href="{url|urlescape}rev/{name|revescape}{sessionvars%urlparameter}"><span class="uk-badge kit-badge-bookmark" title="Bookmark: {name|escape}">{name|escape}</span></a> '
 shortlogentry = '
-  <tr class="parity{parity}">
-    <td class="age"><i class="age">{date|rfc822date}</i></td>
-    <td><i>{author|person}</i></td>
+  <tr>
+    <td class="age">{date|rfc822date}</td>
+    <td>{author|person}</td>
+    <td class="uk-width-1-1 uk-text-break kit-white-space-normal">
+      <a href="{url|urlescape}rev/{node|short}{sessionvars%urlparameter}">{desc|strip|firstline|escape|nonempty}</a>
+      <span>{inbranch%inbranchtag}{branches%branchtag}{tags%tagtag}{bookmarks%bookmarktag}</span>
+    </td>
     <td>
-      <a class="list" href="{url|urlescape}rev/{node|short}{sessionvars%urlparameter}">
-        <b>{desc|strip|firstline|escape|nonempty}</b>
-        <span class="logtags">{inbranch%inbranchtag}{branches%branchtag}{tags%tagtag}{bookmarks%bookmarktag}</span>
-      </a>
-    </td>
-    <td class="link" nowrap>
       <a href="{url|urlescape}rev/{node|short}{sessionvars%urlparameter}">changeset</a> |
       <a href="{url|urlescape}file/{node|short}{sessionvars%urlparameter}">files</a>
     </td>
   </tr>'
 filelogentry = '
-  <tr class="parity{parity}">
-    <td class="age"><i class="age">{date|rfc822date}</i></td>
-    <td><i>{author|person}</i></td>
+  <tr>
+    <td class="age">{date|rfc822date}</td>
+    <td>{author|person}</td>
+    <td class="uk-width-1-1 uk-text-break kit-white-space-normal">
+      <a href="{url|urlescape}rev/{node|short}{sessionvars%urlparameter}">{desc|strip|firstline|escape|nonempty}</a>
+      <span>{inbranch%inbranchtag}{branches%branchtag}{tags%tagtag}{bookmarks%bookmarktag}</span>
+    </td>
     <td>
-      <a class="list" href="{url|urlescape}rev/{node|short}{sessionvars%urlparameter}">
-        <b>{desc|strip|firstline|escape|nonempty}</b>
-        <span class="logtags">{inbranch%inbranchtag}{branches%branchtag}{tags%tagtag}{bookmarks%bookmarktag}</span>
-      </a>
-    </td>
-    <td class="link">
       <a href="{url|urlescape}file/{node|short}/{file|urlescape}{sessionvars%urlparameter}">file</a> |
       <a href="{url|urlescape}diff/{node|short}/{file|urlescape}{sessionvars%urlparameter}">diff</a> |
       <a href="{url|urlescape}annotate/{node|short}/{file|urlescape}{sessionvars%urlparameter}">annotate</a>
       {rename%filelogrename}
     </td>
   </tr>'
-archiveentry = ' | <a href="{url|urlescape}archive/{symrev}{extension}{ifeq(path,'/','',path|urlescape)}">{type|escape}</a> '
+archiveentry = '<a class="uk-button uk-button-small" href="{url|urlescape}archive/{symrev}{extension}{ifeq(path, '/', '', path|urlescape)}">{type|escape}</a>'
 indexentry = '
-  <tr class="parity{parity}">
+  <tr>
     <td>
-      <a class="list" href="{url|urlescape}{sessionvars%urlparameter}">
-        <b>{name|escape}</b>
-      </a>
+      <a href="{url|urlescape}{sessionvars%urlparameter}">{name|escape}</a>
+      {ifeq(count(labels), 0, '', '<span class="uk-badge uk-badge-success">{join(labels, ', ')|escape}</span>')}
     </td>
-    <td>{description}</td>
+    <td class="uk-width-1-1 uk-text-break kit-white-space-normal">{description}</td>
     <td>{contact|obfuscate}</td>
     <td class="age">{lastchange|rfc822date}</td>
-    <td class="indexlinks">{archives%indexarchiveentry}</td>
-    <td>{if(isdirectory, '',
-            '<div class="rss_logo">
-                <a href="{url|urlescape}rss-log">RSS</a> <a href="{url|urlescape}atom-log">Atom</a>
-            </div>'
-            )}
-    </td>
-  </tr>\n'
+    <td>{archives%indexarchiveentry}</td>
+    <td>{if(isdirectory, '', '<div><a href="{url|urlescape}rss-log"><i class="uk-icon-rss"></i> RSS</a> <a href="{url|urlescape}atom-log"><i class="uk-icon-rss"></i> Atom</a></div>')}</td>
+  </tr>'
 indexarchiveentry = ' <a href="{url|urlescape}archive/{node|short}{extension}">{type|escape}</a> '
 index = index.tmpl
 urlparameter = '{separator}{name}={value|urlescape}'
-hiddenformentry = '<input type="hidden" name="{name}" value="{value|escape}" />'
-breadcrumb = '&gt; <a href="{url|urlescape}">{name|escape}</a> '
+hiddenformentry = '<input type="hidden" name="{name}" value="{value|escape}">'
+breadcrumb = '<li><a href="{url|urlescape}">{name|escape}</a></li>'

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/navbar.tmpl	Sun Sep 25 23:16:40 2016 +0800
@@ -0,0 +1,19 @@
+<nav class="uk-navbar">
+  <ul class="uk-navbar-nav">
+    <li><a href="/">Repositories</a></li>
+    {pathdef%breadcrumb}
+  </ul>
+
+  <div class="uk-navbar-flip">
+    <div class="uk-navbar-content">
+      <form action="{url|urlescape}log" class="uk-form uk-display-inline-block">
+        {sessionvars%hiddenformentry}
+        <input type="text" name="rev" placeholder="Find author, file or commit...">
+      </form>
+    </div>
+    <nav class="uk-navbar-nav">
+      <li><a href="{url|urlescape}help">Help</a></li>
+      <li><a href="{logourl}" class="uk-navbar-brand"><img src="{staticurl|urlescape}hgicon.png" alt="hgicon"> Mercurial</a></li>
+    </nav>
+  </div>
+</nav>

--- a/notfound.tmpl	Wed Sep 21 18:53:22 2016 +0800
+++ b/notfound.tmpl	Sun Sep 25 23:16:40 2016 +0800
@@ -1,18 +1,24 @@
 {header}
-<title>Mercurial repository not found</title>
+
+  <title>Mercurial repository not found</title>
 </head>
 
 <body>
-
-<div class="page_header">
-<a href="{logourl}" title="Mercurial" style="float: right;">Mercurial</a> Not found: {repo|escape}
-</div>
+  <nav class="uk-navbar">
+    <ul class="uk-navbar-nav">
+      <li><a href="/">Repositories</a></li>
+      {pathdef%breadcrumb}
+    </ul>
 
-<div class="page_body">
-The specified repository "{repo|escape}" is unknown, sorry.
-<br/>
-<br/>
-Please go back to the <a href="{url|urlescape}">main repository list page</a>.
-</div>
+    <div class="uk-navbar-flip">
+      <nav class="uk-navbar-nav">
+        <li><a href="{logourl}" class="uk-navbar-brand"><img src="{staticurl|urlescape}hgicon.png" alt="hgicon"> Mercurial</a></li>
+      </nav>
+    </div>
+  </nav>
+
+  <div class="uk-container uk-container-center uk-margin-large-bottom">
+    <p class="uk-margin-large-top uk-text-center">Repository "{repo|escape}" not found.</p>
+  </div>
 
 {footer}

--- a/search.tmpl	Wed Sep 21 18:53:22 2016 +0800
+++ b/search.tmpl	Sun Sep 25 23:16:40 2016 +0800
@@ -1,40 +1,30 @@
 {header}
-<title>{repo|escape}: Search</title>
-<link rel="alternate" type="application/atom+xml"
-   href="{url|urlescape}atom-log" title="Atom feed for {repo|escape}"/>
-<link rel="alternate" type="application/rss+xml"
-   href="{url|urlescape}rss-log" title="RSS feed for {repo|escape}"/>
+
+  <title>Searching for {query|escape} · {repo|escape}</title>
+  <link rel="alternate" type="application/atom+xml" href="{url|urlescape}atom-log" title="Atom feed for {repo|escape}">
+  <link rel="alternate" type="application/rss+xml" href="{url|urlescape}rss-log" title="RSS feed for {repo|escape}">
 </head>
+
 <body>
-
-<div class="page_header">
-<a href="{logourl}" title="Mercurial" style="float: right;">Mercurial</a>
-<a href="/">Mercurial</a> {pathdef%breadcrumb} / search
+  {navbar}
 
-<form action="{url|urlescape}log">
-{sessionvars%hiddenformentry}
-<div class="search">
-<input type="text" name="rev" value="{query|escape}" />
-</div>
-</form>
-</div>
+  <div class="uk-container uk-container-center uk-margin-large-bottom">
+    <div class="uk-tab-center uk-margin-top">
+      <ul class="uk-tab">
+        <li><a href="{url|urlescape}summary{sessionvars%urlparameter}">Summary</a></li>
+        <li><a href="{url|urlescape}shortlog{sessionvars%urlparameter}">Shortlog</a></li>
+        <li class="uk-active"><a href="{url|urlescape}log{sessionvars%urlparameter}">Changelog</a></li>
+        <li><a href="{url|urlescape}graph{sessionvars%urlparameter}">Graph</a></li>
+        <li><a href="{url|urlescape}branches{sessionvars%urlparameter}">Branches</a></li>
+        <li><a href="{url|urlescape}tags{sessionvars%urlparameter}">Tags</a></li>
+        <li><a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">Bookmarks</a></li>
+        <li><a href="{url|urlescape}file{sessionvars%urlparameter}">Files</a></li>
+      </ul>
+    </div>
 
-<div class="page_nav">
-<a href="{url|urlescape}summary{sessionvars%urlparameter}">summary</a> |
-<a href="{url|urlescape}shortlog{sessionvars%urlparameter}">shortlog</a> |
-<a href="{url|urlescape}log{sessionvars%urlparameter}">changelog</a> |
-<a href="{url|urlescape}graph{sessionvars%urlparameter}">graph</a> |
-<a href="{url|urlescape}tags{sessionvars%urlparameter}">tags</a> |
-<a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">bookmarks</a> |
-<a href="{url|urlescape}branches{sessionvars%urlparameter}">branches</a> |
-<a href="{url|urlescape}file{sessionvars%urlparameter}">files</a>{archives%archiveentry}
- |
- <a href="{url|urlescape}help{sessionvars%urlparameter}">help</a>
-<br/>
-</div>
+    <h2>Searching for {query|escape}</h2>
 
-<div class="title">searching for {query|escape}</div>
-
-{entries}
+    <ul class="uk-list uk-list-line">{entries}</ul>
+  </div>
 
 {footer}

--- a/shortlog.tmpl	Wed Sep 21 18:53:22 2016 +0800
+++ b/shortlog.tmpl	Sun Sep 25 23:16:40 2016 +0800
@@ -1,44 +1,43 @@
 {header}
-<title>{repo|escape}: Shortlog</title>
-<link rel="alternate" type="application/atom+xml"
-   href="{url|urlescape}atom-log" title="Atom feed for {repo|escape}"/>
-<link rel="alternate" type="application/rss+xml"
-   href="{url|urlescape}rss-log" title="RSS feed for {repo|escape}"/>
+
+  <title>Shortlog at {symrev|escape} · {repo|escape}</title>
+  <link rel="alternate" type="application/atom+xml" href="{url|urlescape}atom-log" title="Atom feed for {repo|escape}">
+  <link rel="alternate" type="application/rss+xml" href="{url|urlescape}rss-log" title="RSS feed for {repo|escape}">
 </head>
+
 <body>
-
-<div class="page_header">
-<a href="{logourl}" title="Mercurial" style="float: right;">Mercurial</a>
-<a href="/">Mercurial</a> {pathdef%breadcrumb} / shortlog
-</div>
+  {navbar}
 
-<form action="{url|urlescape}log">
-{sessionvars%hiddenformentry}
-<div class="search">
-<input type="text" name="rev"  />
-</div>
-</form>
-<div class="page_nav">
-<a href="{url|urlescape}summary{sessionvars%urlparameter}">summary</a> |
-shortlog |
-<a href="{url|urlescape}log/{symrev}{sessionvars%urlparameter}">changelog</a> |
-<a href="{url|urlescape}graph/{symrev}{sessionvars%urlparameter}">graph</a> |
-<a href="{url|urlescape}tags{sessionvars%urlparameter}">tags</a> |
-<a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">bookmarks</a> |
-<a href="{url|urlescape}branches{sessionvars%urlparameter}">branches</a> |
-<a href="{url|urlescape}file/{symrev}{sessionvars%urlparameter}">files</a>{archives%archiveentry} |
-<a href="{url|urlescape}help{sessionvars%urlparameter}">help</a>
-<br/>{changenav%navshort}<br/>
-</div>
+  <div class="uk-container uk-container-center uk-margin-large-bottom">
+    <div class="uk-tab-center uk-margin-top">
+      <ul class="uk-tab">
+        <li><a href="{url|urlescape}summary{sessionvars%urlparameter}">Summary</a></li>
+        <li class="uk-active"><a href="{url|urlescape}shortlog/{symrev}{sessionvars%urlparameter}">Shortlog</a></li>
+        <li><a href="{url|urlescape}log/{symrev}{sessionvars%urlparameter}">Changelog</a></li>
+        <li><a href="{url|urlescape}graph/{symrev}{sessionvars%urlparameter}">Graph</a></li>
+        <li><a href="{url|urlescape}branches{sessionvars%urlparameter}">Branches</a></li>
+        <li><a href="{url|urlescape}tags{sessionvars%urlparameter}">Tags</a></li>
+        <li><a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">Bookmarks</a></li>
+        <li><a href="{url|urlescape}file/{symrev}{sessionvars%urlparameter}">Files</a></li>
+      </ul>
+    </div>
 
-<div class="title">&nbsp;</div>
-<table class="shortlogtable" cellspacing="0">
-{entries%shortlogentry}
-</table>
+    <div class="uk-text-right uk-margin-top">
+      <span class="uk-margin-left">Other formats:</span>
+      <a class="uk-button uk-button-small" href="{url|urlescape}json-shortlog">JSON</a>
+      <span class="uk-margin-left">Feeds:</span>
+      <div class="uk-button-group">
+        <a class="uk-button uk-button-small" href="{url|urlescape}atom-log">Atom</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}rss-log">RSS</a>
+      </div>
+    </div>
 
-<div class="page_nav">
-{changenav%navshort}
-</div>
+    <ul class="uk-pagination">{changenav%navshort}</ul>
+    <table class="uk-table uk-table-hover uk-text-nowrap" data-scroll-target>
+      {entries%shortlogentry}
+    </table>
+    <ul class="uk-pagination">{changenav%navshort}</ul>
+  </div>
 
 <script type="text/javascript">
     ajaxScrollInit(
@@ -48,7 +47,7 @@
                 var m = htmlText.match(/'(\w+)', <!-- NEXTHASH/);
                 return m ? m[1] : null;
             },
-            '.shortlogtable > tbody:nth-of-type(1)',
+            '[data-scroll-target]',
             '<tr class="%class%">\
             <td colspan="4" style="text-align: center;">%text%</td>\
             </tr>'

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/style-kit.css	Sun Sep 25 23:16:40 2016 +0800
@@ -0,0 +1,162 @@
+#graph {
+    position: absolute;
+    z-index: 5;
+    top: -0.9em;
+    margin: 0;
+}
+
+ul#graphnodes,
+ul#nodebgs {
+    list-style: none inside none;
+}
+
+ul#graphnodes {
+    position: absolute;
+    z-index: 10;
+    top: -0.8em;
+    padding: 0;
+}
+
+ul#graphnodes li,
+ul#nodebgs li {
+    height: 39px;
+}
+
+pre {
+    font-size: 13px;
+}
+
+.uk-container.uk-width-1-1 {
+    max-width: 100%;
+}
+
+.uk-badge {
+    font-weight: normal;
+    text-shadow: none;
+}
+
+.kit-monospace,
+.kit-commit-message {
+    font: 13px/18px Consolas, monospace, serif;
+}
+
+.kit-border-collapse {
+    border-collapse: collapse;
+}
+
+.kit-white-space-normal {
+    white-space: normal;
+}
+
+.kit-badge-branch-head,
+.kit-badge-branch-open {
+    background-color: #00a8e6;
+}
+
+.kit-badge-branch-closed {
+    background-color: #777;
+}
+
+.kit-badge-branch,
+.kit-badge-branch-inactive {
+    background-color: #fff;
+    color: #00a8e6;
+    border: 1px solid #00a8e6;
+}
+
+.kit-badge-tag {
+    background-color: #8cc14c;
+}
+
+.kit-badge-bookmark {
+    background-color: #c247ce;
+}
+
+.kit-commit-message,
+.kit-file,
+.kit-diff,
+.kit-comparison,
+.kit-annotate-line {
+    white-space: pre-wrap;
+    word-break: break-all;
+    word-wrap: break-word;
+}
+
+.kit-file div,
+.kit-diff div,
+.kit-comparison td,
+.kit-annotate-line {
+    padding: 0 0 0 42px;
+    margin: 0;
+}
+
+.kit-file div:target,
+.kit-diff div:target,
+.kit-comparison tr:target,
+.kit-annotate tr:target {
+    background: #eee;
+}
+
+.kit-this-rev {
+    background-color: #ecfdf0;
+}
+
+.kit-block-parity1 {
+    background-color: #f0f0f0;
+}
+
+a.kit-line-number {
+    display: inline-block;
+    text-align: right;
+    min-width: 42px;
+    margin-left: -42px;
+    text-decoration: none;
+    color: #929292;
+    white-space: normal;
+}
+
+a.kit-line-number::before {
+    content: attr(data-line-number);
+    padding-right: 10px;
+}
+
+.kit-diffstat-add,
+.kit-diffstat-remove {
+    line-height: 14px;
+}
+
+.kit-diffstat-add {
+    background-color: #8cc14c;
+}
+
+.kit-diffstat-remove {
+    background-color: #da314b;
+}
+
+.kit-line-at {
+    color: #990099;
+}
+
+.kit-line-plus {
+    color: #008800;
+}
+
+.kit-line-minus {
+    color: #cc0000;
+}
+
+.kit-comparison + .kit-comparison tr:first-child td {
+    border-top: 1px solid #ddd;
+}
+
+.kit-comparison-insert {
+    background-color: #ecfdf0;
+}
+
+.kit-comparison-replace {
+    background-color: #f8eec7;
+}
+
+.kit-comparison-delete {
+    background-color: #fbe9eb;
+}

--- a/summary.tmpl	Wed Sep 21 18:53:22 2016 +0800
+++ b/summary.tmpl	Sun Sep 25 23:16:40 2016 +0800
@@ -1,66 +1,76 @@
 {header}
-<title>{repo|escape}: Summary</title>
-<link rel="alternate" type="application/atom+xml"
-   href="{url|urlescape}atom-log" title="Atom feed for {repo|escape}"/>
-<link rel="alternate" type="application/rss+xml"
-   href="{url|urlescape}rss-log" title="RSS feed for {repo|escape}"/>
+
+  <title>Summary · {repo|escape}</title>
+  <link rel="alternate" type="application/atom+xml" href="{url|urlescape}atom-log" title="Atom feed for {repo|escape}">
+  <link rel="alternate" type="application/rss+xml" href="{url|urlescape}rss-log" title="RSS feed for {repo|escape}">
 </head>
+
 <body>
+  {navbar}
 
-<div class="page_header">
-<a href="{logourl}" title="Mercurial" style="float: right;">Mercurial</a>
-<a href="/">Mercurial</a> {pathdef%breadcrumb} / summary
-<form action="{url|urlescape}log">
-{sessionvars%hiddenformentry}
-<div class="search">
-<input type="text" name="rev"  />
-</div>
-</form>
-</div>
+  <div class="uk-container uk-container-center uk-margin-large-bottom">
+    <div class="uk-tab-center uk-margin-top">
+      <ul class="uk-tab">
+        <li class="uk-active"><a href="{url|urlescape}summary{sessionvars%urlparameter}">Summary</a></li>
+        <li><a href="{url|urlescape}shortlog{sessionvars%urlparameter}">Shortlog</a></li>
+        <li><a href="{url|urlescape}log{sessionvars%urlparameter}">Changelog</a></li>
+        <li><a href="{url|urlescape}graph{sessionvars%urlparameter}">Graph</a></li>
+        <li><a href="{url|urlescape}branches{sessionvars%urlparameter}">Branches</a></li>
+        <li><a href="{url|urlescape}tags{sessionvars%urlparameter}">Tags</a></li>
+        <li><a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">Bookmarks</a></li>
+        <li><a href="{url|urlescape}file{sessionvars%urlparameter}">Files</a></li>
+      </ul>
+    </div>
 
-<div class="page_nav">
-summary |
-<a href="{url|urlescape}shortlog{sessionvars%urlparameter}">shortlog</a> |
-<a href="{url|urlescape}log{sessionvars%urlparameter}">changelog</a> |
-<a href="{url|urlescape}graph{sessionvars%urlparameter}">graph</a> |
-<a href="{url|urlescape}tags{sessionvars%urlparameter}">tags</a> |
-<a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">bookmarks</a> |
-<a href="{url|urlescape}branches{sessionvars%urlparameter}">branches</a> |
-<a href="{url|urlescape}file{sessionvars%urlparameter}">files</a>{archives%archiveentry} |
-<a href="{url|urlescape}help{sessionvars%urlparameter}">help</a>
-<br/>
-</div>
+    <div class="uk-clearfix uk-margin-top">
+      <h2>
+        {repo|escape}
+        {ifeq(count(labels), 0, '', '<span class="uk-badge uk-badge-success">{join(labels, ', ')|escape}</span>')}
+        <div class="uk-button-group uk-float-right">
+          {archives%archiveentry}
+        </div>
+      </h2>
 
-<div class="title">&nbsp;</div>
-<table cellspacing="0">
-<tr><td>description</td><td>{desc}</td></tr>
-<tr><td>owner</td><td>{owner|obfuscate}</td></tr>
-<tr><td>last change</td><td>{lastchange|rfc822date}</td></tr>
-</table>
+      <div class="uk-float-right">
+        <span class="uk-margin-left">Other formats:</span>
+        <a class="uk-button uk-button-small" href="{url|urlescape}json-summary">JSON</a>
+        <span class="uk-margin-left">Feeds:</span>
+        <div class="uk-button-group">
+          <a class="uk-button uk-button-small" href="{url|urlescape}atom-log">Atom</a>
+          <a class="uk-button uk-button-small" href="{url|urlescape}rss-log">RSS</a>
+        </div>
+      </div>
 
-<div><a  class="title" href="{url|urlescape}shortlog{sessionvars%urlparameter}">changes</a></div>
-<table cellspacing="0">
-{shortlog}
-<tr class="light"><td colspan="4"><a class="list" href="{url|urlescape}shortlog{sessionvars%urlparameter}">...</a></td></tr>
-</table>
+      <dl class="uk-description-list-horizontal uk-margin-bottom-remove">
+        <dt>Description</dt><dd>{desc}</dd>
+        <dt>Owner</dt><dd>{owner|obfuscate}</dd>
+        <dt>Last change</dt><dd class="age">{lastchange|rfc822date}</dd>
+      </dl>
+    </div>
 
-<div><a class="title" href="{url|urlescape}tags{sessionvars%urlparameter}">tags</a></div>
-<table cellspacing="0">
-{tags}
-<tr class="light"><td colspan="3"><a class="list" href="{url|urlescape}tags{sessionvars%urlparameter}">...</a></td></tr>
-</table>
+    <h3><a href="{url|urlescape}shortlog{sessionvars%urlparameter}">Changes</a></h3>
+    <table class="uk-table uk-table-hover uk-text-nowrap">
+      {shortlog}
+      <tr><td colspan="4"><a href="{url|urlescape}shortlog{sessionvars%urlparameter}">...</a></td></tr>
+    </table>
+
+    <h3><a href="{url|urlescape}branches{sessionvars%urlparameter}">Branches</a></h3>
+    <table class="uk-table uk-table-hover uk-text-nowrap">
+      {branches%branchentry}
+      <tr><td colspan="3"><a  href="{url|urlescape}branches{sessionvars%urlparameter}">...</a></td></tr>
+    </table>
 
-<div><a class="title" href="{url|urlescape}bookmarks{sessionvars%urlparameter}">bookmarks</a></div>
-<table cellspacing="0">
-{bookmarks%bookmarkentry}
-<tr class="light"><td colspan="3"><a class="list" href="{url|urlescape}bookmarks{sessionvars%urlparameter}">...</a></td></tr>
-</table>
+    <h3><a href="{url|urlescape}tags{sessionvars%urlparameter}">Tags</a></h3>
+    <table class="uk-table uk-table-hover uk-text-nowrap">
+      {tags}
+      <tr><td colspan="3"><a href="{url|urlescape}tags{sessionvars%urlparameter}">...</a></td></tr>
+    </table>
 
-<div><a class="title" href="{url|urlescape}branches{sessionvars%urlparameter}">branches</a></div>
-<table cellspacing="0">
-{branches%branchentry}
-<tr class="light">
-  <td colspan="4"><a class="list"  href="{url|urlescape}branches{sessionvars%urlparameter}">...</a></td>
-</tr>
-</table>
+    <h3><a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">Bookmarks</a></h3>
+    <table class="uk-table uk-table-hover uk-text-nowrap">
+      {bookmarks%bookmarkentry}
+      <tr><td colspan="3"><a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">...</a></td></tr>
+    </table>
+  </div>
+
 {footer}

--- a/tags.tmpl	Wed Sep 21 18:53:22 2016 +0800
+++ b/tags.tmpl	Sun Sep 25 23:16:40 2016 +0800
@@ -1,33 +1,43 @@
 {header}
-<title>{repo|escape}: Tags</title>
-<link rel="alternate" type="application/atom+xml"
-   href="{url|urlescape}atom-tags" title="Atom feed for {repo|escape}: tags"/>
-<link rel="alternate" type="application/rss+xml"
-   href="{url|urlescape}rss-tags" title="RSS feed for {repo|escape}: tags"/>
+
+  <title>Tags · {repo|escape}</title>
+  <link rel="alternate" type="application/atom+xml" href="{url|urlescape}atom-tags" title="Atom feed for {repo|escape}: tags">
+  <link rel="alternate" type="application/rss+xml" href="{url|urlescape}rss-tags" title="RSS feed for {repo|escape}: tags">
 </head>
+
 <body>
-
-<div class="page_header">
-<a href="{logourl}" title="Mercurial" style="float: right;">Mercurial</a>
-<a href="/">Mercurial</a> {pathdef%breadcrumb} / tags
-</div>
+  {navbar}
 
-<div class="page_nav">
-<a href="{url|urlescape}summary{sessionvars%urlparameter}">summary</a> |
-<a href="{url|urlescape}shortlog{sessionvars%urlparameter}">shortlog</a> |
-<a href="{url|urlescape}log{sessionvars%urlparameter}">changelog</a> |
-<a href="{url|urlescape}graph{sessionvars%urlparameter}">graph</a> |
-tags |
-<a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">bookmarks</a> |
-<a href="{url|urlescape}branches{sessionvars%urlparameter}">branches</a> |
-<a href="{url|urlescape}file{sessionvars%urlparameter}">files</a> |
-<a href="{url|urlescape}help{sessionvars%urlparameter}">help</a>
-<br/>
-</div>
+  <div class="uk-container uk-container-center uk-margin-large-bottom">
+    <div class="uk-tab-center uk-margin-top">
+      <ul class="uk-tab">
+        <li><a href="{url|urlescape}summary{sessionvars%urlparameter}">Summary</a></li>
+        <li><a href="{url|urlescape}shortlog{sessionvars%urlparameter}">Shortlog</a></li>
+        <li><a href="{url|urlescape}log{sessionvars%urlparameter}">Changelog</a></li>
+        <li><a href="{url|urlescape}graph{sessionvars%urlparameter}">Graph</a></li>
+        <li><a href="{url|urlescape}branches{sessionvars%urlparameter}">Branches</a></li>
+        <li class="uk-active"><a href="{url|urlescape}tags{sessionvars%urlparameter}">Tags</a></li>
+        <li><a href="{url|urlescape}bookmarks{sessionvars%urlparameter}">Bookmarks</a></li>
+        <li><a href="{url|urlescape}file{sessionvars%urlparameter}">Files</a></li>
+      </ul>
+    </div>
 
-<div class="title">&nbsp;</div>
-<table cellspacing="0">
-{entries%tagentry}
-</table>
+    <div class="uk-text-right uk-margin-top">
+      <span class="uk-margin-left">Other formats:</span>
+      <div class="uk-button-group">
+        <a class="uk-button uk-button-small" href="{url|urlescape}json-tags">JSON</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}raw-tags">Raw</a>
+      </div>
+      <span class="uk-margin-left">Feeds:</span>
+      <div class="uk-button-group">
+        <a class="uk-button uk-button-small" href="{url|urlescape}atom-tags">Atom</a>
+        <a class="uk-button uk-button-small" href="{url|urlescape}rss-tags">RSS</a>
+      </div>
+    </div>
+
+    <table class="uk-table uk-table-hover uk-text-nowrap">
+      {entries%tagentry}
+    </table>
+  </div>
 
 {footer}

bookmarks.tmpl	62
branches.tmpl	62
changelog.tmpl	69
changelogentry.tmpl	24
changeset.tmpl	100
diffstatlink.tmpl	8
error.tmpl	49
fileannotate.tmpl	130
filecomparison.tmpl	148
filediff.tmpl	110
filelog.tmpl	82
filerevision.tmpl	126
footer.tmpl	15
graph.tmpl	109
header.tmpl	23
help.tmpl	47
helptopics.tmpl	74
index.tmpl	65
manifest.tmpl	91
map	331
navbar.tmpl	19
notfound.tmpl	28
search.tmpl	54
shortlog.tmpl	71
style-kit.css	162
summary.tmpl	120
tags.tmpl	62

bookmarks.tmpl		file \| annotate \| diff \| comparison \| revisions
branches.tmpl		file \| annotate \| diff \| comparison \| revisions
changelog.tmpl		file \| annotate \| diff \| comparison \| revisions
changelogentry.tmpl		file \| annotate \| diff \| comparison \| revisions
changeset.tmpl		file \| annotate \| diff \| comparison \| revisions
diffstatlink.tmpl		file \| annotate \| diff \| comparison \| revisions
error.tmpl		file \| annotate \| diff \| comparison \| revisions
fileannotate.tmpl		file \| annotate \| diff \| comparison \| revisions
filecomparison.tmpl		file \| annotate \| diff \| comparison \| revisions
filediff.tmpl		file \| annotate \| diff \| comparison \| revisions
filelog.tmpl		file \| annotate \| diff \| comparison \| revisions
filerevision.tmpl		file \| annotate \| diff \| comparison \| revisions
footer.tmpl		file \| annotate \| diff \| comparison \| revisions
graph.tmpl		file \| annotate \| diff \| comparison \| revisions
header.tmpl		file \| annotate \| diff \| comparison \| revisions
help.tmpl		file \| annotate \| diff \| comparison \| revisions
helptopics.tmpl		file \| annotate \| diff \| comparison \| revisions
index.tmpl		file \| annotate \| diff \| comparison \| revisions
manifest.tmpl		file \| annotate \| diff \| comparison \| revisions
map		file \| annotate \| diff \| comparison \| revisions
navbar.tmpl		file \| annotate \| diff \| comparison \| revisions
notfound.tmpl		file \| annotate \| diff \| comparison \| revisions
search.tmpl		file \| annotate \| diff \| comparison \| revisions
shortlog.tmpl		file \| annotate \| diff \| comparison \| revisions
style-kit.css		file \| annotate \| diff \| comparison \| revisions
summary.tmpl		file \| annotate \| diff \| comparison \| revisions
tags.tmpl		file \| annotate \| diff \| comparison \| revisions