Readability Scale:
/* =========================================
Blogger Mobile Print Optimized CSS
========================================= */
@media print {
/* -----------------------------------------
CHOOSE YOUR BORDER STYLE BELOW
----------------------------------------- */
/* OPTION 1: No Borders (Borderless Printing) */
@page {
margin: 0 !important;
}
/* OPTION 2: Equal Borders on all sides (Delete Option 1 and uncomment this to use)
@page {
margin: 1.5cm !important;
}
*/
/* -----------------------------------------
HIDE UNNECESSARY BLOGGER ELEMENTS
----------------------------------------- */
header, footer, aside, nav, .sidebar, .comments, .post-footer,
#header-wrapper, #sidebar-wrapper, #footer-wrapper,
.PopularPosts, .cookie-choices-info, .FollowByEmail {
display: none !important;
}
/* -----------------------------------------
FORMAT THE MAIN CONTENT & IMAGES
----------------------------------------- */
body, #main-wrapper, .post, .post-body {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
width: 100% !important;
box-shadow: none !important;
border: none !important;
}
/* Target all images inside the blog post */
.post-body img {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
display: block !important;
margin: 0 auto !important;
padding: 0 !important;
border: none !important;
outline: none !important;
box-sizing: border-box !important;
/* Prevent the printer from cutting an image in half across two pages */
page-break-inside: avoid;
page-break-before: auto;
}
/* Remove link underlines in print */
a { text-decoration: none !important; color: #000 !important; }
}