From 63f1f9395b0ba6cf388b0bbe7029549f43a2e6c3 Mon Sep 17 00:00:00 2001
From: Graham Percival <graham@percival-music.ca>
Date: Wed, 5 Aug 2009 22:00:26 +0200
Subject: [PATCH] Web: alternate CSS by Patrick Schmidt

---
 Documentation/css/lilypond-web-alt2.css       | 880 ++++++++++++++++++
 .../logo-lilypond_Snell-Roundhead-Heaven.png  | Bin 0 -> 4805 bytes
 Documentation/pictures/nav-active.jpg         | Bin 0 -> 564 bytes
 Documentation/pictures/nav-bg.jpg             | Bin 0 -> 559 bytes
 Documentation/pictures/nav-hover.jpg          | Bin 0 -> 557 bytes
 Documentation/web-texi2html.init              |   3 +-
 6 files changed, 882 insertions(+), 1 deletion(-)
 create mode 100644 Documentation/css/lilypond-web-alt2.css
 create mode 100644 Documentation/pictures/logo-lilypond_Snell-Roundhead-Heaven.png
 create mode 100644 Documentation/pictures/nav-active.jpg
 create mode 100644 Documentation/pictures/nav-bg.jpg
 create mode 100644 Documentation/pictures/nav-hover.jpg

