Advertisement
MertcanGokgoz

Print css

Feb 10th, 2019
213
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.82 KB | None | 0 0
  1. @media only print {
  2.     @page {
  3.         size: 21cm 29.7cm
  4.     }
  5.  
  6.     *,
  7.     *:before,
  8.     *:after,
  9.     *:first-letter,
  10.     p:first-line,
  11.     div:first-line,
  12.     blockquote:first-line,
  13.     li:first-line {
  14.         background: transparent !important;
  15.         color: #000 !important;
  16.         box-shadow: none !important;
  17.         text-shadow: none !important;
  18.     }
  19.  
  20.     body {
  21.         width: 100% !important;
  22.         margin: 0 !important;
  23.         padding: 0 !important;
  24.         filter: none !important;
  25.         text-align: justify !important;
  26.         counter-reset: chapternum figurenum;
  27.         font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
  28.         line-height: 1.5;
  29.         font-size: 11pt;
  30.     }
  31.    
  32.     h1 {font-size:19pt;}
  33.     h2 {font-size:17pt;}
  34.     h3 {font-size:15pt;}
  35.     h4,h5,h6 {font-size:14pt;}
  36.  
  37.     header nav, aside section, footer {
  38.         display: none;
  39.     }
  40.  
  41.     .footer, .single-top-area, .single-author-bio, .buttontop-top, .buttontop-top.buttontop-fade-out, .recent-posts-widget, .single-bottom-area, .ws, .allcomments, .social-icons {
  42.         display: none;
  43.     }
  44.  
  45.     .single-thumbnail, .single-title-zone, .single-thumbnail-inside{
  46.         all: unset !important;
  47.     }
  48.  
  49.     .single-title-zone .category, .single-title-zone .date {
  50.         display: none;
  51.     }
  52.  
  53.     .single-title-zone h1 {
  54.         text-align: center;
  55.     }
  56.  
  57.     .offcanvas-menu-button, .offcanvas-menu-button.centered {
  58.         display: none !important;
  59.     }
  60.  
  61.     .offcanvas-navigation {
  62.         display: none !important;
  63.     }
  64.  
  65.     .sticky-logo, .sticky-header {
  66.         display: none;
  67.     }
  68.  
  69.     .header-upper {
  70.         display: none;
  71.     }
  72.  
  73.     .related-posts{
  74.         display: none;
  75.     }
  76.  
  77.     .rc-anchor .rc-anchor-invisible .rc-anchor-light .rc-anchor-invisible-hover{
  78.         display: none;
  79.     }
  80.  
  81.     #mailchimp-top-bar, #navbarsearchformsticky{
  82.         display: none;
  83.     }
  84.  
  85.     #header, #footer, #navigation, #sidebar { display:none; }
  86.     .header, .footer, .navigation, .sidebar { display:none; }
  87.  
  88.     a,
  89.     a:visited { text-decoration: underline; }
  90.  
  91.     a[href]:after { content: " (" attr(href) ")"; }
  92.  
  93.     abbr[title]:after { content: " (" attr(title) ")"; }
  94.  
  95.     a[href^="#"]:after,
  96.     a[href^="javascript:"]:after { content: ""; }
  97.     a[href$=".jpg"]:after, a[href$=".jpeg"]:after, a[href$=".gif"]:after, a[href$=".png"]:after { content: " (" attr(href) ") "; display:none; }
  98.  
  99.     pre { white-space: pre-wrap !important; }
  100.  
  101.     pre,
  102.     blockquote {
  103.         border: 1px solid #999;
  104.         page-break-inside: avoid;
  105.     }
  106.  
  107.     thead { display: table-header-group; }
  108.  
  109.     tr,
  110.     img { page-break-inside: avoid; }
  111.  
  112.     p,
  113.     h2,
  114.     h3 {
  115.         orphans: 3;
  116.         widows: 3;
  117.     }
  118.  
  119.     p,
  120.     h2,
  121.     h3 { page-break-after: avoid; }
  122.  
  123.     abbr[title]:after { content: " (" attr(title) ")"; }
  124.  
  125.     .entry iframe, ins {
  126.         display: none;
  127.         width: 0 !important;
  128.         height: 0 !important;
  129.         overflow: hidden !important;
  130.         line-height: 0pt !important;
  131.         white-space: nowrap;
  132.     }
  133.     .embed-youtube, .embed-responsive {
  134.       position: absolute;
  135.       height: 0;
  136.       overflow: hidden;
  137.     }
  138. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement