MediaWiki:Common.css: Difference between revisions
From OpenJuris
sidebar link color changes |
that last edit looked hideous, tryng a different code |
||
| Line 41: | Line 41: | ||
} | } | ||
/* | /* Sidebar links: gradient text on hover (Medik) */ | ||
.skin-medik #mw-navigation .nav-link | .skin-medik #mw-navigation .nav-link { | ||
color: # | color: #202122; /* normal body text */ | ||
transition: color 0.2s ease; | |||
} | } | ||
.skin-medik #mw-navigation .nav-link | /* Hover: gradient text */ | ||
color | .skin-medik #mw-navigation .nav-link:hover { | ||
color: #8E2DE2; /* fallback for browsers without text-clip */ | |||
background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2); | background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2); | ||
background: linear-gradient(to right, #4A00E0, #8E2DE2); | background: linear-gradient(to right, #4A00E0, #8E2DE2); | ||
-webkit-background-clip: text; | |||
-webkit-text-fill-color: transparent; | |||
} | } | ||
Revision as of 21:49, 17 December 2025
/* Medik sidebar width override — Bootstrap-correct */
@media (min-width: 768px) {
.skin-medik #mw-navigation {
flex: 0 0 16%;
max-width: 16%;
}
}
@media (min-width: 1200px) {
.skin-medik #mw-navigation {
flex: 0 0 12%;
max-width: 12%;
}
}
.skin-medik #mw-navigation a,
.skin-medik #mw-navigation a:visited {
color: #202122;
}
.skin-medik #mw-navigation h3 {
color: #202122;
font-weight: 600;
}
/* Hide Bootstrap "Navigation" label in Medik */
.skin-medik #p-navigation-label {
display: none !important;
}
/* Restore spacing after hiding Navigation label (Medik) */
.skin-medik #mw-navigation nav.nav {
margin-top: 1.25rem; /* tweak as needed */
}
/* Sidebar links: gradient hover (Medik) */
.skin-medik #mw-navigation .nav-link {
color: #202122; /* normal text */
transition: background 0.2s ease, color 0.2s ease;
}
/* Sidebar links: gradient text on hover (Medik) */
.skin-medik #mw-navigation .nav-link {
color: #202122; /* normal body text */
transition: color 0.2s ease;
}
/* Hover: gradient text */
.skin-medik #mw-navigation .nav-link:hover {
color: #8E2DE2; /* fallback for browsers without text-clip */
background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2);
background: linear-gradient(to right, #4A00E0, #8E2DE2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}