MediaWiki:Common.css

From WineWiki
Revision as of 22:49, 26 January 2026 by Wikiadmin (talk | contribs)
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)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* CSS placed here will be applied to all skins */
@media print {
    /* Hide unnecessary elements for print */
    .toc,
    #toc,
    .mw-editsection,
    .mw-jump-link,
    .printfooter,
    #footer,
    #catlinks,
    .noprint,
    .mw-navigation,
    #p-logo,
    .thumbcaption,
    .magnify {
        display: none !important;
    }

    /* Hide the "hide" link in Contents box */
    .toctogglecheckbox,
    .toctogglespan {
        display: none !important;
    }

    /* Make the infobox more compact */
    .infobox {
        float: right;
        width: 250px !important;
        margin: 0 0 10px 15px !important;
        padding: 8px !important;
        font-size: 11px !important;
        line-height: 1.3 !important;
        page-break-inside: avoid;
    }

    .infobox-title {
        font-size: 14px !important;
        padding: 5px !important;
        margin-bottom: 5px !important;
    }

    .infobox-row {
        padding: 2px 5px !important;
    }

    /* Compact the image gallery (Notes section) */
    .gallery {
        margin: 5px 0 !important;
    }

    .gallery .gallerybox {
        width: 80px !important;
        margin: 2px !important;
    }

    .gallery img {
        max-width: 60px !important;
        max-height: 60px !important;
    }

    .gallery .gallerytext {
        font-size: 9px !important;
        padding: 2px !important;
    }

    /* Hide bottom Reserve link image */
    .floatright {
        display: none !important;
    }

    /* Compact headings */
    h2 {
        font-size: 14pt !important;
        margin: 10px 0 5px 0 !important;
        padding-top: 5px !important;
    }

    /* Reduce body text spacing */
    p {
        margin: 5px 0 !important;
        font-size: 10pt !important;
    }

    ul, ol {
        margin: 5px 0 !important;
    }

    /* Make the main wine bottle image more reasonable */
    .floatleft img,
    .thumbinner img {
        max-width: 150px !important;
        height: auto !important;
    }

    .floatleft {
        margin: 0 15px 10px 0 !important;
    }

    /* Prevent awkward page breaks */
    h2, h3 {
        page-break-after: avoid;
    }

    .infobox,
    .gallery {
        page-break-inside: avoid;
    }

    /* Overall page margins */
    body {
        margin: 0.5in !important;
    }

    /* Hide ALL external links at bottom */
    #footer-info,
    #footer-places {
        display: none !important;
    }
}

@media print {
    /* ... your existing rules ... */
    
    /* Remove the large top space */
    #mw-page-base,
    #mw-head-base,
    .mw-body {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    #content {
        margin-top: 0 !important;
        padding-top: 10px !important;
    }
    
    .mw-parser-output {
        margin-top: 0 !important;
    }
    
    /* Hide the page title if you want (optional) */
    .firstHeading {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    /* More aggressive hiding of the bottom Winexpert Reserve box */
    .floatright,
    .thumbright,
    div[style*="float:right"],
    div[style*="float: right"] {
        display: none !important;
    }
    
    /* Target images that link to Reserve_Styles specifically */
    a[href*="Reserve_Styles"] img,
    a[href*="Reserve_Styles"] {
        display: none !important;
    }
    
    /* Hide any image with width around 200px (the Reserve box size) */
    img[width="200"],
    img[width="200px"] {
        display: none !important;
    }
}