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 === */ | ||
body { | body { | ||
background-color: # | background-color: #121212; /* dark background */ | ||
color: # | color: #e0e0e0; /* light text */ | ||
font-family: | font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; | ||
} | } | ||
a { | |||
color: #ff9900; /* bright accent */ | |||
text-decoration: none; | |||
} | } | ||
a:hover { | |||
color: #ffc966; | |||
text-decoration: underline; | |||
} | } | ||
/* | /* === Main Content === */ | ||
# | #content, | ||
# | #bodyContent, | ||
# | #mw-content-text, | ||
background-color: #1c1c1c | .mw-parser-output { | ||
background-color: #1c1c1c; | |||
border: | padding: 20px; | ||
border-radius: 6px; | |||
} | } | ||
.mw-parser-output h1, | |||
.mw-parser-output h2, | |||
.mw-parser-output h3, | |||
.mw-parser-output h4, | |||
# | .mw-parser-output h5, | ||
.mw-parser-output h6 { | |||
color: #ffcc66; | |||
border-bottom: 1px solid #333; | |||
padding-bottom: 4px; | |||
} | } | ||
/* Navigation | /* === Sidebar / Navigation === */ | ||
# | #column-one, | ||
#sidebar, | |||
#p-navigation, | #p-navigation, | ||
#p- | #p-personal, | ||
#p- | #p-search, | ||
#p-tb, | #p-tb, | ||
.portlet { | |||
background-color: #1b1b1b; | |||
background-color: # | border: 1px solid #333; | ||
border-radius: 4px; | |||
padding: 10px; | |||
} | } | ||
.portlet h3 { | |||
color: # | color: #ffcc66; | ||
font-weight: bold; | |||
} | } | ||
color: # | .portlet a { | ||
color: #ff9900; | |||
} | } | ||
.portlet a:hover { | |||
color: #ffc966; | |||
} | } | ||
/* | /* === Buttons === */ | ||
input.searchButton, | |||
button, | |||
.mw-button { | |||
.mw- | background-color: #2a2a2a; | ||
border: 1px solid #444; | |||
background-color: # | color: #ff9900; | ||
color: # | border-radius: 4px; | ||
padding: 4px 10px; | |||
} | } | ||
input.searchButton:hover, | |||
. | button:hover, | ||
.mw-button:hover { | |||
.mw- | background-color: #3a3a3a; | ||
border-color: #ff9900; | |||
border- | |||
} | } | ||
/* | /* === Tables === */ | ||
table { | |||
color: # | background-color: #1c1c1c; | ||
color: #e0e0e0; | |||
border: 1px solid #333; | |||
} | } | ||
color: # | th { | ||
background-color: #2a2a2a; | |||
color: #ffcc66; | |||
border-bottom: 1px solid #444; | |||
} | } | ||
td { | |||
border-bottom: 1px solid #333; | |||
} | } | ||
/* | /* === Footer === */ | ||
#footer { | |||
background-color: #121212; | |||
background-color: # | color: #888; | ||
color: # | border-top: 1px solid #333; | ||
padding: 15px; | |||
border- | |||
padding: | |||
} | } | ||
#footer a { | |||
color: #ff9900; | |||
# | |||
color: # | |||
} | } | ||
#footer a:hover { | |||
color: #ffc966; | |||
} | } | ||
/* | /* === Alerts / Notices === */ | ||
#siteNotice { | |||
background: #222 | background-color: #222; | ||
color: # | color: #ff9900; | ||
border-left: 4px solid #ff9900; | |||
padding: 8px 12px; | |||
margin-bottom: 10px; | |||
border-radius: 4px; | border-radius: 4px; | ||
} | } |
Revision as of 05:30, 6 October 2025
/* === Global === */ body { background-color: #121212; /* dark background */ color: #e0e0e0; /* light text */ font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } a { color: #ff9900; /* bright accent */ text-decoration: none; } 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; } .mw-parser-output h1, .mw-parser-output h2, .mw-parser-output h3, .mw-parser-output h4, .mw-parser-output h5, .mw-parser-output h6 { color: #ffcc66; border-bottom: 1px solid #333; padding-bottom: 4px; } /* === Sidebar / Navigation === */ #column-one, #sidebar, #p-navigation, #p-personal, #p-search, #p-tb, .portlet { background-color: #1b1b1b; border: 1px solid #333; border-radius: 4px; padding: 10px; } .portlet h3 { color: #ffcc66; font-weight: bold; } .portlet a { color: #ff9900; } .portlet a:hover { color: #ffc966; } /* === Buttons === */ input.searchButton, button, .mw-button { background-color: #2a2a2a; border: 1px solid #444; color: #ff9900; border-radius: 4px; padding: 4px 10px; } input.searchButton:hover, button:hover, .mw-button:hover { background-color: #3a3a3a; border-color: #ff9900; } /* === 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; } /* === Footer === */ #footer { background-color: #121212; color: #888; border-top: 1px solid #333; padding: 15px; } #footer a { color: #ff9900; } #footer a:hover { color: #ffc966; } /* === Alerts / Notices === */ #siteNotice { background-color: #222; color: #ff9900; border-left: 4px solid #ff9900; padding: 8px 12px; margin-bottom: 10px; border-radius: 4px; }