diff --git a/Documentation/css/lilypond-web-alt2.css b/Documentation/css/lilypond-web-alt2.css
new file mode 100644
index 0000000000..69bfcb8a03
--- /dev/null
+++ b/Documentation/css/lilypond-web-alt2.css
@@ -0,0 +1,880 @@
+/* this is Patrick Schmidt's experimental CSS */
+
+/* Generic elements */
+
+html {
+  padding: 0;
+  margin: 0;
+}
+
+body {
+  position: absolute;
+  top: 0;
+  left: 1%;
+  right: 1%;
+  width: 98%;
+  min-width: 34em;
+  max-width: 70em;
+  font-size: 95%;
+  line-height: 1.5;
+  background: #fff url(../pictures/background-image.png) no-repeat 0 0;
+  text-align: justify;
+  padding: 0;
+  margin: 0 auto;
+}
+
+hr {
+  display: none;
+}
+
+p {
+  margin: 0.5em;
+}
+
+h1, h2, h3, h4, h5 {
+  margin: 1em 10px;
+}
+
+li {
+  margin-right: 1em;
+}
+
+a img {
+  border: 0;
+}
+
+/* Table of Contents */
+
+/* first level toc (unnumbered) */
+div#tocframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  background: #582007 url(../pictures/nav-bg.jpg)top left repeat-x;
+  max-width: 70em;
+  font-size: 100%;
+  line-height: 1;
+  padding: 0;
+  -moz-border-radius-bottomleft: 7px;
+  -moz-border-radius-bottomright: 7px;
+  -webkit-border-bottom-left-radius: 7px;
+  -webkit-border-bottom-right-radius: 7px;
+  margin: 0;
+    /*border:1px solid black;
+    background-color: silver;*/
+}
+
+#tocframe a {
+  color: #000;
+}
+
+#tocframe ul.toc {
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+}
+
+#tocframe > ul:first-child > li:first-child a {
+  text-indent: -999em;
+  background: #582007 url(../pictures/nav-bg.jpg) top left repeat-x transparent url(../pictures/lily-home.png)  no-repeat 50% 50%;
+  width: 9%;
+  /* css3 no go yet? */
+  border-bottom-left-radius: 30px;
+  -moz-border-radius-bottomleft: 7px;
+  -webkit-border-bottom-left-radius: 7px;
+}
+
+#tocframe > ul:first-child > li:first-child a:hover {
+  background: #58210c url(../pictures/nav-hover.jpg) /*url(../pictures/lily-home.png) no-repeat 50% 50%*/;
+  width: 9%;
+}
+
+#tocframe > ul:first-child > li:first-child.toc_current a {
+  text-indent: -999em;
+  background: #FFEBCC  url(../pictures/nav-active.jpg) /*url(../pictures/lily-home.png) no-repeat 50% 50%*/;
+  width: 9%;
+}
+
+#tocframe > ul:first-child > li:first-child.toc_current a:hover {
+  text-indent: -999em;
+  background: #58210c url(../pictures/nav-active.jpg) top left repeat-x /*transparent url(../pictures/lily-home.png) no-repeat 50% 50%*/;
+  width: 9%;
+}
+
+#tocframe > ul:first-child > li:last-child {
+  width: 9%;
+  -moz-border-radius-bottomright: 7px;
+  -webkit-border-bottom-right-radius: 7px;
+}
+
+#tocframe li {
+  display: inline;
+  padding: 0;
+  margin: 0;
+}
+
+/* search box */
+#tocframe li form {
+  float: left;
+  width: 17%;
+  background: #CF9B5F url(../pictures/nav-bg.jpg);
+  font-size: 100%;
+  padding: 0.5em 0.8%;
+  margin: 0;
+}
+
+#tocframe li form input {
+  display: block;
+  float: left;
+  width: 95%;
+  font-size: 100%;
+  padding: 0.1em;
+  border: 0;
+  margin: 0;
+  -moz-border-radius-topright: 20px;
+  -moz-border-radius-bottomright: 20px;
+  -webkit-border-top-right-radius: 20px;
+  -webkit-border-bottom-right-radius: 20px;
+}
+
+#tocframe li a {
+  float: left;
+  width: 18%;
+  text-align: center;
+  font-weight: bold;
+  padding: 0.85em 0;
+  margin: 0;
+  background: #CF9B5F url(../pictures/nav-bg.jpg);
+}
+
+#tocframe li a:hover {
+  background: #58210c url(../pictures/nav-hover.jpg);
+  text-decoration: underline;
+}
+
+#tocframe li.toc_current a,
+#tocframe li.toc_current a:hover {
+  background: #58210c url(../pictures/nav-active.jpg);
+    color:#000;
+    text-decoration: underline;
+}
+
+/* second level toc (unnumberedsec) */
+
+#tocframe .toc .toc {
+  position: absolute;
+  top: 3.8em;
+  left: 1%;
+  right: 1%;
+  font-size: 82%;
+  padding: 0;
+  margin: 0;
+}
+
+#tocframe .toc .toc li {
+  display: inline;
+  padding: 0;
+  margin: 0;
+}
+
+#tocframe .toc .toc li:first-child a {
+  -moz-border-radius-topleft: 7px;
+  -moz-border-radius-bottomleft: 7px;
+  -webkit-border-top-left-radius: 7px;
+  -webkit-border-bottom-left-radius: 7px;
+}
+
+#tocframe .toc .toc li:last-child a {
+  -moz-border-radius-topright: 7px;
+  -moz-border-radius-bottomright: 7px;
+  -webkit-border-top-right-radius: 7px;
+  -webkit-border-bottom-right-radius: 7px;
+}
+
+#tocframe .toc .toc li a {
+  float: left;
+  width: auto;
+  background: #ceffae;
+  line-height: 2;
+  text-decoration: none;
+  text-indent: 0;
+  font-weight: normal;
+  padding: 0 0.5em;
+  margin: 0;
+}
+
+
+#tocframe .toc .toc li.toc_current a {
+  background: #8cbc6c;
+}
+
+#tocframe .toc .toc li.toc_current a:hover {
+  background: #acdd8c;
+}
+
+#tocframe .toc .toc li a:hover {
+  background: #bdee9d;
+}
+
+/* colored second-level TOC items */
+#tocframe .toc .toc li.color1 a {
+  text-decoration: none;
+  background: #9ccc7c;
+}
+
+#tocframe .toc .toc li.color2 a {
+  text-decoration: none;
+  background: #bbcf81;
+}
+
+#tocframe .toc .toc li.color3 a {
+  text-decoration: none;
+  background: #dbd286;
+}
+
+#tocframe .toc .toc li.color4 a {
+  text-decoration: none;
+  background: #fad58c;
+}
+
+/* having this useless style makes the perl init file easier */
+#tocframe .toc .toc li.colorDefault a {
+}
+
+#tocframe .toc .toc li.color1 a:hover {
+  background: #addd8d;
+}
+
+#tocframe .toc .toc li.color2 a:hover {
+  background: #ccdf92;
+}
+
+#tocframe .toc .toc li.color3 a:hover {
+  background: #ece297;
+}
+
+#tocframe .toc .toc li.color4 a:hover {
+  background: #fbe69d;
+}
+
+#tocframe .toc .toc li.color1.toc_current a {
+  background: #beee9e;
+}
+
+#tocframe .toc .toc li.color1.toc_current a:hover {
+  background: #beee9e;
+}
+
+#tocframe .toc .toc li.color2.toc_current a {
+  background: #ddefa3;
+}
+
+#tocframe .toc .toc li.color2.toc_current a:hover {
+  background: #ddefa3;
+}
+
+#tocframe .toc .toc li.color3.toc_current a {
+  background: #fdf4a8;
+}
+
+#tocframe .toc .toc li.color3.toc_current a:hover {
+  background: #fdf4a8;
+}
+
+#tocframe .toc .toc li.color4.toc_current a {
+  background: #fcf7ae;
+}
+
+#tocframe .toc .toc li.color4.toc_current a:hover {
+  background: #fcf7ae;
+}
+
+/* third level toc (unnumberedsubsec) */
+
+#tocframe .toc .toc .toc {
+  position: absolute;
+  top: 2em;
+  left: 5%;
+  font-size: 100%;
+}
+
+#tocframe .toc .toc .toc li {
+  display: inline;
+  padding: 0;
+  margin: 0;
+}
+
+#tocframe .toc .toc .toc li a {
+  float: left;
+  width: auto;
+  background: #ceffae;
+  text-decoration: none;
+  text-indent: 0;
+  font-weight: normal;
+  padding: 0 0.75em;
+  margin: 0;
+}
+
+#tocframe .toc .toc .toc li a:hover {
+  background: #bdee9d;
+}
+
+#tocframe .toc .toc .toc li.toc_current a {
+  background: #acdd8c;
+}
+
+#tocframe .toc .toc .toc li.toc_current a:hover {
+  background: #acdd8c;
+}
+
+/* Divs */
+div#main {
+  position: relative;
+  /* this value may need to be adjusted */
+  top: 7.7em;
+  left: 0;
+  right: 0;
+  width: 100%;
+  max-width: 70em;
+  margin: 0 auto 11.7em;
+  /* Necessary to stretch over floated content;
+   * will cause scrollbars to appear for content
+   * that is wider than the width of this div
+   */
+  overflow: auto;
+}
+
+/* FIXME: does not work in IE<=6 */
+#main > a:first-child {
+  position: absolute;
+  top: -10em;
+}
+
+div#pageHeader {
+  width: 100%;
+  height: 10em;
+  border: solid #ddd;
+  border-width: 0;
+  margin: 0 0 1.4em 0;
+}
+
+#pageHeader .heading {
+  font-size: 4em;
+  text-align: left;
+  padding: 0;
+  margin: 0 0 0 215px;
+}
+
+#pageHeader p {
+  text-align: left;
+  padding: 0;
+  margin: 0 0 0 215px;
+}
+
+div#lilylogo {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+div#cmws {
+  position: absolute;
+  top: 0;
+  left: 50%;
+}
+
+div#quickSummary {
+  text-align: left;
+  margin: 1.4em 13em 0 0;
+  padding-top: 5em;
+}
+
+#quickSummary .subheading {
+  padding: 0 0.5em;
+  border-bottom: 10px solid #5b7f64;
+  margin: 0;
+}
+
+#quickSummary p {
+  padding: 0.5em;
+  margin: 0;
+}
+
+div#news {
+  padding: 0;
+  margin: 0 13em 1em 0;
+}
+
+div.news-item {
+}
+
+.news-item .subsubheading {
+  text-align: left;
+  padding: 0 0 0 0.5em;
+  border-bottom: 1px solid #5b7f64;
+  margin: 0;
+  overflow: hidden;
+}
+
+.testimonial-item {
+  /* Not sure how to style the testimonials */
+  clear: both;
+  margin: 2em 0;
+}
+
+.testimonial-item .subsubheading {
+  text-align: left;
+  padding: 0 0 0 0.5em;
+}
+
+.testimonial-item img.float-left,
+.testimonial-item img.float-right {
+  margin: 1em 1em 2em;
+}
+
+.testimonial-item p {
+  padding: 0 0.5em;
+}
+
+.news-item p {
+  text-align: left;
+  padding: 0.5em;
+  margin: 0;
+}
+
+div#latestVersion {
+  position: absolute;
+  top: 9.5em;
+  right: 0;
+  width: 12em;
+  text-align: center;
+  border-left: 1px solid #5b7f64;
+}
+
+#latestVersion .subheading {
+  background: #5b7f64;
+  color: #fff;
+  text-align: center;
+  padding: 0 0.5em;
+  margin: 0;
+}
+
+#latestVersion .subsubheading {
+  background: #bdee9d;
+  padding: 0.18em 0.25em;
+  border-bottom: 1px solid #5b7f64;
+  margin: 0;
+}
+
+#latestVersion p {
+  font-size: 90%;
+  padding: 0.5em;
+  margin: 0;
+}
+
+div#footer {
+  clear: both;
+  position: relative;
+  width: 100%;
+  /* FIXME: may need to be adjusted */
+  margin-top: 7em;
+}
+
+div#language {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 50%;
+  width: 50%;
+  text-indent: 0.5em;
+  padding: 0;
+}
+
+#language h3 {
+  padding: 0;
+  border-bottom: 10px solid #5b7f64;
+  margin: 0;
+}
+
+#language p {
+  padding: 0;
+  margin: 0.25em 0 0 0;
+}
+
+#verifier_texinfo {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 50%;
+}
+
+#verifier_texinfo h3 {
+  text-indent: -9999em;
+  padding: 0;
+  border-bottom: 10px solid #5b7f64;
+  margin: 0 0 0.25em 0;
+}
+
+#verifier_texinfo img {
+  float: right;
+  padding: 0;
+  margin: 0 0.5em 0 0;
+}
+
+#verifier_texinfo p {
+  clear: right;
+  text-align: right;
+  font-size: 0.8em;
+  padding: 0;
+  margin: 0 0.5em;
+}
+
+h1.unnumbered, h2.unnumberedsec, h3.unnumberedsubsec {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  text-indent: -999em;
+  padding: 0;
+  margin: 0;
+}
+
+table {
+  text-align: left;
+  padding: 0 0 0 0.5em;
+  border-left: 3px solid green;
+  margin: 1em 0 0 1em;
+}
+
+table td {
+  padding: 0.4em;
+}
+
+table a {
+  text-align: left;
+}
+
+.verbatim {
+  margin: 10px;
+}
+
+.float-left {
+  float: left;
+}
+
+.float-center {
+  text-align: center;
+  display: block;
+  margin: 0 auto;
+}
+
+.float-right {
+  float: right;
+}
+
+img.float-left,
+img.float-right {
+  background: #fff;
+  padding: 1em;
+  border: 1px solid #bbb;
+  margin: 0.1em 0.5em;
+}
+
+div.float-left a.clickable,
+div.float-center a.clickable,
+div.float-right a.clickable {
+  text-decoration: overline;
+  margin-left: 1em;
+}
+
+.clear-both {
+  clear: both;
+}
+
+.align-right {
+  text-align: right;
+}
+
+.heading-center {
+  text-align: center;
+  width: 75%;
+  margin: 0 auto;
+}
+
+.heading-center h2 {
+  padding: 0.25em 0;
+  margin: 0;
+}
+
+/* Columns */
+
+.column-center-top {
+  float: left;
+  width: 99.5%;
+  text-align: center;
+  border: 1px solid #8bbb6b;
+  margin: 1em auto;
+}
+
+/* color1 */
+.column-center-top h3 {
+  background: #9ccc7c;
+  text-align: left;
+  border-bottom: 1px solid #8bbb6b;
+}
+
+.column-left-top {
+  float: left;
+  width: 49%;
+  margin: 1em 0;
+}
+
+.column-left-bottom {
+  clear: both;
+  float: left;
+  width: 49%;
+  margin: 1em 0;
+}
+
+.column-left-top,
+.column-left-bottom {
+  border: 1px solid #aabe70;
+}
+
+/* color2 */
+.column-left-top h3,
+.column-left-bottom h3 {
+  background: #bbcf81;
+  border-bottom: 1px solid #aabe70;
+}
+
+.column-right-top {
+  float: right;
+  width: 49%;
+  margin: 1em 0;
+}
+
+.column-right-bottom {
+  float: right;
+  width: 49%;
+  margin: 1em 0;
+}
+
+.column-right-top,
+.column-right-bottom {
+  border: 1px solid #cac175;
+}
+
+/* color3 */
+.column-right-top h3,
+.column-right-bottom h3 {
+  background: #dbd286;
+  border-bottom: 1px solid #cac175;
+}
+
+.column-center-bottom {
+  clear: both;
+  width: 99.5%;
+  text-align: center;
+  border: 1px solid #e9c47b;
+  margin: 1em auto 0;
+}
+
+/* color4 */
+.column-center-bottom h3 {
+  background: #fad58c;
+  text-align: left;
+  border-bottom: 1px solid #e9c47b;
+}
+
+.column-center-top,
+.column-center-bottom,
+.column-left-top,
+.column-left-bottom,
+.column-right-top,
+.column-right-bottom {
+  background: #f5fffa;
+}
+
+.column-center-top h3,
+.column-center-bottom h3,
+.column-left-top h3,
+.column-left-bottom h3,
+.column-right-top h3,
+.column-right-bottom h3 {
+  padding: 0 0.5em;
+  margin: 0;
+}
+
+.column-center-top h4,
+.column-center-bottom h4,
+.column-left-top h4,
+.column-left-bottom h4,
+.column-right-top h4,
+.column-right-bottom h4 {
+  padding: 0.5em 0.5em 0;
+  margin: 0 0 0.5em 0;
+}
+
+.column-center-top ul,
+.column-center-bottom ul,
+.column-left-top ul,
+.column-left-bottom ul,
+.column-right-top ul,
+.column-right-bottom ul {
+  list-style-type: none;
+  padding: 0;
+  margin: 0.5em 0;
+}
+
+.column-center-top li,
+.column-center-bottom li,
+.column-left-top li,
+.column-left-bottom li,
+.column-right-top li,
+.column-right-bottom li {
+  text-align: left;
+  padding: 0 0.5em 0;
+  margin: 0 0 0.5em 0;
+}
+
+.column-center-top p,
+.column-center-bottom p,
+.column-left-top p,
+.column-left-bottom p,
+.column-right-top p,
+.column-right-bottom p {
+  text-align: left;
+}
+
+.column-center-top img.float-left,
+.column-center-top img.float-right,
+.column-center-bottom img.float-left,
+.column-center-bottom img.float-right,
+.column-left-top img.float-left,
+.column-left-top img.float-right,
+.column-left-bottom img.float-left,
+.column-left-bottom img.float-right,
+.column-right-top img.float-left,
+.column-right-top img.float-right,
+.column-right-bottom img.float-left,
+.column-right-bottom img.float-right {
+  margin: 0.5em;
+}
+
+/* Centered divs by color */
+
+div.color1,
+div.color2,
+div.color3,
+div.color4 {
+  clear: both;
+  width: 99.5%;
+  background: #f5fffa;
+  margin: 1em auto;
+}
+
+div.color1 h3,
+div.color2 h3,
+div.color3 h3,
+div.color4 h3 {
+  padding: 0 0.5em;
+  margin: 0;
+}
+
+div.color1 {
+  border: 1px solid #8bbb6b;
+  margin: 1em auto;
+}
+
+div.color1 h3 {
+  background: #9ccc7c;
+  border-bottom: 1px solid #8bbb6b;
+}
+
+div.color2 {
+  border: 1px solid #aabe70;
+}
+
+div.color2 h3 {
+  background: #bbcf81;
+  border-bottom: 1px solid #aabe70;
+}
+
+div.color3 {
+  border: 1px solid #cac175;
+}
+
+div.color3 h3 {
+  background: #dbd286;
+  border-bottom: 1px solid #cac175;
+}
+
+div.color4 {
+  border: 1px solid #e9c47b;
+}
+
+div.color4 h3 {
+  background: #fad58c;
+  border-bottom: 1px solid #e9c47b;
+}
+
+.keep-bullets ul {
+  list-style-type: disc;
+  padding: 0;
+  margin: 0.5em 1.5em;
+}
+
+.keep-bullets li {
+  padding: 0;
+}
+
+.warning {
+  background: #eef;
+  text-align: left;
+  padding: 0;
+  border: 1px solid green;
+  /* Experimental rounded corners */
+  -moz-border-radius: 10px;
+  -webkit-border-radius: 10px;
+  margin: 1em;
+}
+
+.warning p {
+  padding: 0.5em;
+  margin: 0;
+}
+
+.hide {
+  position: relative;
+  text-indent: -999em;
+  height: 0;
+  overflow: hidden;
+}
+
+.help {
+  background: #f77;
+  color: black;
+  text-align: center;
+  font-weight: bold;
+  width: 75%;
+  padding: 1em;
+  border: 10px dotted green;
+  margin: 1em auto;
+}
+
+.legal {
+  font-size: 0.6em;
+}
+
+
+/* kill title, probably best done in the init file, though */
+h1.settitle {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  text-indent: -999em;
+  padding: 0;
+  margin: 0;
+}
+
diff --git a/Documentation/pictures/logo-lilypond_Snell-Roundhead-Heaven.png b/Documentation/pictures/logo-lilypond_Snell-Roundhead-Heaven.png
new file mode 100644
index 0000000000000000000000000000000000000000..4c01f90fcd8f1675b0d5708ff1db1f7bcc6f97a1
GIT binary patch
literal 4805
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
b$6Rswn|NKr(~JLJOdwN3D}!1+%-#P1OJ(Ba

