User:0x99/common.css

From Puella Magi Wiki
Jump to navigation Jump to search

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.
/* Light theme 
 * ======================================================================== */
html.skin-theme-clientpref-day body {
	background-image: url('/static/assets/bg_light_top.svg?not-final-1792036408'), url('https://images.puella-magi.net/9/97/Madoka_Website_bg_2_vectorized_justbg_vertical.svg?v=712p4mp9mzm1w2ln7619k12a3y9e0i1');
	background-position: center top, center top;
	background-repeat: no-repeat, repeat-y;
	background-size: 100% auto, 100% auto;
}

/* Citizen */
html.skin-theme-clientpref-day body.skin-citizen .citizen-page-container {
	background-color: rgba(255, 255, 255, 0.65);
}

/* Vector 2022 */
html.skin-theme-clientpref-day body.skin-vector .mw-page-container,
html.skin-theme-clientpref-day body.skin-vector .vector-pinned-container {
	background: none;
}

html.skin-theme-clientpref-day body.skin-vector .mw-page-container {
	background-color: rgba(255, 255, 255, 0.65);
}

html.skin-theme-clientpref-day body.skin-vector .vector-sticky-pinned-container::after {
	display: none;
}

/* General fixes */
html.skin-theme-clientpref-day .wikiEditor-ui {
	background-color: #fff;
}

@media (prefers-color-scheme: light) {
	html.skin-theme-clientpref-os body {
		background-image: url('/static/assets/bg_light_top.svg?not-final-1792036408'), url('https://images.puella-magi.net/9/97/Madoka_Website_bg_2_vectorized_justbg_vertical.svg?v=712p4mp9mzm1w2ln7619k12a3y9e0i1');
		background-position: center top, center top;
		background-repeat: no-repeat, repeat-y;
		background-size: 100% auto, 100% auto;
	}
	
	/* Citizen */
	html.skin-theme-clientpref-os body.skin-citizen .citizen-page-container {
		background-color: rgba(255, 255, 255, 0.65);
	}

	/* Vector 2022 */
	html.skin-theme-clientpref-os body.skin-vector .mw-page-container,
	html.skin-theme-clientpref-os body.skin-vector .vector-pinned-container {
		background: none;
	}

	html.skin-theme-clientpref-os body.skin-vector .mw-page-container {
		background-color: rgba(255, 255, 255, 0.65);
	}
	
	html.skin-theme-clientpref-os body.skin-vector .vector-sticky-pinned-container::after {
		display: none;
	}

	/* General fixes */
	html.skin-theme-clientpref-os .wikiEditor-ui {
		background-color: #fff;
	}
}