forked from inseo/bpi-print
-
Notifications
You must be signed in to change notification settings - Fork 0
/
print.css
158 lines (118 loc) · 3.2 KB
/
print.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
/** Définition des styles d'impression
* @lastmodified 2012-08-05
*
* Version personnalisée des styles d'impression de HTML5 Boilerplate
* @see https://github.com/h5bp/html5-boilerplate
*/
/** --- = @section STYLES GÉNÉRIQUES --- */
/** Réinitialiser la couleur du texte pour accélérer l'impression.
* @see http://www.sanbeiji.com/archives/953
* Supprimer les ombres portées et les couleurs d'arrière-plan. */
* {
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
-ms-filter: none !important;
filter: none !important;
background-color: transparent !important;
}
/** Supprimer les éventuelles marges et largeur de <body>.
* Initialiser la taille de police en point. */
body {
margin: 0 !important;
padding: 0 !important;
width: auto !important;
font-size: 12pt;
}
/** Éviter que les titres ne soient suivis par un changement de page.
* @note Fonctionne uniquement sur Opera et IE 8+.
* @see http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28Cascading_Style_Sheets%29#cite_ref-75 */
h1, h2, h3, h4, h5, h6 {
page-break-after: avoid;
}
/** Éviter que ces éléments ne soient scindés par un changement de page.
* @note Fonctionne uniquement sur Opera et IE 8+. */
h1, h2, h3, h4, h5, h6,
blockquote,
code, pre,
tr,
img {
page-break-inside: avoid;
}
/** Spécifier le nombre minimal de lignes pouvant être isolés en bas ou en haut d'une page.
* @note Ne fonctionne pas sur Firefox. */
p {
orphans: 3; /** bas de page */
widows: 3; /** haut de page */
}
/** Forcer la répétition des en-têtes de tableaux lorsqu'ils sont répartis sur plusieurs page. */
thead {
display: table-header-group;
}
/** Souligner les liens. */
a:link {
text-decoration: underline;
}
/** Afficher l'URL des liens. */
a[href]:after {
content: " (" attr(href) ")";
}
/** Masquer l'URL des ancres nommées. */
a[href^="#"]:after {
content: "";
}
/** Renseigner la signification des abbréviations. */
abbr[title]:after {
content: " (" attr(title) ")";
}
/** Restreindre la largeur de l'image à celle de son contenur */
img {
max-width: 100% !important;
}
/** --- = @section STYLES PARTICULIERS --- */
/** Supprimer certains éléments inutiles sur la version papier. */
/**
#skip-nav, #search, #breadcrumb,
#nav, #footer {
display: none;
}
*/
/** Réinitialiser les marges et la largeur du conteneur principal. */
/**
#container {
margin: 0 !important;
padding: 0 !important;
width: auto !important;
}
*/
/** Linéariser certains éléments de contenu. */
/**
.classe-a-remplacer, #identifiant-a-remplacer {
float: none;
}
.classe-a-remplacer, #identifiant-a-remplacer {
position: static;
}
*/
/** Remplacer un arrière-plan par une bordure. */
/**
.classe-a-remplacer, #identifiant-a-remplacer {
border: 1px solid MediumPurple;
color: MediumPurple;
background-color: transparent;
}
*/
/** Remplacer une image par sa description détaillée. */
/**
.classe-a-remplacer img,
#identifiant-a-remplacer img {
display: none;
}
.classe-a-remplacer .visually-hidden,
.classe-a-remplacer .visually-hidden caption,
#identifiant-a-remplacer .visually-hidden,
#identifiant-a-remplacer .visually-hidden caption {
position: static;
clip: auto;
}
*/