provide visual separation in sidebar

Enhance the sidebar display to provide visual distinction between top
level items and lower level items. Top level items are now given a
space above them so they are visually clumped with their children, and
separated from each other. They are also emboldened for greater visual
distinction.

Ideally sphinx would actually tag li items with their depth as a class
tag, but as it currently doesn't do that we can work around it with
setting at ul li, and unsetting at ul li ul li.

Change-Id: I88d4317ec69fe7fd6f5c2198f89de624f0d093da
changes/34/134934/2
Sean Dague 2014-11-17 08:36:30 -05:00
parent c8b7c4b344
commit c7e307e359
1 changed files with 12 additions and 1 deletions

View File

@ -101,4 +101,15 @@ div.sphinxsidebar h3.highlighted {
div.sphinxsidebar h3.highlighted a {
color: #EEE;
}
}
/** provide visual separation for sidebar for increased readability. */
div.sphinxsidebar ul li {
margin-top: 1em;
font-weight: bold;
}
div.sphinxsidebar ul li ul li {
margin-top: 0;
font-weight: normal;
}