lilypond-manuals.css: Add a maximum width for manuals sidebar (issue 328740043 by address@hidden)

[paulwmorris]

Reviewers: ,

Message:
Please review, a few follow-ups to the previous manuals css patch.

The following demo site reflects the changes in this patch (remove
spaces after the domain).

http://clairnote.org   /lilypond-web-demo/Documentation/

(I'll upload a screenshot showing the former brown color on the issue
tracker.)

Thanks,
-Paul

Description:
lilypond-manuals.css: Add a maximum width for manuals sidebar

When the browser window is 1280px wide or more, the sidebar
will be 346px wide, rather than a percentage of the window
width.

Also contains these two commits:

lilypond-manuals.css: A better brown for the usage manual

I think this shade goes better with the other colors,
giving us a more coherent color scheme across manuals.

lilypond-manuals.css: Add space between top-levels in sidebar

(This one was originally in my last patch for the manuals css,
but I found a better way to do it, so removed it from the
previous patch and including it here.)

Please review this at https://codereview.appspot.com/328740043/

Affected files (+19, -1 lines):
  M Documentation/css/lilypond-manuals.css


Index: Documentation/css/lilypond-manuals.css
diff --git a/Documentation/css/lilypond-manuals.css  
b/Documentation/css/lilypond-manuals.css
index  
d444792955d54edb875b65b5f6b153716863174e..f7b88a1ca27e495bb5d9f640f8109baa15b1d73b  
100644
--- a/Documentation/css/lilypond-manuals.css
+++ b/Documentation/css/lilypond-manuals.css
@@ -257,7 +257,7 @@ div#tocframe {

 body.learning    #tocframe { background-color: #407f40; }
 body.notation    #tocframe { background-color: #40657f; }
-body.usage       #tocframe { background-color: #7d765a; }
+body.usage       #tocframe { background-color: #81613e; }
 body.extending   #tocframe { background-color: #7f4040; }
 body.internals   #tocframe { background-color: #6a407f; }
 body.contributor #tocframe { background-color: #333333; }
@@ -323,6 +323,10 @@ div#tocframe h4 {
   font-size: 1em;
 }

+#tocframe .contents > ul.toc > li {
+  margin-top: 0.5em;
+}
+
 #tocframe ul.toc li li {
   padding-left: 1em;
 }
@@ -495,3 +499,17 @@ div#search p, div#search form {
   border-radius: 5px;
   margin: 0.5em 0.5em 2em 3em;
 }
+
+/***********************************************************/
+/*               RESPONSIVE DESIGN                         */
+/***********************************************************/
+
address@hidden (min-width: 1280px) {
+  div#main {
+    left: 346px
+  }
+  div#tocframe {
+    width: 346px;
+    right: 0;
+  }
+}