MediaWiki:Common.css: Difference between revisions
From IUO Tome of Knowledge
Jump to navigationJump to search
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* === Global === */ | /* === Global === */ | ||
body { | body { | ||
background-color: #121212; | background-color: #121212; | ||
color: #e0e0e0; /* light text */ | color: #e0e0e0; /* light main text for readability */ | ||
} | } | ||
/* === Links === */ | |||
a { | a { | ||
color: # | color: #ffcc66; /* bright accent for links */ | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
a:visited { | |||
color: #ff9900; /* distinguish visited links */ | |||
} | |||
a:hover { | a:hover { | ||
color: #ffc966; | color: #ffc966; | ||
Line 17: | Line 19: | ||
/* === Main Content === */ | /* === Main Content === */ | ||
#content, | #content, #bodyContent, #mw-content-text, .mw-parser-output { | ||
#bodyContent, | |||
#mw-content-text, | |||
.mw-parser-output { | |||
background-color: #1c1c1c; | background-color: #1c1c1c; | ||
padding: 20px; | padding: 20px; | ||
border-radius: 6px; | border-radius: 6px; | ||
color: #e0e0e0; | |||
} | |||
.mw-parser-output p, | |||
.mw-parser-output li { | |||
color: #e0e0e0; | |||
} | } | ||
/* Headings */ | |||
.mw-parser-output h1, | .mw-parser-output h1, | ||
.mw-parser-output h2, | .mw-parser-output h2, | ||
.mw-parser-output h3 | .mw-parser-output h3 { | ||
color: #ffcc66; | color: #ffcc66; | ||
border-bottom: 1px solid #333; | border-bottom: 1px solid #333; | ||
Line 38: | Line 41: | ||
/* === Sidebar / Navigation === */ | /* === Sidebar / Navigation === */ | ||
#column-one, | #column-one, #sidebar, .portlet { | ||
#sidebar, | |||
.portlet { | |||
background-color: #1b1b1b; | background-color: #1b1b1b; | ||
border: 1px solid #333; | border: 1px solid #333; | ||
border-radius: 4px; | border-radius: 4px; | ||
padding: 10px; | padding: 10px; | ||
color: #e0e0e0; | |||
} | } | ||
.portlet h3 { | .portlet h3 { | ||
color: #ffcc66; | color: #ffcc66; | ||
} | } | ||
Line 59: | Line 56: | ||
color: #ff9900; | color: #ff9900; | ||
} | } | ||
.portlet a:hover { | .portlet a:hover { | ||
color: #ffc966; | color: #ffc966; | ||
} | } | ||
/* === Buttons === */ | /* === Search / Buttons === */ | ||
input.searchButton, | input.searchButton, | ||
button, | button, | ||
Line 72: | Line 68: | ||
color: #ff9900; | color: #ff9900; | ||
border-radius: 4px; | border-radius: 4px; | ||
} | } | ||
input.searchButton:hover, | input.searchButton:hover, | ||
button:hover, | button:hover, | ||
.mw-button:hover { | .mw-button:hover { | ||
background-color: #3a3a3a; | background-color: #3a3a3a; | ||
} | } | ||
Line 102: | Line 78: | ||
#footer { | #footer { | ||
background-color: #121212; | background-color: #121212; | ||
color: # | color: #ccc; | ||
border-top: 1px solid #333; | border-top: 1px solid #333; | ||
padding: 15px; | padding: 15px; | ||
} | } | ||
#footer a { | #footer a { | ||
color: #ff9900; | color: #ff9900; | ||
} | } | ||
#footer a:hover { | #footer a:hover { | ||
color: #ffc966; | color: #ffc966; | ||
} | } | ||
/* === Alerts | /* === Notices / Alerts === */ | ||
#siteNotice { | #siteNotice { | ||
background-color: #222; | background-color: #222; | ||
color: # | color: #ffcc66; | ||
border-left: 4px solid # | border-left: 4px solid #ffcc66; | ||
padding: 8px 12px; | padding: 8px 12px; | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
border-radius: 4px; | border-radius: 4px; | ||
} | |||
/* === Tables === */ | |||
table { | |||
background-color: #1c1c1c; | |||
color: #e0e0e0; | |||
border: 1px solid #333; | |||
} | |||
th { | |||
background-color: #2a2a2a; | |||
color: #ffcc66; | |||
border-bottom: 1px solid #444; | |||
} | |||
td { | |||
border-bottom: 1px solid #333; | |||
} | } |
Revision as of 05:31, 6 October 2025
/* === Global === */ body { background-color: #121212; color: #e0e0e0; /* light main text for readability */ } /* === Links === */ a { color: #ffcc66; /* bright accent for links */ text-decoration: none; } a:visited { color: #ff9900; /* distinguish visited links */ } a:hover { color: #ffc966; text-decoration: underline; } /* === Main Content === */ #content, #bodyContent, #mw-content-text, .mw-parser-output { background-color: #1c1c1c; padding: 20px; border-radius: 6px; color: #e0e0e0; } .mw-parser-output p, .mw-parser-output li { color: #e0e0e0; } /* Headings */ .mw-parser-output h1, .mw-parser-output h2, .mw-parser-output h3 { color: #ffcc66; border-bottom: 1px solid #333; padding-bottom: 4px; } /* === Sidebar / Navigation === */ #column-one, #sidebar, .portlet { background-color: #1b1b1b; border: 1px solid #333; border-radius: 4px; padding: 10px; color: #e0e0e0; } .portlet h3 { color: #ffcc66; } .portlet a { color: #ff9900; } .portlet a:hover { color: #ffc966; } /* === Search / Buttons === */ input.searchButton, button, .mw-button { background-color: #2a2a2a; border: 1px solid #444; color: #ff9900; border-radius: 4px; } input.searchButton:hover, button:hover, .mw-button:hover { background-color: #3a3a3a; } /* === Footer === */ #footer { background-color: #121212; color: #ccc; border-top: 1px solid #333; padding: 15px; } #footer a { color: #ff9900; } #footer a:hover { color: #ffc966; } /* === Notices / Alerts === */ #siteNotice { background-color: #222; color: #ffcc66; border-left: 4px solid #ffcc66; padding: 8px 12px; margin-bottom: 10px; border-radius: 4px; } /* === Tables === */ table { background-color: #1c1c1c; color: #e0e0e0; border: 1px solid #333; } th { background-color: #2a2a2a; color: #ffcc66; border-bottom: 1px solid #444; } td { border-bottom: 1px solid #333; }