[Summary view] [Print] [Text view]

   1  /*
   2  Adding print support. The print styles are based on the the great work of
   3  Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/.
   4  */
   5  
   6  /*--------------------------------------------------------------
   7  >>> TABLE OF CONTENTS:
   8  ----------------------------------------------------------------
   9  # Margins & paddings
  10  # Typography
  11  # Page breaks
  12  # Links
  13  # Visibility
  14  --------------------------------------------------------------*/
  15  @media print {
  16  
  17      /* Margins & paddings */
  18      @page {
  19          margin: 2cm;
  20      }
  21  
  22      .entry .entry-header,
  23      .entry,
  24      .single .site-main > article > .entry-footer {
  25          margin-top: 0;
  26          margin-bottom: 0;
  27      }
  28  
  29      .site-footer .site-info {
  30          margin: 0;
  31      }
  32  
  33      .site-header {
  34          padding: 0;
  35      }
  36  
  37      /* Fonts */
  38      body {
  39          font: 13pt Georgia, "Times New Roman", Times, serif;
  40          font: 13pt var(--global--font-secondary, Georgia, "Times New Roman", Times, serif);
  41          line-height: 1.3;
  42          background: #fff !important;
  43          color: #000;
  44      }
  45  
  46      .has-background-dark * {
  47          color: #000 !important;
  48      }
  49  
  50      h1,
  51      .entry-title,
  52      .singular .entry-title,
  53      .page-title {
  54          font-size: 22pt;
  55          font-weight: bold;
  56      }
  57  
  58      h2,
  59      h3,
  60      h4,
  61      .has-regular-font-size,
  62      .has-large-font-size,
  63      h2.author-title,
  64      p.author-bio,
  65      .comments-title,
  66      .archive-description {
  67          font-size: 14pt;
  68          margin-top: 25px;
  69      }
  70  
  71      .comment-meta,
  72      .comment-meta .comment-author .fn {
  73          font-size: 13pt;
  74      }
  75  
  76      /* Page breaks */
  77      a {
  78          page-break-inside: avoid;
  79      }
  80  
  81      blockquote {
  82          page-break-inside: avoid;
  83      }
  84  
  85      h1,
  86      h2,
  87      h3,
  88      h4,
  89      h5,
  90      h6 {
  91          page-break-after: avoid;
  92          page-break-inside: avoid;
  93      }
  94  
  95      img {
  96          page-break-inside: avoid;
  97          page-break-after: avoid;
  98      }
  99  
 100      table,
 101      pre,
 102      figure {
 103          page-break-inside: avoid;
 104      }
 105  
 106      ul,
 107      ol,
 108      dl {
 109          page-break-before: avoid;
 110      }
 111  
 112      /* Links */
 113      a:link,
 114      a:visited,
 115      a {
 116          background: transparent;
 117          font-weight: bold;
 118          text-decoration: underline;
 119          text-align: left;
 120      }
 121  
 122      a[href^=http]:after {
 123          content: " < " attr(href) "> ";
 124      }
 125  
 126      a:after > img {
 127          content: "";
 128      }
 129  
 130      article a[href^="#"]:after {
 131          content: "";
 132      }
 133  
 134      a:not(:local-link):after {
 135          content: " < " attr(href) "> ";
 136      }
 137  
 138      .entry-title a:after {
 139          content: "\a< " attr(href) "> ";
 140          white-space: pre;
 141          font-size: 14pt;
 142      }
 143  
 144      .cat-links a:after,
 145      .tags-links a:after,
 146      .byline a:after,
 147      .comment-metadata a:after,
 148      .wp-block-calendar a:after,
 149      .wp-block-tag-cloud a:after,
 150      .page-links a:after {
 151          content: "";
 152      }
 153  
 154      /* Visibility */
 155      .primary-navigation,
 156      .site-title + .primary-navigation,
 157      .footer-navigation,
 158      .entry-footer,
 159      .post-navigation,
 160      .navigation.pagination,
 161      .widget-area,
 162      .edit-link,
 163      .more-link,
 164      .comment-reply,
 165      .reply,
 166      .comment .comment-metadata .edit-link,
 167      .comment-respond,
 168      #dark-mode-toggler {
 169          display: none !important;
 170      }
 171  
 172      .entry .entry-content .wp-block-button .wp-block-button__link,
 173      .entry .entry-content .button,
 174      .entry .entry-content .wp-block-file__button {
 175          color: #000;
 176          background: none;
 177      }
 178  }