remove *bloat* from the css
the mobile version of the header looks better anyway, even on a desktop browser
This commit is contained in:
parent
59ac29abef
commit
5270ad85b4
|
@ -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}
|
|
||||||
}
|
|
||||||
|
|
Loading…
Reference in New Issue