MediaWiki:Medik.css: Difference between revisions
From OpenJuris
commenting out something to test if its working |
changing up link colors again |
||
| Line 1: | Line 1: | ||
/* | /* navbar */ | ||
.navbar { | .navbar { | ||
background: #8E2DE2; /* fallback */ | background: #8E2DE2; /* fallback */ | ||
| Line 6: | Line 6: | ||
} | } | ||
/* | /* sidebar */ | ||
@media (min-width: 768px) { | @media (min-width: 768px) { | ||
.skin-medik #mw-navigation { | .skin-medik #mw-navigation { | ||
| Line 12: | Line 12: | ||
max-width: 16%; | max-width: 16%; | ||
} | } | ||
} | } | ||
@media (min-width: 1200px) { | @media (min-width: 1200px) { | ||
| Line 20: | Line 20: | ||
} | } | ||
} | } | ||
.skin-medik #mw-navigation a, | .skin-medik #mw-navigation a, | ||
| Line 39: | Line 38: | ||
/* Restore spacing after hiding Navigation label (Medik) */ | /* Restore spacing after hiding Navigation label (Medik) */ | ||
.skin-medik #mw-navigation nav.nav { | .skin-medik #mw-navigation nav.nav { | ||
margin-top: 1.25rem; | margin-top: 1.25rem; | ||
} | } | ||
/* Sidebar links | /* Sidebar links */ | ||
.skin-medik #mw-navigation .nav-link { | .skin-medik #mw-navigation .nav-link { | ||
color: # | color: #0645ad; /* blue */ | ||
transition: background 0.2s ease, color 0.2s ease; | transition: background 0.2s ease, color 0.2s ease; | ||
} | } | ||
/* Hover | .skin-medik #mw-navigation .nav-link:visited { | ||
color: #6f42c1; /* purple */ | |||
} | |||
/* Hover */ | |||
.skin-medik #mw-navigation .nav-link:hover { | .skin-medik #mw-navigation .nav-link:hover { | ||
color: # | color: #0645ad; | ||
} | } | ||
/* Existing links (unvisited) */ | /* Existing links (unvisited) */ | ||
.skin-medik .mw-parser-output a:not(.new):link { | .skin-medik .mw-parser-output a:not(.new):link { | ||
color: # | color: #0645ad; /* blue */ | ||
} | } | ||
/* Existing links (visited) */ | /* Existing links (visited) */ | ||
.skin-medik .mw-parser-output a:not(.new):visited { | .skin-medik .mw-parser-output a:not(.new):visited { | ||
color: # | color: #6f42c1; /* purple */ | ||
} | } | ||
/* Non-existent pages (red links) */ | /* Non-existent pages (red links) */ | ||
| Line 69: | Line 70: | ||
color: #b33a3a; | color: #b33a3a; | ||
} | } | ||
/* Main content container */ | /* Main content container */ | ||
.skin-medik .mw-content-container { | .skin-medik .mw-content-container { | ||
max-width: 1400px; | max-width: 1400px; | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
| Line 86: | Line 85: | ||
margin-right: 0; | margin-right: 0; | ||
} | } | ||
/* Page title */ | /* Page title */ | ||
| Line 162: | Line 157: | ||
/* Category links — normal */ | /* Category links — normal */ | ||
.skin-medik #catlinks a:not(.new):link { | .skin-medik #catlinks a:not(.new):link { | ||
color: # | color: #0645ad; /* blue */ | ||
} | } | ||
/* Category links — visited */ | /* Category links — visited */ | ||
.skin-medik #catlinks a:not(.new):visited { | .skin-medik #catlinks a:not(.new):visited { | ||
color: # | color: #6f42c1; /* purple */ | ||
} | } | ||
| Line 175: | Line 170: | ||
} | } | ||
/*Exception of padding bottom for case metadata*/ | /* Exception of padding bottom for case metadata */ | ||
.skin-medik .case-metadata p { | .skin-medik .case-metadata p { | ||
margin-top: 0; | margin-top: 0; | ||
margin-bottom: 0; | margin-bottom: 0; | ||
} | } | ||
Revision as of 19:23, 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: #0645ad; /* blue */
transition: background 0.2s ease, color 0.2s ease;
}
.skin-medik #mw-navigation .nav-link:visited {
color: #6f42c1; /* purple */
}
/* Hover */
.skin-medik #mw-navigation .nav-link:hover {
color: #0645ad;
}
/* Existing links (unvisited) */
.skin-medik .mw-parser-output a:not(.new):link {
color: #0645ad; /* blue */
}
/* Existing links (visited) */
.skin-medik .mw-parser-output a:not(.new):visited {
color: #6f42c1; /* purple */
}
/* 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 — normal */
.skin-medik #catlinks a:not(.new):link {
color: #0645ad; /* blue */
}
/* Category links — visited */
.skin-medik #catlinks a:not(.new):visited {
color: #6f42c1; /* purple */
}
/* 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;
}