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 */

/* === SITE BACKGROUND === */
body {
  background: #704B2E !important;
}

/* === BACKGROUND COLOUR OF CONTENT TITLE AND PAGES === */
#content {
  background-color: #F1E9D2;
}

/* === IMPORT IM FELL ENGLISH FROM GOOGLE FONTS === */
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&display=swap');

/* === DEFAULT FONT === */
body,
#content,
#mw-content-text,
#mw-content-text p,
#mw-content-text li,
#mw-content-text td,
#mw-content-text th,
#mw-content-text a,
#mw-panel,
.vector-menu,
#p-personal,
#footer,
h1, h2, h3, h4, h5, h6 {
  font-family: "IM Fell English", serif !important;
}

/* === OPTIONAL INLINE CLASSES === */
.im-fell-english-regular {
  font-family: "IM Fell English", serif;
  font-weight: 400;
  font-style: normal;
}

.im-fell-english-regular-italic {
  font-family: "IM Fell English", serif;
  font-weight: 400;
  font-style: italic;
}

/* === PAGE ACTION TABS: READ, DISCUSSION, EDIT, VIEW HISTORY, MORE === */
#p-views li,
#p-views li a,
.vector-menu-tabs li,
.vector-menu-tabs li a,
.vector-menu-tabs .selected a {
  background: #F1E9D2 !important;
  border: none !important;
}

#p-views li a:hover,
.vector-menu-tabs li a:hover {
  background: #F1E9D2 !important;
}

/* === "MORE" TAB & DROPDOWN === */
#p-cactions,
#p-cactions .vector-menu-content,
#p-cactions li,
#p-cactions li a {
  background: #F1E9D2 !important;
  border: none !important;
}

#p-cactions li a:hover {
  background: #F1E9D2 !important;
}

/* === SIDEBAR MENU ITEMS: ADD PARCHMENT COLOUR BOXES === */
#mw-panel .portal,
#mw-panel .portal div.body,
#mw-panel .portal h3,
#mw-panel .vector-menu-content {
  background-color: #F1E9D2 !important;
  padding: 5px;
  border-radius: 2px;
  margin-bottom: 5px;
}

/* === SIDEBAR LINKS COLOR === */
#mw-panel a {
  color: #000000 !important;
}

#mw-panel a:hover {
  text-decoration: underline;
}