MediaWiki:Common.css: Difference between revisions

From 3DO World
Jump to navigation Jump to search
← Older editNewer edit →
No edit summary
No edit summary
Line 1: Line 1:
/* Tighten vertical space in cover cells only */
.mw-parser-output .cover-preview .cover-large {
.mw-parser-output .wikitable td:first-child {
    position: absolute !important;
     padding-top: 4px !important;    /* was probably 8–12px or more */
    top: -20px !important;
     padding-bottom: 4px !important;
    left: 90px !important;
     vertical-align: middle !important; /* keeps image centered vertically */
     z-index: 100 !important;
    opacity: 0 !important;
     visibility: hidden !important;  /* extra layer of hiding */
     pointer-events: none !important;
     transition: opacity 0.25s ease !important;
    background: #fff;
    border: 1px solid #999;
    box-shadow: 0 10px 30px rgba(0,0,0,0.6);
    padding: 4px;
}
}


/* Ensure the preview container hugs the image tightly */
.mw-parser-output .cover-preview:hover .cover-large {
.mw-parser-output .cover-preview {
     opacity: 1 !important;
    position: relative;
     visibility: visible !important;
    display: inline-block;
    width: 80px;                    /* your thumb width */
     height: auto;
    line-height: 1;                 /* crucial: kills extra line spacing */
     margin: 0;                       /* no extra margins */
}
}


/* Force the small image to have no extra space around it */
.mw-parser-output .cover-preview:hover .cover-small {
.mw-parser-output .cover-preview .cover-small {
     opacity: 0 !important;
     display: block;
     visibility: hidden !important;   /* helps if opacity alone fails */
     margin: 0 auto;                 /* centers if needed */
    line-height: 1;
    vertical-align: middle;
}
}


/* Optional: if rows are still tall due to text in other columns, constrain overall row */
/* Ensure small thumb stays visible normally */
.mw-parser-output .wikitable tr {
.mw-parser-output .cover-preview .cover-small {
     line-height: 1.2;                /* default is often 1.5–1.6; lower it slightly */
     opacity: 1 !important;
}
     visibility: visible !important;
 
     display: block !important;
/* If needed: target the whole cover column for even tighter padding */
.mw-parser-output .wikitable td:first-child .cover-preview img {
     margin: 0 !important;
     padding: 0 !important;
}
}

Revision as of 12:10, 29 January 2026

.mw-parser-output .cover-preview .cover-large {
    position: absolute !important;
    top: -20px !important;
    left: 90px !important;
    z-index: 100 !important;
    opacity: 0 !important;
    visibility: hidden !important;   /* extra layer of hiding */
    pointer-events: none !important;
    transition: opacity 0.25s ease !important;
    background: #fff;
    border: 1px solid #999;
    box-shadow: 0 10px 30px rgba(0,0,0,0.6);
    padding: 4px;
}

.mw-parser-output .cover-preview:hover .cover-large {
    opacity: 1 !important;
    visibility: visible !important;
}

.mw-parser-output .cover-preview:hover .cover-small {
    opacity: 0 !important;
    visibility: hidden !important;   /* helps if opacity alone fails */
}

/* Ensure small thumb stays visible normally */
.mw-parser-output .cover-preview .cover-small {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}
Retrieved from "http://3do.world/index.php?title=MediaWiki:Common.css&oldid=17470"