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/)
|
||||
* Without embedded HTML
|
||||
* Full text search
|
||||
* Responsive design: fits different screens
|
||||
* Responsive design: fits different screens as well as print
|
||||
* Progressive enhancement: works with or without JavaScript
|
||||
|
||||
Install and run
|
||||
|
|
|
@ -427,3 +427,45 @@ input[type="search"] {
|
|||
.added {
|
||||
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