HTML5 display tweaks

Improve alignment of multi-line superscript footnotes.

Auto-scroll for overflowing literal blocks.

Highlight heading if a section is the current target,
highlight complete footnote if it is the current target.

git-svn-id: https://svn.code.sf.net/p/docutils/code/trunk@9079 929543f6-e4f2-0310-98a6-ba3bd3dd1d04

2 files changed, 7 insertions, 5 deletions

diff --git a/docutils/docutils/writers/html5_polyglot/minimal.css b/docutils/docutils/writers/html5_polyglot/minimal.css
index 9f15b1612..5a8ac4f6b 100644
--- a/docutils/docutils/writers/html5_polyglot/minimal.css
+++ b/docutils/docutils/writers/html5_polyglot/minimal.css
@@ -151,10 +151,10 @@ span.option { white-space: nowrap; }
 /* hanging indent */
 .citation { padding-left: 2em; }
 .footnote { padding-left: 1.7em; }
-.footnote.superscript { padding-left: 0.9em; }
+.footnote.superscript { padding-left: 1.0em; }
 .citation > .label { margin-left: -2em; }
 .footnote > .label { margin-left: -1.7em; }
-.footnote.superscript > .label { margin-left: -0.9em; }
+.footnote.superscript > .label { margin-left: -1.0em; }
 
 .footnote > .label + *,
 .citation > .label + * {
diff --git a/docutils/docutils/writers/html5_polyglot/responsive.css b/docutils/docutils/writers/html5_polyglot/responsive.css
index 802617c77..d54618239 100644
--- a/docutils/docutils/writers/html5_polyglot/responsive.css
+++ b/docutils/docutils/writers/html5_polyglot/responsive.css
@@ -245,6 +245,7 @@ div.system-message > p > span.literal {
 /* Literal and Code */
 pre.literal-block, pre.doctest{
   padding: 0.2em;
+  overflow-x: auto;
 }
 .literal-block, .doctest, span.literal {
   background-color: #f6f9f8;
@@ -290,13 +291,14 @@ a:hover {
   margin-left: 0.2em;
 }
 /* highlight the target of the current URL */
-/* section:target > h2, section:target > h3, section:target > h4, */
-/* section:target > h5, section:target > h6,			  */
+section:target > h2, section:target > h3, section:target > h4,
+section:target > h5, section:target > h6,
 .contents :target,
 .contents:target > .topic-title,
 [role="doc-biblioentry"]:target > .label,
 [role="doc-biblioref"]:target,
-[role="note"]:target > .label,
+[role="note"]:target, /* Docutils 0.18 ... 0.19 */
+[role="doc-footnote"]:target, /* Docutils >= 0.20 */
 [role="doc-noteref"]:target {
   background-color: #d2e6ec;
 }