MediaWiki:Common.css: Difference between revisions
From IUO Tome of Knowledge
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;
}
