Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Vector-2022.css: Difference between revisions

MediaWiki interface page
Changed pre colour (previous one had too low contrast in dark mode)
Added margins to page container and sticky header depending on different conditions. Reduced padding on footer container
Line 10: Line 10:
   border-radius: 40px;
   border-radius: 40px;
   margin-top: 20px;
   margin-top: 20px;
}
/* Apply margin to page container and sticky header in Wide Mode on larger screens */
@media screen and (min-width: 1680px) {
    .vector-feature-limited-width-clientpref-0, .vector-sticky-header  {
        margin-left: 2rem;
        margin-right: 2rem;
    }
}
/* Apply margin to page container and sticky header on smaller screens */
@media screen and (max-width: 1680px) {
    .mw-page-container, .vector-sticky-header {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }
}
/* Reduce footer container padding */
.mw-footer-container {
    padding-bottom: 2rem;
}
}


/* Typography */
/* Typography */
.mw-body h1 {
.mw-body h1 {
    font-size: 48px !important;
  font-size: 48px !important;
}
}


Line 335: Line 356:


.vector-sticky-header-context-bar {
.vector-sticky-header-context-bar {
   border-left: 3px solid var(--page-text-color);
   border-color: var(--page-text-color);
 
  .skin-theme-clientpref-night & {
    border-left: 3px solid var(--page-background-color);
  }
}
}


Line 359: Line 376:
     }
     }
   }
   }
}
/* Adds patting in wide mode */
.vector-feature-limited-width-clientpref-0  {
    padding: 0 20px 20px 20px !important;
}
}