xref: /template/ad-hominem/css/print.less (revision dcc0f219d5246aee0edbf32b613d814e8d7f3420) 
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#siteLogo {
42	grid-template-columns:	14pt auto;
43	padding:		0 0 .5em 0;
44}
45#siteLogo .logo img {
46	width:			14pt;
47}
48#siteLogo .title {
49	font-size:		14pt;
50	font-weight:	normal;
51}
52#siteLogo .title a:link,
53#siteLogo .title a:visited {
54	/* font-family:	@ini_print_title_fonts; */
55	color:			#000;
56	text-decoration: none;
57}
58#siteLogo .claim {
59	display:		none;
60}
61
62#main-layout {
63	padding-top:	.5em;
64	display: 		table-row-group;
65}
66
67#footer-layout {
68	border:			#CCC solid 1px;
69	display:		table-footer-group;
70}
71main .docInfo {
72}
73
74/* reset main borders and margins: */
75main {
76	display:			table-row-group;
77	padding:			0;
78	border-width:		0;
79	line-height:		1.5em;
80	border:				none 0;
81	word-break:			break-word;
82	-moz-box-shadow:	0 0 0 0 transparent;
83	-webkit-box-shadow:	0 0 0 0 transparent;
84	box-shadow:			0 0 0 0 transparent;
85}
86
87/* headlines */
88main h1, main h2, main h3, main h4, main h5, main h6 {
89	/* font-family:		@ini_print_title_fonts; */
90	color:				@ini_print_title_color;
91	line-height:		1.2em;
92	margin:				1em 0 .5em 0;
93	padding:			0 0 .25em 0;
94	break-inside:		avoid;
95	break-after:		avoid;
96	clear:				both;
97}
98main h1 { font-size: 28pt; }
99main h2 { font-size: 14pt; }
100main h3 { font-size: 12pt; }
101main h4 { font-size: 12pt; font-style: italic; }
102main h5 { font-size: 12pt; font-weight: normal; font-style: italic; }
103main h6 { font-size: 11pt; font-weight: normal; font-style: italic; }
104
105main h1 + div, main h2 + div, main h3 + div, main h4 + div, main h5 + div, main h6 + div {
106	page-break-before:		avoid;
107	break-before:			avoid;
108}
109
110/* two column layout */
111#main-content {
112	columns:		2;
113	font-size:		90%;
114}
115#main-content h1 {
116	column-span:	all;
117	margin-bottom:	.5em;
118}
119#main-content h1 + div p:first-child {
120	column-span:	all;
121	font-weight:	600;
122	margin-bottom:	1em;
123}
124
125
126/* paragraph-level blocks */
127main p, main ul, main ol {
128	margin:				.5em 0;
129	widows:				2;
130	orphans:			2;
131	hyphens:			auto;
132}
133main li {
134	margin-left:		1.5em;
135}
136main blockquote {
137	border-left:	@ini_blockquote solid 3pt;
138	padding:		.25em 0 .25em .5em;
139	margin:			0 .25em 1em .25em;
140	font-size:		small;
141	widows:			2;
142	orphans:		2;
143	hyphens:		auto;
144}
145
146/* links overrides */
147main a:link,
148main a:visited {
149	color:				@ini_print_title_color;
150	text-decoration:	none;
151}
152/* add URL after external links - optional!
153main a.interwiki:after,
154main a.urlextern:after {
155  content: ' <' attr(href) '>';
156  font-size: 90%;
157  color: #333;
158} */
159
160/* fixed-width elements: */
161main tt, main blockquote tt,
162main code, main blockquote code {
163	font-family:	@ini_mono_fonts;
164}
165
166/* text attributes */
167main s {
168	text-decoration:			line-through rgba(255,0,0,0.5) solid 1pt;
169	-webkit-text-decoration:	line-through rgba(255,0,0,0.5) solid 1pt;
170}
171main u {
172	text-decoration:			underline #F30 wavy .7pt;
173	-webkit-text-decoration:	underline #F30 wavy .7pt;
174}
175main abbr {
176	text-decoration:		none;
177	font-size:				97%;
178	letter-spacing:			.05em;
179}
180
181/* horizontal rules */
182main hr {
183	border:				#000 solid 0;
184	border-top-width:	1pt;
185	height:				0;
186	margin:				3pt 0;
187}
188
189/* table styles */
190main table {
191	max-width:			100%;
192	border:				#000 solid .25pt;
193	border-collapse:	collapse;
194	font-size:			10pt;
195	line-height:		16pt;
196	margin:				.5em 0;
197	box-decoration-break:	clone;
198	page-break-inside:	avoid;
199	break-inside:		avoid;
200}
201main table td,
202main table th {
203	border-right:		#666 solid 1px;
204	padding:			0 3pt;
205	vertical-align:		top;
206}
207
208main table th,
209main table th * {
210	/* font-family:		@ini_print_title_fonts; */
211	font-size:			9pt;
212	color:				@ini_print_title_color;
213}
214main table th {
215}
216main table td {
217}
218main table thead {
219	break-inside:		avoid;
220	break-after:		avoid;
221}
222main table thead tr {
223	background-color:	#EEE;
224	border-bottom:		#666 solid 1px;
225}
226main table thead tr th,
227main table thead tr td {
228	vertical-align:		bottom;
229}
230main table thead tr th:last-child,
231main table thead tr td:last-child {
232	border-right:		none 0;
233}
234main table tbody tr:nth-child(even) {
235	background-color:	#EEE;
236}
237main table tbody th {
238	vertical-align:		top;
239}
240main table a:link {
241	text-decoration:	none;
242}
243
244main table.layout,
245main table.layout tr,
246main table.layout th,
247main table.layout td {
248	border:			none !important;
249	background:		transparent none !important;
250}
251
252main blockquote table {
253	margin:		0;
254}
255
256/* image-related */
257main aside {
258	float:			none;
259	width:			100%;
260	margin:			.5em 0;
261	text-align:		center;
262	font-size:		smaller;
263	page-break-inside:	avoid;
264	break-inside:	avoid;
265}
266main img {
267	max-width:		100%;
268	height:			auto;
269}
270
271/* media detail */
272body.mediadetail figure {
273	border:		none;
274	background:	transparent none;
275}
276body.mediadetail figure table ul {
277	margin:		0;
278}
279
280/* allow user to force keep-together rules: */
281.keep-together {
282	page-break-inside:	avoid;
283	break-inside:		avoid;
284}
285.break-before {
286	page-break-before:	always;
287	break-before:		always;
288}
289.print-wide {
290	clear:			both;
291	column-span:	all;
292}
293.print-outline {
294	margin-top:		1em;
295	border:			#666 solid 1pt;
296	border-radius:	1em;
297	padding:		0 1em;
298}
299
300/* site-banners */
301.site-banner {
302	clear:				both;
303	column-span:		all;
304	margin-top:			1em;
305	border:				#666 solid 1pt;
306	border-radius:		1em;
307	padding:			0 1em;
308	page-break-inside:	avoid;
309	break-inside:		avoid;
310	text-align:			left;
311}
312.site-banner h4 {
313	margin:				.75em 0 .15em 0;
314	font-family:		'Helvetica Neue', Helvetica, Arial, sans-serif;
315	font-size:			11pt;
316	font-style:			normal;
317}
318.site-banner p {
319	font-size:			9pt;
320	line-height:		13pt;
321}
322.site-banner img {
323	margin:			0 .25em .25em .5em;
324}
325
326/* boxes */
327main .info-box,
328main .wrap_info-box {
329	border:				#666 solid 1px;
330	background-color:	@ini_background_alt;
331	padding:			.5em .25em .5em .5em;
332	font-size:			small;
333	line-height:		1.5em;
334}
335main aside.info-box,
336main aside .wrap_info-box {
337	border:				none;
338	background-color:	transparent;
339}
340