Index: skins/xekri/css.txt
==================================================================
--- skins/xekri/css.txt
+++ skins/xekri/css.txt
@@ -707,99 +707,170 @@
 
 /**************************************
  * Timeline
  */
 
-div.divider {
-  color: #ee0;
-  font-size: 1.2rem;
-  font-weight: bold;
-  margin-top: 1rem;
-  white-space: nowrap;
-}
-
 /* The suppressed duplicates lines in timeline, .. */
-span.timelineDisabled {
-  font-size: 0.5rem;
+.timelineDisabled {
+  font-size:  0.5rem;
   font-style: italic;
 }
 
-/* the format for the timeline data table */
-table.timelineTable {
-  border: 0;
-}
-
-/* The row in the timeline table that contains the entry of interest */
-tr.timelineSelected {
-  border: 1px solid #eee;
-  border-radius: 1rem;
-}
-
-tr.timelineSelected td.timelineTime
-, tr.timelineSelected td.timelineTableCell {
-  background-color: #333;
-  box-shadow: 2px 2px 1px #000;
-  padding: 0.5rem;
-}
-
-tr.timelineSelected td.timelineTime {
-  border-radius: 1rem 0 0 1rem;
-}
-
-tr.timelineSelected td.timelineTableCell {
-  border-radius: 0 1rem 1rem 0;
-}
-
-.timelineModernCell[id], .timelineColumnarCell[id], .timelineDetailCell[id] {
-  background-color: #282828;
-}
-
-/* the format for the timeline data cells */
-td.timelineTableCell {
-  padding: 0.3rem;
-  text-align: left;
+/* the format for the timeline version display(no history permission!) */
+.timelineHistDsp {
+  font-weight: bold;
+}
+
+.content .timelineTable {
+  border:         0;
+  border-spacing: 0 0.5rem;
+}
+
+.content .timelineTable tr {
+  background: #222;
+  border:     0;
+  padding:    0;
+  box-shadow: none;
+}
+
+.timelineTable .timelineDate {
+  color:       #ee0;
+  font-size:   1.2rem;
+  font-weight: bold;
+  margin-top:  1rem;
+  white-space: nowrap;
+}
+
+.timelineTable .timelineTime {
+  border-radius: 0;
+  border-width:  0;
+  padding:       0.25rem 0.5rem 0.5rem 0.5rem;
+  white-space:   nowrap;
+}
+
+.timelineGraph {
+  text-align:     left;
   vertical-align: top;
+  width:          20px;
+}
+
+.timelineTable .timelineModernCell  ,
+.timelineTable .timelineCompactCell ,
+.timelineTable .timelineVerboseCell ,
+.timelineTable .timelineDetailCell  {
+/*
+  background:    linear-gradient(to bottom, #222 0%, #333 16%, #222 100%);
+*/
+  border-radius: 0;
+  border-width:  0;
+  padding:       0.25rem 0.5rem 0.5rem 0.5rem;
+}
+
+.timelineTable .timelineColumnarCell {
+/*
+  background:    linear-gradient(to bottom, #222 0%, #333 16%, #222 100%);
+*/
+  border-radius: 0;
+  border-width:  0;
+  padding:       0.25rem 0.5rem 0.5rem 0.5rem;
+}
+
+.timelineTable .timelineModernCell[id]   ,
+.timelineTable .timelineCompactCell[id]  ,
+.timelineTable .timelineVerboseCell[id]  ,
+.timelineTable .timelineColumnarCell[id] ,
+.timelineTable .timelineDetailCell[id]   {
+  background: #272727;
+}
+
+.timelineTable .timelineCurrent .timelineTime {
+  background:    #333;
+  border-radius: 1rem 0 0 1rem;
+  border-width:  0;
+}
+
+.timelineTable .timelineCurrent .timelineColumnarCell {
+  background:    #333;
+}
+
+.timelineTable .timelineCurrent .timelineModernCell  ,
+.timelineTable .timelineCurrent .timelineCompactCell ,
+.timelineTable .timelineCurrent .timelineVerboseCell ,
+.timelineTable .timelineCurrent .timelineDetailCell  {
+  background:    #333;
+  border-radius: 0 1rem 1rem 0;
+}
+
+.timelineTable .timelineSelected {
+  background: #222;
+  border:     0;
+  box-shadow: none;
+}
+
+.timelineTable .timelineSelected .timelineTime {
+  background:    #333;
+  border-radius: 1rem 0 0 1rem;
+  box-shadow:    2px 2px 1px #000;
+}
+
+.timelineTable .timelineSelected .timelineColumnarCell {
+  background: #333;
+  box-shadow: 2px 2px 1px #000;
 }
 
-td.timelineTableCell[style] {
-  color: #000;
+.timelineTable .timelineSelected .timelineModernCell  ,
+.timelineTable .timelineSelected .timelineCompactCell ,
+.timelineTable .timelineSelected .timelineVerboseCell ,
+.timelineTable .timelineSelected .timelineDetailCell  {
+  background:    #333;
+  border-radius: 0 1rem 1rem 0;
+  box-shadow:    2px 2px 1px #000;
 }
 
-/* the format for the timeline data cell of the current checkout */
-tr.timelineCurrent td.timelineTableCell {
-  border: 0;
-  border-radius: 1em 0em;
+.timelineTable .timelineModernCell  .timelineModernComment  ,
+.timelineTable .timelineModernCell  .timelineModernDetail   ,
+.timelineTable .timelineCompactCell .timelineCompactComment ,
+.timelineTable .timelineCompactCell .timelineCompactDetail  ,
+.timelineTable .timelineVerboseCell .timelineVerboseComment ,
+.timelineTable .timelineVerboseCell .timelineVerboseDetail  {
 }
 
-/* the format for the timeline leaf marks */
-span.timelineLeaf {
+.timelineTable .timelineModernCell     .timelineLeaf ,
+.timelineTable .timelineCompactCell    .timelineLeaf ,
+.timelineTable .timelineVerboseCell    .timelineLeaf ,
+.timelineTable .timelineVerboseComment .timelineLeaf {
   font-weight: bold;
 }
+
+.timelineTable .timelineModernCell .timelineModernDetail ,
+.timelineTable .timelineDetailCell {
+  font-size: 85%;
+}
+
+.timelineTable .timelineDetailCell .timelineColumnarDetail {
+  white-space: pre-line;
+}
+
+.timelineTable .timelineDetailCell ul.filelist::before {
+  content: "files:";
+}
+
+.timelineTable .timelineDetailCell ul.filelist {
+  margin-left:  0;
+  padding-left: 0;
+}
+
+.timelineTable .timelineDetailCell ul.filelist li {
+  margin-left:  1.5rem;
+  padding-left: 0;
+  white-space:  nowrap;
+}
 
 /* the format for the timeline version links */
 a.timelineHistLink {
 }
 
-/* the format for the timeline version display(no history permission!) */
-span.timelineHistDsp {
-  font-weight: bold;
-}
-
-/* the format for the timeline time display */
-td.timelineTime {
-  text-align: right;
-  vertical-align: top;
-  white-space: nowrap;
-}
-
-/* the format for the grap placeholder cells in timelines */
-td.timelineGraph {
-  text-align: left;
-  vertical-align: top;
-  width: 20px;
-}
-
 
 /**************************************
  * User Edit
  */
 

Index: skins/xekri/details.txt
==================================================================
--- skins/xekri/details.txt
+++ skins/xekri/details.txt
@@ -1,4 +1,4 @@
 timeline-arrowheads:        1
 timeline-circle-nodes:      0
-timeline-color-graph-lines: 0
+timeline-color-graph-lines: 1
 white-foreground:           0