Corrected the TOC ids to classes, updated the CSS accordingly

diff --git a/build.py b/build.py
index 5d0b0bbd853db46127ab5b3cb4f6386ba8eecf4e..4d09afe19eb32637da05620290739c7ae848ec37 100755 (executable)
--- a/build.py
+++ b/build.py
@@ -444,13 +444,13 @@ for header in fileStruct:
        if level == 0:
                toc = toc + '<h2>Part ' + num2roman(levelNums[level]) + ': ' + header['title'] + '</h2>\n';
        elif level == 1:
-               toc = toc + '  <p id=chapter>Ch. ' + str(levelNums[level]) + ':&nbsp;&nbsp;<a href="/' + header['filename'] + '/">' + header['title'] + '</a></p>\n'
+               toc = toc + '  <p class="chapter">Ch. ' + str(levelNums[level]) + ':&nbsp;&nbsp;<a href="/' + header['filename'] + '/">' + header['title'] + '</a></p>\n'
        elif level == 2:
-               toc = toc + '    <a id=subchapter href="/' + header['filename'] + '/">' + header['title'] + '</a><br>\n'
+               toc = toc + '    <p class="subchapter"><a href="/' + header['filename'] + '/">' + header['title'] + '</a></p>\n'
        elif level == 3:
-               toc = toc + '      <a id=section href="/' + header['filename'] + '/">' + header['title'] + '</a><br>\n'
+               toc = toc + '      <p class="section"><a href="/' + header['filename'] + '/">' + header['title'] + '</a></p>\n'
        elif level == 4:
-               toc = toc + '      <a id=subsection href="/' + header['filename'] + '/">' + header['title'] + '</a><br>\n'
+               toc = toc + '      <p class="subsection"><a href="/' + header['filename'] + '/">' + header['title'] + '</a></p>\n'
 
        # Make the 'this thing contains...' stuff
        if HaveChildren(fileStruct, pageNumber):

diff --git a/source/css/app.css b/source/css/app.css
index fd063aedf5814d69c7127b783765d1407a75a791..6c8784dba98e88f215b787a80c56b9566acf0ca3 100644 (file)
--- a/source/css/app.css
+++ b/source/css/app.css
@@ -579,16 +579,16 @@ samp:after {
 }
 
 /* for the TOC */
-#chapter,
-#subchapter,
-#section,
-#subsection {
-  line-height:1.5em;
-}
-#chapter { padding-top: 1em; padding-left: 1em; }
-#subchapter { padding-left: 4em; }
-#section { padding-left: 6em; }
-#subsection { padding-left: 8em; }
+#content p.chapter,
+#content p.subchapter,
+#content p.section,
+#content p.subsection {
+  line-height:1em;
+}
+#content p.chapter { padding-top: 1em; padding-left: 1em; padding-bottom:1em; }
+#content p.subchapter { padding-left: 4em; }
+#content p.section { padding-left: 6em; }
+#content p.subsection { padding-left: 8em; }
 
 /* for images sliced in divs, as in http://manual.ardour.org/ardours-interface/about/ */
 .container { position: relative; border: none; }