Jump to content

MediaWiki:Vector.css: Difference between revisions

From Transight Wiki
No edit summary
No edit summary
Line 1: Line 1:
/* === Transight Custom Header Bar === */
/* === Transight Custom Header Bar === */
body {
body {
     --header-bg-color: #FFFFFF; /* Set to white */
     --header-bg-color: #FFFFFF; /* White background */
}
}


/* Top header area background */
/* Top header area background (white) */
#mw-page-base,
#mw-page-base,
#mw-head-base,
#mw-head-base,
Line 15: Line 15:
/* Replace default logo with Transight logo */
/* Replace default logo with Transight logo */
#p-logo a {
#p-logo a {
     background-image: url("Transight logo.png") !important;
     background-image: url("/images/b/b9/Transight_logo.png") !important; /* Use correct path */
     background-repeat: no-repeat !important;
     background-repeat: no-repeat !important;
     background-position: center !important;
     background-position: center !important;
Line 24: Line 24:
}
}


/* Hide the default wordmark text logo (optional) */
/* Hide the default wordmark text logo */
#p-logo a > img {
#p-logo a > img {
     opacity: 0;
     opacity: 0;
Line 32: Line 32:
.vector-header .vector-search-box input,
.vector-header .vector-search-box input,
.vector-header .vector-search-box button {
.vector-header .vector-search-box button {
     background-color: white !important;
     background-color: #f1f1f1 !important;
     color: black !important;
     color: black !important;
     border-radius: 4px;
     border-radius: 4px;
    border: 1px solid #ccc;
}
}


/* Header user menu and links text color */
/* Header menu/link text color for white background */
.vector-header .vector-user-links,
.vector-header .vector-user-links,
.vector-header .vector-user-menu,
.vector-header .vector-user-menu,
Line 45: Line 44:
.vector-header .vector-search-box {
.vector-header .vector-search-box {
     background-color: var(--header-bg-color) !important;
     background-color: var(--header-bg-color) !important;
     color: #000000 !important; /* Set text to black */
     color: black !important; /* change from white to black */
}
}


/* Optional: make header title text black if shown */
/* Optional: header title text in dark for white bg */
.vector-header .mw-logo-wordmark,
.vector-header .mw-logo-wordmark,
.vector-header .mw-logo-container {
.vector-header .mw-logo-container {
     color: #000000 !important;
     color: black !important;
}
}

Revision as of 11:59, 19 June 2025

/* === Transight Custom Header Bar === */
body {
    --header-bg-color: #FFFFFF; /* White background */
}

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

/* Replace default logo with Transight logo */
#p-logo a {
    background-image: url("/images/b/b9/Transight_logo.png") !important; /* Use correct path */
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    height: 55px;
    width: 160px;
    display: block;
}

/* Hide the default wordmark text logo */
#p-logo a > img {
    opacity: 0;
}

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

/* Header menu/link text color for white background */
.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; /* change from white to black */
}

/* Optional: header title text in dark for white bg */
.vector-header .mw-logo-wordmark,
.vector-header .mw-logo-container {
    color: black !important;
}