Hello,
This patch implements the design I proposed a few days ago in the
documentation design thread. It is well tested.
Here is a sample page:
http://uoregon.edu/~pmccarty/texi2html/lilypond-index.html
Please apply if everything looks satisfactory.
Thanks,
Patrick
>From d315f8a00f474c2bf6b4be837f8a14813a3b65f5 Mon Sep 17 00:00:00 2001
From: Patrick McCarty <[EMAIL PROTECTED]>
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 <[EMAIL PROTECTED]>
---
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..4d4775f 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: #d3fa99;
+ 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: #d3fa99;
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: #d3fa99;
padding: 0;
margin: 0;
text-align: center;
@@ -365,10 +381,11 @@ table .title {
}
.footer {
- background: #c6e7b0;
+ background: #f7faf5;
font-size: 0.8em;
- border: 0;
padding: 0.2em 0;
+ border: solid #8bae59;
+ border-width: 1px 0 0 0;
margin: 0;
}
--
1.6.0.3
_______________________________________________
lilypond-devel mailing list
lilypond-devel@gnu.org
http://lists.gnu.org/mailman/listinfo/lilypond-devel
