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 === */
/* Burgundy header background */
body {
body {
     --header-bg-color: #80020; /* Burgundy background */
     --header-bg-color: #FFFFFF;
}
}
/* Logo alignment and resizing for header */
 
/* Adjust logo container */
.mw-logo-container {
.mw-logo-container {
     display: flex;
     display: flex;
     align-items: center;
     align-items: center;
     gap: 10px; /* Space between logo and text */
     gap: 10px;
     padding-left: 20px; /* Shift logo slightly to the right */
     padding-left: 20px;
}
}
/* Increase logo size */
 
.mw-wiki-logo {
/* 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: 120px; /* change as needed */
     height: 100px !important; /* Increased size */
     width: 220px; /* change as needed */
     width: 220px !important;
     background-position: center;
     display: block;
}
}


 
/* Hide default logo image if present */
/* Optional: Hide the default 'MediaWiki' wordmark if still visible */
#p-logo a > img {
.mw-logo-wordmark {
     display: none !important;
     display: none !important;
}
}


/* Optional: Hide the default 'MediaWiki' wordmark if still visible */
/* Optional: Hide wordmark text (if shown beside logo) */
.mw-logo-wordmark {
.mw-logo-wordmark {
     display: none !important;
     display: none !important;
}
}


/* Top header area background (white) */
/* Header area background */
#mw-page-base,
#mw-page-base,
#mw-head-base,
#mw-head-base,
Line 38: Line 44:
}
}


/* Replace default logo with Transight logo */
/* Search box styling */
#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 input,
.vector-header .vector-search-box button {
.vector-header .vector-search-box button {
Line 62: Line 52:
}
}


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


/* Optional: header title text in dark for white bg */
/* 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;
}