4 files changed, 213 insertions, 0 deletions
diff --git a/skins/khaki/css.txt b/skins/khaki/css.txt
new file mode 100644
index 0000000..d0a9150
--- /dev/null
+++ b/skins/khaki/css.txt
@@ -0,0 +1,181 @@
+/* General settings for the entire page */
+body {
+  margin: 0ex 0ex;
+  padding: 0px;
+  background-color: #fef3bc;
+  font-family: sans-serif;
+  text-size-adjust: none;
+}
+
+/* The project logo in the upper left-hand corner of each page */
+div.logo {
+  display: inline;
+  text-align: center;
+  vertical-align: bottom;
+  font-weight: bold;
+  font-size: 2.5em;
+  color: #a09048;
+  white-space: nowrap;
+}
+
+/* The page title centered at the top of each page */
+div.title {
+  display: table-cell;
+  font-size: 2em;
+  font-weight: bold;
+  text-align: left;
+  padding: 0 0 0 5px;
+  color: #a09048;
+  vertical-align: bottom;
+  width: 100%;
+}
+
+/* The login status message in the top right-hand corner */
+div.status {
+  display: table-cell;
+  text-align: right;
+  vertical-align: bottom;
+  color: #a09048;
+  padding: 5px 5px 0 0;
+  font-size: 0.8em;
+  font-weight: bold;
+  white-space: nowrap;
+}
+
+/* The header across the top of the page */
+header {
+  display: table;
+  width: 100%;
+}
+
+/* The main menu bar that appears at the top of the page beneath
+** the header */
+nav.mainmenu {
+  padding: 5px 10px 5px 10px;
+  font-size: 0.9em;
+  font-weight: bold;
+  text-align: center;
+  letter-spacing: 1px;
+  background-color: #a09048;
+  color: black;
+  z-index: 21;  /* just above hbdrop */
+}
+nav#hbdrop {
+  background-color: #fef3bc;
+  border: 2px solid #a09048;
+  border-radius: 0 0 0.5em 0.5em;
+  display: none;
+  left: 2em;
+  width: 90%;
+  padding-right: 1em;
+  position: absolute;
+  z-index: 20;  /* just below mainmenu, but above timeline bubbles */
+}
+
+
+/* The submenu bar that *sometimes* appears below the main menu */
+div.submenu, div.sectionmenu {
+  padding: 3px 10px 3px 0px;
+  font-size: 0.9em;
+  text-align: center;
+  background-color: #c0af58;
+  color: white;
+}
+nav.mainmenu a, nav.mainmenu a:visited, div.submenu a, div.submenu a:visited,
+div.sectionmenu>a.button:link, div.sectionmenu>a.button:visited,
+div.submenu label {
+  padding: 3px 10px 3px 10px;
+  color: white;
+  text-decoration: none;
+}
+nav.mainmenu a:hover, div.submenu a:hover, div.sectionmenu>a.button:hover,
+div.submenu label:hover, nav#hbdrop a:hover {
+  color: #a09048;
+  background-color: white;
+}
+
+/* All page content from the bottom of the menu or submenu down to
+** the footer */
+div.content {
+  padding: 1ex 5px;
+}
+div.content a, nav#hbdrop a { color: #706532; }
+div.content a:link, nav#hbdrop a:link { color: #706532; }
+div.content a:visited, nav#hbdrop a:visited { color: #704032; }
+div.content a:hover, nav#hbdrop a:hover {
+  background-color: white; color: #706532;
+}
+a, a:visited {
+  text-decoration: none;
+}
+
+
+/* Some pages have section dividers */
+div.section {
+  margin-bottom: 0px;
+  margin-top: 1em;
+  padding: 3px 3px 0 3px;
+  font-size: 1.2em;
+  font-weight: bold;
+  background-color: #a09048;
+  color: white;
+  white-space: nowrap;
+}
+
+/* The "Date" that occurs on the left hand side of timelines */
+div.divider {
+  background: #e1d498;
+  border: 2px #a09048 solid;
+  font-size: 1em; font-weight: normal;
+  padding: .25em;
+  margin: .2em 0 .2em 0;
+  float: left;
+  clear: left;
+  white-space: nowrap;
+}
+
+/* The footer at the very bottom of the page */
+footer {
+  font-size: 0.8em;
+  margin-top: 12px;
+  padding: 5px 10px 5px 10px;
+  text-align: right;
+  background-color: #a09048;
+  color: white;
+}
+
+/* Hyperlink colors */
+footer a { color: white; }
+footer a:link { color: white; }
+footer a:visited { color: white; }
+footer a:hover { background-color: white; color: #558195; }
+
+/* <verbatim> blocks */
+pre.verbatim {
+  background-color: #f5f5f5;
+  padding: 0.5em;
+  white-space: pre-wrap;
+}
+
+/* The label/value pairs on (for example) the ci page */
+table.label-value th {
+  vertical-align: top;
+  text-align: right;
+  padding: 0.2ex 2ex;
+}
+
+div.forumPostBody blockquote {
+  border-width: 1pt;
+  border-radius: 0.25em;
+  border-style: solid;
+  padding: 0 0.5em;
+}
+
+tr.diffskip > td.chunkctrl .jcbutton {
+  color: white;
+  background-color: #a09048;
+}
+
+tr.diffskip.jchunk {
+  background-color: #c0af58;
+}
diff --git a/skins/khaki/details.txt b/skins/khaki/details.txt
new file mode 100644
index 0000000..a7f228d
--- /dev/null
+++ b/skins/khaki/details.txt
@@ -0,0 +1,4 @@
+timeline-arrowheads:        1
+timeline-circle-nodes:      1
+timeline-color-graph-lines: 1
+white-foreground:           0
diff --git a/skins/khaki/footer.txt b/skins/khaki/footer.txt
new file mode 100644
index 0000000..a897ecf
--- /dev/null
+++ b/skins/khaki/footer.txt
@@ -0,0 +1,3 @@
+<footer>
+Fossil $release_version $manifest_version $manifest_date
+</footer>
diff --git a/skins/khaki/header.txt b/skins/khaki/header.txt
new file mode 100644
index 0000000..1a63398
--- /dev/null
+++ b/skins/khaki/header.txt
@@ -0,0 +1,25 @@
+<header>
+  <div class="title">$<title></div>
+  <div class="status">
+    <div class="logo">$<project_name></div><br/>
+    <th1>
+      if {[info exists login]} {
+        puts "Logged in as $login"
+      } else {
+        puts "Not logged in"
+      }
+    </th1>
+  </div>
+</header>
+<nav class="mainmenu" title="Main Menu">
+  <th1>
+    html "<a id='hbbtn' href='$home/sitemap' aria-label='Site Map'>&#9776;</a>"
+    builtin_request_js hbmenu.js
+    foreach {name url expr class} $mainmenu {
+      if {![capexpr $expr]} continue
+      if {[string match /* $url]} {set url $home$url}
+      html "<a href='$url' class='$class'>$name</a>\n"
+    }
+  </th1>
+</nav>
+<nav id="hbdrop" class='hbdrop' title="sitemap"></nav>