MediaWiki:Common.css: Difference between revisions
From AbhiprayaVedi
No edit summary Tag: Reverted |
No edit summary Tag: Undo |
||
| Line 6: | Line 6: | ||
} | } | ||
/* | .mw-body-content .content-body > p:first-child { | ||
. | margin-top: 0 !important; | ||
} | |||
margin: 0. | |||
/* Kill title/meta spacing */ | |||
.mw-body-content .firstHeading { | |||
margin-bottom: 0.2em !important; | |||
} | |||
.mw-body-content .article-meta { | |||
margin-bottom: 0.5em !important; | |||
padding-bottom: 0 !important; | |||
line-height: 1.2 !important; | |||
} | } | ||
. | .content-body:empty { | ||
display: none !important; | |||
} | } | ||
. | |||
firstHeading { | firstHeading { | ||
| Line 22: | Line 32: | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
} | } | ||
.article-wrapper { | .article-wrapper { | ||
| Line 37: | Line 43: | ||
/* MOBILE RESPONSIVE */ | /* MOBILE RESPONSIVE */ | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
.article-wrapper { max-width: 100%; padding: 0 | .article-wrapper { | ||
} | max-width: 100%; | ||
padding: 0 10px; | |||
} | |||
.article-floatbox { | .article-floatbox { | ||
float: none !important; | float: none !important; | ||
Revision as of 19:16, 31 January 2026
/* FORCE OVERRIDE - Place FIRST in Common.css */
.mw-body-content .content-body p {
margin-top: 0.3em !important;
margin-bottom: 0.6em !important;
text-indent: 0 !important;
}
.mw-body-content .content-body > p:first-child {
margin-top: 0 !important;
}
/* Kill title/meta spacing */
.mw-body-content .firstHeading {
margin-bottom: 0.2em !important;
}
.mw-body-content .article-meta {
margin-bottom: 0.5em !important;
padding-bottom: 0 !important;
line-height: 1.2 !important;
}
.content-body:empty {
display: none !important;
}
.
firstHeading {
font-family: Georgia, "Times New Roman", serif;
font-size: 2.4em;
text-align: center;
margin-bottom: 10px;
}
.article-wrapper {
max-width: 900px;
width: 100%;
margin: 0 auto;
font-family: Georgia, serif;
line-height: 1.7;
}
/* MOBILE RESPONSIVE */
@media (max-width: 768px) {
.article-wrapper {
max-width: 100%;
padding: 0 10px;
}
.article-floatbox {
float: none !important;
width: 100% !important;
margin: 10px 0;
}
}
.article-meta {
text-align: center;
margin-bottom: 10px;
font-size: 1.25em;
font-weight: bold;
color: #444;
}
.article-meta p {
display: inline !important;
margin: 0 !important;
}
.meta-sep {
margin: 0 1em;
}
.article-intro {
font-size: 1.2em;
background: #f2f2f2;
padding: 14px;
border-left: 5px solid #bbb;
margin-bottom: 18px;
}
.article-floatbox {
float: right;
width: 220px;
margin: 0 0 15px 20px;
background: #fafafa;
padding: 10px;
border-left: 4px solid #ccc;
overflow: hidden; /* Contain floats */
}
.article-floatbox h3 {
margin: 0 0 8px 0;
font-size: 1em;
}
/* Fix 1: Prevent highlights filling thumbnail gap */
.article-highlights {
margin-top: 10px; /* Space after thumbnail */
clear: both;
border-bottom: 2px solid #ccc;
}
/* Fix 2: Horizontal lines + spacing between highlights */
.article-highlights {
margin: 0;
padding: 0;
list-style: none;
border-bottom: 2px solid #ccc;
}
.article-highlights li {
margin-bottom: 8px;
padding-bottom: 6px;
border-bottom: 2px solid #ccc; /* Horizontal line */
}
.article-highlights li:last-child {
margin-bottom: 0;
border-bottom: none; /* No line on last item */
}
/* COMPLETE RESET - OVERRIDES EVERYTHING */
.mw-parser-output .content-body,
.mw-parser-output .content-body * {
margin-top: 0 !important;
padding-top: 0 !important;
}
.mw-parser-output .content-body p {
text-indent: 0 !important;
margin: 0.8em 0 !important;
}
.mw-parser-output .content-body > p:first-of-type,
.mw-parser-output .content-body p:first-child {
margin-top: 0 !important;
margin-bottom: 0.6em !important;
}
/* Empty content-body */
.mw-parser-output .content-body:empty {
display: none !important;
}
.article-source {
margin-top: 25px;
font-size: 0.9em;
border-top: 1px solid #ddd;
padding-top: 10px;
}
.article-author-bio {
margin-top: 30px;
font-size: 0.95em;
font-style: normal !important; /* Kill italics */
background: #f8f9fa;
padding: 15px;
border-radius: 6px;
border-top: 2px solid #dee2e6;
}