From e0775064500aad4a8b51e50db80587be62607e3d Mon Sep 17 00:00:00 2001 From: Ned Batchelder Date: Sat, 16 Oct 2021 19:07:57 -0400 Subject: refactor(html): use header/main/footer html5 elements --- coverage/htmlfiles/index.html | 16 ++++++++-------- coverage/htmlfiles/pyfile.html | 16 ++++++++-------- coverage/htmlfiles/style.css | 16 ++++++++-------- coverage/htmlfiles/style.scss | 10 +++++----- 4 files changed, 29 insertions(+), 29 deletions(-) (limited to 'coverage/htmlfiles') diff --git a/coverage/htmlfiles/index.html b/coverage/htmlfiles/index.html index 3654d66a..b5d2bcd1 100644 --- a/coverage/htmlfiles/index.html +++ b/coverage/htmlfiles/index.html @@ -22,7 +22,7 @@ - + -
+
+ -
+
{# The title="" attr doesn"t work in Safari. #} @@ -111,16 +111,16 @@ {% if skipped_empty_msg %}

{{ skipped_empty_msg }}

{% endif %} - + - + diff --git a/coverage/htmlfiles/pyfile.html b/coverage/htmlfiles/pyfile.html index e15be066..33cab95a 100644 --- a/coverage/htmlfiles/pyfile.html +++ b/coverage/htmlfiles/pyfile.html @@ -24,7 +24,7 @@ - + -
+
+ -
+
{% for line in lines -%} {% joined %}

@@ -98,16 +98,16 @@

{% endjoined %} {% endfor %} -
+ - + diff --git a/coverage/htmlfiles/style.css b/coverage/htmlfiles/style.css index 7f8e32ab..8c9100c1 100644 --- a/coverage/htmlfiles/style.css +++ b/coverage/htmlfiles/style.css @@ -28,23 +28,23 @@ a.nav { text-decoration: none; color: inherit; } a.nav:hover { text-decoration: underline; color: inherit; } -#header { background: #f8f8f8; width: 100%; border-bottom: 1px solid #eee; } +header { background: #f8f8f8; width: 100%; border-bottom: 1px solid #eee; } -@media (prefers-color-scheme: dark) { #header { background: black; } } +@media (prefers-color-scheme: dark) { header { background: black; } } -@media (prefers-color-scheme: dark) { #header { border-color: #333; } } +@media (prefers-color-scheme: dark) { header { border-color: #333; } } -.indexfile #footer { margin: 1rem 3.5rem; } +.indexfile footer { margin: 1rem 3.5rem; } -.pyfile #footer { margin: 1rem 1rem; } +.pyfile footer { margin: 1rem 1rem; } -#footer .content { padding: 0; color: #666; font-style: italic; } +footer .content { padding: 0; color: #666; font-style: italic; } -@media (prefers-color-scheme: dark) { #footer .content { color: #aaa; } } +@media (prefers-color-scheme: dark) { footer .content { color: #aaa; } } #index { margin: 1rem 0 0 3.5rem; } -#header .content { padding: 1rem 3.5rem; } +header .content { padding: 1rem 3.5rem; } h1 { font-size: 1.25em; display: inline-block; } diff --git a/coverage/htmlfiles/style.scss b/coverage/htmlfiles/style.scss index 39432340..fd6394e2 100644 --- a/coverage/htmlfiles/style.scss +++ b/coverage/htmlfiles/style.scss @@ -157,7 +157,7 @@ a.nav { } // Page structure -#header { +header { background: $light-gray1; @include background-dark(black); width: 100%; @@ -165,15 +165,15 @@ a.nav { @include border-color-dark($dark-gray2); } -.indexfile #footer { +.indexfile footer { margin: 1rem $left-gutter; } -.pyfile #footer { +.pyfile footer { margin: 1rem 1rem; } -#footer .content { +footer .content { padding: 0; color: $light-gray5; @include color-dark($dark-gray5); @@ -185,7 +185,7 @@ a.nav { } // Header styles -#header .content { +header .content { padding: 1rem $left-gutter; } -- cgit v1.2.1