literal 0
HcmV?d00001

diff --git a/Documentation/pictures/nav-active.jpg b/Documentation/pictures/nav-active.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..a04edf30f4a75016f0340ac57aab4ceed1a0f6cd
GIT binary patch
literal 564
zcma)&Jxc>Y5Qb;=E9d2s?B;S1l7NYY*oi_EL^u=)XdzhG3Yu71h@gcwA_f~le}P(R
z5%4cW5kC;MHQHE<_!ri_3*7n9_$~wQJTtS*u71{UAZKdRH9!K;FbDJpsHu(m$|fK%
z02nvu6Z$6_t4qt!Xd8kQJVu3`GPY&n0f0~w!}=APAQ)qu3C=~2Fp;!`u#%2#CvDr2
zPAKW5GcuEQTsN0<-BPhwEcHghL?V%LQh6!!1y6Z}sPJE-FF{!_3Y?+>qL3=oSFmHA
zW0w3TPMJXbMUha(rGfaZ6QG=RE9xf-;2+`wA;Dk7QgW`mhLuJA0*<+qD5}htJ-)9m
zTo3jQ?2dGfPff`(dmtxw`&DoLCd^5YpM;jimJs2S?JkWiVnmUmUpZ>sc6&&W)$hCg
pfqybKUPF2p=V2|Fl3Us4Sv7k&n+Z`cD%+D|el#rih7Nq)`2td0T`d3r

literal 0
HcmV?d00001

diff --git a/Documentation/pictures/nav-bg.jpg b/Documentation/pictures/nav-bg.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..81cc9b790ac8450d903c8abb6421b9233d8b0bd3
GIT binary patch
literal 559
zcma)2ze~eF6n^h6xyCeU@0u1$Q!p+r;^3l-5Ckdc?jSBz8!9?TK}9E_6dcvXwIH~N
zZjOQ?&dzEF{R2esFF0QkXsDC#c<{aNeec)lSN#ccxv|s$WB@ICpua#Z?r-iK0fGSl
z^F)2a<U(tABZAf=G034}aACUyZ^&N&7$=|B1L%P;48t^pX^JsHp0|Xs@{VoiZQGGf
zV$vxTWwGFRUb*afb>H{v<3qz-F6TOKRmy6uqAImv;=e#YfwEu@OpXeeLatChLl+Q{
zme0%}0q{R0GLuV8?#Yx8loaz6(2*k+%#=o30t8-MJ0esv=-~Q~eg}sJGQ}1B+3oq&
zSv_hF`rGYQ%2>1pnk<Sg_SV`-%;LD8K%POyM97X)HiL-7ZlyGG3?~l4X4)hUu1`~a
jj2{SQTgZ>QlOz`x$tl;LJ-kmxvY5E+hQms^($R0fB<))d

literal 0
HcmV?d00001

diff --git a/Documentation/pictures/nav-hover.jpg b/Documentation/pictures/nav-hover.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..cc4b982bd563849e169b0d9513c7af38523841f2
GIT binary patch
literal 557
zcma)&Jxc>Y5Qb;=E9YgC?B)^-Ngxr##vdSJAP5@JE{K0XV<jR1Q&?#cu(Prh#KKCj
zvsOf~30V47Xi7o+3+r4C?hH20GVsnb`wp|~p4|tS)z(T2kO6e)fcpZw)Z5(N2Lu5C
z4MN{Av)I|)*n-Y25#&%5T=^N2my`nlhLp4J4f>#j5K<^9)r6u<drEm}?fYrp*G7-R
z=xom9vN{L~g&?R_DwS$24osy|8J#H^Qz{p2u^c!4E8HDe59UB}w7@KKi|!r{={cO1
zPeO31LN-p3aUl&bPA~cuc~cLp9cKXb{2vkkM;xQZ*4th83YtbT%Psxb!{^>kcWrn*
zea=pr)bhxIk_`s!<@wsEW?_9Zl01=&sU|y!Xd)3~iX59$_Vg&45f&Fu(e+TjlT5ZS
blZ~hsn#|S0aQgTx_L=p^*k}4Z2kzwuQBGTe

literal 0
HcmV?d00001

diff --git a/Documentation/web-texi2html.init b/Documentation/web-texi2html.init
index b0bfac7857..f6fa5029d0 100644
--- a/Documentation/web-texi2html.init
+++ b/Documentation/web-texi2html.init
@@ -107,7 +107,8 @@ $Texi2HTML::Config::DOCTYPE = '<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Tran
 @Texi2HTML::Config::CSS_REFS      = (
     {FILENAME => "lilypond-web.css", TITLE => "Default style"},
     {FILENAME => "lilypond-web-alt1.css", TITLE => "Alternate style 1"},
-);
+    {FILENAME => "lilypond-web-alt2.css", TITLE => "Alternate style 2"},
+ ););
 
 # GOP tweak: We don't have alternate stylesheets right now
 #@Texi2HTML::Config::ALT_CSS_REFS      = (
-- 
2.39.5