path: root/templates/55/ad-hominem/css/print.less

/**
 * This contains the print layouts and styles
 * @author Sascha Leib <sascha@leib.be>
 */

@page { margin: 2cm 4cm 3cm 2.5cm; }

.noprint,
.wrap_noprint {
	display: none !important;
}
.nobreak,
.wrap_nobreak {
	white-space:	nowrap !important;
}
.printonly,
.print-only,
.wrap_print-only {
	display: initial;
}

html, body, * {
	font-family: @ini_print_default_fonts;
	margin: 0;
	padding: 0;
	background-color: transparent;
}

body {
	font-size: 12pt;
	box-decoration-break: clone;
}

/* hide unneded page elements */
#globalTools, #phSearch,
#sidebar, #toc, #navYouAreHere,
#footer-layout .ftSection {
	display: none;
}
#header-layout {
	display: table-header-group;
	padding-bottom: .25em;
	margin-bottom: 1em;
}
#header-layout > header {
	display: block;
	padding-bottom: .25em;
	border-bottom: #000 solid .5pt;
	margin-bottom: 1em;
}
#siteLogo {
	display: grid;
	grid-template-columns: min-content max-content auto;
	align-items: center;
}
#siteLogo .logo {
	grid-row: 1;
}
#siteLogo .logo img {
	width: 12pt;
	height: auto;
}
#siteLogo .title {
	font-size: 10pt;
	line-height: 1.2em;
	font-weight: bold;
}
#siteLogo .title a:link,
#siteLogo .title a:visited {
	font-family: @ini_print_title_fonts;
	color: @ini_print_title_color;
	text-decoration: none;
}
#siteLogo .claim {
	grid-row: 1; grid-column: 3;
	align-self: center;
	max-width: 100%;
	font-size: 10pt;
	line-height: 1.2em;
}

#header-layout #phInclude {
	display: none;
}

#main-layout {
	padding-top: .5em;
	display: table-row-group;
}

#footer-layout {
	display: block;
	padding-top: 0;
}
#footer-layout footer {
	display: block;
	width: auto;
}

/* reset main borders and margins: */
main {
	display: table-row-group;
	padding: 0;
	border-width: 0;
	line-height: 1.5em;
	border: none 0;
	word-break: break-word;
	-moz-box-shadow: 0 0 0 0 transparent;
	-webkit-box-shadow: 0 0 0 0 transparent;
	box-shadow: 0 0 0 0 transparent;
}

/* headlines */
main h1, main h2, main h3, main h4, main h5, main h6 {
	font-family: @ini_print_title_fonts;
	color: @ini_print_title_color;
	line-height: 1.2em;
	margin: 1em 0 .5em 0;
	padding: 0 0 .25em 0;
	page-break-inside: avoid;
	break-inside: avoid;
	page-break-after: avoid;
	break-after: avoid;
	clear: both;
	position: relative;
}
main h1 { font-size: 18pt; margin-bottom: .5em; }
main h2 { font-size: 14pt; margin-top: 2em; }
main h3 { font-size: 12pt; }
main h4 { font-size: 12pt; font-style: italic; }
main h5 { font-size: 12pt; font-weight: normal; font-style: italic; }
main h6 { font-size: 11pt; font-weight: normal; font-style: italic; }

/* workaround: force headlines to keep with the next paragraph: */
main h1::after, main h2::after, main h3::after, main h4::after, main h5::after, main h6::after,
main dl:not(.compact) dt::after {
	content: '';
	display: block;
	height: 4.5em;
	margin-bottom: -4.5em;
	page-break-inside: avoid;
	break-inside: avoid;
}

main h1 + div, main h2 + div, main h3 + div, main h4 + div, main h5 + div, main h6 + div {
	page-break-before: avoid;
	break-before: avoid;
}

/* paragraph-level blocks */
main p, main ul, main ol {
	margin: .5em 0;
}
main p, main li {
	widows: 2;
	orphans: 2;
	word-wrap: break-word;
	overflow-wrap: break-word;
	hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphenate-limit-chars: 6 2 3;
}
main ul { list-style: square outside; }
main ul ul { list-style-type: disc; }
main ul ul ul { list-style-type: none; }
main ol { list-style: decimal outside; }
main ul ul ul li {margin-left: 1em; }
main ul ul ul li:before { display: block; content: '\2043'; text-align:center; float: left; width: 1em; margin-left: -1em; }
main ul ul ul ul li:before { content: '\FE63' }
main ul ul ul ul ul li:before { content: '\00B7' }

main ol ol { list-style-type: lower-alpha; }
main ol ol ol { list-style-type: lower-roman; }
main ol ol ol ol { list-style-type: lower-greek; }
main ol ol ol ol ol { list-style-type: decimal-leading-zero; }
main ul ul ul ol li { margin-left: 0; }
main ul ul ul ol li:before { display: none; content: ''; }

