MediaWiki:Timeless.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.

/* === Load Google Font (Readable, Fantasy Style) === */
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica&display=swap');

/* === Global Background and Font === */
body {
  background: url('https://imgur.com/a/fIY0RSM') repeat;
  background-color: #f5e6c6;
  background-size: 600px 600px;
  background-attachment: fixed;
  color: #2b1b0f;
  font-family: 'IM Fell DW Pica', Georgia, serif;
  font-size: 1.05em;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

/* === Main Content Area === */
#content,
.mw-body {
  background-color: rgba(255, 248, 230, 0.95);
  border: 1px solid #cbb282;
  padding: 20px;
  box-shadow: 0 0 12px #bba57d;
}

/* === Page Content Blocks === */
.mw-body-content, .mw-parser-output {
  font-size: 1.05em;
  line-height: 1.65;
  color: #2b1b0f;
}

/* === Headings === */
h1, h2, h3, h4, h5 {
  font-family: 'IM Fell DW Pica', Georgia, serif;
  font-weight: 600;
  color: #5b3a10;
}

/* === Table of Contents === */
#toc {
  background-color: #f0e3c0;
  border: 1px solid #c4a973;
  color: #3b2b1c;
}
#toc a {
  color: #7c410f;
}
#toc a:hover {
  color: #aa5b14;
  text-decoration: underline;
}

/* === Links === */
a {
  color: #7c410f;
}
a:visited {
  color: #9a4e18;
}
a:hover {
  color: #aa5b14;
  text-decoration: underline;
}

/* === Sidebar Panels (Navigation, Tools, Categories, etc.) === */
#mw-navigation,
#mw-site-navigation,
#mw-related-navigation,
#mw-data-navigation,
#mw-page-tools,
.mw-portlet,
#p-logo,
#mw-footer {
  background-color: rgba(255, 248, 230, 0.85);
  border: 1px solid #cbb282;
  color: #2b1b0f;
}

/* === Sidebar Links === */
#mw-navigation a,
.mw-portlet a,
#mw-related-navigation a,
#mw-data-navigation a,
#mw-page-tools a {
  color: #7c4c14;
}
#mw-navigation a:hover,
.mw-portlet a:hover,
#mw-related-navigation a:hover,
#mw-data-navigation a:hover,
#mw-page-tools a:hover {
  color: #aa7722;
  text-decoration: underline;
}

/* === Header Tabs (View, Edit, History) === */
.mw-portlet .mw-portlet-body li a {
  background-color: #f0e3c0;
  border: 1px solid #c4a973;
  color: #3b2b1c;
}
.mw-portlet .mw-portlet-body li a:hover {
  background-color: #fff5dd;
  color: #000;
}

/* === Infoboxes & Tables === */
table.infobox,
table.wikitable {
  background-color: #fdf6e3;
  border: 1px solid #c4a973;
  color: #3b2b1c;
}
table.infobox th,
table.wikitable th {
  background-color: #f0e3c0;
  color: #603a13;
}
table.infobox td,
table.wikitable td {
  border-color: #c4a973;
}

/* === Input Fields (Search, Login, etc.) === */
input,
textarea,
select {
  background-color: #fff8e2;
  color: #3b2b1c;
  border: 1px solid #cbb282;
}

/* === Category Bar at Bottom === */
.catlinks {
  background-color: #f0e3c0;
  border: 1px solid #c4a973;
  color: #3b2b1c;
}

/* === Code Blocks === */
pre,
code {
  background-color: #f8efd8;
  border: 1px solid #c4a973;
  color: #4a3b2c;
}