MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* === | /* === Transight Custom Header Bar === */ | ||
body { | body { | ||
--header-bg-color: #800020; /* | --header-bg-color: #800020; /* Burgundy color */ | ||
} | } | ||
/* | /* Top header area background */ | ||
#mw-page-base, | #mw-page-base, | ||
#mw-head-base, | #mw-head-base, | ||
| Line 13: | Line 13: | ||
} | } | ||
/* | /* Replace default logo with Transight logo */ | ||
#p-logo a { | #p-logo a { | ||
background-image: url("/ | background-image: url("https://telematics.transight.com/images/b/b9/Transight_logo.png") !important; | ||
background- | background-repeat: no-repeat !important; | ||
background- | background-position: center !important; | ||
background- | background-size: contain !important; | ||
height: 55px; | height: 55px; | ||
width: 160px; | |||
display: block; | |||
} | } | ||
/* | /* Hide the default wordmark text logo (optional) */ | ||
#p-logo a > img { | #p-logo a > img { | ||
opacity: 0; | opacity: 0; | ||
} | } | ||
/* | /* Search box inside header */ | ||
.vector-header . | .vector-header .vector-search-box input, | ||
.vector-header . | .vector-header .vector-search-box button { | ||
color: white !important; | background-color: white !important; | ||
color: black !important; | |||
border-radius: 4px; | |||
} | } | ||
/* | /* Header user menu and links text color */ | ||
.vector-header .vector-user-links, | .vector-header .vector-user-links, | ||
.vector-header .vector-user-menu, | .vector-header .vector-user-menu, | ||
| Line 43: | Line 47: | ||
} | } | ||
/* | /* Optional: make header title text white if shown */ | ||
.vector-header . | .vector-header .mw-logo-wordmark, | ||
.vector-header . | .vector-header .mw-logo-container { | ||
color: white !important; | |||
} | } | ||
Revision as of 10:08, 19 June 2025
/* === Transight Custom Header Bar === */
body {
--header-bg-color: #800020; /* Burgundy color */
}
/* Top header area background */
#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("https://telematics.transight.com/images/b/b9/Transight_logo.png") !important;
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 (optional) */
#p-logo a > img {
opacity: 0;
}
/* Search box inside header */
.vector-header .vector-search-box input,
.vector-header .vector-search-box button {
background-color: white !important;
color: black !important;
border-radius: 4px;
}
/* Header user menu and links 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: white !important;
}
/* Optional: make header title text white if shown */
.vector-header .mw-logo-wordmark,
.vector-header .mw-logo-container {
color: white !important;
}