MediaWiki:Vector.css - Revision history

Jkhanlar: Dark mode updates

2022-05-05T08:05:56Z

Dark mode updates

← Older revision		Revision as of 04:05, 5 May 2022
Line 14:		Line 14:
	position: relative;		position: relative;
	}		}

	html::before {		html::before {
	background-attachment: fixed, fixed;		background-attachment: fixed, fixed;
Line 32:		Line 33:
	}		}

	body {		body,
	background~~-color~~: unset;		code,
			pre,
			.mw-code {
			background: unset;
	}		}

	.mw-body, .parsoid-body{		.mw-body, .parsoid-body{
	background-color: rgba(255, 255, 255, 0.25);		background-color: rgba(255, 255, 255, 0.25);
	}		}

	.mw-wiki-logo {		.mw-wiki-logo {
	filter: invert(100%);		filter: invert(100%);
	}		}

	.pswp {		.pswp {
	filter: invert(100%);		filter: invert(100%);
	}		}

	.wikitable {		.wikitable {
	background-color: rgba(249, 249, 249, 0.25);		background-color: rgba(249, 249, 249, 0.25);
	}		}

	#footer-copyrightico {		#footer-copyrightico {
	filter: invert(100%);		filter: invert(100%);
	}		}

	#mw-page-base {		#mw-page-base {
	background-color: rgba(251, 251, 251, 0.25);		background-color: rgba(251, 251, 251, 0.25);
	background-image: initial;		background-image: initial;
	}		}

	/* Credit logo artist */		/* Credit logo artist */
	#p-logo .mw-wiki-logo-credit {		#p-logo .mw-wiki-logo-credit {

Jkhanlar: css background image fix for page requests with little or no content

2022-05-05T00:14:38Z

css background image fix for page requests with little or no content

← Older revision		Revision as of 20:14, 4 May 2022
Line 6:		Line 6:
	html,body {		html,body {
	height: unset;		height: unset;
			min-height: 100%;
	}		}
	}		}

