MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* Remove MediaWiki branding and clutter */
#mw-page-base,
#mw-head-base,
.mw-wiki-logo,
#p-logo,
.printfooter,
.catlinks,
#footer-info,
#footer-places,
.mw-editsection,
.mw-jump-link {
    display: none !important;
}

/* Hide edit links unless hovering */
.mw-editsection {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.mw-body:hover .mw-editsection {
    opacity: 1;
}

/* Minimal page tabs */
#p-views ul li {
    background: none;
    border: none;
    margin: 0 10px 0 0;
}

#p-views ul li a {
    background: none !important;
    color: #888 !important;
    border: none !important;
    padding: 5px 0 !important;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.9em;
}

#p-views ul li.selected a {
    color: #fff !important;
    border-bottom: 2px solid #88c0d0 !important;
}


/* Clean up the main content area */
.mw-body {
    margin-left: 0 !important;
    border: none !important;
    padding: 20px !important;
}

/* Remove all borders and backgrounds */
#content {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Clean sidebar */
#mw-panel {
    background: transparent !important;
    border: none !important;
    width: 200px !important;
}

#mw-panel .portal {
    background: none !important;
    border: none !important;
    margin: 0 0 20px 0 !important;
}

#mw-panel .portal h3 {
    background: none !important;
    border: none !important;
    color: #888 !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 0.9em !important;
    font-weight: normal !important;
    padding: 5px 0 !important;
}

#mw-panel .portal .body ul li a {
    color: #ccc !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 0.85em !important;
    padding: 3px 0 !important;
}

#mw-panel .portal .body ul li a:hover {
    color: #88c0d0 !important;
    text-decoration: none !important;
}


/* Clean typography hierarchy */
.mw-body h1,
.mw-body h2,
.mw-body h3 {
    border-bottom: none !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: normal !important;
    color: #e5e5e5 !important;
}

.mw-body h1 {
    font-size: 1.8em !important;
    margin: 0 0 20px 0 !important;
}

.mw-body h1::before {
    content: "◆ ";
    color: #88c0d0;
}

.mw-body h2::before {
    content: "○ ";
    color: #d08770;
}

.mw-body h3::before {
    content: "▪ ";
    color: #a3be8c;
}

/* Body text */
.mw-body p {
    color: #ccc !important;
    font-family: system-ui, -apple-system, sans-serif !important;
    font-size: 0.95em !important;
    line-height: 1.6 !important;
}

/* Links */
.mw-body a {
    color: #88c0d0 !important;
    text-decoration: none !important;
}

.mw-body a:hover {
    color: #5e81ac !important;
    text-decoration: underline !important;
}