MediaWiki:Vector-2022.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* Sticky sidebar for Vector 2022 */
.vector-header-container,
.vector-sticky-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background-color: white;
}

.vector-sidebar-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 13em;
    height: 100vh;
    overflow-y: auto;
    background-color: #f8f9fa;
    padding-top: 1em;
    z-index: 999;
}
/* Container for logo and additional image */
#p-logo {
    display: flex;  /* Aligns the images horizontally */
    align-items: center;  /* Vertically centers the images */
}

/* Style for the main logo image */
#p-logo img {
    margin-right: 15px;  /* Adds space between the logo and the additional image */
}

/* Optional: Style for the additional image */
#p-logo .additional-logo {
    display: inline-block;  /* Ensures the additional image behaves like an inline element */
}

/* Optional: Adjust the size of the additional image */
#p-logo .additional-logo img {
    width: 50px;  /* Change this value to adjust the size of the additional image */
    height: auto;  /* Keeps the aspect ratio of the additional image */
}

echo '<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "Global Wiki",
  "url": "https://globalwiki.org"
}
</script>';

/* Force-hide the site title / wordmark text in Vector 2022 */
.vector-header .vector-logo-wordmark,
.vector-header .mw-logo-wordmark {
    display: none !important;
}