Jump to content

MediaWiki:Common.css

From ChronoVale Wiki
Revision as of 13:49, 20 December 2025 by Prysmiq (talk | contribs) (Created page with "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.pa...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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;
}