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)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* CSS placed here will be applied to all skins */
/*
 * MediaWiki Custom Theme
 * Background: #f5eeda (Parchment)
 * Accent: #8b4513 (Saddle Brown)
 */

/* General Body and Page Styling */
body, #mw-page-base, #mw-head-base, #content, .mw-body {
    background-color: #f5eeda;
    color: #333; /* Dark text for readability */
}

/* Links */
a {
    color: #8b4513;
    text-decoration: none;
}

a:hover, a:focus {
    color: #a0522d; /* A slightly lighter brown for hover */
    text-decoration: underline;
}

a:visited {
    color: #7a3c10; /* A slightly darker brown for visited links */
}

/* Red links for non-existent pages */
a.new {
    color: #c06c4b !important;
}

a.new:visited {
    color: #a95b3b !important;
}


/* --- Header and Navigation --- */
#mw-head {
    background-color: #8b4513;
    color: #f5eeda;
}

#mw-head a, #p-personal a {
    color: #f5eeda;
}

#mw-head a:hover, #p-personal a:hover {
    background-color: #a0522d;
    color: #fff;
}

/* Main page title */
#firstHeading, .firstHeading {
    color: #8b4513;
    border-bottom: 1px solid #d2b48c; /* Tan border */
    padding-bottom: 0.3em;
}

/* Search Box */
#searchInput {
    border: 1px solid #8b4513;
    background-color: #fff;
    color: #333;
}

#searchButton, #mw-searchButton {
    background-color: #8b4513;
    color: #f5eeda;
    border: 1px solid #7a3c10;
}

#searchButton:hover, #mw-searchButton:hover {
    background-color: #a0522d;
}

/* --- Sidebar --- */
#mw-panel, .mw-portlet {
    background-color: transparent;
}

#p-logo a {
    background-image: url(https://placehold.co/135x135/f5eeda/8b4513?text=Your+Logo); /* Placeholder for your logo */
}

.portal {
    background: none;
    border: none;
}

.portal h3 {
    color: #8b4513;
    background-color: transparent;
    border-bottom: 1px solid #d2b48c;
}

#mw-panel .body ul li a {
    color: #8b4513;
}

#mw-panel .body ul li a:hover {
    background-color: #eaddc4;
    text-decoration: none;
}


/* --- Content Area --- */
#content {
    border: 1px solid #d2b48c; /* Tan border around content */
    border-left: none;
    border-bottom: none;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: #8b4513;
    border-bottom: 1px solid #eaddc4;
}

/* Tables */
.wikitable {
    background-color: #fff;
    border: 1px solid #d2b48c;
}

.wikitable > tr > th, .wikitable > * > tr > th {
    background-color: #8b4513;
    color: #f5eeda;
}

.wikitable > tr > td, .wikitable > * > tr > td, .wikitable > tr > th, .wikitable > * > tr > th {
    border: 1px solid #d2b48c;
}

/* --- Footer --- */
#footer {
    background-color: #eaddc4; /* A lighter tan for the footer */
    border-top: 1px solid #d2b48c;
}

#footer-info li, #footer-places li {
    color: #5a3415;
}

#footer-icons {
    color: #8b4513;
}

/* --- Tabs (View, Edit, History, etc.) --- */
#p-views ul li a {
    background-color: #eaddc4;
    border-bottom: none;
    color: #8b4513;
}

#p-views ul li.selected a {
    background-color: #f5eeda;
    border-bottom: 1px solid #f5eeda;
}

#p-views ul li a:hover {
    background-color: #f5eeda;
}

/* --- Other Elements --- */
/* Categories Box */
.catlinks {
    background-color: #eaddc4;
    border: 1px solid #d2b48c;
}

/* Infoboxes */
.infobox {
    border: 1px solid #8b4513;
    background-color: #fdf8f0;
}

.infobox .infobox-header, .infobox .infobox-title {
    background-color: #8b4513;
    color: #f5eeda;
}