MediaWiki:Vector.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* === Transight Custom Header Bar === */ | /* === Transight Custom Header Bar === */ | ||
/* Burgundy header background */ | |||
body { | body { | ||
--header-bg-color: # | --header-bg-color: #FFFFFF; | ||
} | } | ||
/* | |||
/* Adjust logo container */ | |||
.mw-logo-container { | .mw-logo-container { | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
gap: 10px; | gap: 10px; | ||
padding-left: 20px; | 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; | background-size: contain !important; | ||
height: | height: 100px !important; /* Increased size */ | ||
width: 220px; | width: 220px !important; | ||
display: block; | |||
} | } | ||
/* Hide default logo image if present */ | |||
/* | #p-logo a > img { | ||
display: none !important; | display: none !important; | ||
} | } | ||
/* Optional: Hide | /* Optional: Hide wordmark text (if shown beside logo) */ | ||
.mw-logo-wordmark { | .mw-logo-wordmark { | ||
display: none !important; | display: none !important; | ||
} | } | ||
/* | /* Header area background */ | ||
#mw-page-base, | #mw-page-base, | ||
#mw-head-base, | #mw-head-base, | ||
| Line 38: | Line 44: | ||
} | } | ||
/* Search box styling */ | |||
/* Search box | |||
.vector-header .vector-search-box input, | .vector-header .vector-search-box input, | ||
.vector-header .vector-search-box button { | .vector-header .vector-search-box button { | ||
| Line 62: | Line 52: | ||
} | } | ||
/* | /* User links and header menu text color */ | ||
.vector-header .vector-user-links, | .vector-header .vector-user-links, | ||
.vector-header .vector-user-menu, | .vector-header .vector-user-menu, | ||
| Line 69: | Line 59: | ||
.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: black !important; | color: black !important; | ||
} | } | ||
/* Optional: | /* Optional: Text color near logo */ | ||
.vector-header .mw-logo-wordmark, | .vector-header .mw-logo-wordmark, | ||
.vector-header .mw-logo-container { | .vector-header .mw-logo-container { | ||
color: black !important; | color: black !important; | ||
} | } | ||
Revision as of 05:20, 20 June 2025
/* === 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;
}