MediaWiki:Common.css: Difference between revisions

Revision as of 14:43, 16 January 2026

/* Only target links inside the actual article content to avoid breaking UI */
#mw-content-text a:not(.new), 
.mw-parser-output a:not(.new) {
    color: #7D4698 !important;
}

/* Sidebar Links - Excluding dropdown toggles */
.medik-sidebar a:not(.dropdown-toggle), 
.sidebar-inner a:not(.dropdown-toggle) {
    color: #7D4698 !important;
}

/* Top Navigation - Target the text, not the container functionality */
#mw-navigation .nav-link:not(.dropdown-toggle) {
    color: #7D4698 !important;
}

/* Fix for the Dropdown Arrows/Toggles */
/* This ensures the 'arrow' stays visible and doesn't get overwritten */
.dropdown-toggle::after {
    color: #7D4698 !important; 
    vertical-align: middle !important;
}

/* Ensure the dropdown menu itself stays clickable and visible */
.dropdown-menu {
    border-top: 3px solid #7D4698 !important;
    z-index: 9999 !important;
}

.dropdown-item:hover {
    background-color: #f9f5fa !important;
    color: #7D4698 !important;
}

/* --- 2. TABS & BUTTONS (Restricted) --- */
/* Target active tabs specifically so we don't break the click state */
.nav-tabs .nav-item.show .nav-link, 
.nav-tabs .nav-link.active {
    color: #7D4698 !important;
    border-bottom: 2px solid #7D4698 !important;
}

@@ Line 1: / Line 1: @@
-/* --- 1. GLOBAL BRANDING & LINKS --- */
+/* Only target links inside the actual article content to avoid breaking UI */
-/* Primary Brand Color: #7D4698 | Darker: #66397c | Lighter: #9b59bc */
+#mw-content-text a:not(.new),
+.mw-parser-output a:not(.new) {
-/* Body Links */
-#mw-content-text a:not(.new), .mw-parser-output a:not(.new), a.external {
      color: #7D4698 !important;
-}
-#mw-content-text a:not(.new):visited, .mw-parser-output a:not(.new):visited {
-    color: #5a326e !important;
-}
-#mw-content-text a:not(.new):hover, .mw-parser-output a:not(.new):hover {
-    color: #9b59bc !important;
-    text-decoration: underline !important;
 }
-/* Sidebar & Navigation Links */
+/* Sidebar Links - Excluding dropdown toggles */
-.medik-sidebar a, #mw-navigation a, .nav-link, .sidebar-inner a, .medik-sidebar .text-muted, #mw-navigation .text-muted {
+.medik-sidebar a:not(.dropdown-toggle),
+.sidebar-inner a:not(.dropdown-toggle) {
      color: #7D4698 !important;
-}
-.medik-sidebar a:hover, #mw-navigation a:hover, .nav-link:hover {
-    color: #66397c !important;
-    text-decoration: underline !important;
-}
-.medik-sidebar-section-title, #mw-navigation h3 {
-    color: #7D4698 !important;
-    font-weight: bold;
-}
-/* Tabs & Buttons */
-.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
-    color: #7D4698 !important;
-    border-top: 3px solid #7D4698 !important;
-}
-.btn-primary, #searchform .btn, #wpSave, #wpPreview, #wpDiff {
-    background-color: #7D4698 !important;
-    border-color: #7D4698 !important;
-    color: white !important;
-}
-.btn-primary:hover, #wpSave:hover, #wpPreview:hover, #wpDiff:hover {
-    background-color: #66397c !important;
-}
-/* --- 2. INTERFACE BOXES (The "Blue" Overrides) --- */
-/* This targets the blue notices in Medik/Bootstrap */
-.alert, .alert-info, .mw-message-box, .mw-message-box-info, .mw-message-box-notice, .mw-editinginterface .mw-content-ltr {
-    background-color: #f9f5fa !important;
-    color: #333 !important;
-    border: 1px solid #7D4698 !important;
-    border-left-width: 5px !important;
 }
-/* Links inside notice boxes */
+/* Top Navigation - Target the text, not the container functionality */
-.alert a, .mw-message-box a, .mw-message-box strong {
+#mw-navigation .nav-link:not(.dropdown-toggle) {
      color: #7D4698 !important;
-    font-weight: bold;
 }
-/* Code Preview Area */
+/* Fix for the Dropdown Arrows/Toggles */
-.mw-content-ltr.mw-highlight-lines, pre, .mw-code {
+/* This ensures the 'arrow' stays visible and doesn't get overwritten */
-     background-color: #fdfbff !important;
+.dropdown-toggle::after {
-     border: 1px solid #e2d1e9 !important;
+     color: #7D4698 !important;
-    color: #333 !important;
+     vertical-align: middle !important;
 }
-/* --- 3. EDITOR & TOOLS --- */
+/* Ensure the dropdown menu itself stays clickable and visible */
+.dropdown-menu {
-#wpTextbox1 { border: 1px solid #7D4698 !important; }
+    border-top: 3px solid #7D4698 !important;
-#wpTextbox1:focus { outline: 2px solid #7D4698 !important; }
+     z-index: 9999 !important;
-#toolbar, .editOptions {
-     background-color: #f3e5f5 !important;
-    border: 1px solid #7D4698 !important;
 }
-/* Table of Contents */
+.dropdown-item:hover {
-.toc, .mw-toc, #toc {
      background-color: #f9f5fa !important;
-    border: 1px solid #7D4698 !important;
-    padding: 10px !important;
-}
-.toc h2, .mw-toc h2 {
      color: #7D4698 !important;
-    border-bottom: 1px solid #e2d1e9 !important;
 }
-/* --- 4. FOOTER --- */
+/* --- 2. TABS & BUTTONS (Restricted) --- */
+/* Target active tabs specifically so we don't break the click state */
-#footer {
+.nav-tabs .nav-item.show .nav-link,
-     background-color: #7D4698 !important;
+.nav-tabs .nav-link.active {
-     color: #ffffff !important;
+     color: #7D4698 !important;
-    padding: 2rem 1rem !important;
+     border-bottom: 2px solid #7D4698 !important;
-    margin-top: 2rem;
 }
-#footer a, .footer-places li { color: #ffffff !important; }
-#footer a:hover { color: #e2d1e9 !important; }