style/print.css at master · typeup/style · GitHub

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
@media print {
:root {
	--page-count: counter(page) " "  var(--translation-of, "of") " " counter(pages);
}
@page {
	size: A4;
	margin: 60mm 40mm 37mm 50mm;
	@top-left {
		content: var(--logotype-top);
		margin: 25mm 0 0 -14mm;
		vertical-align: top;
	}
	@top-right-corner {
		font-family: var(--font-caption, serif);
		font-weight: normal;
		font-size: 80%;
		text-align: right;
		vertical-align: top;
		margin: 25mm 10mm 0mm 0mm;
		white-space: pre;
		content: string(identification) "\a" string(date) "\a" string(author) "\a\a" string(classification);
	}
	@bottom-right-corner {
		font-family: var(--font-caption, serif);
		font-weight: normal;
		font-size: 80%;
		text-align: center;
		vertical-align: top;
		content: var(--page-count);
	}
}
body {
	margin: 0 0 0 0;
	max-width: none;
}
header {
	font-size: 140%;
	text-align: center;
	width: 100%;
}
header:after {
	font-family: var(--font-caption, serif);
	font-weight: normal;
	font-size: 120%;
	display: block;
	padding: 1cm 0 0 0;
	margin: 0 0 0 0;
	content: string(author);
}
h1, h2, h3, h4, h5, h6, h7 {
	page-break-after: avoid;
}
figure, table {
	page-break-inside: avoid;
}
ul, ol, li {
	page-break-before: avoid;
	page-break-inside: avoid;
}
meta[name="author"] {
	string-set: author attr(content);
}
meta[name="date"] {
	string-set: date attr(content);
}
meta[name="identification"] {
	string-set: identification attr(content);
}
meta[name="classification"] {
	string-set: classification attr(content);
}
a[href^="http"] {
	color: inherit;
	text-decoration: inherit;
}
span.footnote,
a[href^="http"]:after {
	float: footnote;
	font: var(--font-default, serif);
	font-weight: normal;
	text-indent: 0;
}
a[href^="http"]:after {
	content: attr(href);
}
span.footnote::footnote-marker,
a[href^="http"]:after::footnote-marker {
	margin-right: 0.5em;
}
span.footnote::footnote-call,
a[href^="http"]:after::footnote-call {
	font-size: 60%;
	vertical-align: super;
	line-height: none;
}
nav li > a:after {
	content: leader('.') target-counter(attr(href), page)
}
aside {
	display: inline;
	float: right;
	clear: right;
	margin-right: -35mm;
	margin-bottom: 1em;
	width: 30mm;
	text-align: left;
	page-break-inside: avoid;
}
}