Add CSS for print
This commit is contained in:
parent
e563faf81a
commit
73b5ffc719
2 changed files with 43 additions and 1 deletions
|
@ -22,7 +22,7 @@ Some features of Sausagewiki, in no particular order:
|
||||||
* Plus [GitHub style table-support](https://help.github.com/articles/organizing-information-with-tables/)
|
* Plus [GitHub style table-support](https://help.github.com/articles/organizing-information-with-tables/)
|
||||||
* Without embedded HTML
|
* Without embedded HTML
|
||||||
* Full text search
|
* Full text search
|
||||||
* Responsive design: fits different screens
|
* Responsive design: fits different screens as well as print
|
||||||
* Progressive enhancement: works with or without JavaScript
|
* Progressive enhancement: works with or without JavaScript
|
||||||
|
|
||||||
Install and run
|
Install and run
|
||||||
|
|
|
@ -427,3 +427,45 @@ input[type="search"] {
|
||||||
.added {
|
.added {
|
||||||
background: green;
|
background: green;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media print {
|
||||||
|
@page {
|
||||||
|
margin: 25mm;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
/* This doesn't work at all, but it might start to! */
|
||||||
|
break-after: avoid;
|
||||||
|
page-break-after: avoid;
|
||||||
|
}
|
||||||
|
|
||||||
|
a, a:visited, a:hover, a:visited:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
color: black !important;
|
||||||
|
font-weight: normal !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
article {
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
article, h2, h3, h4, h5, h6, .notice {
|
||||||
|
font-size: 12pt;
|
||||||
|
line-height: 18pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
article p {
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
footer {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue