1 files changed, 122 insertions, 0 deletions
diff --git a/webapp/sass/routes/_print.scss b/webapp/sass/routes/_print.scss
new file mode 100644
index 000000000..e7380e21c
--- /dev/null
+++ b/webapp/sass/routes/_print.scss
@@ -0,0 +1,122 @@
+@charset 'UTF-8';
+
+@media print {
+    * {
+        background: transparent !important;
+        color: black !important;
+        text-shadow: none !important;
+    }
+
+    .post-list__content,
+    .post-list__table,
+    .app__content {
+        display: block;
+    }
+
+    a:not(.mention-link),
+    a:not(.mention-link):visited {
+        text-decoration: underline;
+    }
+
+    a[href^=http]:after {
+        content: ' <' attr(href) '> ';
+    }
+
+    tr,
+    img,
+    pre,
+    blockquote,
+    code,
+    .post,
+    .date-separator {
+        page-break-inside: avoid;
+    }
+
+    .post__header {
+        page-break-after: avoid;
+    }
+
+    thead {
+        display: table-header-group;
+    }
+
+    img {
+        max-width: 100% !important;
+    }
+
+    p,
+    h2,
+    h3 {
+        orphans: 3;
+        widows: 3;
+    }
+
+    #sidebar-left,
+    #sidebar-right,
+    #channel-header,
+    #post-create,
+    #post-list .more-messages-text,
+    .post .post__header .col__reply,
+    .post .post__content > div.post__img,
+    .attachment__content,
+    .post__body .img-div,
+    .post-image__thumbnail,
+    .post.post--system,
+    #archive-link-home,
+    .channel-intro {
+        display: none;
+    }
+
+    #post-list,
+    #channel_view,
+    #post-list .post-list-holder-by-time {
+        overflow: visible;
+        overflow-y: visible;
+    }
+
+    #app-content {
+        margin-left: 0;
+    }
+
+    #channel_view .inner-wrap.move--left {
+        margin-right: 0;
+    }
+
+    .post-image__columns > div:first-child:before {
+        content: 'Attachments:';
+        display: block;
+        font-weight: bold;
+    }
+
+    .post-image__column {
+        width: inherit;
+        display: inline;
+        height: inherit;
+        background: transparent;
+        border-color: transparent;
+        border: 0 none;
+    }
+
+    .post-image__details {
+        width: 100%;
+        border: 0 none;
+
+        .post-image__name:before {
+            content: '[';
+        }
+
+        .post-image__name:after {
+            content: ': ' attr(href) ']';
+        }
+
+        .post-image__name + div {
+            display: none;
+        }
+    }
+
+
+    .date-separator .separator__hr,
+    .new-separator .separator__hr {
+        top: 1.7em;
+    }
+}