MediaWiki:Common.css: Difference between revisions

From WikiMedia i11

No edit summary
No edit summary
Line 1: Line 1:
/* --- Medik Purple Navigation & Footer --- */
/* --- Medik: Purple Navigation & Dark Footer --- */


/* 1. Sidebar Navigation Links */
/* 1. Sidebar Navigation Links (Normal and Hover states) */
#mw-navigation .p-navigation a,  
#mw-navigation .p-navigation a,  
#mw-navigation .p-tb a,  
#mw-navigation .p-tb a,  
#mw-navigation .p-cactions a {
#mw-navigation .p-cactions a,
#mw-navigation .p-personal a {
     color: #7D4698 !important;
     color: #7D4698 !important;
}
}


/* Sidebar Link Hover State */
#mw-navigation a:hover {
#mw-navigation a:hover {
     color: #66397c !important;
     color: #66397c !important; /* Slightly darker purple on hover */
     text-decoration: underline !important;
     text-decoration: underline !important;
}
}


/* 2. Footer Links */
/* 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 {
#footer a {
     color: #7D4698 !important;
     color: #ffffff !important;
    text-decoration: underline;
}
}


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


/* 3. Sidebar Headers (Optional: if you want the "Navigation" or "Tools" text purple too) */
/* 4. Fix for Footer Icons (Copyright/Powered by) */
#mw-navigation h3 {
/* This ensures the text next to icons is readable */
     color: #7D4698 !important;
.footer-places li {
    border-bottom: 1px solid #7D4698;
     color: #ffffff !important;
}
}

Revision as of 23:29, 15 January 2026

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

/* 1. Sidebar Navigation Links (Normal and Hover states) */
#mw-navigation .p-navigation a, 
#mw-navigation .p-tb a, 
#mw-navigation .p-cactions a,
#mw-navigation .p-personal a {
    color: #7D4698 !important;
}

#mw-navigation a:hover {
    color: #66397c !important; /* Slightly darker purple on hover */
    text-decoration: underline !important;
}

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