diff options
Diffstat (limited to 'templates/55/ad-hominem/css/print.less')
| -rw-r--r-- | templates/55/ad-hominem/css/print.less | 596 |
1 files changed, 596 insertions, 0 deletions
diff --git a/templates/55/ad-hominem/css/print.less b/templates/55/ad-hominem/css/print.less new file mode 100644 index 0000000..63944ab --- /dev/null +++ b/templates/55/ad-hominem/css/print.less @@ -0,0 +1,596 @@ +/** + * 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; +} |