ru-se.com

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

print.css (2702B)

      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 }