print.css (2897B)
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 }