Jump to content

MediaWiki:Common.css

From Transight Wiki
Revision as of 05:19, 23 June 2025 by Editor (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* Top navbar area in burgundy */
#mw-head,
#mw-head-base,
#p-personal,
.vector-menu-tabs,
.vector-menu-tabs li {
    background-color: #800020 !important;
    color: white !important;
    border: none !important;
}

/* Transparent tabs over the burgundy bar */
.vector-menu-tabs li a {
    background: transparent !important;
    color: white !important;
    font-weight: bold;
}

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

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

/* Search button styling */
#p-search button {
    background-color: #ffffff !important;
    color: #800020 !important;
    border: none !important;
    font-weight: bold;
}

/* Insert Transight logo in top left */
#p-logo {
    background-image: url(/images/Transight_logo.jpg);  /* Update with your real file path */
    background-size: contain;
    background-repeat: no-repeat;
    height: 60px;
    width: 220px;
    margin: 0;
}

/* Clean up side menus and remove burgundy boxes */
#mw-panel,
#p-tb,
.vector-menu .vector-menu-content-list li a {
    background-color: transparent !important;
    color: #800020 !important;
}

/* Adjust top right login icons spacing */
#p-personal {
    padding-top: 10px;
}