Jump to content

MediaWiki:Common.css: Difference between revisions

No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 3: Line 3:
#ca-talk { display: none !important; }
#ca-talk { display: none !important; }


/* Put title + shortdesc on the left, toolbar on the right (Vector 2022) */
@media (min-width: 720px) {
@media (min-width: 720px) {
  /* Turn the titlebar into a 2x2 grid */
   .skin-vector-2022 .vector-page-titlebar {
   .skin-vector-2022 .vector-page-titlebar {
     display: flex;
     display: grid;
     align-items: flex-end;
    grid-template-columns: 1fr auto;
     gap: .75rem;
    grid-template-areas:
      "title toolbar"
      "subtitle toolbar";
     align-items: end;
     column-gap: 0.75rem;
    row-gap: 0.15rem;
  }
 
  /* Title occupies the top-left */
  .skin-vector-2022 .mw-page-title-main {
    grid-area: title;
    margin-bottom: 0; /* avoid extra gap above subtitle */
  }
 
  /* Short description sits directly under the title */
  .skin-vector-2022 #siteSub {
    grid-area: subtitle;
    display: block !important;
    font-size: 0.9em;
    color: #54595d;
    margin: 0 0 0.8rem 0;
  }
 
  /* Toolbar hugs the right, spanning both rows */
  .skin-vector-2022 .vector-page-toolbar {
    grid-area: toolbar;
    justify-self: end;
   }
   }
  .skin-vector-2022 .vector-page-toolbar { margin-left: auto; }
  .skin-vector-2022 #siteSub { display:block !important; margin:.15rem 0 .8rem; }
}
}

Revision as of 17:07, 16 August 2025

#ca-nstab-main { display: none !important; }

#ca-talk { display: none !important; }

/* Put title + shortdesc on the left, toolbar on the right (Vector 2022) */
@media (min-width: 720px) {
  /* Turn the titlebar into a 2x2 grid */
  .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: 0.75rem;
    row-gap: 0.15rem;
  }

  /* Title occupies the top-left */
  .skin-vector-2022 .mw-page-title-main {
    grid-area: title;
    margin-bottom: 0; /* avoid extra gap above subtitle */
  }

  /* Short description sits directly under the title */
  .skin-vector-2022 #siteSub {
    grid-area: subtitle;
    display: block !important;
    font-size: 0.9em;
    color: #54595d;
    margin: 0 0 0.8rem 0;
  }

  /* Toolbar hugs the right, spanning both rows */
  .skin-vector-2022 .vector-page-toolbar {
    grid-area: toolbar;
    justify-self: end;
  }
}