Jump to content

MediaWiki:Common.css: Difference between revisions

From Transight Wiki
No edit summary
No edit summary
Line 1: Line 1:
/* Make entire top boundary burgundy */
/* Full top bar to Burgundy (#800020) */
#mw-page-base,
body {
#mw-head-base,
    --theme-header-background-color: #800020 !important;
#mw-head,
    --theme-header-color: white !important;
#left-navigation,
}
#right-navigation,
 
.vector-header-container {
/* Make background of top bar burgundy */
.vector-header,
.vector-header-container,
.vector-header-start,
.vector-header-end {
     background-color: #800020 !important;
     background-color: #800020 !important;
     color: white !important;
     color: white !important;
    border: none !important;
}
}


/* Style the tabs on top (Main Page, Read, etc.) */
/* Top tab styles (Main Page, Read, etc.) */
.vector-menu-tabs,
.vector-menu-tabs,
.vector-menu-tabs li,
.vector-menu-tabs li,
Line 21: Line 24:
}
}


/* Underline selected tab */
/* Highlight selected tab with underline */
.vector-menu-tabs .selected a {
.vector-menu-tabs .selected a {
     border-bottom: 3px solid white !important;
     border-bottom: 2px solid white !important;
}
 
/* Logo placement: use your logo path */
#p-logo {
    background-image: url(/images/Transight_logo.png); /* Adjust this if needed */
    background-size: contain;
    background-repeat: no-repeat;
    width: 220px;
    height: 60px;
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 10;
}
}


/* Search input */
/* Fix search bar styles */
#p-search input {
#p-search input {
     background-color: white !important;
     background-color: white !important;
     color: black !important;
     color: black !important;
    border: none !important;
     border-radius: 4px;
     border-radius: 4px;
    border: none;
     padding: 4px 8px;
     padding: 4px 8px;
}
}


/* Search button */
#p-search button {
#p-search button {
     background-color: white !important;
     background-color: white !important;
     color: #800020 !important;
     color: #800020 !important;
    border: none !important;
     font-weight: bold;
     font-weight: bold;
    border: none !important;
     padding: 4px 8px;
     padding: 4px 8px;
     border-radius: 4px;
     border-radius: 4px;
}
}


/* Logo top-left */
/* Personal links (top-right corner) */
#p-logo {
    background-image: url(/images/Transight_logo.jpg);  /* Update path */
    background-repeat: no-repeat;
    background-size: contain;
    width: 220px;
    height: 60px;
    margin-top: 0px;
    margin-left: 0px;
    z-index: 1000;
    position: absolute;
}
 
/* Top-right user menu fix */
#p-personal {
    padding-top: 10px;
    color: white !important;
}
 
/* Remove white background for user tools */
#p-personal a {
#p-personal a {
     color: white !important;
     color: white !important;
}
}


/* Optional: Remove empty gap before page title */
/* Prevent white gaps */
#firstHeading {
#mw-page-base,
     margin-top: 1.5em;
#mw-head-base {
     background-color: #800020 !important;
}
}

Revision as of 05:27, 23 June 2025

/* Full top bar to Burgundy (#800020) */
body {
    --theme-header-background-color: #800020 !important;
    --theme-header-color: white !important;
}

/* Make background of top bar burgundy */
.vector-header,
.vector-header-container,
.vector-header-start,
.vector-header-end {
    background-color: #800020 !important;
    color: white !important;
}

/* Top tab styles (Main Page, Read, etc.) */
.vector-menu-tabs,
.vector-menu-tabs li,
.vector-menu-tabs li a {
    background-color: transparent !important;
    color: white !important;
    font-weight: bold;
    border: none !important;
}

/* Highlight selected tab with underline */
.vector-menu-tabs .selected a {
    border-bottom: 2px solid white !important;
}

/* Logo placement: use your logo path */
#p-logo {
    background-image: url(/images/Transight_logo.png); /* Adjust this if needed */
    background-size: contain;
    background-repeat: no-repeat;
    width: 220px;
    height: 60px;
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 10;
}

/* Fix search bar styles */
#p-search input {
    background-color: white !important;
    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;
}