MediaWiki:Timeless.css: Difference between revisions

From Tuyin Archives
No edit summary
No edit summary
Line 1: Line 1:
/* === Base background and font === */
/* === Global Background and Font === */
body {
body {
   background-color: #1a1a1a;
   background: #f5e6c6 url('https://www.transparenttextures.com/patterns/paper-fibers.png') repeat;
   color: #e2decf;
   color: #3b2b1c;
   font-family: "Garamond", "Georgia", serif;
   font-family: "Garamond", Georgia, serif;
}
}


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


/* === Headings === */
/* === Headings === */
h1, h2, h3, h4, h5 {
h1, h2, h3, h4, h5 {
   color: #ffcc66;
   color: #7c4c14;
  text-shadow: 0 0 3px #aa8844;
   font-family: "Cinzel", Georgia, serif;
   font-family: "Cinzel", "Georgia", serif;
  text-shadow: 0 0 1px #a77c44;
}
}


/* === Table of Contents (TOC) === */
/* === Table of Contents === */
#toc {
#toc {
   background-color: #2e2a25;
   background-color: #f0e3c0;
   border: 1px solid #665544;
   border: 1px solid #c4a973;
   color: #e2decf;
   color: #3b2b1c;
}
}
#toc a {
#toc a {
   color: #88ccee;
   color: #805515;
}
}
#toc a:hover {
#toc a:hover {
   color: #ffeeaa;
   color: #aa7722;
   text-decoration: underline;
   text-decoration: underline;
}
}
Line 37: Line 38:
/* === Links === */
/* === Links === */
a {
a {
   color: #88ccee;
   color: #805515;
}
}
a:visited {
a:visited {
   color: #c088ff;
   color: #a55b1a;
}
}
a:hover {
a:hover {
   color: #ffeeaa;
   color: #aa7722;
   text-decoration: underline;
   text-decoration: underline;
}
}


/* === Sidebar panels (left + right) === */
/* === Sidebar Panels (Navigation, Tools, Categories) === */
#mw-content-block #mw-panel,
#mw-navigation,
#mw-content-block .sidebar,
#mw-site-navigation,
#mw-related-navigation,
#mw-related-navigation,
#mw-data-navigation,
#mw-data-navigation,
#mw-page-tools,
.mw-portlet,
#p-logo,
#p-logo,
#mw-footer {
#mw-footer {
   background-color: #2a2520 !important;
   background-color: rgba(255, 248, 230, 0.85);
   border: 1px solid #40352b;
   border: 1px solid #cbb282;
   color: #e2decf;
   color: #3b2b1c;
}
}


/* === Sidebar links === */
/* === Sidebar Links === */
#mw-panel a,
#mw-navigation a,
#p-tb a,
.mw-portlet a,
#p-cactions a,
#mw-related-navigation a,
#p-personal a,
#mw-data-navigation a,
.sidebar a {
#mw-page-tools a {
   color: #ffdd99 !important;
   color: #7c4c14;
}
}
#mw-panel a:hover,
#mw-navigation a:hover,
#p-tb a:hover,
.mw-portlet a:hover,
#p-cactions a:hover,
#mw-related-navigation a:hover,
#p-personal a:hover,
#mw-data-navigation a:hover,
.sidebar a:hover {
#mw-page-tools a:hover {
   color: #ffeeaa !important;
   color: #aa7722;
   text-decoration: underline;
   text-decoration: underline;
}
}


/* === Content header tabs (View, Edit, etc.) === */
/* === Header Tabs (View, Edit, History) === */
.mw-portlet .mw-portlet-body li a {
.mw-portlet .mw-portlet-body li a {
   background-color: #2b2620;
   background-color: #f0e3c0;
   border: 1px solid #40352b;
   border: 1px solid #c4a973;
   color: #ccc;
   color: #3b2b1c;
}
}
.mw-portlet .mw-portlet-body li a:hover {
.mw-portlet .mw-portlet-body li a:hover {
   background-color: #3a2f23;
   background-color: #fff5dd;
   color: #fff;
   color: #000;
}
}


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


/* === Search bar & input fields === */
/* === Input Fields (Search, Login) === */
input,
input,
textarea,
textarea,
select {
select {
   background-color: #1e1e1e;
   background-color: #fff8e2;
   color: #e2decf;
   color: #3b2b1c;
   border: 1px solid #555;
   border: 1px solid #cbb282;
}
}


/* === Category bar at bottom === */
/* === Category Box at Bottom === */
.catlinks {
.catlinks {
   background-color: #2e2a25;
   background-color: #f0e3c0;
   border: 1px solid #40352b;
   border: 1px solid #c4a973;
   color: #ffdd99;
   color: #3b2b1c;
}
}


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

Revision as of 21:30, 6 July 2025

/* === Global Background and Font === */
body {
  background: #f5e6c6 url('https://www.transparenttextures.com/patterns/paper-fibers.png') repeat;
  color: #3b2b1c;
  font-family: "Garamond", Georgia, serif;
}

/* === 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;
}

/* === Headings === */
h1, h2, h3, h4, h5 {
  color: #7c4c14;
  font-family: "Cinzel", Georgia, serif;
  text-shadow: 0 0 1px #a77c44;
}

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

/* === Links === */
a {
  color: #805515;
}
a:visited {
  color: #a55b1a;
}
a:hover {
  color: #aa7722;
  text-decoration: underline;
}

/* === Sidebar Panels (Navigation, Tools, Categories) === */
#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: #3b2b1c;
}

/* === 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) === */
input,
textarea,
select {
  background-color: #fff8e2;
  color: #3b2b1c;
  border: 1px solid #cbb282;
}

/* === Category Box 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;
}