MediaWiki:Citizen.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary Tag: Reverted |
No edit summary Tag: Manual revert |
||
| (10 intermediate revisions by the same user not shown) | |||
| Line 11: | Line 11: | ||
} | } | ||
/* | /* Fix main page layout on mobile - override inline styles */ | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
/* Override the min-width: 480px inline style */ | |||
.mw-parser-output > div[style*="min-width: 480px"] { | |||
min-width: 100% !important; | |||
width: 100% !important; | |||
flex-basis: 100% !important; | |||
} | } | ||
/* Make parent flex container stack vertically on mobile */ | |||
.mw-parser-output > div[style*="display: flex"] { | |||
flex-direction: column !important; | |||
/* | |||
.mw-parser-output { | |||
} | } | ||
} | } | ||
@media screen { | |||
.citizen-footer__container { | |||
max-width: 100vw; | |||
margin-inline: auto; | |||
} | |||
} | |||
#footer-places { | |||
margin-left: auto; | |||
display: flex; | |||
justify-content: flex-end; | |||
} | |||
#footer-places ul { | |||
display: flex; | |||
flex-direction: column; | |||
align-items: flex-end; /* Aligns the <li> items to the right */ | |||
text-align: right; /* Ensures text alignment is consistent */ | |||
gap: 0.4rem; | |||
margin: 0; | |||
padding: 0; | |||
list-style: none; | |||
} | |||
#footer-places li { | |||
margin: 0; | |||
display: block; | |||
} | } | ||
#footer-sitetitle .mw-logo-icon { | |||
display: none !important; | |||
} | } | ||
Latest revision as of 18:46, 5 February 2026
/* Default: Full width */
:root.citizen-feature-custom-width-clientpref-standard,
:root {
--width-layout: 100vw;
}
/* Override for specific pages using body class */
.page-Main_Page,
.page-Hauptseite {
--width-layout: 1600px;
}
/* Fix main page layout on mobile - override inline styles */
@media (max-width: 768px) {
/* Override the min-width: 480px inline style */
.mw-parser-output > div[style*="min-width: 480px"] {
min-width: 100% !important;
width: 100% !important;
flex-basis: 100% !important;
}
/* Make parent flex container stack vertically on mobile */
.mw-parser-output > div[style*="display: flex"] {
flex-direction: column !important;
}
}
@media screen {
.citizen-footer__container {
max-width: 100vw;
margin-inline: auto;
}
}
#footer-places {
margin-left: auto;
display: flex;
justify-content: flex-end;
}
#footer-places ul {
display: flex;
flex-direction: column;
align-items: flex-end; /* Aligns the <li> items to the right */
text-align: right; /* Ensures text alignment is consistent */
gap: 0.4rem;
margin: 0;
padding: 0;
list-style: none;
}
#footer-places li {
margin: 0;
display: block;
}
#footer-sitetitle .mw-logo-icon {
display: none !important;
}