remove *bloat* from the css

the mobile version of the header looks better
anyway, even on a desktop browser
hslick-master
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}
html,ul,#TOC{padding:1em}
body,a:hover{
body{
font:1em sans-serif;
color:#222;
line-height:1.4
}
a{color:#22d}
.date,.author,.h a{display:none}
code,pre,#TOC,a:hover{background:#eee}
:not(p) {
max-width:60em;
margin:0 auto
}
code,pre,#TOC{
background:#eee;
margin:0
}
.title > *, header ul > li, .nav ul > li, #footer ul > li, .h:hover>*
.title>*, header ul>li, .nav ul>li,
#footer ul>li, .h:hover>*, pre
{
display:inline;
margin:1%;
margin:.7%;
text-align:center
}
.title>* {display:block}
#TOC{
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}
}
.title>*{display:block}
.date,.author,.h a{display:none}