Changeset 29919

Timestamp:

10/16/2014 07:01:18 PM (12 years ago)

Author:

iandstewart

Message:

Twenty Fifteen: add print styles.

Props iamtakashi, closes #29967

File:

• trunk/src/wp-content/themes/twentyfifteen/style.css (modified) (1 diff)

trunk/src/wp-content/themes/twentyfifteen/style.css

@@ -5466 +5466 @@
         }
 }
+
+
+/**
+ * 16.0 Print
+ */
+
+@media print {
+        body {
+                background: none !important; /* Brute force since user agents all print differently. */
+                font-size: 11.25pt;
+        }
+
+        .secondary-toggle,
+        .navigation,
+        .page-links,
+        .edit-link,
+        #reply-title,
+        .comment-form,
+        .comment-edit-link,
+        .comment-list .reply a,
+        button,
+        input,
+        textarea,
+        select {
+                display: none;
+        }
+
+        .site-header,
+        .site-footer,
+        .hentry,
+        .entry-footer,
+        .page-header,
+        .page-content,
+        .comments-area {
+                background: none !important; /* Make sure color schemes dont't affect to print */
+        }
+
+        body,
+        blockquote,
+        blockquote cite,
+        blockquote small,
+        label,
+        a,
+        .site-title a,
+        .site-description,
+        .post-title,
+        .author-heading,
+        .entry-footer,
+        .entry-footer a,
+        .taxonomy-description,
+        .entry-caption,
+        .comment-author,
+        .comment-metadata,
+        .comment-metadata a,
+        .comment-notes,
+        .comment-awaiting-moderation,
+        .no-comments,
+        .site-info,
+        .site-info a,
+        .wp-caption-text,
+        .gallery-caption {
+                color: #000 !important; /* Make sure color schemes don't affect to print */
+        }
+
+        pre,
+        abbr[title],
+        table,
+        th,
+        td,
+        .site-header,
+        .site-footer,
+        .hentry + .hentry,
+        .author-info,
+        .page-header,
+        .comments-area,
+        .comment-list + .comment-respond,
+        .comment-list article,
+        .comment-list .pingback,
+        .comment-list .trackback,
+        .no-comments {
+                border-color: #eaeaea !important; /* Make sure color schemes don't affect to print */
+        }
+
+        .site {
+                margin: 0 7.6923%;
+        }
+
+        .site-branding {
+                padding: 0;
+        }
+
+        .site-header {
+                padding: 7.6923% 0;
+        }
+
+        .site-description {
+                display: block;
+        }
+
+        .hentry + .hentry {
+                margin-top: 7.6923%;
+        }
+
+        .hentry.has-post-thumbnail {
+                padding-top: 7.6923%;
+        }
+
+        .sticky-post {
+                background: #000 !important;
+                color: #fff !important;
+        }
+
+        .entry-header,
+        .entry-footer  {
+                padding: 0;
+        }
+
+        .entry-content,
+        .entry-summary {
+                padding: 0 0 7.6923%;
+        }
+
+        .post-thumbnail img {
+                margin: 0;
+        }
+
+        .author-info {
+                margin: 0;
+        }
+
+        .page-content {
+                padding: 7.6923% 0 0;
+        }
+
+        .page-header {
+                padding: 3.84615% 0;
+        }
+
+        .comments-area {
+                border: 0;
+                padding: 7.6923% 0 0;
+        }
+
+        .site-footer {
+                margin-top: 7.6923%;
+                padding: 3.84615% 0;
+        }
+}