MediaWiki:Medik.css: Difference between revisions

Revision as of 21:28, 18 December 2025

/* navbar */
.navbar {
  background: #8E2DE2; /* fallback */
  background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2);
  background: linear-gradient(to right, #4A00E0, #8E2DE2);
}

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

/* Sidebar links */
.skin-medik #mw-navigation .nav-link {
  color: #202122;
  transition: background 0.2s ease, color 0.2s ease;
}

/* Hover: darker blue */
.skin-medik #mw-navigation .nav-link:hover {
  color: #0b0080;
}

/* Existing links (unvisited) — blue */
.skin-medik .mw-parser-output a:not(.new):link {
  color: #0645ad;
}

/* Existing links (visited) — purple */
.skin-medik .mw-parser-output a:not(.new):visited {
  color: #6f42c1 !important;
}

/* Non-existent pages (red links) */
.skin-medik .mw-parser-output a.new {
  color: #b33a3a;
}

/* Main content container */
.skin-medik .mw-content-container {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

/* Medik: widen and center the main Bootstrap container */
.skin-medik #mw-main-container > .row {
  margin-left: 0;
  margin-right: 0;
}

/* Page title */
.skin-medik #firstHeading {
  font-size: 2.1rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

/* Level 2 — major sections */
.skin-medik .mw-parser-output h2 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-top: 1.5rem;
}

/* Level 3 — subsections */
.skin-medik .mw-parser-output h3 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-top: 1.25rem;
}

/* Level 4 — minor heads / clauses */
.skin-medik .mw-parser-output h4 {
  font-size: 1.1rem;
  font-weight: 600;
  margin-top: 1rem;
}

/* Level 5–6 — rare, almost body text */
.skin-medik .mw-parser-output h5,
.skin-medik .mw-parser-output h6 {
  font-size: 1rem;
  font-weight: 600;
  margin-top: 0.75rem;
}

/* Category container */
.skin-medik #catlinks {
  background: #EEE3F6;
  border: none;
  margin-top: 1.5rem;
  padding: 0.75rem 1rem;
  font-size: 0.95rem;
}

/* Remove default MediaWiki borders */
.skin-medik #catlinks,
.skin-medik #catlinks ul {
  border: none;
}

/* Category list layout */
.skin-medik #catlinks ul {
  margin: 0;
  padding: 0;
}

/* Individual category items */
.skin-medik #catlinks li {
  margin-right: 0.5rem;
}

/* Category label ("Categories:") */
.skin-medik #catlinks .mw-normal-catlinks > a,
.skin-medik #catlinks .mw-normal-catlinks > span {
  font-weight: 600;
  color: #202122;
}

/* Category links — unvisited */
.skin-medik #catlinks a:not(.new):link {
  color: #0645ad;
}

/* Category links — visited */
.skin-medik #catlinks a:not(.new):visited {
  color: #6f42c1;
}

/* Category links — red (non-existent) */
.skin-medik #catlinks a.new {
  color: #b33a3a;
}

/* Exception of padding bottom for case metadata */
.skin-medik .case-metadata p {
  margin-top: 0;
  margin-bottom: 0;
}

/* ================================================= */
/* UI / CHROME LINKS (SIDEBAR, FOOTER, TOOLBOX, ETC.) */
/* ================================================= */

/* Unvisited — blue */
.skin-medik #mw-navigation a:not(.new):link,
.skin-medik footer a:not(.new):link,
.skin-medik .mw-ui a:not(.new):link,
.skin-medik .mw-portlet a:not(.new):link {
  color: #0645ad;
}

/* Hover — darker blue */
.skin-medik #mw-navigation a:not(.new):hover,
.skin-medik footer a:not(.new):hover,
.skin-medik .mw-ui a:not(.new):hover,
.skin-medik .mw-portlet a:not(.new):hover {
  color: #0b0080;
}

/* Visited — purple */
.skin-medik #mw-navigation a:not(.new):visited,
.skin-medik footer a:not(.new):visited,
.skin-medik .mw-ui a:not(.new):visited,
.skin-medik .mw-portlet a:not(.new):visited {
  color: #6f42c1;
}

/* Missing pages — red */
.skin-medik #mw-navigation a.new,
.skin-medik footer a.new,
.skin-medik .mw-ui a.new,
.skin-medik .mw-portlet a.new {
  color: #b33a3a;
}

/* footer links */
 
.skin-medik .mw-footer a:not(.new):link {
  color: #0645ad;
}
 
.skin-medik .mw-footer a:not(.new):hover {
  color: #0b0080;
}
 
.skin-medik .mw-footer a:not(.new):visited {
  color: #6f42c1;
}
 
.skin-medik .mw-footer a.new {
  color: #b33a3a;
}

/* =====================================================
   Plain Wikipedia-style source editor (CodeMirror)
   ===================================================== */

.CodeMirror {
  font-family: monospace;
  font-size: 13px;
  line-height: 1.4;
  background: #ffffff;
  color: #202122;
  border: 1px solid #a2a9b1;
}

/* Gutter like Wikipedia */
.CodeMirror-gutters {
  background: #f8f9fa;
  border-right: 1px solid #eaecf0;
}

.CodeMirror-linenumber {
  color: #72777d;
}

/* Cursor */
.CodeMirror-cursor {
  border-left: 1px solid #202122;
}

/* Selection */
.CodeMirror-selected {
  background: #cfe3ff !important;
}

/* Disable active-line highlighting */
.CodeMirror-activeline-background {
  background: transparent;
}

.CodeMirror span[class^="cm-"] {
  color: #202122 !important;
  font-weight: normal !important;
  font-style: normal !important;
  background: transparent !important;
}

/* Disable special heading/list emphasis */
.CodeMirror .cm-header,
.CodeMirror .cm-strong,
.CodeMirror .cm-em,
.CodeMirror .cm-link,
.CodeMirror .cm-url,
.CodeMirror .cm-tag,
.CodeMirror .cm-attribute,
.CodeMirror .cm-string {
  color: #202122 !important;
  font-weight: normal !important;
}

.CodeMirror .cm-header,
.CodeMirror .cm-header-1,
.CodeMirror .cm-header-2,
.CodeMirror .cm-header-3,
.CodeMirror .cm-header-4,
.CodeMirror .cm-header-5,
.CodeMirror .cm-header-6 {
  font-size: 13px !important;
  font-weight: normal !important;
  line-height: 1.4 !important;
  color: #202122 !important;
}