MediaWiki:Common.css

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.

/* CSS placed here will be applied to all skins */

/* Resize the site logo */
.mw-wiki-logo {
    background-size: contain !important;
    width: 160px !important; /* adjust width */
    height: 160px !important; /* adjust height */
}

/* Center it nicely */
.mw-wiki-logo {
    background-position: center !important;
    background-repeat: no-repeat !important;
}

body {
    background-color: #66023C !important;
    color: white !important; /* Text color for contrast */
}

#content {
    background-color: #66023C !important;
    color: white !important; /* Keep text visible */
}

/* ===== HEADER & TOP BAR ===== */
#mw-page-base,
#mw-head-base,
#mw-head,
#p-personal,
.vector-menu-tabs {
    background-color: #66023C !important;
}


/* ===== SIDEBAR ===== */
#mw-panel {
    background-color: #66023C !important;
}


/* ===== LINKS ===== */
a {
    color: #FFD700 !important; /* Gold for contrast */
}
a:visited {
    color: #FFB700 !important;
}

/* ===== FOOTER ===== */
#footer {
    background-color: #66023C !important;
    color: white !important;
}

/* Tab background for active and inactive states */
.vectorTabs li a,
.vectorTabs li a:visited {
    background-color: #66023C !important; /* Tyrian purple */
    color: #FFD700 !important; /* Gold text */
    border: none !important;
}

/* Hover state */
.vectorTabs li a:hover {
    background-color: #7A2B52 !important; /* Slightly lighter purple */
    color: #FFD700 !important; /* Keep gold text */
}

/* Active tab */
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited {
    background-color: #4E012B !important; /* Darker purple for active */
    color: #FFD700 !important;
}