main li {
	margin-left: 1.5em;
}
main blockquote {
	border-left: @ini_blockquote solid 3pt;
	padding: .25em 0 .25em .5em;
	margin: 0 .25em 1em .25em;
	widows: 2;
	orphans: 2;
	hyphens: auto;
}
main pre {
	white-space: normal;
}
main figure {
	break-inside: avoid;
	page-break-inside: avoid;
	background-color: transparent;
	border: #666 solid .5pt;
	margin: .5em 0;
}
main figure figcaption {
	font-family: @ini_print_title_fonts;
	margin-top: .5em;
	font-size: small;
	text-align: left;
}
main figure figcaption p,
main figure figcaption li {
	font-family: @ini_print_title_fonts;
}
body.print-compact main figure figcaption p {
	text-indent: 0;
}
body.print-compact main figure table {
	max-width: 100%;
	border: #000 solid .5pt;
}
main footer {
	margin-top: 2em;
	border-top: #000 solid .5pt;
	page-break-before: avoid;
	break-before: avoid;
}
main footer p.docInfo,
body.print-compact main p.docInfo {
	display: block;
	border: none;
	padding: 0;
	text-align: right;
	color: #000;
}
#ftLicenseButtons p.license {
	color: #000;
}

/* links overrides */
main a:link,
main a:visited {
	text-decoration: underline;
	text-decoration-style: dotted;
}
main a:link.text-link,
main a:visited.text-link {
	color: #000;
}

/* add URL after external links - optional!
main a.interwiki:after,
main a.urlextern:after {
  content: ' <' attr(href) '>';
  font-size: 90%;
  color: #333;
} */

/* fixed-width elements: */
main tt, main code, main pre,
main blockquote tt, main blockquote code, main blockquote pre {
	font-family:	@ini_mono_fonts;
}

/* text attributes */
main s {
	text-decoration: line-through rgba(255,0,0,0.5) solid 1pt;
	-webkit-text-decoration: line-through rgba(255,0,0,0.5) solid 1pt;
}
main u {
	-webkit-text-decoration-color: @ini_missing;
	-webkit-text-decoration-line: underline;
	-webkit-text-decoration-style: wavy;
	-webkit-text-decoration-thickness: .7pt;
	text-decoration: underline @ini_missing wavy .7pt;
}
main u.valid {
	-webkit-text-decoration-color: @ini_existing;
	text-decoration-color: @ini_existing;
	text-decoration-style: dashed;
}
main abbr {
	text-decoration: none;
	font-size: 97%;
	letter-spacing: .05em;
}

/* horizontal rules */
main hr {
	border: #000 solid 0;
	border-top-width: 1pt;
	height: 0;
	margin: 3pt 0;
}

/* table styles */
main table {
	max-width: 100%;
	border: #000 solid .5pt;
	border-collapse: collapse;
	line-height: 1.25em;
	margin: .5em 0;
	box-decoration-break: clone;
	page-break-inside: avoid;
	break-inside: avoid;
	font-size: small;
}
main table td,
main table th {
	padding: 2pt 3pt;
	vertical-align: top;
}
main table th,
main table th * {
	font-family: @ini_print_title_fonts;
	color: @ini_print_title_color;
}
main table thead {
	break-inside: avoid;
	break-after: avoid;
}
main table thead tr {
	background-color: #EEE;
	border-bottom: #000 solid .5pt;
	text-align: left;
}
main table thead tr th,
main table thead tr td {
	vertical-align: bottom;
	border-right: #000 solid .5pt;
}
main table thead tr th:last-child,
main table thead tr td:last-child {
	border-right: none 0;
}
main table tbody tr {
	border-bottom: #000 dashed .5pt;
}
main table tbody tr:nth-child(even) {
	background-color: #EEE;
}
main table tbody th {
	vertical-align: top;
	border-right: #000 solid .5pt;
}
main table tbody td {
	border-right: #000 dashed .5pt;
}
main table a:link {
	text-decoration: none;
}

main table.layout,
main table.layout tr,
main table.layout th,
main table.layout td {
	border: none !important;
	background: transparent none !important;
}

main blockquote table {
	margin: 0;
}

/* image-related */
main aside {
	float: none;
	width: 100%;
	margin: .5em 0;
	page-break-inside: avoid;
	break-inside: avoid;
}
main img {
	width: auto;
	max-width: 100%;
	height: auto;
	break-inside: avoid;
	page-break-inside: avoid;
}

/* footnotes */
main div.footnotes {
	margin-top: 1.5em;
	font-size: smaller;
}
main div.footnotes div.fn {
	display: grid;
	grid-template-columns: 1.5em auto;
	grid-gap: .25em;
}
main div.footnotes div.fn > sup {
	vertical-align: baseline;
	font-size: smaller;
	text-align: right;
}

