>From aee3d032a11de3ecb02dc76b1f65329e493628a6 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
  in the TOC and the nav bars

* 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  |   87 +++++++++++++++++++++++------------
 2 files changed, 64 insertions(+), 32 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..3e3c1d7 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;
 }
 
 /***********************************************************/
@@ -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,10 +63,10 @@ body {
 }
 
 .chapheading {
-  text-indent: -999em;
+  position: absolute;
   height: 0;
-  padding: 0;
-  margin: 0;
+  overflow: hidden;
+  text-indent: -999em;
 }
 
 /***********************************************************/
@@ -74,19 +74,19 @@ body {
 /***********************************************************/
 
 a:link {
-  color: #3465a4;
+  color: #0c51ab;
 }
 
 a:visited {
-  color: #8f5902;
+  color: #804f01;
 }
 
 a:active {
-  color: #73d216;
+  color: #278800;
 }
 
 a:hover {
-  color: #ce5c00;
+  color: #0105ad;
 }
 
 /***********************************************************/
@@ -96,8 +96,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,7 +130,7 @@ blockquote blockquote {
 }
 
 table.cartouche {
-  background: #f5f5dc; /* beige */
+  background: #f5f5dc;
   width: 85%;
   border-collapse: collapse;
   padding: 0 0.5em;
@@ -181,9 +181,7 @@ p {
 }
 
 #languages {
-  background-color: #f5f5dc; /* beige */
   padding: 0.5em 1em;
-  border-top: 1px solid #8fa77f;
   margin: 0;
 }
 
@@ -215,11 +213,11 @@ div#tocframe {
   padding: 0;
   margin: 0;
   overflow: auto;
-  background-color: #f5f5dc; /* beige */
+  background: #f5f5dc;
   z-index: 100;
   list-style-type: none;
   font-size: 0.83em;
-  line-height: 1.4;
+  line-height: 1.3;
 }
 
 @media screen {
@@ -228,24 +226,40 @@ div#tocframe {
   }
 }
 
+div#tocframe a:link, div#tocframe a:visited {
+  color: #454532;
+  text-decoration: none;
+}
+
+div#tocframe a:hover {
+  color: #232b16;
+  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;
+  padding: 0.25em 1em 0.25em 0.5em;
+  border-bottom: 1px solid #a0a087;
   margin: 0;
 }
 
+div#tocframe p.toc_uplink a:link,
+div#tocframe p.toc_uplink a:visited {
+  color: #1c1c1b;
+}
+
+div#tocframe p.toc_uplink a:hover {
+  color: #000;
+}
+
 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;
 }
 
@@ -300,14 +314,22 @@ li.toc_current ul {
   width: 100%;
   background: #c9ccc4;
   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: #1c1c1b;
+  text-decoration: none;
+}
+
+.nav_table a:hover {
+  color: #000;
+  text-decoration: underline;
+}
+
 .nav_table tr, .nav_table a {
   padding: 0;
   margin: 0;
@@ -334,7 +356,7 @@ div.header h1 {
 }
 
 div.subheader {
-  background-color: #ddd;
+  background: #ddd;
   padding: 0;
   margin: 0;
   text-align: center;
@@ -365,13 +387,18 @@ table .title {
 }
 
 .footer {
-  background: #c6e7b0;
+  background: #e5f5ce;
   font-size: 0.8em;
-  border: 0;
   padding: 0.2em 0;
+  border: solid #b1d281;
+  border-width: 0 0 5px 0;
   margin: 0;
 }
 
+.footer a:link {
+  color: #0308fc;
+}
+
 .footer p {
   padding: 0 1.25em;
   margin: 0.4em 0;
-- 
1.6.0.5