angelovcom.net

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs

print.css (3949B)

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