From 5cf88b60c46b1194e6b68a869e40e6f3402aea6a Mon Sep 17 00:00:00 2001 From: Carl Peterson Date: Thu, 12 Dec 2013 18:05:11 -0500 Subject: [PATCH] fix sidebar colors in html documentation Change the default color of the TOC sidebar when no manual-specific color has been specified. Because the text color was changed to white, the TOC was not legible in manuals like the glossary, which is not assigned a color currently. Also, darkened most of the manual TOC sidebars to separate from header and footer colors. Lightened the header and footer for the Contributor's Guide since it is the "black book." --- Documentation/css/lilypond-manuals.css | 72 ++++++++++++-------------- 1 file changed, 32 insertions(+), 40 deletions(-) diff --git a/Documentation/css/lilypond-manuals.css b/Documentation/css/lilypond-manuals.css index af3f822809..8950b847a7 100644 --- a/Documentation/css/lilypond-manuals.css +++ b/Documentation/css/lilypond-manuals.css @@ -40,15 +40,6 @@ body { background-color: #fff; } -/* Documentation-specific page-wide settings */ - -body.learning { background-color: #ccffcc; } -body.notation { background-color: #cceeff; } -body.usage { background-color: #fff6cc; } -body.extending { background-color: #ffcccc; } -body.internals { background-color: #eeccff; } -body.contributor { background-color: #cccccc; } - /***********************************************************/ /* HEADERS */ /***********************************************************/ @@ -65,7 +56,7 @@ body.contributor { background-color: #cccccc; } } .settitle { - background: #b1d281; + background: #657f40; color: white; font-size: 2em; text-align: center; @@ -75,11 +66,11 @@ body.contributor { background-color: #cccccc; } margin: 0 0 10px 0; } -body.learning .settitle { background-color: #00bf00; } -body.notation .settitle { background-color: #0070bf; } -body.usage .settitle { background-color: #bf9f00; } -body.extending .settitle { background-color: #bf0000; } -body.internals .settitle { background-color: #7f00bf; } +body.learning .settitle { background-color: #407f40; } +body.notation .settitle { background-color: #40657f; } +body.usage .settitle { background-color: #7f7f33; } +body.extending .settitle { background-color: #7f4040; } +body.internals .settitle { background-color: #6a407f; } body.contributor .settitle { background-color: #000000; } .chapter, .appendix, .unnumbered { @@ -145,7 +136,7 @@ blockquote, .smallexample { body.learning blockquote, body.learning .smallexample { border-color: #00ff00; } body.notation blockquote, body.notation .smallexample { border-color: #0095ff; } -body.usage blockquote, body.usage .smallexample { border-color: #ffd400; } +body.usage blockquote, body.usage .smallexample { border-color: #ffff00; } body.extending blockquote, body.extending .smallexample { border-color: #ff0000; } body.internals blockquote, body.internals .smallexample { border-color: #aa00ff; } body.contributor blockquote, body.contributor .smallexample { border-color: #000000; } @@ -182,12 +173,12 @@ table.cartouche { margin: 0 auto 1em; } -body.learning table.cartouche { background-color: #7fff7f; border: 2px solid #00bf00; } -body.notation table.cartouche { background-color: #7fcaff; border: 2px solid #0070bf; } -body.usage table.cartouche { background-color: #ffea7f; border: 2px solid #bf9f00; } -body.extending table.cartouche { background-color: #ff7f7f; border: 2px solid #bf0000; } -body.internals table.cartouche { background-color: #d47fff; border: 2px solid #7f00bf; } -body.contributor table.cartouche { background-color: #aaaaaa; border: 2px solid #000000; } +body.learning table.cartouche { background-color: #cfe5cf; border: 2px solid #7db27d; } +body.notation table.cartouche { background-color: #cfdce5; border: 2px solid #7d9cb2; } +body.usage table.cartouche { background-color: #e5e2b8; border: 2px solid #b2b27d; } +body.extending table.cartouche { background-color: #e5cfcf; border: 2px solid #b27d7d; } +body.internals table.cartouche { background-color: #decfe5; border: 2px solid #a17db2; } +body.contributor table.cartouche { background-color: #e5e5e5; border: 2px solid #b2b2b2; } table.cartouche p { padding: 1em; @@ -264,19 +255,19 @@ div#tocframe { padding: 0; margin: 0; overflow: auto; - background: #f5f5dc; + background: #dce35cf; z-index: 100; list-style-type: none; font-size: 0.83em; line-height: 1.3; } -body.learning div#tocframe { background-color: #00bf00; } -body.notation div#tocframe { background-color: #0070bf; } -body.usage div#tocframe { background-color: #bf9f00; } -body.extending div#tocframe { background-color: #bf0000; } -body.internals div#tocframe { background-color: #7f00bf; } -body.contributor div#tocframe { background-color: #000000; } +body.learning div#tocframe { background-color: #cfe5cf; } +body.notation div#tocframe { background-color: #cfdce5; } +body.usage div#tocframe { background-color: #e5e5b8; } +body.extending div#tocframe { background-color: #e5cfcf; } +body.internals div#tocframe { background-color: #decfe5; } +body.contributor div#tocframe { background-color: #e5e5e5; } @media screen { body > div#tocframe { @@ -285,12 +276,12 @@ body.contributor div#tocframe { background-color: #000000; } } div#tocframe a:link, div#tocframe a:visited { - color: white; + color: black; text-decoration: none; } div#tocframe a:hover { - color: silver; + color: #666666; text-decoration: underline; } @@ -299,7 +290,7 @@ div#tocframe p.toc_uplink { line-height: 1.125; background: #c9ccc4; padding: 0.25em 1em 0.25em 0.5em; - border-bottom: 1px solid #a0a087; + border-bottom: 1px solid black; margin: 0; } @@ -445,20 +436,21 @@ table .title { } .footer { - background: #e5f5ce; + background: #657f40; font-size: 0.8em; padding: 0.2em 0; border: solid white; border-width: 0 0 5px 0; margin: 0; + color: white; } -body.learning .footer { background-color: #00bf00; color: #ccffcc; } -body.notation .footer { background-color: #0070bf; color: #cceeff; } -body.usage .footer { background-color: #bf9f00; color: #fff6cc; } -body.extending .footer { background-color: #bf0000; color: #ffcccc; } -body.internals .footer { background-color: #7f00bf; color: #eeccff; } -body.contributor .footer { background-color: #000000; color: #cccccc; } +body.learning .footer { background-color: #407f40; } +body.notation .footer { background-color: #40657f; } +body.usage .footer { background-color: #7f7f33; } +body.extending .footer { background-color: #7f4040; } +body.internals .footer { background-color: #6a407f; } +body.contributor .footer { background-color: #000000; } .footer a:link { color: white; @@ -528,7 +520,7 @@ div#search p, div#search form { body.learning .warning { border-color: #00ff00; } body.notation .warning { border-color: #0095ff; } -body.usage .warning { border-color: #ffd400; } +body.usage .warning { border-color: #ffff00; } body.extending .warning { border-color: #ff0000; } body.internals .warning { border-color: #aa00ff; } body.contributor .warning { border-color: #000000; } -- 2.39.2