[Summary view] [Print] [Text view]

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