fix formatting issues and optimize the css rules

This commit is contained in:
Leah Rowe 2022-01-02 07:56:22 +00:00
parent b713dace1e
commit 2c4acfb902
1 changed files with 16 additions and 21 deletions

View File

@ -15,39 +15,34 @@ $if(keywords)$
$endif$ $endif$
<title>$if(title-prefix)$$title-prefix$ $endif$$pagetitle$</title> <title>$if(title-prefix)$$title-prefix$ $endif$$pagetitle$</title>
<style type="text/css"> <style type="text/css">
html{background:#fff} html{
background:#fff;
color:#222;
}
.date,.author,.h a{display:none} .date,.author,.h a{display:none}
body,a:hover{ code,pre,#TOC,a:hover{background:#eee}
font:1em sans-serif; :not(p),a:hover {
line-height:1.4; max-width:50em;
color:#222 margin:0 auto;
font-family:sans-serif;
line-height:1.4
} }
a{color:#22d} a{color:#22d}
code,pre,#TOC,a:hover{background:#eee}
:not(p) {
max-width:60em;
margin:0 auto
}
.title>*, header ul>li, .nav ul>li, .title>*, header ul>li, .nav ul>li,
#footer ul>li, .h:hover>*, pre, table #footer ul>li, .h:hover>*
ul>li
{ {
display:inline; display:inline;
margin:.7%; margin:.7%;
text-align:center text-align:center;
} }
.title>*,span.date{display:block} .title>*,span.date{display:block}
img,video{max-width:100%} img,video,iframe{max-width:100%}
.left,#TOC{ #TOC{
float:left; float:left;
margin:1em 1em 1em 0 margin:1em
}
.right{
float:right;
margin:1em 0 1em 1em
} }
html,ul,#TOC{padding:1em} html,ul,#TOC{padding:1em}
#TOC{margin:1em}
#footer{clear:both}
@media (min-width:60em) { @media (min-width:60em) {
.title-logo{display:none} .title-logo{display:none}
div.title,h1.title { div.title,h1.title {