MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* 1. TABLE | /* 1. TABLE CORE */ | ||
.mw-parser-output .wikitable { | .mw-parser-output .wikitable { | ||
width: 100% !important; | width: 100% !important; | ||
| Line 6: | Line 6: | ||
} | } | ||
/* 2. THE | /* 2. THE PADDING (The space from the first/last letters) */ | ||
.mw-parser-output .wikitable td, | .mw-parser-output .wikitable td, | ||
.mw-parser-output .wikitable th { | .mw-parser-output .wikitable th { | ||
padding: | /* 15px of space on the left and right of every single word */ | ||
padding: 10px 15px !important; | |||
vertical-align: middle !important; | vertical-align: middle !important; | ||
text-align: left; | text-align: left !important; | ||
} | } | ||
/* 3. | /* 3. COLUMN WIDTHS (The 'World' boundaries) */ | ||
/* This | /* This ensures the Manufacturer and Type columns stay wide enough */ | ||
.mw-parser-output .wikitable td:nth-child(3) | .mw-parser-output .wikitable td:nth-child(2) { min-width: 200px !important; } /* Name */ | ||
.mw-parser-output .wikitable td:nth-child(4) { | .mw-parser-output .wikitable td:nth-child(3) { min-width: 100px !important; } /* Type */ | ||
.mw-parser-output .wikitable td:nth-child(4) { min-width: 150px !important; } /* Manufacturer */ | |||
} | |||
/* 4. THE IMAGE | /* 4. THE IMAGE & ZOOM (Keeping your working fix) */ | ||
.mw-parser-output .imageWrapper img { | .mw-parser-output .imageWrapper img { | ||
width: 60px !important; | width: 60px !important; | ||
| Line 31: | Line 30: | ||
} | } | ||
.mw-parser-output .coverThumb:hover .imageWrapper img { | .mw-parser-output .coverThumb:hover .imageWrapper img { | ||
position: absolute !important; | position: absolute !important; | ||
| Line 37: | Line 35: | ||
left: 0 !important; | left: 0 !important; | ||
width: 350px !important; | width: 350px !important; | ||
transform: translate(110px, -20px) !important; | |||
transform: translate( | |||
z-index: 10000 !important; | z-index: 10000 !important; | ||
pointer-events: none !important; | pointer-events: none !important; | ||
| Line 50: | Line 43: | ||
} | } | ||
.mw-parser-output .coverSmall { | .mw-parser-output .coverSmall { | ||
display: block !important; | display: block !important; | ||
| Line 56: | Line 48: | ||
height: 80px !important; | height: 80px !important; | ||
position: relative !important; | position: relative !important; | ||
} | } | ||
Revision as of 10:39, 29 January 2026
/* 1. TABLE CORE */
.mw-parser-output .wikitable {
width: 100% !important;
table-layout: auto !important;
border-collapse: collapse !important;
}
/* 2. THE PADDING (The space from the first/last letters) */
.mw-parser-output .wikitable td,
.mw-parser-output .wikitable th {
/* 15px of space on the left and right of every single word */
padding: 10px 15px !important;
vertical-align: middle !important;
text-align: left !important;
}
/* 3. COLUMN WIDTHS (The 'World' boundaries) */
/* This ensures the Manufacturer and Type columns stay wide enough */
.mw-parser-output .wikitable td:nth-child(2) { min-width: 200px !important; } /* Name */
.mw-parser-output .wikitable td:nth-child(3) { min-width: 100px !important; } /* Type */
.mw-parser-output .wikitable td:nth-child(4) { min-width: 150px !important; } /* Manufacturer */
/* 4. THE IMAGE & ZOOM (Keeping your working fix) */
.mw-parser-output .imageWrapper img {
width: 60px !important;
height: 80px !important;
object-fit: contain !important;
display: block !important;
margin: 0 auto !important;
}
.mw-parser-output .coverThumb:hover .imageWrapper img {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 350px !important;
transform: translate(110px, -20px) !important;
z-index: 10000 !important;
pointer-events: none !important;
background: #fff !important;
border: 1px solid #888 !important;
box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}
.mw-parser-output .coverSmall {
display: block !important;
width: 60px !important;
height: 80px !important;
position: relative !important;
}