Jkhanlar: Attempt to fix background image issue (as seen in Firefox and https://archive.today/) with assistance from the crew @ Libera.chat/CSS / https://hashcss.com/

2022-05-04T02:16:55Z

Attempt to fix background image issue (as seen in Firefox and https://archive.today/) with assistance from the crew @ Libera.chat/CSS / https://hashcss.com/

← Older revision		Revision as of 22:16, 3 May 2022
Line 2:		Line 2:
	/* Use https://moasspedia.org/wiki/Special:MyPage/vector.css to add your own CSS before adding here */		/* Use https://moasspedia.org/wiki/Special:MyPage/vector.css to add your own CSS before adding here */
	/* See https://moasspedia.org/wiki/MediaWiki:Common.css to apply to all skins/themes */		/* See https://moasspedia.org/wiki/MediaWiki:Common.css to apply to all skins/themes */

			@media screen {
			html,body {
			height: unset;
			}
			}

	html {		html {
	filter: invert(100%);		filter: invert(100%);
			position: relative;
	}		}
	html::before {		html::before {
Line 16:		Line 23:
	background-size: cover, cover;		background-size: cover, cover;
	content: "";		content: "";
	height: ~~100vh~~;		height: 100%;
	left: 0;		left: 0;
	position: ~~fixed~~;		position: absolute;
	top: 0;		top: 0;
	width: 100%;		width: 100%;

Jkhanlar: Dark mode updates

2022-04-18T08:30:25Z

Dark mode updates

← Older revision		Revision as of 04:30, 18 April 2022
Line 32:		Line 32:
	.mw-wiki-logo {		.mw-wiki-logo {
	filter: invert(100%);		filter: invert(100%);
			}
			.pswp {
			filter: invert(100%);
	}		}
	.wikitable {		.wikitable {

Jkhanlar: Dark mode updates

2022-04-16T00:59:43Z

Dark mode updates

← Older revision		Revision as of 20:59, 15 April 2022
Line 21:		Line 21:
	top: 0;		top: 0;
	width: 100%;		width: 100%;
			z-index: -9999;
	}		}

Jkhanlar: height: 100vh instead of 100%

2022-04-04T17:10:43Z

height: 100vh instead of 100%

← Older revision		Revision as of 13:10, 4 April 2022
Line 16:		Line 16:
	background-size: cover, cover;		background-size: cover, cover;
	content: "";		content: "";
	height: ~~100%~~;		height: 100vh;
	left: 0;		left: 0;
	position: fixed;		position: fixed;

Jkhanlar: Undo revision 865330 by Jkhanlar (talk)

2022-04-04T17:10:18Z

Undo revision 865330 by Jkhanlar (talk)

← Older revision		Revision as of 13:10, 4 April 2022
Line 4:		Line 4:

	html {		html {
	~~background-attachment: fixed, fixed;~~
	~~background-image: linear-gradient(rgba(246, 246, 246, 0.75) 0%, rgba(246, 246, 246, 0.75) 100%), url(/w/resources/assets/bg/Crayon_eating_ape_Boltflower.inverted.jpg);~~
	~~background-repeat: no-repeat, no-repeat;~~
	~~background-position: center center, center center;~~
	~~-moz-background-size: cover, cover;~~
	~~-o-background-size: cover, cover;~~
	~~-webkit-background-size: cover, cover;~~
	~~background-size: cover, cover;~~
	filter: invert(100%);		filter: invert(100%);
	}		}

Jkhanlar: duplicate background to fix mobile chrome flickering

2022-04-04T17:08:39Z

duplicate background to fix mobile chrome flickering

← Older revision		Revision as of 13:08, 4 April 2022
Line 4:		Line 4:

	html {		html {
			background-attachment: fixed, fixed;
			background-image: linear-gradient(rgba(246, 246, 246, 0.75) 0%, rgba(246, 246, 246, 0.75) 100%), url(/w/resources/assets/bg/Crayon_eating_ape_Boltflower.inverted.jpg);
			background-repeat: no-repeat, no-repeat;
			background-position: center center, center center;
			-moz-background-size: cover, cover;
			-o-background-size: cover, cover;
			-webkit-background-size: cover, cover;
			background-size: cover, cover;
	filter: invert(100%);		filter: invert(100%);
	}		}

Jkhanlar: fix 100% height issue

2022-04-04T16:34:49Z

fix 100% height issue

← Older revision		Revision as of 12:34, 4 April 2022
Line 18:		Line 18:
	height: 100%;		height: 100%;
	left: 0;		left: 0;
	position: ~~absolute~~;		position: fixed;
	top: 0;		top: 0;
	width: 100%;		width: 100%;

Jkhanlar: Fix for mobile, apparently filter: invert doesn't work the same on mobile

2022-04-04T16:24:15Z

Fix for mobile, apparently filter: invert doesn't work the same on mobile

← Older revision		Revision as of 12:24, 4 April 2022
Line 4:		Line 4:

	html {		html {
			filter: invert(100%);
			}
			html::before {
	background-attachment: fixed, fixed;		background-attachment: fixed, fixed;
	background-image: linear-gradient(rgba(246, 246, 246, 0.75) 0%, rgba(246, 246, 246, 0.75) 100%), url(/w/resources/assets/bg/Crayon_eating_ape_Boltflower.inverted.jpg);		background-image: linear-gradient(rgba(246, 246, 246, 0.75) 0%, rgba(246, 246, 246, 0.75) 100%), url(/w/resources/assets/bg/Crayon_eating_ape_Boltflower.inverted.jpg);
Line 12:		Line 15:
	-webkit-background-size: cover, cover;		-webkit-background-size: cover, cover;
	background-size: cover, cover;		background-size: cover, cover;
	~~filter~~: ~~invert(~~100%);		content: "";
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
	}		}

	body {		body {
	background-color: unset;		background-color: unset;