MediaWiki:Common.css: Difference between revisions
From AbhiprayaVedi
Tag: Undo |
No edit summary |
||
| Line 1: | Line 1: | ||
/* FORCE | /* ===== 1. FORCE OVERRIDES (TOP PRIORITY - KEEP FIRST) ===== */ | ||
.mw-parser-output .content-body p, | |||
.mw-body-content .content-body p { | .mw-body-content .content-body p { | ||
text-indent: 0 !important; | text-indent: 0 !important; | ||
margin: 0.4em 0 0.8em 0 !important; | |||
} | } | ||
.mw-parser-output .content-body > p:first-child, | |||
.mw-body-content .content-body > p:first-child { | .mw-body-content .content-body > p:first-child { | ||
margin-top: 0 !important; | margin-top: 0 !important; | ||
} | } | ||
/* | /* Title & Meta - FORCE CENTER ALIGNMENT */ | ||
.mw-parser-output .firstHeading, | |||
.mw-body-content .firstHeading { | .mw-body-content .firstHeading { | ||
margin-bottom: 0. | font-family: Georgia, serif !important; | ||
font-size: 2.4em !important; | |||
text-align: center !important; | |||
margin-bottom: 0.3em !important; | |||
} | } | ||
.mw-parser-output .article-meta, | |||
.mw-body-content .article-meta { | .mw-body-content .article-meta { | ||
text-align: center !important; | |||
margin-bottom: 0.8em !important; | |||
line-height: 1.2 !important; | line-height: 1.2 !important; | ||
} | } | ||
. | /* ===== 2. BASE LAYOUT ===== */ | ||
.article-wrapper { | |||
max-width: 900px; | |||
margin: 0 auto; | |||
padding: 20px; | |||
font-family: Georgia, serif; | |||
line-height: 1.7; | |||
background: #fdfcfc; | |||
} | } | ||
.article-content { | |||
font-size: 1.1em; | |||
font-size: | overflow: hidden; | ||
} | } | ||
. | .content-body { | ||
line-height: 1.7; | line-height: 1.7; | ||
} | } | ||
. | .content-body:empty { | ||
display: none !important; | |||
} | } | ||
. | |||
display: inline !important; | /* ===== 3. META LINE FIX ===== */ | ||
.meta-line { | |||
display: inline-flex !important; | |||
align-items: center; | |||
gap: 1em; | |||
} | } | ||
.meta-sep { | .meta-sep { | ||
margin: 0 | margin: 0 0.5em; | ||
. | |||
} | } | ||
/* ===== 4. FLOATBOX & HIGHLIGHTS ===== */ | |||
.article-floatbox { | .article-floatbox { | ||
float: right; | float: right !important; | ||
width: 220px; | width: 220px; | ||
margin: 0 0 15px 20px; | margin: 0 0 15px 20px; | ||
background: # | background: #f8f9fa; | ||
padding: | padding: 12px; | ||
border-left: 4px solid # | border-left: 4px solid #dee2e6; | ||
} | } | ||
.article- | .article-highlights { | ||
margin: | margin-top: 12px; | ||
clear: both; | |||
} | } | ||
.article-highlights h3 { | |||
.article-highlights { | margin: 0 0 10px 0; | ||
margin | font-size: 0.95em; | ||
color: #495057; | |||
} | } | ||
.article-highlights ul { | |||
.article-highlights | |||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
list-style: none; | list-style: none; | ||
} | } | ||
.article-highlights li { | .article-highlights li { | ||
margin-bottom: | margin-bottom: 10px; | ||
padding-bottom: | padding-bottom: 8px; | ||
border-bottom: | border-bottom: 1px solid #dee2e6; | ||
font-size: 0.9em; | |||
} | } | ||
.article-highlights li:last-child { | .article-highlights li:last-child { | ||
border-bottom: none; | |||
margin-bottom: 0; | margin-bottom: 0; | ||
} | } | ||
/* ===== 5. OTHER SECTIONS ===== */ | |||
/* | .article-intro { | ||
. | font-size: 1.2em; | ||
background: #f8f9fa; | |||
padding: 16px; | |||
border-left: 5px solid #adb5bd; | |||
margin-bottom: 20px; | |||
} | } | ||
. | .article-author-bio { | ||
margin-top: 30px; | |||
font-size: 0.9em; | |||
font-style: normal; | |||
background: #f1f3f4; | |||
padding: 15px; | |||
border-radius: 6px; | |||
border-top: 2px solid #dee2e6; | |||
} | } | ||
| Line 132: | Line 122: | ||
margin-top: 25px; | margin-top: 25px; | ||
font-size: 0.9em; | font-size: 0.9em; | ||
border-top: 1px solid # | border-top: 1px solid #dee2e6; | ||
padding-top: | padding-top: 15px; | ||
} | } | ||
Revision as of 19:25, 31 January 2026
/* ===== 1. FORCE OVERRIDES (TOP PRIORITY - KEEP FIRST) ===== */
.mw-parser-output .content-body p,
.mw-body-content .content-body p {
text-indent: 0 !important;
margin: 0.4em 0 0.8em 0 !important;
}
.mw-parser-output .content-body > p:first-child,
.mw-body-content .content-body > p:first-child {
margin-top: 0 !important;
}
/* Title & Meta - FORCE CENTER ALIGNMENT */
.mw-parser-output .firstHeading,
.mw-body-content .firstHeading {
font-family: Georgia, serif !important;
font-size: 2.4em !important;
text-align: center !important;
margin-bottom: 0.3em !important;
}
.mw-parser-output .article-meta,
.mw-body-content .article-meta {
text-align: center !important;
margin-bottom: 0.8em !important;
line-height: 1.2 !important;
}
/* ===== 2. BASE LAYOUT ===== */
.article-wrapper {
max-width: 900px;
margin: 0 auto;
padding: 20px;
font-family: Georgia, serif;
line-height: 1.7;
background: #fdfcfc;
}
.article-content {
font-size: 1.1em;
overflow: hidden;
}
.content-body {
line-height: 1.7;
}
.content-body:empty {
display: none !important;
}
/* ===== 3. META LINE FIX ===== */
.meta-line {
display: inline-flex !important;
align-items: center;
gap: 1em;
}
.meta-sep {
margin: 0 0.5em;
}
/* ===== 4. FLOATBOX & HIGHLIGHTS ===== */
.article-floatbox {
float: right !important;
width: 220px;
margin: 0 0 15px 20px;
background: #f8f9fa;
padding: 12px;
border-left: 4px solid #dee2e6;
}
.article-highlights {
margin-top: 12px;
clear: both;
}
.article-highlights h3 {
margin: 0 0 10px 0;
font-size: 0.95em;
color: #495057;
}
.article-highlights ul {
margin: 0;
padding: 0;
list-style: none;
}
.article-highlights li {
margin-bottom: 10px;
padding-bottom: 8px;
border-bottom: 1px solid #dee2e6;
font-size: 0.9em;
}
.article-highlights li:last-child {
border-bottom: none;
margin-bottom: 0;
}
/* ===== 5. OTHER SECTIONS ===== */
.article-intro {
font-size: 1.2em;
background: #f8f9fa;
padding: 16px;
border-left: 5px solid #adb5bd;
margin-bottom: 20px;
}
.article-author-bio {
margin-top: 30px;
font-size: 0.9em;
font-style: normal;
background: #f1f3f4;
padding: 15px;
border-radius: 6px;
border-top: 2px solid #dee2e6;
}
.article-source {
margin-top: 25px;
font-size: 0.9em;
border-top: 1px solid #dee2e6;
padding-top: 15px;
}