[Summary view] [Print] [Text view]

   1  /*
   2  Theme Name: Twenty Nineteen
   3  
   4  Adding print support. The print styles are based on the the great work of
   5  Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/.
   6  */
   7  
   8  /*--------------------------------------------------------------
   9  >>> TABLE OF CONTENTS:
  10  ----------------------------------------------------------------
  11  # Margins
  12  # Typography
  13  # Page breaks
  14  # Links
  15  # Visibility
  16  --------------------------------------------------------------*/
  17  
  18  @media print {
  19  
  20      /* Margins */
  21  
  22      @page {
  23          margin: 2cm;
  24      }
  25  
  26      .entry {
  27          margin-top: 1em;
  28      }
  29  
  30      .entry .entry-header, .site-footer .site-info {
  31          margin: 0;
  32      }
  33  
  34      /* Fonts */
  35  
  36      body {
  37          font: 13pt Georgia, "Times New Roman", Times, serif;
  38          line-height: 1.3;
  39          background: #fff !important;
  40          color: #000;
  41      }
  42  
  43      h1 {
  44          font-size: 24pt;
  45      }
  46  
  47      h2,
  48      h3,
  49      h4,
  50      .has-regular-font-size, 
  51      .has-large-font-size, 
  52      h2.author-title, 
  53      p.author-bio, 
  54      .comments-title, h3 {
  55          font-size: 14pt;
  56          margin-top: 25px;
  57      }
  58  
  59      /* Page breaks */
  60  
  61      a {
  62          page-break-inside: avoid
  63      }
  64  
  65      blockquote {
  66          page-break-inside: avoid;
  67      }
  68  
  69      h1,
  70      h2,
  71      h3,
  72      h4,
  73      h5,
  74      h6 {
  75          page-break-after: avoid;
  76          page-break-inside: avoid
  77      }
  78  
  79      img {
  80          page-break-inside: avoid;
  81          page-break-after: avoid;
  82      }
  83  
  84      table, pre {
  85          page-break-inside: avoid;
  86      }
  87  
  88      ul, ol, dl {
  89          page-break-before: avoid;
  90      }
  91  
  92      /* Links */
  93  
  94      a:link, a:visited, a {
  95          background: transparent;
  96          font-weight: bold;
  97          text-decoration: underline;
  98          text-align: left;
  99      }
 100  
 101      a {
 102          page-break-inside: avoid;
 103      }
 104  
 105      a[href^=http]:after {
 106          content: " < " attr(href) "> ";
 107      }
 108  
 109      a:after > img {
 110          content: "";
 111      }
 112  
 113      article a[href^="#"]:after {
 114          content: "";
 115      }
 116  
 117      a:not(:local-link):after {
 118          content: " < " attr(href) "> ";
 119      }
 120  
 121      /* Visibility */
 122      .main-navigation,
 123      .site-title + .main-navigation,
 124      .social-navigation,
 125      .site-branding-container:before,
 126      .entry .entry-title:before,
 127      .entry-footer,
 128      .author-description:before,
 129      .post-navigation,
 130      .widget-area,
 131      .comment-form-flex,
 132      .comment-reply,
 133      .comment .comment-metadata .edit-link {
 134          display: none;
 135      }
 136  
 137      .entry .entry-content .wp-block-button .wp-block-button__link,
 138      .entry .entry-content .button {
 139          color: #000;
 140          background: none;
 141      }
 142  
 143      /* Site Header (With Featured Image) */
 144      .site-header.featured-image {
 145          min-height: 0;
 146  
 147          .main-navigation a,
 148          .main-navigation a + svg,
 149          .social-navigation a,
 150          .site-title a,
 151          .site-featured-image a,
 152          .site-branding .site-title,
 153          .site-branding .site-description,
 154          .main-navigation a:after,
 155          .main-navigation .main-menu > li.menu-item-has-children:after,
 156          .main-navigation li,
 157          .social-navigation li,
 158          .entry-meta,
 159          .entry-title,
 160          &#masthead .site-title a {
 161              color: #000;
 162              text-shadow: none;
 163          }
 164  
 165          .site-featured-image .entry-header,
 166          .site-branding-container {
 167              margin-top: 0;
 168              margin-bottom: 0;
 169          }
 170  
 171          .site-featured-image .post-thumbnail img {
 172              position: relative;
 173              height: initial;
 174              width: initial;
 175              object-fit: none;
 176              min-width: 0;
 177              min-height: 0;
 178              max-width: 100%;
 179              margin-top: 1rem;
 180          }
 181      }
 182  
 183      /* Remove image filters from featured image */
 184      .image-filters-enabled {
 185  
 186          *:after {
 187              display: none !important;
 188          }
 189  
 190          .site-header.featured-image .site-featured-image:before {
 191              display: none;
 192          }
 193  
 194          .site-header.featured-image .site-featured-image .post-thumbnail img {
 195              filter: none;
 196          }
 197      }
 198  }