shrink css
This commit is contained in:
parent
d5e9cb8386
commit
aacde2846d
|
@ -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
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue