MediaWiki:Common.css: Difference between revisions
Fixing mobile responsiveness: added table overflow-x and adjusted column breaking points. |
Deploying comprehensive Wikipedia-style CSS, adding profile and banner styles. |
||
| Line 333: | Line 333: | ||
line-height: 1.6; | line-height: 1.6; | ||
color: var(--text); | color: var(--text); | ||
overflow-x: auto; /* Fixes wide tables breaking mobile screens */ | |||
} | } | ||
.mp-body ul { margin: 0; padding-left: 1.5em; } | .mp-body ul { margin: 0; padding-left: 1.5em; } | ||
| Line 369: | Line 370: | ||
.mp-portal-icon { font-size: 1.8em; display: block; margin-bottom: 4px; line-height:1; } | .mp-portal-icon { font-size: 1.8em; display: block; margin-bottom: 4px; line-height:1; } | ||
.mp-portal-desc { display:block; color:var(--text-dim); font-size:0.85em; margin-top:2px; font-weight:normal; } | .mp-portal-desc { display:block; color:var(--text-dim); font-size:0.85em; margin-top:2px; font-weight:normal; } | ||
/* ── Responsive ────────────────────────────────────────────── */ | /* ── Responsive ────────────────────────────────────────────── */ | ||
@media (max-width: 1000px) { | @media (max-width: 1000px) { | ||
#mp-upper { display: block !important; } | #mp-upper { display: block !important; margin: 0 !important; } | ||
#mp-left, #mp-right { | #mp-left, #mp-right { | ||
width: 100% !important; | width: 100% !important; | ||