Jump to content

MediaWiki:Common.css: Difference between revisions

From Transight Wiki
No edit summary
No edit summary
Line 1: Line 1:
/* Full top bar to Burgundy (#800020) */
/* === GLOBAL HEADER AREA BURGUNDY === */
body {
body {
     --theme-header-background-color: #800020 !important;
     --header-background-color: #800020 !important;
     --theme-header-color: white !important;
     --header-text-color: white !important;
    --header-border-color: #800020 !important;
}
}


/* Make background of top bar burgundy */
/* === BURGUNDY BACKGROUND FOR HEADER BAR === */
.vector-header,
.vector-header,
.vector-header-container,
.vector-header-container,
.vector-header-start,
.vector-sticky-header,
.vector-header-end {
.vector-page-toolbar,
.vector-page-toolbar-container {
     background-color: #800020 !important;
     background-color: #800020 !important;
     color: white !important;
     color: white !important;
    border: none !important;
}
}


/* Top tab styles (Main Page, Read, etc.) */
/* === SEARCH BAR FIX === */
.vector-menu-tabs,
.vector-search-box {
.vector-menu-tabs li,
    background-color: white !important;
.vector-menu-tabs li a {
    border-radius: 4px;
     background-color: transparent !important;
    padding: 2px;
}
.vector-search-box input {
    color: black !important;
}
.vector-search-box button {
     background-color: #800020 !important;
     color: white !important;
     color: white !important;
    font-weight: bold;
     border: none !important;
     border: none !important;
    border-radius: 4px;
}
}


/* Highlight selected tab with underline */
/* === TOP TABS (Read, Edit...) === */
.vector-menu-tabs .selected a {
.vector-tab,
.vector-tab a {
    background: transparent !important;
    color: white !important;
    font-weight: bold;
}
.vector-tab a:hover {
     border-bottom: 2px solid white !important;
     border-bottom: 2px solid white !important;
}
}


/* Logo placement: use your logo path */
/* === HIGHLIGHT SELECTED TAB === */
.vector-tab.selected a {
    border-bottom: 3px solid white !important;
}
 
/* === PERSONAL TOOLS (Editor, User Icon, etc.) === */
.vector-user-menu,
.vector-user-menu a {
    color: white !important;
}
 
/* === CUSTOM LOGO REPLACEMENT === */
#p-logo {
#p-logo {
     background-image: url(/images/Transight_logo.png); /* Adjust this if needed */
     background-image: url(/images/Transight_logo.png); /* <- Update if needed */
    background-repeat: no-repeat;
     background-size: contain;
     background-size: contain;
    background-repeat: no-repeat;
     width: 220px;
     width: 220px;
     height: 60px;
     height: 60px;
     position: absolute;
     position: absolute;
     top: 5px;
     top: 0;
     left: 0;
     left: 0;
     z-index: 10;
     z-index: 1000;
}
}


/* Fix search bar styles */
/* Hide default logo text */
#p-search input {
.vector-header .mw-wiki-logo {
    background-color: white !important;
     display: none;
    color: black !important;
    border-radius: 4px;
    border: none;
    padding: 4px 8px;
}
 
#p-search button {
     background-color: white !important;
    color: #800020 !important;
    border: none !important;
    font-weight: bold;
    padding: 4px 8px;
    border-radius: 4px;
}
 
/* Personal links (top-right corner) */
#p-personal a {
    color: white !important;
}
 
/* Prevent white gaps */
#mw-page-base,
#mw-head-base {
    background-color: #800020 !important;
}
}

Revision as of 05:32, 23 June 2025

/* === GLOBAL HEADER AREA BURGUNDY === */
body {
    --header-background-color: #800020 !important;
    --header-text-color: white !important;
    --header-border-color: #800020 !important;
}

/* === BURGUNDY BACKGROUND FOR HEADER BAR === */
.vector-header,
.vector-header-container,
.vector-sticky-header,
.vector-page-toolbar,
.vector-page-toolbar-container {
    background-color: #800020 !important;
    color: white !important;
    border: none !important;
}

/* === SEARCH BAR FIX === */
.vector-search-box {
    background-color: white !important;
    border-radius: 4px;
    padding: 2px;
}
.vector-search-box input {
    color: black !important;
}
.vector-search-box button {
    background-color: #800020 !important;
    color: white !important;
    border: none !important;
    border-radius: 4px;
}

/* === TOP TABS (Read, Edit...) === */
.vector-tab,
.vector-tab a {
    background: transparent !important;
    color: white !important;
    font-weight: bold;
}
.vector-tab a:hover {
    border-bottom: 2px solid white !important;
}

/* === HIGHLIGHT SELECTED TAB === */
.vector-tab.selected a {
    border-bottom: 3px solid white !important;
}

/* === PERSONAL TOOLS (Editor, User Icon, etc.) === */
.vector-user-menu,
.vector-user-menu a {
    color: white !important;
}

/* === CUSTOM LOGO REPLACEMENT === */
#p-logo {
    background-image: url(/images/Transight_logo.png);  /* <- Update if needed */
    background-repeat: no-repeat;
    background-size: contain;
    width: 220px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
}

/* Hide default logo text */
.vector-header .mw-wiki-logo {
    display: none;
}