1/**
2 * This contains the print layouts and styles
3 * @author Sascha Leib <sascha@leib.be>
4 */
5
6@page { margin: 2cm 4cm 3cm 2.5cm; }
7
8.noprint {
9	display:		none !important;
10}
11.nobreak {
12	white-space:	nowrap !important;
13}
14.printonly {
15	display:		initial;
16}
17
18html, body, * {
19	font-family:	@ini_print_default_fonts;
20	margin:			0;
21	padding:		0;
22	background-color:	transparent;
23}
24
25body {
26	font-size:				12pt;
27	box-decoration-break:	clone;
28}
29
30/* hide unneded page elements */
31#globalTools, #phSearch, #phTools, #phTools,
32#sidebar, #toc, #navYouAreHere,
33#footer-layout .ftSection {
34	display:		none;
35}
36#header-layout {
37	display: 		table-header-group;
38	padding-bottom:	.25em;
39	margin-bottom:	.5em;
40}
41#header-layout > header {
42	grid-template-columns: 27pt auto;
43	border-bottom: transparent solid 1em;
44}
45#siteLogo {
46	display:		contents;
47	width:			27pt;
48}
49#siteLogo .logo img {
50	width:			24pt;
51}
52#siteLogo .title {
53	font-size:		14pt;
54	font-weight:	normal;
55}
56#siteLogo .title a:link,
57#siteLogo .title a:visited {
58	/* font-family:	@ini_print_title_fonts; */
59	color:			#000;
60	text-decoration: none;
61}
62#siteLogo .claim {
63	max-width:		100%;
64	margin:			5pt 0;
65	font-size:		x-small;
66}
67
68#header-layout #phInclude {
69	grid-column: 1 / span 2;
70	border-bottom: #000 solid .5pt;
71}
72
73#main-layout {
74	padding-top:	.5em;
75	display: 		table-row-group;
76}
77
78#footer-layout {
79	border:			#CCC solid 1px;
80	display:		table-footer-group;
81}
82main .docInfo {
83}
84
85/* reset main borders and margins: */
86main {
87	display:			table-row-group;
88	padding:			0;
89	border-width:		0;
90	line-height:		1.5em;
91	border:				none 0;
92	word-break:			break-word;
93	-moz-box-shadow:	0 0 0 0 transparent;
94	-webkit-box-shadow:	0 0 0 0 transparent;
95	box-shadow:			0 0 0 0 transparent;
96}
97
98/* headlines */
99main h1, main h2, main h3, main h4, main h5, main h6 {
100	/* font-family:		@ini_print_title_fonts; */
101	color:				@ini_print_title_color;
102	line-height:		1.2em;
103	margin:				1em 0 .5em 0;
104	padding:			0 0 .25em 0;
105	break-inside:		avoid;
106	page-break-inside:	avoid;
107	break-after:		avoid;
108	page-break-after:	avoid;
109	clear:				both;
110}
111main h1 { font-size: 28pt; }
112main h2 { font-size: 14pt; }
113main h3 { font-size: 12pt; }
114main h4 { font-size: 12pt; font-style: italic; }
115main h5 { font-size: 12pt; font-weight: normal; font-style: italic; }
116main h6 { font-size: 11pt; font-weight: normal; font-style: italic; }
117
118main h1 + div, main h2 + div, main h3 + div, main h4 + div, main h5 + div, main h6 + div {
119	page-break-before:		avoid;
120	break-before:			avoid;
121}
122
123/* two column layout */
124#main-content {
125	columns:		2;
126	font-size:		90%;
127}
128#main-content h1 {
129	column-span:	all;
130	margin-bottom:	.5em;
131}
132#main-content h1 + div p:first-child {
133	column-span:	all;
134	font-weight:	600;
135	margin-bottom:	1em;
136}
137
138
139/* paragraph-level blocks */
140main p, main ul, main ol {
141	margin:				.5em 0;
142	widows:				2;
143	orphans:			2;
144	hyphens:			auto;
145}
146main ul { list-style: square outside; }
147main ul ul { list-style-type: disc; }
148main ul ul ul { list-style-type: none; }
149main ol { list-style: decimal outside; }
150main ul ul ul li {margin-left: 1em; }
151main ul ul ul li:before { display: block; content: '\2043'; text-align:center; float: left; width: 1em; margin-left: -1em; }
152main ul ul ul ul li:before { content: '\FE63' }
153main ul ul ul ul ul li:before { content: '\00B7' }
154
155main ol ol { list-style-type: lower-alpha; }
156main ol ol ol { list-style-type: lower-roman; }
157main ol ol ol ol { list-style-type: lower-greek; }
158main ol ol ol ol ol { list-style-type: decimal-leading-zero; }
159main ul ul ul ol li { margin-left: 0; }
160main ul ul ul ol li:before { display: none; content: ''; }
161
162main li {
163	margin-left:		1.5em;
164}
165main blockquote {
166	border-left:	@ini_blockquote solid 3pt;
167	padding:		.25em 0 .25em .5em;
168	margin:			0 .25em 1em .25em;
169	font-size:		small;
170	widows:			2;
171	orphans:		2;
172	hyphens:		auto;
173}
174
175/* links overrides */
176main a:link,
177main a:visited {
178	color:				@ini_print_title_color;
179	text-decoration:	none;
180}
181main a:link.text-link,
182main a:visited.text-link {
183	color:				#000;
184}
185
186/* add URL after external links - optional!
187main a.interwiki:after,
188main a.urlextern:after {
189  content: ' <' attr(href) '>';
190  font-size: 90%;
191  color: #333;
192} */
193
194/* fixed-width elements: */
195main tt, main blockquote tt,
196main code, main blockquote code {
197	font-family:	@ini_mono_fonts;
198}
199
200/* text attributes */
201main s {
202	text-decoration:			line-through rgba(255,0,0,0.5) solid 1pt;
203	-webkit-text-decoration:	line-through rgba(255,0,0,0.5) solid 1pt;
204}
205main u {
206	-webkit-text-decoration-color: @ini_missing;
207	-webkit-text-decoration-line: underline;
208	-webkit-text-decoration-style: wavy;
209	-webkit-text-decoration-thickness: .7pt;
210	text-decoration: underline @ini_missing wavy .7pt;
211}
212main u.valid {
213	-webkit-text-decoration-color: @ini_existing;
214	text-decoration-color: @ini_existing;
215	text-decoration-style: dashed;
216}
217main abbr {
218	text-decoration:		none;
219	font-size:				97%;
220	letter-spacing:			.05em;
221}
222
223/* horizontal rules */
224main hr {
225	border:				#000 solid 0;
226	border-top-width:	1pt;
227	height:				0;
228	margin:				3pt 0;
229}
230
231/* table styles */
232main table {
233	max-width:			100%;
234	border:				#000 solid .25pt;
235	border-collapse:	collapse;
236	font-size:			10pt;
237	line-height:		16pt;
238	margin:				.5em 0;
239	box-decoration-break:	clone;
240	page-break-inside:	avoid;
241	break-inside:		avoid;
242}
243main table td,
244main table th {
245	border-right:		#666 solid 1px;
246	padding:			0 3pt;
247	vertical-align:		top;
248}
249
250main table th,
251main table th * {
252	/* font-family:		@ini_print_title_fonts; */
253	font-size:			9pt;
254	color:				@ini_print_title_color;
255}
256main table th {
257}
258main table td {
259}
260main table thead {
261	break-inside:		avoid;
262	break-after:		avoid;
263}
264main table thead tr {
265	background-color:	#EEE;
266	border-bottom:		#666 solid 1px;
267}
268main table thead tr th,
269main table thead tr td {
270	vertical-align:		bottom;
271}
272main table thead tr th:last-child,
273main table thead tr td:last-child {
274	border-right:		none 0;
275}
276main table tbody tr:nth-child(even) {
277	background-color:	#EEE;
278}
279main table tbody th {
280	vertical-align:		top;
281}
282main table a:link {
283	text-decoration:	none;
284}
285
286main table.layout,
287main table.layout tr,
288main table.layout th,
289main table.layout td {
290	border:			none !important;
291	background:		transparent none !important;
292}
293
294main blockquote table {
295	margin:		0;
296}
297
298/* image-related */
299main aside {
300	float:			none;
301	width:			100%;
302	margin:			.5em 0;
303	text-align:		center;
304	font-size:		smaller;
305	page-break-inside:	avoid;
306	break-inside:	avoid;
307	font-size:		small;
308	line-height:	1.5em;
309}
310main img {
311	width:			100%;
312	max-width:		100%;
313	height:			auto;
314}
315
316/* media detail */
317body.mediadetail figure {
318	border:		none;
319	background:	transparent none;
320}
321body.mediadetail figure table ul {
322	margin:		0;
323}
324
325/* allow user to force keep-together rules: */
326.keep-together {
327	page-break-inside:	avoid;
328	break-inside:		avoid;
329}
330.break-before {
331	page-break-before:	always;
332	break-before:		always;
333}
334.print-wide {
335	clear:			both;
336	column-span:	all;
337}
338.print-outline {
339	margin-top:		1em;
340	border:			#666 solid 1pt;
341	border-radius:	1em;
342	padding:		0 1em;
343}
344
345/* site-banners */
346.site-banner {
347	clear:				both;
348	column-span:		all;
349	margin-top:			1em;
350	border:				#666 solid 1pt;
351	border-radius:		1em;
352	padding:			0 1em;
353	page-break-inside:	avoid;
354	break-inside:		avoid;
355	text-align:			left;
356}
357.site-banner h4 {
358	margin:				.75em 0 .15em 0;
359	font-family:		'Helvetica Neue', Helvetica, Arial, sans-serif;
360	font-size:			11pt;
361	font-style:			normal;
362}
363.site-banner p {
364	font-size:			9pt;
365	line-height:		13pt;
366}
367.site-banner img {
368	margin:			0 .25em .25em .5em;
369}
370
371/* boxes */
372main .info-box,
373main .wrap_info-box {
374	border:				#666 solid 1px;
375	background-color:	@ini_background_alt;
376	padding:			.5em .25em .5em .5em;
377	font-size:			small;
378	line-height:		1.5em;
379}
380
381main aside.info-box,
382main aside .wrap_info-box {
383	border:				none;
384	background-color:	transparent;
385}
386