Add-ons on print.css

This commit is contained in:
raphaelgoetter 2013-04-05 10:03:45 +02:00
parent e575add79d
commit 79664e11e1
2 changed files with 17 additions and 1 deletions

View File

@ -1,6 +1,6 @@
/* /*
* www.KNACSS.com V2.6d @author: Raphael Goetter, Alsacreations * www.KNACSS.com V2.6d @author: Raphael Goetter, Alsacreations
* Licence CC-BY http://creativecommons.org/licenses/by/3.0/fr/ * Licence CC-BY http://creativecommons.org/licenses/by/3.0/fr/
*/ */
/* ----------------------------- */ /* ----------------------------- */

View File

@ -1,5 +1,10 @@
/* quick print reset */ /* quick print reset */
@media print { @media print {
* {
background: transparent !important;
box-shadow: none !important;
text-shadow: none !important;
}
body { body {
width: auto !important; width: auto !important;
margin: auto !important; margin: auto !important;
@ -24,6 +29,13 @@
.print { .print {
display: block; /* displaying .print elements */ display: block; /* displaying .print elements */
} }
img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
p, p,
blockquote { blockquote {
orphans: 3; /* no orphans */ orphans: 3; /* no orphans */
@ -50,4 +62,8 @@
a[href]:after { a[href]:after {
content: " (" attr(href) ")"; /* displaying URLs */ content: " (" attr(href) ")"; /* displaying URLs */
} }
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
} }