add CSS for PDF

Author: PhilippSalvisberg

docs/stylesheets/extra.css

@@ -18,4 +18,59 @@
 [data-md-color-accent=red] .md-nav__link:hover {
     color: #ff1744;
     text-decoration: underline;
-}
+}
+
+@media print {
+    .md-container {
+        display: block;
+        padding-top: 0;
+    }
+
+    .md-main {
+        display: block;
+        height: inherit;
+    }
+
+    .md-main__inner {
+        height: inherit;
+        padding-top: 0;
+    }
+
+    .md-typeset .codehilitetable .linenos {
+        display: none;
+    }
+
+    .md-typeset .footnote-ref {
+        display: inline-block;
+    }
+
+    .md-typeset .admonition {
+        display: block;
+    }
+
+    .md-typeset a::after {
+        color: inherit;
+        content: none;
+    }
+
+    h1 {
+        page-break-before: always;
+    }
+
+    #about { 
+        page-break-before: avoid;
+    }
+}
+
+@page {
+    size: A4;
+    margin-top: 1.0cm;
+    margin-right: 1.0cm;
+    margin-bottom: 2.0cm;
+    margin-left: 1.0cm; 
+
+    @bottom-center {
+        content: "Page " counter(page) " of " counter(pages);
+        font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
+    }
+}