MediaWiki:Common.css: Difference between revisions

no edit summary
No edit summary
No edit summary
Line 62: Line 62:




/*  
/* for readability of blog posts, setting max width on blog namespace; however, it losess side margins on small screen, so applyiong to only larger screesn (min width)
/* Set max width and adjust background */
.ns-3000 #bodyContent {
    max-width: 850px; /* Adjust the value as needed */
    margin: 0 auto; /* Center the content */
}
 
/* it seems to make mobile lose padding on edges; so to override for small screens: */
.ns-3000 #bodyContent @media screen and (max-width: 650px) {
    #content {
        max-width: none;    /* Remove the max-width constraint on small screens */
        padding: 0 10px;    /* Add padding to ensure text doesn't touch the screen edges */
        margin: 0 10px;    /* Optional: Add margin to control the distance from the screen edges */
    }
}
 
*/
 
# instead applying to larger screesn only
 
/* Apply max-width only for screens larger than 600px */
/* Apply max-width only for screens larger than 600px */
  @media screen and (min-width: 601px) {
  @media screen and (min-width: 601px) {