MediaWiki:Timeless.css: Difference between revisions
From Tuyin Archives
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* === | /* === Global Background and Font === */ | ||
body { | body { | ||
background | background: #f5e6c6 url('https://www.transparenttextures.com/patterns/paper-fibers.png') repeat; | ||
color: # | color: #3b2b1c; | ||
font-family: "Garamond", | font-family: "Garamond", Georgia, serif; | ||
} | } | ||
/* === Main | /* === Main Content Area === */ | ||
#content, .mw-body { | #content, | ||
background-color: | .mw-body { | ||
border: 1px solid # | background-color: rgba(255, 248, 230, 0.95); | ||
border: 1px solid #cbb282; | |||
padding: 20px; | padding: 20px; | ||
box-shadow: 0 0 | box-shadow: 0 0 12px #bba57d; | ||
} | } | ||
/* === Headings === */ | /* === Headings === */ | ||
h1, h2, h3, h4, h5 { | h1, h2, h3, h4, h5 { | ||
color: # | color: #7c4c14; | ||
font-family: "Cinzel", Georgia, serif; | |||
font-family: "Cinzel", | text-shadow: 0 0 1px #a77c44; | ||
} | } | ||
/* === Table of Contents | /* === Table of Contents === */ | ||
#toc { | #toc { | ||
background-color: # | background-color: #f0e3c0; | ||
border: 1px solid # | border: 1px solid #c4a973; | ||
color: # | color: #3b2b1c; | ||
} | } | ||
#toc a { | #toc a { | ||
color: # | color: #805515; | ||
} | } | ||
#toc a:hover { | #toc a:hover { | ||
color: # | color: #aa7722; | ||
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
| Line 37: | Line 38: | ||
/* === Links === */ | /* === Links === */ | ||
a { | a { | ||
color: # | color: #805515; | ||
} | } | ||
a:visited { | a:visited { | ||
color: # | color: #a55b1a; | ||
} | } | ||
a:hover { | a:hover { | ||
color: # | color: #aa7722; | ||
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
/* === Sidebar | /* === Sidebar Panels (Navigation, Tools, Categories) === */ | ||
#mw- | #mw-navigation, | ||
#mw- | #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: | background-color: rgba(255, 248, 230, 0.85); | ||
border: 1px solid # | border: 1px solid #cbb282; | ||
color: # | color: #3b2b1c; | ||
} | } | ||
/* === Sidebar | /* === Sidebar Links === */ | ||
#mw- | #mw-navigation a, | ||
.mw-portlet a, | |||
# | #mw-related-navigation a, | ||
# | #mw-data-navigation a, | ||
#mw-page-tools a { | |||
color: # | color: #7c4c14; | ||
} | } | ||
#mw- | #mw-navigation a:hover, | ||
.mw-portlet a:hover, | |||
# | #mw-related-navigation a:hover, | ||
# | #mw-data-navigation a:hover, | ||
#mw-page-tools a:hover { | |||
color: # | color: #aa7722; | ||
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
/* === | /* === Header Tabs (View, Edit, History) === */ | ||
.mw-portlet .mw-portlet-body li a { | .mw-portlet .mw-portlet-body li a { | ||
background-color: # | background-color: #f0e3c0; | ||
border: 1px solid # | border: 1px solid #c4a973; | ||
color: # | color: #3b2b1c; | ||
} | } | ||
.mw-portlet .mw-portlet-body li a:hover { | .mw-portlet .mw-portlet-body li a:hover { | ||
background-color: # | background-color: #fff5dd; | ||
color: # | color: #000; | ||
} | } | ||
/* === Infoboxes | /* === Infoboxes & Tables === */ | ||
table.infobox, | table.infobox, | ||
table.wikitable { | table.wikitable { | ||
background-color: # | background-color: #fdf6e3; | ||
border: 1px solid # | border: 1px solid #c4a973; | ||
color: # | color: #3b2b1c; | ||
} | } | ||
table.infobox th, | table.infobox th, | ||
table.wikitable th { | table.wikitable th { | ||
background-color: # | background-color: #f0e3c0; | ||
color: # | color: #603a13; | ||
} | } | ||
table.infobox td, | table.infobox td, | ||
table.wikitable td { | table.wikitable td { | ||
border-color: # | border-color: #c4a973; | ||
} | } | ||
/* === Search | /* === Input Fields (Search, Login) === */ | ||
input, | input, | ||
textarea, | textarea, | ||
select { | select { | ||
background-color: # | background-color: #fff8e2; | ||
color: # | color: #3b2b1c; | ||
border: 1px solid # | border: 1px solid #cbb282; | ||
} | } | ||
/* === Category | /* === Category Box at Bottom === */ | ||
.catlinks { | .catlinks { | ||
background-color: # | background-color: #f0e3c0; | ||
border: 1px solid # | border: 1px solid #c4a973; | ||
color: # | color: #3b2b1c; | ||
} | } | ||
/* === | /* === Code Blocks === */ | ||
pre, code { | pre, | ||
background-color: # | code { | ||
border: 1px solid # | background-color: #f8efd8; | ||
color: # | border: 1px solid #c4a973; | ||
color: #4a3b2c; | |||
} | } | ||
Revision as of 20: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;
}
