MediaWiki:Common.css: Difference between revisions

Revision as of 18:46, 29 March 2025

/* CSS placed here will be applied to all skins */

/* Header */
#p-search {
    margin-left: 3rem !important;
}


/* Sidebar */
/* Disable "Switch to old look" menu item */
.vector-main-menu-action { display: none!important; }



/* All pages */
/* Hide unnecessary Tabs */
#ca-talk { display: none !important; }
#ca-history { display: none !important; }

.vector-body h2 {
    font-size: 1.5em;
}

.vector-body h3 {
    font-size: 1.25em;
}

.vector-body h4 {
    font-size: 1.1em;
}

.vector-body h5 {
    font-size: 0.9em;
}


 /* Change links to be another color. */
a,
a:visited {
    color: #264d9e !important;
}

/* Change redlinks to be another color. */
a.new,
a.new:visited {
    color: #6d6d6d !important;
}



/* Navbox */
/* Always put Navbox at the bottom of the page */
#navbox {
    position: absolute;
    bottom: 0;
    width: 100%;
}




/***** 🌑 Dark Parchment Background *****/
body {
  background-color: #2d241f !important;
  color: #e0d8c3;
}

/***** 🧾 Main Content Area *****/
#content,
.vector-body,
.vector-body .mw-body,
.vector-body .mw-body-content,
.vector-content,
.vector-main,
#mw-content-text,
.mw-parser-output {
  background-color: #3e322a !important;
  color: #e0d8c3 !important;
  border: none !important;
}

/***** 🧱 Sidebar *****/
.vector-sidebar-container,
#mw-panel,
.mw-sidebar {
  background-color: #3e322a !important;
  color: #e0d8c3 !important;
  border-right: 1px solid #5a4c3d !important;
}

/***** 🧠 Sticky Header & Page Title Bar *****/
.vector-sticky-header,
.vector-page-titlebar {
  background-color: #3a2f26 !important;
  color: #e0d8c3 !important;
  border-bottom: 1px solid #5a4c3d !important;
}

/* Page title */
.vector-page-titlebar .firstHeading {
  color: #f1eacc !important;
}

/***** 🧭 TOC & Navigation Panel *****/
.vector-toc,
#toc {
  background-color: #4c3f33 !important;
  border: 1px solid #5a4c3d !important;
  color: #e0d8c3 !important;
}

/***** 📚 Tables & Infoboxes *****/
.wikitable,
table {
  background-color: #40352d !important;
  color: #e0d8c3 !important;
  border-color: #5a4c3d !important;
}

/***** 🔗 Links *****/
a {
  color: #d8b365 !important;
}
a:visited {
  color: #c4a25f !important;
}
a:hover, a:focus {
  color: #f4ca86 !important;
}

/***** 🧾 Forms & Input Fields *****/
input, textarea, select {
  background-color: #2b221c !important;
  color: #f5f0e1 !important;
  border: 1px solid #5a4c3d !important;
}

/***** 🦶 Footer *****/
#footer, .mw-footer, .mw-footer-container {
  background-color: #2d241f !important;
  color: #aaa07a !important;
}