Index: skins/ardoise/css.txt
==================================================================
--- skins/ardoise/css.txt
+++ skins/ardoise/css.txt
@@ -193,12 +193,11 @@
 }
 legend {
   padding: 0
 }
 table {
-  border-spacing: 0;
-  width: 100%
+  border-spacing: 0
 }
 html {
   font-size: 62.5%
 }
 body {
@@ -246,22 +245,22 @@
 h2 {
   font-size: 2.6rem;
   line-height: 1.25
 }
 h3 {
-  font-size: 2.4rem;
+  font-size: 1.8rem;
   line-height: 1.3
 }
 h4 {
-  font-size: 2rem;
+  font-size: 1.6rem;
   line-height: 1.35
 }
 h5 {
-  font-size: 1.6rem
+  font-size: 1.4rem
 }
 h6 {
-  font-size: 1.4rem;
+  font-size: 1.2rem;
   line-height: 1.6
 }
 h1 small,
 h2 small,
 h3 small,
@@ -274,14 +273,11 @@
 }
 p {
   display: flow-root
 }
 .container {
-  width: 100%;
-  max-width: 1200px;
-  margin: 0 auto;
-  box-sizing: border-box
+  max-width: unset
 }
 .column,
 .columns {
   width: 100%;
   /*float: left; can break README.md in /dir view*/
@@ -564,16 +560,14 @@
 ul ol,
 ul ul {
   margin: 1rem 0 1rem 2rem
 }
 code {
-  padding: .2rem .5rem;
-  margin: 0 .2rem;
+  padding: .2rem 0;
   font-size: 90%;
   white-space: nowrap;
-  background: #000;
-  border: 2px solid #bbb;
+  background: #0e1010;
   border-radius: 5px
 }
 table.numbered-lines td.file-content > pre {
   margin-top: -2px/*offset CODE tag border*/;
 }
@@ -795,14 +789,14 @@
 td.browser,
 td.tktDescLabel {
   vertical-align: top
 }
 td.tktTlOpen {
-  color: #ffa0a0;
+  color: #ffa0a0
 }
 td.tktTlClosed {
-  color: #555;
+  color: #555
 }
 div.filetreeline {
   display: table;
   width: 100%;
   white-space: nowrap
@@ -924,11 +918,11 @@
 .report th,
 span.timelineEllipsis {
   cursor: pointer
 }
 table.timelineTable {
-  border-spacing: 2px 3px
+  border-spacing: 0px 3px
 }
 .timelineModernCell, .timelineColumnarCell, .timelineDetailCell, .timelineCompactCell, .timelineVerboseCell {
   vertical-align: top;
   text-align: left;
   padding: .75em;
@@ -946,18 +940,19 @@
   vertical-align: top;
   text-align: left;
   background: #442800
 }
 span.timelineSelected {
-  border-radius: 5px;
   border: solid #ff8000;
-  vertical-align: top;
-  text-align: left;
   background: #442800
 }
-.timelineSelected {}
-.timelineSecondary {}
+tr.timelineSelected {
+  background: #663C00
+}
+span.timelineSelected, tr.timelineSelected {
+  box-shadow: 0px 0px 6px rgb(255, 127, 0)
+}
 .timelineSecondary > .timelineColumnarCell,
 .timelineSecondary > .timelineCompactCell,
 .timelineSecondary > .timelineDetailCell,
 .timelineSecondary > .timelineModernCell,
 .timelineSecondary > .timelineVerboseCell {
@@ -967,16 +962,19 @@
   vertical-align: top;
   text-align: left;
   background: #002844
 }
 span.timelineSecondary {
-  border-radius: 5px;
   border: solid #0080ff;
-  vertical-align: top;
-  text-align: left;
   background: #002844
 }
+tr.timelineSecondary {
+  background: #003C66
+}
+span.timelineSecondary, tr.timelineSecondary {
+  box-shadow: 0px 0px 6px rgb(0, 127, 255)
+}
 .timelineCurrent > .timelineColumnarCell,
 .timelineCurrent > .timelineCompactCell,
 .timelineCurrent > .timelineDetailCell,
 .timelineCurrent > .timelineModernCell,
 .timelineCurrent > .timelineVerboseCell {
@@ -983,10 +981,14 @@
   vertical-align: top;
   text-align: left;
   padding: .75em;
   border-radius: 5px;
   border: dashed #ff8000
+}
+span.timelineCurrent, tr.timelineCurrent {
+  background: #66003C;
+  box-shadow: 0px 0px 6px rgb(255, 0, 127)
 }
 .timelineModernCell[id], .timelineColumnarCell[id], .timelineDetailCell[id] {
   background-color: #000
 }
 .tl-canvas {
@@ -1057,29 +1059,29 @@
 .tl-line.merge {
   width: 1px
 }
 .tl-arrow.cherrypick {
   height: 1px;
-  border-width: 2px 0;
+  border-width: 2px 0
 }
 .tl-arrow.cherrypick.l {
-  border-right: 3px solid #bbb;
+  border-right: 3px solid #bbb
 }
 .tl-arrow.cherrypick.r {
-  border-left: 3px solid #bbb;
+  border-left: 3px solid #bbb
 }
 .tl-line.cherrypick.h {
   width: 0px;
   border-top: 1px dashed #bbb;
   border-left: 0px dashed #bbb;
-  background: rgba(255,255,255,0);
+  background: rgba(255, 255, 255, 0)
 }
 .tl-line.cherrypick.v {
   width: 0px;
   border-top: 0px dashed #bbb;
   border-left: 1px dashed #bbb;
-  background: rgba(255,255,255,0);
+  background: rgba(255, 255, 255, 0)
 }
 
 .intLink[title="Add indentation"],
 .intLink[title="Center align"],
 .intLink[title="Dotted list"],
@@ -1384,11 +1386,11 @@
   content: "";
   display: table;
   clear: both
 }
 div.forumSel {
-  background-color: #3a3a3a;
+  background-color: #3a3a3a
 }
 .debug {
   background-color: #330;
-  border: 2px solid #aa0;
+  border: 2px solid #aa0
 }