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.

/* --- Medik: Purple Navigation & Dark Footer --- */

/* 1. Sidebar Navigation Links (Normal and Hover states) */
/* --- Force Sidebar Links to Purple --- */

/* Targets the sidebar links and the user menu links */
.medik-sidebar a,
#mw-navigation a,
.nav-link,
.sidebar-inner a {
    color: #7D4698 !important;
}

/* Specifically targets the 'text-muted' icons/text Medik uses in menus */
.medik-sidebar .text-muted,
#mw-navigation .text-muted {
    color: #7D4698 !important;
}

/* Hover state for all sidebar links */
.medik-sidebar a:hover,
#mw-navigation a:hover,
.nav-link:hover {
    color: #66397c !important;
    text-decoration: underline !important;
}

/* If you have a 'Tools' or 'Navigation' header, this colors them too */
.medik-sidebar-section-title,
#mw-navigation h3 {
    color: #7D4698 !important;
    font-weight: bold;
}

/* 2. Footer Styling (Purple Background) */
#footer {
    background-color: #7D4698 !important;
    color: #ffffff !important; /* Makes base text white */
    padding: 2rem 1rem !important; /* Adds some breathing room */
    margin-top: 2rem;
}

/* 3. Footer Links (White) */
#footer a {
    color: #ffffff !important;
    text-decoration: underline;
}

#footer a:hover {
    color: #e2d1e9 !important; /* Light lavender on hover for visibility */
}

/* 4. Fix for Footer Icons (Copyright/Powered by) */
/* This ensures the text next to icons is readable */
.footer-places li {
    color: #ffffff !important;
}

/* Color the active tab and hover states for page actions */
.nav-tabs .nav-link.active, 
.nav-tabs .nav-item.show .nav-link {
    color: #7D4698 !important;
    border-top: 3px solid #7D4698 !important;
}

.nav-tabs .nav-link:hover {
    color: #66397c !important;
}

/* Match the search button to your purple */
.btn-primary, 
#searchform .btn {
    background-color: #7D4698 !important;
    border-color: #7D4698 !important;
}

.btn-primary:hover {
    background-color: #66397c !important;
}