some print media css

static/css/styles2.css

@@ -660,10 +660,45 @@
 }
 
 @media print {
-    header, user, nav, aside, footer {
+    .wrapper {
+        display: grid;
+        grid-template-areas:
+        "content"
+        "ad"
+    }
+    
+    header, ad, user, nav, aside, footer {
         display: none;
     }
 
+    body {
+        color:#000;
+        background: #fff;
+    }
+
+    body, content {
+        width: 100%;
+        display: block;
+        min-height: 100%;
+    }
+
+    @page {
+        margin: 2cm;
+    }
+
+    h1, h2, h3 {
+        page-break-after: avoid;
+    }
+
+    ul, img {
+        page-break-inside: avoid;
+    }
+
+    table tr td {
+        vertical-align: middle;
+    }
+}
+
 aside .cd-accordion-menu.animated label::before {
   /* this class is used if you're using jquery to animate the accordion */
   -webkit-transition: -webkit-transform 0.3s;