main div.footnotes:before {
	content: ' ';
	display: block;
	width: 33%;
	min-width: 5em;
	border-top: @ini_text solid .5pt;
	height: .5em;
}

/* show language code, if configured as menu */
#tbLanguages {
	& {
		display: block;
		float:right;
		position: relative;
		top: -1.5rem;
	}
	button {
		& {
			border: transparent none 0;
		}
		svg {
			& {
				fill: transparent;
				stroke: #000;
				stroke-width: .5pt;
				width: 1.75rem; height: 1.75rem;
			}
			text {
				fill: #000;
				text-transform: uppercase;
				font-family: Arial, Helvetica, Verdana, sans;
				stroke-width: 0;
			}	
		}
	}
}

/* alternative compact style: */
body.print-compact #main-content {
	columns: 2;
	column-gap: 1.2em;
	column-rule: .25pt solid #666;
	font-size: 11pt;
}
body.print-compact main h1,
body.print-compact main h2,
body.print-compact main figure {
	column-span: all;
}
body.print-compact main figure.print-narrow {
	column-span: none;
}

#main-content h1 + div > p:first-child {
	column-span: all;
	font-weight: 600;
	margin-bottom: 1.5em;
	text-indent: 0;
}

body.print-compact main p {
	margin: 0;
	text-align: justify;
	text-indent: 1.5em;
}
body.print-compact main h1 + div > p:first-child + p,
body.print-compact main h2 + div > p:first-child,
body.print-compact main h3 + div > p:first-child,
body.print-compact main h4 + div > p:first-child,
body.print-compact main h5 + div > p:first-child,
body.print-compact main h6 + div > p:first-child,
body.print-compact main figure + p + p,
body.print-compact main div.table + p,
body.print-compact main aside + p + p,
body.print-compact main ul + p,
body.print-compact main ol + p,
body.print-compact main blockquote + p,
body.print-compact main p.info-box,
body.print-compact main p.info-box + p + p {
	text-indent: 0;
}

body.print-compact main table {
	border: none;
}
body.print-compact main figure {
	border: none;
	margin: 1em 0 .5em 0;
	padding: .5em 0;
}
body.print-compact main blockquote {
	margin: .5em 0;
	padding: 0 0 0 .5em;
}
body.print-compact main figure blockquote {
	margin: 0;
}
body.print-compact main p.info-box {
	margin: .5em 0;
}
body.print-compact main ul,
body.print-compact main ol {
	margin-left: .5em;
	margin: 0;
	padding: 0;
	list-style-position: inside;
}
body.print-compact main ul > li,
body.print-compact main ol > li {
	margin-left: 0;
}
body.print-compact main ul ul,
body.print-compact main ul ol,
body.print-compact main ol ul,
body.print-compact main ol ol,
body.print-compact main ul ul li,
body.print-compact main ul ol li,
body.print-compact main ol ul li,
body.print-compact main ol ol li {
	margin-left: .5em;
}
body.print-compact main ul li::marker,
body.print-compact main ol li::marker {
	display: inline-block;
	float: none;
}
body.print-compact main ul li div.li,
body.print-compact main ol li div.li {
	display: inline;
}
body.print-compact main ul div.li,
body.print-compact main ol div.li {
	text-align: justify;
}

/* media detail */
body.mediadetail figure {
	border: none;
	background:	transparent none;
}
body.mediadetail figure table ul {
	margin: 0;
}

/* allow user to force keep-together rules: */
.keep-together,
.wrap_keep-together {
	page-break-inside: avoid;
	break-inside: avoid;
}
.break-before,
.wrap_break-before {
	page-break-before: always;
	break-before: always;
}
.print-wide,
.wrap_print-wide {
	clear: both;
	column-span: all;
}
.print-outline {
	margin-top: 1em;
	border: #666 solid .5pt;
	border-radius:	1em;
	padding: 0 1em;
}

/* site-banners */
.site-banner {
	clear: both;
	column-span: all;
	margin-top: 1em;
	border: #666 solid 1pt;
	border-radius: 1em;
	padding: 0 1em;
	page-break-inside: avoid;
	break-inside: avoid;
	text-align: left;
}
.site-banner h4 {
	margin: .75em 0 .15em 0;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 11pt;
	font-style: normal;
}
.site-banner p {
	font-size: 9pt;
	line-height: 13pt;
}
.site-banner img {
	margin: 0 .25em .25em .5em;
}

/* boxes */
main .box,
main .wrap_box {
	border: #666 solid 1px;
	background-color: @ini_background_alt;
	padding: .5em .25em .5em .5em;
	font-size: small;
	line-height: 1.5em;
}