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