Lenn's Fun Stuff

MediaWiki:Common.css: Difference between revisions

← Older editNewer edit →
No edit summary
No edit summary
Line 1: Line 1:
/* Version 29.0 - Compact Miraheze Reconstruction
/* Version 30.0 - High-Fill Infobox Headers
   Fixes: Smaller Infobox width, reduced padding, and TOC alignment
   Fixes: Header/Title vertical height and full-space filling
*/
*/


Line 21: Line 21:
     margin: 1em auto !important;
     margin: 1em auto !important;
     max-width: 1100px !important;
     max-width: 1100px !important;
    line-height: 1.5 !important;
     display: block !important;
     display: block !important;
}
}
Line 30: Line 29:
     border: 1px solid #a2a9b1 !important;
     border: 1px solid #a2a9b1 !important;
     padding: 8px !important;
     padding: 8px !important;
     font-size: 90% !important; /* Smaller text for compact look */
     font-size: 90% !important;
     display: table !important;
     display: table !important;
    margin-bottom: 1em !important;
}
}


.toctitle h2 {
/* --- 3. THE INFOBOX (FULL-HEADER FILL) --- */
    font-family: sans-serif !important;
    font-size: 100% !important;
    font-weight: bold !important;
    border-bottom: none !important;
    text-align: center !important;
}
 
/* --- 3. THE INFOBOX (COMPACT VERSION) --- */
.portable-infobox {
.portable-infobox {
     background-color: #fff !important;
     background-color: #fff !important;
     border: 1px solid #a2a9b1 !important;
     border: 1px solid #a2a9b1 !important;
     width: 270px !important; /* Shrunk from 320px */
     width: 270px !important;
     float: right !important;
     float: right !important;
     margin: 0 0 1em 1.2em !important;
     margin: 0 0 1em 1.2em !important;
     padding: 0 !important;
     padding: 0 !important;
     border-spacing: 0 !important;
     border-spacing: 0 !important;
     font-size: 0.88em !important; /* Smaller font for a "smaller" feel */
     font-size: 0.88em !important;
}
}


/* Title Styling: Increased Height and Fill */
.portable-infobox .pi-title {
.portable-infobox .pi-title {
     background-color: var(--kh-yellow) !important;
     background-color: var(--kh-yellow) !important;
Line 60: Line 51:
     font-family: 'Cinzel', serif !important;
     font-family: 'Cinzel', serif !important;
     font-weight: bold !important;
     font-weight: bold !important;
     padding: 8px !important; /* Reduced padding */
     padding: 15px 10px !important; /* Increased top/bottom padding */
     font-size: 1.15em !important;
     font-size: 1.25em !important;
     border-bottom: 1px solid #a2a9b1 !important;
     border-bottom: 1px solid #a2a9b1 !important;
     text-align: center !important;
     text-align: center !important;
    line-height: 1.2 !important; /* Ensures text sits centrally in the taller box */
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
}


/* Header Styling: Increased Height and Fill */
.portable-infobox .pi-header {
.portable-infobox .pi-header {
     background-color: var(--kh-green) !important;
     background-color: var(--kh-green) !important;
     color: #fff !important;
     color: #fff !important;
     font-family: 'Cinzel', serif !important;
     font-family: 'Cinzel', serif !important;
     padding: 5px !important; /* Reduced padding */
     padding: 10px 5px !important; /* Increased vertical padding */
     text-align: center !important;
     text-align: center !important;
     font-weight: bold !important;
     font-weight: bold !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    line-height: 1.2 !important;
}
}


Line 83: Line 83:
.pi-data-label {
.pi-data-label {
     display: table-cell !important;
     display: table-cell !important;
     width: 40% !important; /* Adjusted ratio for smaller width */
     width: 40% !important;
     background-color: #f2f2f2 !important;
     background-color: #f2f2f2 !important;
     font-weight: bold !important;
     font-weight: bold !important;
     padding: 5px 8px !important; /* Tighter padding */
     padding: 6px 8px !important;
     border-bottom: 1px solid #a2a9b1 !important;
     border-bottom: 1px solid #a2a9b1 !important;
     border-right: 1px solid #a2a9b1 !important;
     border-right: 1px solid #a2a9b1 !important;
     vertical-align: top !important;
     vertical-align: middle !important;
}
}


.pi-data-value {
.pi-data-value {
     display: table-cell !important;
     display: table-cell !important;
     padding: 5px 8px !important; /* Tighter padding */
     padding: 6px 8px !important;
     border-bottom: 1px solid #a2a9b1 !important;
     border-bottom: 1px solid #a2a9b1 !important;
     vertical-align: top !important;
     vertical-align: middle !important;
     background-color: #ffffff !important;
     background-color: #ffffff !important;
}
}
Retrieved from "https://lennleft.tail8cf621.ts.net/wiki/index.php/MediaWiki:Common.css"