Hello,
This patch replaces the one posted in the `New patch for stylesheets'
thread.
The changes between this patch and the previous one are:
(1) New colors for the navigation bars and the footer
(2) Keep the background and border colors for the warning boxes
the same as in the current style (brownish)
To see the difference between the current CSS and the new changes,
compare these two pages:
http://kainhofer.com/~lilypond/Documentation/user/lilypond/index.html
http://uoregon.edu/~pmccarty/texi2html/lilypond-alt-index.html
Let me know if you would like me to change anything.
Thanks,
Patrick
>From fbe343243b13134409da6fc23bffaded8ddca613 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 | 91 +++++++++++++++++++++--------------
2 files changed, 61 insertions(+), 39 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..d144168 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,7 +126,7 @@ blockquote blockquote {
}
table.cartouche {
- background: #f5f5dc; /* beige */
+ background: #f5f5dc;
width: 85%;
border-collapse: collapse;
padding: 0 0.5em;
@@ -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
_______________________________________________
lilypond-devel mailing list
lilypond-devel@gnu.org
http://lists.gnu.org/mailman/listinfo/lilypond-devel
