MediaWiki:Print.css

From Inventa
Revision as of 11:58, 13 September 2024 by Nate (talk | contribs) (2 / 3 Column support)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will affect the print output */


/* Multi-column layouts (MCL) */
    .MCL-2col {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    .MCL-3col {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
    .MCL-2col, .MCL-3col {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }
        /* Styles for when we have less than 1600px to work with */
        @media screen and (max-width:1600px) {
        .MCL-3col {
            -webkit-column-count: 2;
            -moz-column-count: 2;
            column-count: 2;
        }
        }
            /* Styles for when we have less than 1440px to work with */
            @media screen and (max-width:1440px) {
            .MCL-2col {
                -webkit-column-count: 1;
                -moz-column-count: 1;
                column-count: 1
            }
            }
                /* Styles for when we have less than 800px to work with */
                @media screen and (max-width:800px) {
                .MCL-3col {
                    -webkit-column-count: 1;
                    -moz-column-count: 1;
                    column-count: 1;
                }
                }