MediaWiki:Common.css: Difference between revisions
From Noe's Woes
Noelle Jade (talk | contribs) (Created page with "→CSS placed here will be applied to all skins: →Global dark mode: body { background-color: #121212; color: #E0E0E0; } a { color: #1E90FF; →Light blue for links: } a:visited { color: #8A2BE2; →Purple for visited links: } →Header background and text color: #mp-upper, #firstHeading, .skin-vector-main-header { background-color: #1E1E1E; color: #FFFFFF; } →Navigation bar: #p-navigation { background-color: #1E1E1E; co...") |
Noelle Jade (talk | contribs) No edit summary |
||
| (10 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
@font-face { |
|||
/* CSS placed here will be applied to all skins */ |
|||
font-family: "Nasalization"; |
|||
/* Global dark mode */ |
|||
src: url(noelle.df1.dev/assets/fonts/nasalization-rg.woff2) format("woff2"), |
|||
| ⚫ | |||
url(noelle.df1.dev/assets/fonts/nasalization-rg.otf) format("opentype"); |
|||
background-color: #121212; |
|||
color: #E0E0E0; |
|||
} |
|||
body { |
|||
font-family: 'Nasalization'; |
|||
color: #1E90FF; /* Light blue for links */ |
|||
} |
} |
||
.mw-editsection-like { |
|||
a:visited { |
|||
font-family: 'Nasalization'; |
|||
color: #8A2BE2; /* Purple for visited links */ |
|||
} |
} |
||
| ⚫ | |||
/* Header background and text color */ |
|||
// h1's can exist outside of `.mw-body-content` so some heading styles |
|||
#mp-upper, #firstHeading, .skin-vector-main-header { |
|||
// therefore need to be defined in `.mw-body` as well. |
|||
background-color: #1E1E1E; |
|||
h1, |
|||
color: #FFFFFF; |
|||
.mw-heading1, |
|||
} |
|||
| ⚫ | |||
&-content .mw-heading1, |
|||
/* Navigation bar */ |
|||
&-content h2, |
|||
#p-navigation { |
|||
&-content .mw-heading2 { |
|||
background-color: #1E1E1E; |
|||
font-family: 'Nasalization'; |
|||
color: #E0E0E0; |
|||
} |
|||
#p-navigation a { |
|||
color: #E0E0E0; |
|||
} |
|||
#p-navigation a:hover { |
|||
color: #1E90FF; |
|||
} |
|||
/* Footer */ |
|||
#footer { |
|||
background-color: #1E1E1E; |
|||
color: #E0E0E0; |
|||
} |
|||
/* Links in tables, list items, etc */ |
|||
table, .wikitable { |
|||
background-color: #1E1E1E; |
|||
color: #E0E0E0; |
|||
} |
|||
/* Form elements */ |
|||
input, select, textarea { |
|||
background-color: #333; |
|||
color: #E0E0E0; |
|||
border: 1px solid #444; |
|||
} |
|||
/* Darken the page background */ |
|||
| ⚫ | |||
background-color: #181818; |
|||
} |
|||
/* Dark mode specific styles for images and media */ |
|||
img { |
|||
border: 1px solid #444; |
|||
} |
|||
/* Optional: To handle hover effects and transitions for smooth change */ |
|||
a, button { |
|||
transition: color 0.3s ease, background-color 0.3s ease; |
|||
} |
|||
Latest revision as of 07:14, 19 Mayıs 2025
@font-face {
font-family: "Nasalization";
src: url(noelle.df1.dev/assets/fonts/nasalization-rg.woff2) format("woff2"),
url(noelle.df1.dev/assets/fonts/nasalization-rg.otf) format("opentype");
body {
font-family: 'Nasalization';
}
.mw-editsection-like {
font-family: 'Nasalization';
}
.mw-body {
// h1's can exist outside of `.mw-body-content` so some heading styles
// therefore need to be defined in `.mw-body` as well.
h1,
.mw-heading1,
&-content h1,
&-content .mw-heading1,
&-content h2,
&-content .mw-heading2 {
font-family: 'Nasalization';
