MediaWiki:Common.css: Difference between revisions

Revision as of 21:58, 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;
}

/* Body links: gradient text as default color (Medik) */
.skin-medik .mw-parser-output a {
  color: #8E2DE2; /* fallback */
  background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2);
  background: linear-gradient(to right, #4A00E0, #8E2DE2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* default gradient text color, excluding red links */
.skin-medik .mw-parser-output a:not(.new) {
  color: #8E2DE2; /* fallback */
  background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2);
  background: linear-gradient(to right, #4A00E0, #8E2DE2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Non-existent pages (red links) — leave untouched */
.skin-medik .mw-parser-output a.new {
  color: #ba0000; /* MediaWiki red */
  background: none;
  -webkit-text-fill-color: initial;
}

/* =====================================================
   Body links (Medik)
   Default gradient text color for ALL existing links
   Excludes non-existent (red) links only
   ===================================================== */

.skin-medik .mw-parser-output a:not(.new) {
  color: #8E2DE2; /* fallback */
  background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2);
  background: linear-gradient(to right, #4A00E0, #8E2DE2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Explicit safety reset for red links */
.skin-medik .mw-parser-output a.new {
  color: #ba0000; /* MediaWiki red */
  background: none;
  -webkit-text-fill-color: initial;
}