>From eec5dbdf76bd1b5ade4edd20a423e45ebd01ecda Mon Sep 17 00:00:00 2001
From: Patrick McCarty <address@hidden>
Date: Sun, 19 Oct 2008 16:16:03 -0700
Subject: [PATCH] Docs: Update default stylesheets

* colors pass the WCAG 1.0 for sufficient color
  contrast between the foreground and background

* visited links are no longer colored differently

* link underlining is off by default in the TOC pane
  and nav bars but is retained in the hover state

* more improvements for the IE stylesheet

Signed-off-by: Patrick McCarty <address@hidden>
---
 Documentation/lilypond-ie-fixes.css |    9 +++-
 Documentation/lilypond-mccarty.css  |   93 ++++++++++++++++++++--------------
 2 files changed, 62 insertions(+), 40 deletions(-)

diff --git a/Documentation/lilypond-ie-fixes.css b/Documentation/lilypond-ie-fixes.css
index 9bdc69a..274f7fd 100644
--- a/Documentation/lilypond-ie-fixes.css
+++ b/Documentation/lilypond-ie-fixes.css
@@ -33,6 +33,11 @@ blockquote {
   margin: 1em 1%;
 }
 
+table.cartouche {
+  width: 85%;
+  margin: 1em 7.5%;
+}
+
 /***********************************************************/
 /*                    TOC SIDEBAR                          */
 /***********************************************************/
@@ -56,11 +61,11 @@ table#navigation {
 /***********************************************************/
 
 table#navigation, div#tocframe, div#main,
-p, .footer, #languages {
+p, h1, h2, ul, .footer, #languages {
   text-align: left;
 }
 
-div.subheader p {
+div.header h1, div.subheader p {
   text-align: center;
 }
 
diff --git a/Documentation/lilypond-mccarty.css b/Documentation/lilypond-mccarty.css
index c758db6..0195716 100644
--- a/Documentation/lilypond-mccarty.css
+++ b/Documentation/lilypond-mccarty.css
@@ -12,8 +12,8 @@ body {
   height: 100%;
   font-size: 100%;
   line-height: 1.125;
-  color: black;
-  background-color: white;
+  color: #000;
+  background-color: #fff;
 }
 
 /***********************************************************/
@@ -24,7 +24,7 @@ body {
 .appendix, .appendixsec, .appendixsubsec,
 .unnumbered, .unnumberedsec, .unnumberedsubsec, .unnumberedsubsubsec,
 .subheading, .subsubheading {
-  color: #204a87;
+  color: #0105ad;
   border-bottom: 1px dashed black;
   padding-bottom: 0.15em;
   margin-top: 0.6em;
@@ -35,10 +35,10 @@ body {
   background: #b1d281;
   font-size: 2em;
   text-align: center;
-  margin: 0;
   padding: 0.4em 0.5em;
-  border: 1px solid #7b925a;
-  border-width: 0 0 1px 0;
+  border: solid #7b925a;
+  border-width: 1px 0;
+  margin: 0;
 }
 
 .chapter, .appendix, .unnumbered {
@@ -63,30 +63,26 @@ body {
 }
 
 .chapheading {
-  text-indent: -999em;
+  position: absolute;
   height: 0;
-  padding: 0;
-  margin: 0;
+  overflow: hidden;
+  text-indent: -999em;
 }
 
 /***********************************************************/
 /*                       LINKS                             */
 /***********************************************************/
 
-a:link {
-  color: #3465a4;
-}
-
-a:visited {
-  color: #8f5902;
+a:link, a:visited {
+  color: #0308fc;
 }
 
 a:active {
-  color: #73d216;
+  color: #278800;
 }
 
 a:hover {
-  color: #ce5c00;
+  color: #0105ad;
 }
 
 /***********************************************************/
@@ -96,8 +92,8 @@ a:hover {
 blockquote {
   width: 96%;
   padding: 0;
-  border: 1px solid #708a4b;
-  border-left: 5px solid #a3ca6d;
+  border: solid #b1d281;
+  border-width: 1px 1px 1px 5px;
   margin: 1em auto;
 }
 
@@ -130,11 +126,11 @@ blockquote blockquote {
 }
 
 table.cartouche {
-  background: #f5f5dc; /* beige */
+  background: #f7faf5;
   width: 85%;
   border-collapse: collapse;
   padding: 0 0.5em;
-  border: 2px solid #8f5902;
+  border: 1px solid #278800;
   margin: 0 auto 1em;
 }
 
@@ -181,9 +177,7 @@ p {
 }
 
 #languages {
-  background-color: #f5f5dc; /* beige */
   padding: 0.5em 1em;
-  border-top: 1px solid #8fa77f;
   margin: 0;
 }
 
@@ -215,11 +209,11 @@ div#tocframe {
   padding: 0;
   margin: 0;
   overflow: auto;
-  background-color: #f5f5dc; /* beige */
+  background: #f7faf5;
   z-index: 100;
   list-style-type: none;
   font-size: 0.83em;
-  line-height: 1.4;
+  line-height: 1.3;
 }
 
 @media screen {
@@ -228,24 +222,37 @@ div#tocframe {
   }
 }
 
+div#tocframe a:link, div#tocframe a:visited {
+  color: #43542b;
+  text-decoration: none;
+}
+
+div#tocframe a:hover {
+  color: #43542b;
+  text-decoration: underline;
+}
+
 div#tocframe p.toc_uplink {
   font-size: 1em;
   line-height: 1.125;
-  background: #c9ccc4;
-  padding: 0.25em 1em;
-  border-bottom: 1px solid #8a8c87;
+  background: #d1eda9;
+  padding: 0.25em 1em 0.25em 0.5em;
+  border-bottom: 1px solid #8bae59;
   margin: 0;
 }
 
+div#tocframe p.toc_uplink a:link,
+div#tocframe p.toc_uplink a:visited,
+div#tocframe p.toc_uplink a:hover {
+  color: #232b16;
+}
+
 div#tocframe h4 {
   font-size: 1em;
   line-height: 1.125;
   font-weight: bold;
   font-style: italic;
-  /* background: #c9ccc4; */
-  /* padding: 0.25em 1em; */
   padding: 0.75em 0.5em 0 0.5em;
-  /* border-bottom: 1px solid #8a8c87; */
   margin: 0;
 }
 
@@ -298,16 +305,24 @@ li.toc_current ul {
 
 .nav_table {
   width: 100%;
-  background: #c9ccc4;
+  background: #d1eda9;
   font-size: 0.83em;
-  line-height: 1.125;
   border-collapse: collapse;
   padding: 0;
-  border: 0;
-  border-bottom: 1px solid #8a8c87;
+  border: none;
   margin: 0;
 }
 
+.nav_table a:link, .nav_table a:visited {
+  color: #232b16;
+  text-decoration: none;
+}
+
+.nav_table a:hover {
+  color: #232b16;
+  text-decoration: underline;
+}
+
 .nav_table tr, .nav_table a {
   padding: 0;
   margin: 0;
@@ -334,7 +349,8 @@ div.header h1 {
 }
 
 div.subheader {
-  background-color: #ddd;
+  color: #232b16;
+  background: #d1eda9;
   padding: 0;
   margin: 0;
   text-align: center;
@@ -365,10 +381,11 @@ table .title {
 }
 
 .footer {
-  background: #c6e7b0;
+  background: #e4f5cb;
   font-size: 0.8em;
-  border: 0;
   padding: 0.2em 0;
+  border: solid #8bae59;
+  border-width: 1px 0 0 0;
   margin: 0;
 }
 
-- 
1.6.0.4