MediaWiki:Common.css
Appearance
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* CSS placed here will be applied to all skins */
/* Timeless: Dark Login only (Special:UserLogin) */
body.page-Special_UserLogin,
body.mw-special-Userlogin {
/* Page background */
background: #0e141b !important;
color: #e6edf3 !important;
}
/* The login panel/container */
body.page-Special_UserLogin #content,
body.mw-special-Userlogin #content,
body.page-Special_UserLogin .mw-body,
body.mw-special-Userlogin .mw-body {
background: transparent !important;
}
body.page-Special_UserLogin #mw-content-text,
body.mw-special-Userlogin #mw-content-text,
body.page-Special_UserLogin form,
body.mw-special-Userlogin form {
background: #111a23 !important;
border: 1px solid rgba(255,255,255,0.12) !important;
border-radius: 10px;
padding: 16px;
}
/* Inputs */
body.page-Special_UserLogin input[type="text"],
body.page-Special_UserLogin input[type="password"],
body.page-Special_UserLogin input[type="email"],
body.mw-special-Userlogin input[type="text"],
body.mw-special-Userlogin input[type="password"],
body.mw-special-Userlogin input[type="email"] {
background: #0b1218 !important;
color: #e6edf3 !important;
border: 1px solid rgba(255,255,255,0.18) !important;
border-radius: 6px;
}
/* Placeholder text */
body.page-Special_UserLogin input::placeholder,
body.mw-special-Userlogin input::placeholder {
color: rgba(230,237,243,0.55) !important;
}
/* Labels / headings */
body.page-Special_UserLogin label,
body.page-Special_UserLogin h1,
body.page-Special_UserLogin h2,
body.mw-special-Userlogin label,
body.mw-special-Userlogin h1,
body.mw-special-Userlogin h2 {
color: #e6edf3 !important;
}
/* Buttons */
body.page-Special_UserLogin button,
body.page-Special_UserLogin input[type="submit"],
body.mw-special-Userlogin button,
body.mw-special-Userlogin input[type="submit"] {
background: #2d6cdf !important;
color: #ffffff !important;
border: 1px solid rgba(255,255,255,0.12) !important;
border-radius: 6px;
}
/* Links */
body.page-Special_UserLogin a,
body.mw-special-Userlogin a {
color: #7cb7ff !important;
}