MediaWiki:Common.css: Difference between revisions

/* --- 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;
}

/* --- Force Content Links to Purple --- */

/* This targets every link inside the main article area */
#mw-content-text a:not(.new),
.mw-parser-output a:not(.new) {
    color: #7D4698 !important;
}

/* Visited links - slightly darker purple */
#mw-content-text a:not(.new):visited,
.mw-parser-output a:not(.new):visited {
    color: #5a326e !important;
}

/* Hover state */
#mw-content-text a:not(.new):hover,
.mw-parser-output a:not(.new):hover {
    color: #9b59bc !important;
    text-decoration: underline !important;
}

/* Keep external links (with the little arrow) purple too */
#mw-content-text a.external {
    color: #7D4698 !important;
}