remove *bloat* from the css

the mobile version of the header looks better
anyway, even on a desktop browser
This commit is contained in:
Leah Rowe 2021-09-05 03:04:47 +01:00
parent 59ac29abef
commit 5270ad85b4
1 changed files with 7 additions and 26 deletions

View File

@ -1,38 +1,19 @@
html{background:#fff} body{
html,ul,#TOC{padding:1em}
body,a:hover{
font:1em sans-serif; font:1em sans-serif;
color:#222;
line-height:1.4 line-height:1.4
} }
a{color:#22d} a{color:#22d}
.date,.author,.h a{display:none} code,pre,#TOC,a:hover{background:#eee}
:not(p) { :not(p) {
max-width:60em; max-width:60em;
margin:0 auto margin:0 auto
} }
code,pre,#TOC{ .title>*, header ul>li, .nav ul>li,
background:#eee; #footer ul>li, .h:hover>*, pre
margin:0
}
.title > *, header ul > li, .nav ul > li, #footer ul > li, .h:hover>*
{ {
display:inline; display:inline;
margin:1%; margin:.7%;
text-align:center text-align:center
} }
.title>* {display:block} .title>*{display:block}
#TOC{ .date,.author,.h a{display:none}
min-width:25%;
float:left;
margin:1em
}
@media (min-width:60em) {
.title-logo{display:none}
div.title,h1.title {
background:url("https://av.libreboot.org/logo/sl.png") no-repeat;
background-size:auto 99%;
}
div.title {background-position:right}
h1.title {padding:0 4em}
}