On Sun, Dec 21, 2008 at 10:02:44PM +0200, Till Rettig wrote:
> Patrick McCarty schrieb:
>> I have considered keeping the soft blue for the links, but here are my
>> two main reasons for changing to the more "pure" blue:
>>
>> - The current blue (#3465a4) does not pass the WCAG 1.0 against a
>> white background. Based on experience, the new blue definitely
>> increases readability, even though the current "soft blue" might be a
>> *nicer* color. Since LilyPond's documentation is so extensive, I
>> think the increase in readability is a plus.
>>
>>
> Yes it's true about readability, but what if there would be stille some
> blue 'in between'. Maybe it is only my lcd screen?
I have changed the color of the blue links again, except for the
footer, which needs the brighter blue to remain readable. It is very
close to the current blue, but I like this new blue better since it is
less "washed out". The patch is attached.
Current style:
http://kainhofer.com/~lilypond/Documentation/user/lilypond/index.html
New style:
http://uoregon.edu/~pmccarty/texi2html/lilypond-index.html
Is this better for you, Till? Does anyone else have any more
comments?
Thanks,
Patrick
>From aee3d032a11de3ecb02dc76b1f65329e493628a6 Mon Sep 17 00:00:00 2001
From: Patrick McCarty <pnor...@gmail.com>
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 <pnor...@gmail.com>
---
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
_______________________________________________
lilypond-devel mailing list
lilypond-devel@gnu.org
http://lists.gnu.org/mailman/listinfo/lilypond-devel
