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.wrap_noprint { 10 display: none !important; 11} 12.nobreak, 13.wrap_nobreak { 14 white-space: nowrap !important; 15} 16.printonly, 17.print-only, 18.wrap_print-only { 19 display: initial; 20} 21 22html, body, * { 23 font-family: @ini_print_default_fonts; 24 margin: 0; 25 padding: 0; 26 background-color: transparent; 27} 28 29body { 30 font-size: 12pt; 31 box-decoration-break: clone; 32} 33 34/* hide unneded page elements */ 35#globalTools, #phSearch, #phTools, #phTools, 36#sidebar, #toc, #navYouAreHere, 37#footer-layout .ftSection { 38 display: none; 39} 40#header-layout { 41 display: table-header-group; 42 padding-bottom: .25em; 43 margin-bottom: 1em; 44} 45#header-layout > header { 46 display: block; 47 padding-bottom: .25em; 48 border-bottom: #000 solid .5pt; 49 margin-bottom: 1em; 50} 51#siteLogo { 52 display: grid; 53 grid-template-columns: min-content max-content auto; 54 align-items: center; 55} 56#siteLogo .logo { 57 grid-row: 1; 58} 59#siteLogo .logo img { 60 width: 12pt; 61 height: auto; 62} 63#siteLogo .title { 64 font-size: 10pt; 65 line-height: 1.2em; 66 font-weight: bold; 67} 68#siteLogo .title a:link, 69#siteLogo .title a:visited { 70 font-family: @ini_print_title_fonts; 71 color: @ini_print_title_color; 72 text-decoration: none; 73} 74#siteLogo .claim { 75 grid-row: 1; grid-column: 3; 76 align-self: center; 77 max-width: 100%; 78 font-size: 10pt; 79 line-height: 1.2em; 80} 81 82#header-layout #phInclude { 83 display: none; 84} 85 86#main-layout { 87 padding-top: .5em; 88 display: table-row-group; 89} 90 91#footer-layout { 92 display: block; 93 padding-top: 0; 94} 95#footer-layout footer { 96 display: block; 97 width: auto; 98} 99 100/* reset main borders and margins: */ 101main { 102 display: table-row-group; 103 padding: 0; 104 border-width: 0; 105 line-height: 1.5em; 106 border: none 0; 107 word-break: break-word; 108 -moz-box-shadow: 0 0 0 0 transparent; 109 -webkit-box-shadow: 0 0 0 0 transparent; 110 box-shadow: 0 0 0 0 transparent; 111} 112 113/* headlines */ 114main h1, main h2, main h3, main h4, main h5, main h6 { 115 font-family: @ini_print_title_fonts; 116 color: @ini_print_title_color; 117 line-height: 1.2em; 118 margin: 1em 0 .5em 0; 119 padding: 0 0 .25em 0; 120 page-break-inside: avoid; 121 break-inside: avoid; 122 page-break-after: avoid; 123 break-after: avoid; 124 clear: both; 125 position: relative; 126} 127main h1 { font-size: 18pt; margin-bottom: .5em; } 128main h2 { font-size: 14pt; margin-top: 2em; } 129main h3 { font-size: 12pt; } 130main h4 { font-size: 12pt; font-style: italic; } 131main h5 { font-size: 12pt; font-weight: normal; font-style: italic; } 132main h6 { font-size: 11pt; font-weight: normal; font-style: italic; } 133 134/* workaround: force headlines to keep with the next paragraph: */ 135main h1::after, main h2::after, main h3::after, main h4::after, main h5::after, main h6::after, 136main dl:not(.compact) dt::after { 137 content: ''; 138 display: block; 139 height: 4.5em; 140 margin-bottom: -4.5em; 141 page-break-inside: avoid; 142 break-inside: avoid; 143} 144 145main h1 + div, main h2 + div, main h3 + div, main h4 + div, main h5 + div, main h6 + div { 146 page-break-before: avoid; 147 break-before: avoid; 148} 149 150/* paragraph-level blocks */ 151main p, main ul, main ol { 152 margin: .5em 0; 153} 154main p, main li { 155 widows: 2; 156 orphans: 2; 157 word-wrap: break-word; 158 overflow-wrap: break-word; 159 hyphens: auto; 160 -ms-hyphens: auto; 161 -moz-hyphens: auto; 162 -webkit-hyphens: auto; 163 hyphenate-limit-chars: 6 2 3; 164} 165main ul { list-style: square outside; } 166main ul ul { list-style-type: disc; } 167main ul ul ul { list-style-type: none; } 168main ol { list-style: decimal outside; } 169main ul ul ul li {margin-left: 1em; } 170main ul ul ul li:before { display: block; content: '\2043'; text-align:center; float: left; width: 1em; margin-left: -1em; } 171main ul ul ul ul li:before { content: '\FE63' } 172main ul ul ul ul ul li:before { content: '\00B7' } 173 174main ol ol { list-style-type: lower-alpha; } 175main ol ol ol { list-style-type: lower-roman; } 176main ol ol ol ol { list-style-type: lower-greek; } 177main ol ol ol ol ol { list-style-type: decimal-leading-zero; } 178main ul ul ul ol li { margin-left: 0; } 179main ul ul ul ol li:before { display: none; content: ''; } 180 181main li { 182 margin-left: 1.5em; 183} 184main blockquote { 185 border-left: @ini_blockquote solid 3pt; 186 padding: .25em 0 .25em .5em; 187 margin: 0 .25em 1em .25em; 188 widows: 2; 189 orphans: 2; 190 hyphens: auto; 191} 192main pre { 193 white-space: normal; 194} 195main figure { 196 break-inside: avoid; 197 page-break-inside: avoid; 198 background-color: transparent; 199 border: #666 solid .5pt; 200 margin: .5em 0; 201} 202main figure figcaption { 203 font-family: @ini_print_title_fonts; 204 margin-top: .5em; 205 font-size: small; 206 text-align: left; 207} 208main figure figcaption p, 209main figure figcaption li { 210 font-family: @ini_print_title_fonts; 211} 212body.print-compact main figure figcaption p { 213 text-indent: 0; 214} 215body.print-compact main figure table { 216 max-width: 100%; 217 border: #000 solid .5pt; 218} 219main footer { 220 margin-top: 2em; 221 border-top: #000 solid .5pt; 222 page-break-before: avoid; 223 break-before: avoid; 224} 225main footer p.docInfo, 226body.print-compact main p.docInfo { 227 display: block; 228 border: none; 229 padding: 0; 230 text-align: right; 231 color: #000; 232} 233#ftLicenseButtons p.license { 234 color: #000; 235} 236 237/* links overrides */ 238main a:link, 239main a:visited { 240 text-decoration: underline; 241 text-decoration-style: dotted; 242} 243main a:link.text-link, 244main a:visited.text-link { 245 color: #000; 246} 247 248/* add URL after external links - optional! 249main a.interwiki:after, 250main a.urlextern:after { 251 content: ' <' attr(href) '>'; 252 font-size: 90%; 253 color: #333; 254} */ 255 256/* fixed-width elements: */ 257main tt, main code, main pre, 258main blockquote tt, main blockquote code, main blockquote pre { 259 font-family: @ini_mono_fonts; 260} 261 262/* text attributes */ 263main s { 264 text-decoration: line-through rgba(255,0,0,0.5) solid 1pt; 265 -webkit-text-decoration: line-through rgba(255,0,0,0.5) solid 1pt; 266} 267main u { 268 -webkit-text-decoration-color: @ini_missing; 269 -webkit-text-decoration-line: underline; 270 -webkit-text-decoration-style: wavy; 271 -webkit-text-decoration-thickness: .7pt; 272 text-decoration: underline @ini_missing wavy .7pt; 273} 274main u.valid { 275 -webkit-text-decoration-color: @ini_existing; 276 text-decoration-color: @ini_existing; 277 text-decoration-style: dashed; 278} 279main abbr { 280 text-decoration: none; 281 font-size: 97%; 282 letter-spacing: .05em; 283} 284 285/* horizontal rules */ 286main hr { 287 border: #000 solid 0; 288 border-top-width: 1pt; 289 height: 0; 290 margin: 3pt 0; 291} 292 293/* table styles */ 294main table { 295 max-width: 100%; 296 border: #000 solid .5pt; 297 border-collapse: collapse; 298 line-height: 1.25em; 299 margin: .5em 0; 300 box-decoration-break: clone; 301 page-break-inside: avoid; 302 break-inside: avoid; 303 font-size: small; 304} 305main table td, 306main table th { 307 padding: 2pt 3pt; 308 vertical-align: top; 309} 310main table th, 311main table th * { 312 font-family: @ini_print_title_fonts; 313 color: @ini_print_title_color; 314} 315main table thead { 316 break-inside: avoid; 317 break-after: avoid; 318} 319main table thead tr { 320 background-color: #EEE; 321 border-bottom: #000 solid .5pt; 322 text-align: left; 323} 324main table thead tr th, 325main table thead tr td { 326 vertical-align: bottom; 327 border-right: #000 solid .5pt; 328} 329main table thead tr th:last-child, 330main table thead tr td:last-child { 331 border-right: none 0; 332} 333main table tbody tr { 334 border-bottom: #000 dashed .5pt; 335} 336main table tbody tr:nth-child(even) { 337 background-color: #EEE; 338} 339main table tbody th { 340 vertical-align: top; 341 border-right: #000 solid .5pt; 342} 343main table tbody td { 344 border-right: #000 dashed .5pt; 345} 346main table a:link { 347 text-decoration: none; 348} 349 350main table.layout, 351main table.layout tr, 352main table.layout th, 353main table.layout td { 354 border: none !important; 355 background: transparent none !important; 356} 357 358main blockquote table { 359 margin: 0; 360} 361 362/* image-related */ 363main aside { 364 float: none; 365 width: 100%; 366 margin: .5em 0; 367 page-break-inside: avoid; 368 break-inside: avoid; 369} 370main img { 371 width: auto; 372 max-width: 100%; 373 height: auto; 374 break-inside: avoid; 375 page-break-inside: avoid; 376} 377 378/* footnotes */ 379main div.footnotes { 380 margin-top: 1.5em; 381 font-size: smaller; 382} 383main div.footnotes div.fn { 384 display: grid; 385 grid-template-columns: 1.5em auto; 386 grid-gap: .25em; 387} 388main div.footnotes div.fn > sup { 389 vertical-align: baseline; 390 font-size: smaller; 391 text-align: right; 392} 393 394main div.footnotes:before { 395 content: ' '; 396 display: block; 397 width: 33%; 398 min-width: 5em; 399 border-top: @ini_text solid .5pt; 400 height: .5em; 401} 402 403 404/* alternative compact style: */ 405body.print-compact #main-content { 406 columns: 2; 407 column-gap: 1.2em; 408 column-rule: .25pt solid #666; 409 font-size: 11pt; 410} 411body.print-compact main h1, 412body.print-compact main h2, 413body.print-compact main figure { 414 column-span: all; 415} 416body.print-compact main figure.print-narrow { 417 column-span: none; 418} 419 420#main-content h1 + div > p:first-child { 421 column-span: all; 422 font-weight: 600; 423 margin-bottom: 1.5em; 424 text-indent: 0; 425} 426 427body.print-compact main p { 428 margin: 0; 429 text-align: justify; 430 text-indent: 1.5em; 431} 432body.print-compact main h1 + div > p:first-child + p, 433body.print-compact main h2 + div > p:first-child, 434body.print-compact main h3 + div > p:first-child, 435body.print-compact main h4 + div > p:first-child, 436body.print-compact main h5 + div > p:first-child, 437body.print-compact main h6 + div > p:first-child, 438body.print-compact main figure + p + p, 439body.print-compact main div.table + p, 440body.print-compact main aside + p + p, 441body.print-compact main ul + p, 442body.print-compact main ol + p, 443body.print-compact main blockquote + p, 444body.print-compact main p.info-box, 445body.print-compact main p.info-box + p + p { 446 text-indent: 0; 447} 448 449body.print-compact main table { 450 border: none; 451} 452body.print-compact main figure { 453 border: none; 454 margin: 1em 0 .5em 0; 455 padding: .5em 0; 456} 457body.print-compact main blockquote { 458 margin: .5em 0; 459 padding: 0 0 0 .5em; 460} 461body.print-compact main figure blockquote { 462 margin: 0; 463} 464body.print-compact main p.info-box { 465 margin: .5em 0; 466} 467body.print-compact main ul, 468body.print-compact main ol { 469 margin-left: .5em; 470 margin: 0; 471 padding: 0; 472 list-style-position: inside; 473} 474body.print-compact main ul > li, 475body.print-compact main ol > li { 476 margin-left: 0; 477} 478body.print-compact main ul ul, 479body.print-compact main ul ol, 480body.print-compact main ol ul, 481body.print-compact main ol ol, 482body.print-compact main ul ul li, 483body.print-compact main ul ol li, 484body.print-compact main ol ul li, 485body.print-compact main ol ol li { 486 margin-left: .5em; 487} 488body.print-compact main ul li::marker, 489body.print-compact main ol li::marker { 490 display: inline-block; 491 float: none; 492} 493body.print-compact main ul li div.li, 494body.print-compact main ol li div.li { 495 display: inline; 496} 497body.print-compact main ul div.li, 498body.print-compact main ol div.li { 499 text-align: justify; 500} 501 502/* media detail */ 503body.mediadetail figure { 504 border: none; 505 background: transparent none; 506} 507body.mediadetail figure table ul { 508 margin: 0; 509} 510 511/* allow user to force keep-together rules: */ 512.keep-together, 513.wrap_keep-together { 514 page-break-inside: avoid; 515 break-inside: avoid; 516} 517.break-before, 518.wrap_break-before { 519 page-break-before: always; 520 break-before: always; 521} 522.print-wide, 523.wrap_print-wide { 524 clear: both; 525 column-span: all; 526} 527.print-outline { 528 margin-top: 1em; 529 border: #666 solid .5pt; 530 border-radius: 1em; 531 padding: 0 1em; 532} 533 534/* site-banners */ 535.site-banner { 536 clear: both; 537 column-span: all; 538 margin-top: 1em; 539 border: #666 solid 1pt; 540 border-radius: 1em; 541 padding: 0 1em; 542 page-break-inside: avoid; 543 break-inside: avoid; 544 text-align: left; 545} 546.site-banner h4 { 547 margin: .75em 0 .15em 0; 548 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 549 font-size: 11pt; 550 font-style: normal; 551} 552.site-banner p { 553 font-size: 9pt; 554 line-height: 13pt; 555} 556.site-banner img { 557 margin: 0 .25em .25em .5em; 558} 559 560/* boxes */ 561main .box, 562main .wrap_box { 563 border: #666 solid 1px; 564 background-color: @ini_background_alt; 565 padding: .5em .25em .5em .5em; 566 font-size: small; 567 line-height: 1.5em; 568} 569