MediaWiki:Common.css: Difference between revisions
Chaudharydsn (talk | contribs) mNo edit summary |
Chaudharydsn (talk | contribs) mNo edit summary |
||
| Line 24: | Line 24: | ||
/* ================================================================= */ | /* ================================================================= */ | ||
/* 2. DEFAULT BRAND THEME: SAVROSI.ORG (HEADINGS) | /* 2. DEFAULT BRAND THEME: SAVROSI.ORG (HEADINGS) */ | ||
/* ================================================================= */ | /* ================================================================= */ | ||
.mw-parser-output h2 { | .mw-parser-output h2 { | ||
| Line 47: | Line 47: | ||
.savrosi-template-individual .portable-infobox, | .savrosi-template-individual .portable-infobox, | ||
.savrosi-template-company .portable-infobox { | .savrosi-template-company .portable-infobox { | ||
width: 300px !important; /* Compact width to save vertical space */ | |||
float: right !important; | |||
margin: 0 0 15px 15px !important; | |||
border: 1px solid #E2E8F0 !important; | border: 1px solid #E2E8F0 !important; | ||
border-top: | border-top: 4px solid #C59B27 !important; /* Champagne Gold Accent */ | ||
background-color: #FFFFFF !important; | background-color: #FFFFFF !important; | ||
box-shadow: 0 | box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06) !important; | ||
border-radius: | border-radius: 6px !important; | ||
font-family: 'Segoe UI', Helvetica, Arial, sans-serif !important; | font-family: 'Segoe UI', Helvetica, Arial, sans-serif !important; | ||
font-size: 12.5px !important; | |||
} | } | ||
/* Infobox Main Title | /* Infobox Main Title */ | ||
.savrosi-template-individual .pi-title, | .savrosi-template-individual .pi-title, | ||
.savrosi-template-company .pi-title { | .savrosi-template-company .pi-title { | ||
| Line 61: | Line 65: | ||
color: #FFFFFF !important; | color: #FFFFFF !important; | ||
font-family: 'Cinzel', 'Georgia', serif !important; | font-family: 'Cinzel', 'Georgia', serif !important; | ||
font-size: | font-size: 17px !important; | ||
padding: | padding: 8px 10px !important; | ||
text-align: center !important; | text-align: center !important; | ||
letter-spacing: 0.5px !important; | letter-spacing: 0.5px !important; | ||
| Line 73: | Line 77: | ||
color: #C59B27 !important; /* Champagne Gold Text */ | color: #C59B27 !important; /* Champagne Gold Text */ | ||
font-family: 'Georgia', serif !important; | font-family: 'Georgia', serif !important; | ||
font-size: | font-size: 11px !important; | ||
text-transform: uppercase !important; | text-transform: uppercase !important; | ||
letter-spacing: | letter-spacing: 1px !important; | ||
padding: 8px | padding: 5px 8px !important; | ||
} | } | ||
/* | /* Label Column: Allocated width & vertical alignment to prevent multi-line wrapping */ | ||
.savrosi-template-individual .pi-data-label, | .savrosi-template-individual .pi-data-label, | ||
.savrosi-template-company .pi-data-label { | .savrosi-template-company .pi-data-label { | ||
color: #0F172A !important; /* Midnight Navy | width: 35% !important; | ||
color: #0F172A !important; /* Midnight Navy */ | |||
font-weight: 600 !important; | font-weight: 600 !important; | ||
font-size: | font-size: 12px !important; | ||
padding: 4px 6px !important; | |||
vertical-align: top !important; | |||
} | } | ||
/* Value Column: Tight padding & clean line height */ | |||
.savrosi-template-individual .pi-data-value, | .savrosi-template-individual .pi-data-value, | ||
.savrosi-template-company .pi-data-value { | .savrosi-template-company .pi-data-value { | ||
color: #334155 !important; | color: #334155 !important; | ||
font-size: | font-size: 12px !important; | ||
padding: 4px 6px !important; | |||
line-height: 1.4 !important; | |||
} | |||
/* Mobile Responsiveness for Infoboxes */ | |||
@media screen and (max-width: 768px) { | |||
.savrosi-template-individual .portable-infobox, | |||
.savrosi-template-company .portable-infobox { | |||
width: 100% !important; | |||
float: none !important; | |||
margin: 0 0 20px 0 !important; | |||
} | |||
} | } | ||