MediaWiki:Vector.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.

/* === Transight Custom Header Bar === */

/* Burgundy header background */
body {
    --header-bg-color: #FFFFFF;
}

/* Adjust logo container */
.mw-logo-container {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 20px;
}

/* Set proper logo background image */
#p-logo a {
    background-image: url("/images/b/b9/Transight_logo.png") !important; /* Ensure this path is correct */
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    height: 100px !important;  /* Increased size */
    width: 220px !important;
    display: block;
}

/* Hide default logo image if present */
#p-logo a > img {
    display: none !important;
}

/* Optional: Hide wordmark text (if shown beside logo) */
.mw-logo-wordmark {
    display: none !important;
}

/* Header area background */
#mw-page-base,
#mw-head-base,
.vector-header-container,
.vector-header {
    background-color: var(--header-bg-color) !important;
    border: none !important;
}

/* Search box styling */
.vector-header .vector-search-box input,
.vector-header .vector-search-box button {
    background-color: #f1f1f1 !important;
    color: black !important;
    border-radius: 4px;
}

/* User links and header menu text color */
.vector-header .vector-user-links,
.vector-header .vector-user-menu,
.vector-header .vector-header-start,
.vector-header .vector-header-end,
.vector-header .vector-search-box {
    background-color: var(--header-bg-color) !important;
    color: black !important;
}

/* Optional: Text color near logo */
.vector-header .mw-logo-wordmark,
.vector-header .mw-logo-container {
    color: black !important;
}