MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
Line 180: Line 180:




/* Image banner with NO surrounding box */
/* Image banner with no surrounding box */
.home-banner-wrap { margin: 0 0 1rem 0; padding: 0; background: transparent; border: 0; }
.home-banner-wrap { margin:0 0 1rem 0; padding:0; background:transparent; border:0; }
.home-banner-wrap .home-banner .mw-file-element {
.home-banner-wrap .home-banner .mw-file-element {
   display: block;
   display:block; max-width:100%; height:auto; border-radius:12px;
  max-width: 100%;
   box-shadow:0 6px 18px rgba(0,0,0,.25);
  height: auto;
  border-radius: 12px;
   box-shadow: 0 6px 18px rgba(0,0,0,.25);
}
}
.skin-theme-clientpref-night .home-banner-wrap .home-banner .mw-file-element,
.skin-theme-clientpref-night .home-banner-wrap .home-banner .mw-file-element,
.client-darkmode .home-banner-wrap .home-banner .mw-file-element {
.client-darkmode .home-banner-wrap .home-banner .mw-file-element {
   box-shadow: 0 6px 18px rgba(0,0,0,.6);
   box-shadow:0 6px 18px rgba(0,0,0,.6);
}
}




Line 206: Line 204:
@media (min-width: 900px){ .home-grid { grid-template-columns: 2fr 1fr; } }
@media (min-width: 900px){ .home-grid { grid-template-columns: 2fr 1fr; } }
.home-h2 { margin:.2rem 0 .4rem 0; font-size:1.2rem; }
.home-h2 { margin:.2rem 0 .4rem 0; font-size:1.2rem; }
/* If a home-hero happens to wrap a banner, strip its chrome */
.home-hero:has(.home-banner),
.home-hero.home-hero--image {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}