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 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; }