MediaWiki:Common.css: Difference between revisions
From OpenJuris
Undo revision 84 by Nilotpal Datta (talk) Tag: Undo |
Change link colors on body |
||
| Line 54: | Line 54: | ||
-webkit-background-clip: text; | -webkit-background-clip: text; | ||
-webkit-text-fill-color: transparent; | -webkit-text-fill-color: transparent; | ||
} | |||
/* Change link colors on body */ | |||
.skin-medik .mw-parser-output a:not(.new) { | |||
color: #8E2DE2; | |||
} | |||
/* Explicitly preserve red links */ | |||
.skin-medik .mw-parser-output a.new { | |||
color: #ba0000; | |||
} | } | ||
Revision as of 22:02, 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;
}
/* Change link colors on body */
.skin-medik .mw-parser-output a:not(.new) {
color: #8E2DE2;
}
/* Explicitly preserve red links */
.skin-medik .mw-parser-output a.new {
color: #ba0000;
}