shrink css

This commit is contained in:
Leah Rowe 2021-08-31 11:24:05 +01:00
parent d5e9cb8386
commit aacde2846d
1 changed files with 49 additions and 93 deletions

View File

@ -1,127 +1,82 @@
html { html {background:#fff}
background:#fff
}
.title { .title {
background:url("https://av.libreboot.org/logo/sl.png") no-repeat; background:url("https://av.libreboot.org/logo/sl.png") no-repeat;
background-size: auto 99%; background-size:auto 99%;
} }
div.title { div.title {background-position:right}
background-position: right
}
h1.title { h1.title {
text-align:center; text-align:center;
min-height:2em; min-height:2em;
margin:0; margin:0;
padding:0 4em padding:0 4em
} }
a.title{background:none} a.title{background:none}
body,a:hover { body,a:hover,#TOC h1 {
font: 1em sans-serif; font:1em sans-serif;
color: #222; color:#222;
line-height: 1.4 line-height:1.4
}
h1,h2,h3,h4 {
line-height: 1.2
} }
div.page { div.page {
max-width:60em; max-width:60em;
margin:0 auto; margin:0 auto;
padding: 0.2em 1em padding:.2em 1em
} }
pre,table,.title,.date { pre,table,.title,.date {
overflow-x: auto; overflow-x:auto;
display:block display:block
} }
table { table {
border-collapse: collapse; border-collapse:collapse;
width:100% width:100%
}
th{
background:#cdcdcd
}
th,td {
border: solid 1px #888
}
tr:nth-child(even) {
background-color: #eee
} }
th{background:#cdcdcd}
th,td {border:solid 1px #888}
tr:nth-child(even) {background-color:#eee}
code,pre,#TOC {background-color:#ececec}
img,#TOC {max-width:100%}
a {color:#22D}
a.uri {word-wrap:break-word}
h1, h2, h3, .h:hover a {display:inline}
code,pre,#TOC { p.author, p.date,.h a,p.title-logo {display:none}
background-color: #ececec
}
img,#TOC {
max-width:100%
}
a {
color: #22D
}
a.uri {
word-wrap: break-word
}
h1, h2, h3, .h:hover a {
display: inline
}
p.author, p.date,.h a,p.title-logo {
display:none
}
div.nav { div.nav {
text-align:center; text-align:center;
clear:right clear:right
} }
header ul:first-of-type, header ul:first-of-type,
div.nav ul:first-of-type, div.nav ul:first-of-type,
div#footer ul:last-of-type { div#footer ul:last-of-type {
padding:0; padding:0;
margin:0; margin:0;
text-align:center text-align:center
} }
header ul:first-of-type > li, header ul:first-of-type > li,
div.nav ul:first-of-type > li, div.nav ul:first-of-type > li,
div#footer ul:last-of-type li { div#footer ul:last-of-type li {
margin:0; display:inline;
display:inline; padding:0 .5em
padding:0 .5em
}
header ul:first-of-type > li:first-child,
div.nav ul:first-of-type > li:first-child,
div#footer ul:last-of-type > li:first-child {
padding-left:0
}
header ul:first-of-type > li:last-child,
div.nav ul:first-of-type > li:last-child,
div#footer ul:last-of-type > li:last-child {
padding-right:0;
border:none
} }
#TOC { #TOC {
min-width:25%; min-width:25%;
float:left; float:left;
margin:1em; margin:1em;
padding: .2em 1em padding:.2em 1em
}
#TOC h1 {
font-size:1em
} }
#TOC li > ul { #TOC li > ul {
margin-left:0; margin-left:0;
padding-left:.5em padding-left:.5em
} }
@media (max-width: 50em) { @media (max-width:50em) {
.title {background:none} .title {background:none}
h1.title{ h1.title{
min-height:0em; min-height:0em;
@ -129,10 +84,11 @@ div#footer ul:last-of-type > li:last-child {
} }
p.title-logo { p.title-logo {
display:block; display:block;
text-align:center text-align:center;
margin:0 auto
} }
img.title-logo { img.title-logo {
max-width: 50%; max-width:50%;
height: auto height:auto
} }
} }