Jump to content

MediaWiki:Common.css: Difference between revisions

No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 1: Line 1:
/* Vector 2022: title + shortdesc on left, toolbar on right (top row only) */
/* Only apply to Vector 2022 */
@media (min-width: 720px) {
.skin-vector-2022 .vector-page-titlebar {
  .skin-vector-2022 .vector-page-titlebar {
  display: grid;
    display: grid;
  grid-template-columns: 1fr auto;
    grid-template-columns: 1fr auto;
  grid-template-areas:
    grid-template-areas:
    "title toolbar"
      "title toolbar"
    "subtitle toolbar";
      "subtitle subtitle";  /* subtitle gets its own row */
   align-items: end;
    align-items: end;
  column-gap: .75rem;
    column-gap: .75rem;
  row-gap: .15rem;
    row-gap: .15rem;
}
  }


  /* Title */
.skin-vector-2022 .mw-page-title-main {
  .skin-vector-2022 .mw-page-title-main {
  grid-area: title;
    grid-area: title;
  margin: 0;
    margin: 0;
}
  }


  /* Subtitle (ShortDescription) */
.skin-vector-2022 #siteSub {
  .skin-vector-2022 #siteSub {
  grid-area: subtitle;
    grid-area: subtitle;
  display: block !important;
    display: block !important;
  margin: .25rem 0 .9rem !important;
    margin: .25rem 0 .9rem !important; /* adjust to taste */
  font-size: .95em;
    font-size: .95em;
  color: #54595d;
    color: #54595d;
}
  }


  /* Toolbar sits in the top-right only */
.skin-vector-2022 .vector-page-toolbar {
  .skin-vector-2022 .vector-page-toolbar {
  grid-area: toolbar;
    grid-area: toolbar;
  justify-self: end;
    align-self: end;
  align-self: end;
    justify-self: end;
}
  }


  /* Kill extra bottom spacing/border some builds add */
/* Tidy the first paragraph spacing */
  .skin-vector-2022 .vector-page-toolbar,
.skin-vector-2022 .mw-parser-output > p:first-of-type {
  .skin-vector-2022 .vector-page-toolbar .mw-portlet,
   margin-top: 0;
  .skin-vector-2022 .vector-page-toolbar .vector-menu-content,
  .skin-vector-2022 .vector-page-titlebar,
  .skin-vector-2022 .vector-page-toolbar-container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }
 
  /* Fallback for setups that still use #p-views / #p-namespaces */
  .skin-vector-2022 #p-views,
   .skin-vector-2022 #p-namespaces {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }
}
}
/* Optional: remove top margin from first paragraph to tidy the block below */
.mw-parser-output > p:first-of-type { margin-top: 0; }

Revision as of 17:16, 16 August 2025

/* Only apply to Vector 2022 */
.skin-vector-2022 .vector-page-titlebar {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "title toolbar"
    "subtitle toolbar";
  align-items: end;
  column-gap: .75rem;
  row-gap: .15rem;
}

.skin-vector-2022 .mw-page-title-main {
  grid-area: title;
  margin: 0;
}

.skin-vector-2022 #siteSub {
  grid-area: subtitle;
  display: block !important;
  margin: .25rem 0 .9rem !important;
  font-size: .95em;
  color: #54595d;
}

.skin-vector-2022 .vector-page-toolbar {
  grid-area: toolbar;
  justify-self: end;
  align-self: end;
}

/* Tidy the first paragraph spacing */
.skin-vector-2022 .mw-parser-output > p:first-of-type {
  margin-top: 0;
}