MediaWiki:Vector.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* === Transight Custom Header Bar === */ | /* === Transight Custom Header Bar === */ | ||
body { | body { | ||
--header-bg-color: #FFFFFF; /* | --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(" | 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 | /* 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: | background-color: #f1f1f1 !important; | ||
color: black !important; | color: black !important; | ||
border-radius: 4px; | border-radius: 4px; | ||
} | } | ||
/* Header | /* 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: | color: black !important; /* change from white to black */ | ||
} | } | ||
/* Optional: | /* 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: | 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;
}