MediaWiki:Timeless.css: Difference between revisions
Created page with "→All CSS here will be loaded for users of the Timeless skin: →Adjust width for the main left navigation container: #mw-site-navigation { width: 250px; →Increase this value (e.g., from default 200px): } →Adjust width for the overall navigation wrapper if necessary: →This might be needed if #mw-site-navigation alone isn't enough: #mw-navigation { width: 250px; →Make sure this matches or is slightly larger: } /* Ensure the Discord widget if..." |
No edit summary |
||
| Line 2: | Line 2: | ||
/* Adjust width for the main left navigation container */ | /* Adjust width for the main left navigation container */ | ||
#mw-site-navigation { | #mw-site-navigation { | ||
width: | width: 300px; /* Increase this value (e.g., from default 200px) */ | ||
} | } | ||
| Line 8: | Line 8: | ||
/* This might be needed if #mw-site-navigation alone isn't enough */ | /* This might be needed if #mw-site-navigation alone isn't enough */ | ||
#mw-navigation { | #mw-navigation { | ||
width: | width: 300px; /* Make sure this matches or is slightly larger */ | ||
} | } | ||
| Line 28: | Line 28: | ||
@media all and ( min-width: 720px ) { /* Example breakpoint */ | @media all and ( min-width: 720px ) { /* Example breakpoint */ | ||
#mw-site-navigation { | #mw-site-navigation { | ||
width: | width: 300px; /* Ensure width is applied at larger screen sizes */ | ||
} | } | ||
#mw-content-container #mw-content-block { | #mw-content-container #mw-content-block { | ||