MediaWiki:Common.css: Difference between revisions

No edit summary
Tags: Mobile edit Mobile web edit Advanced mobile edit
No edit summary
Tags: Mobile edit Mobile web edit Advanced mobile edit
Line 1: Line 1:
/* Version 18.0 - Miraheze Reconstruction (Stable Build) */
/* Version 19.0 - Flex-Stable Miraheze Build */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700&family=Crimson+Pro:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700&family=Crimson+Pro:wght@400;700&display=swap');


Line 6: Line 6:
     --kh-yellow: #ffd700 !important;
     --kh-yellow: #ffd700 !important;
     --kh-dark-text: #2d4234 !important;
     --kh-dark-text: #2d4234 !important;
    --kh-light-bg: #f9fdfa !important;
}
}


Line 12: Line 11:
body, html {  
body, html {  
     font-family: 'Crimson Pro', serif !important;  
     font-family: 'Crimson Pro', serif !important;  
     background-color: var(--kh-light-bg) !important;  
     background-color: #f9fdfa !important;  
}
}
h1, h2, h3, .mw-headline {
    color: var(--kh-green) !important;
    font-family: 'Cinzel', serif !important;
}
h2::before, h3::before { content: "\1F343\0020" !important; }


/* 2. PORTABLE INFOBOXES (Full Width Fix) */
/* 2. PORTABLE INFOBOXES */
.portable-infobox {
.portable-infobox {
     background-color: #fff !important;
     background-color: #fff !important;
Line 28: Line 22:
     margin: 0 0 1em 1em !important;
     margin: 0 0 1em 1em !important;
     display: flex !important;
     display: flex !important;
     flex-direction: column !important;
     flex-direction: column !important; /* Stack top elements vertically */
}
}


/* Force Title, Header, and Image to take full 100% width */
/* Force Title, Header, and Image to be Full Width */
.portable-infobox .pi-title,  
.portable-infobox .pi-title,  
.portable-infobox .pi-header,  
.portable-infobox .pi-header,  
Line 39: Line 33:
     display: block !important;
     display: block !important;
     box-sizing: border-box !important;
     box-sizing: border-box !important;
    float: none !important;
}
}


Line 55: Line 48:
     font-family: 'Cinzel', serif !important;
     font-family: 'Cinzel', serif !important;
     padding: 6px !important;
     padding: 6px !important;
    text-align: center !important;
}
}


/* Side-by-Side Data Row Logic */
/* Data Row Logic */
.pi-item.pi-data {
.pi-item.pi-data {
     display: flex !important;
     display: flex !important;
Line 70: Line 64:
     padding: 8px !important;
     padding: 8px !important;
     font-weight: bold !important;
     font-weight: bold !important;
    font-family: 'Cinzel', serif !important;
    font-size: 0.85em !important;
     border-right: 1px solid #ddd;
     border-right: 1px solid #ddd;
}
}