MediaWiki:Vector.css - Revision history

Nat: Replaced content with "/* All CSS here will be loaded for users of the Vector skin / / set max width and fix the background */ html, body { position: relative; margin-left: auto !important; margin-right: auto !important; max-width: 1280px; background-position: top left; background-repeat: repeat-x; background-size: 100% 5em; background-image: url(/skins/Vector/images/page-fade.png); background-color: #f6f6f6; background-image: -webkit-gradient(linear,left top,lef..."

2025-04-09T12:19:49Z

Replaced content with "All CSS here will be loaded for users of the Vector skin: set max width and fix the background: html, body { position: relative; margin-left: auto !important; margin-right: auto !important; max-width: 1280px; background-position: top left; background-repeat: repeat-x; background-size: 100% 5em; background-image: url(/skins/Vector/images/page-fade.png); background-color: #f6f6f6; background-image: -webkit-gradient(linear,left top,lef..."

Show changes

Nat at 12:19, 9 April 2025

2025-04-09T12:19:01Z

Show changes

Nat at 13:51, 7 April 2025

2025-04-07T13:51:36Z

← Older revision	Revision as of 13:51, 7 April 2025
Line 1:	Line 1:
		/* All CSS here will be loaded for users of the Vector skin */
		/* set max width and fix the background */
		html,
		body {
		position: relative;
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 1280px;
		background-position: top left;
		background-repeat: repeat-x;
		background-size: 100% 5em;
		background-image: url(/skins/Vector/images/page-fade.png);
		background-color: #f6f6f6;
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#ffffff),color-stop(100%,#f6f6f6));
		background-image: -webkit-linear-gradient(top,#ffffff 50%,#f6f6f6 100%);
		background-image: -moz-linear-gradient(top,#ffffff 50%,#f6f6f6 100%);
		background-image: linear-gradient(#ffffff 50%,#f6f6f6 100%);
		}

		/* set blue right border */
		.mw-body { border-right: 1px solid #A7D7F9; }

		/** fix the position of:
		personal user menu
		search bar
		the pop-up indicator of language selector
		search suggestions
		**/
		#p-personal { right: 3pt; }
		#p-search { margin-right: 3pt; }
		.imeselector { position: fixed; }
		.suggestions { right: 3pt !important; }

Nat: Blanked the page

2025-04-07T13:51:11Z

Blanked the page

← Older revision		Revision as of 13:51, 7 April 2025
Line 1:		Line 1:
	~~/* All CSS here will be loaded for users of the Vector skin */~~
	~~/* set max width and fix the background */~~
	~~html,~~
	~~body {~~
	~~position: relative;~~
	~~margin-left: auto !important;~~
	~~margin-right: auto !important;~~
	~~max-width: 1280px;~~
	~~background-position: top left;~~
	~~background-repeat: repeat-x;~~
	~~background-size: 100% 5em;~~
	~~background-image: url(/skins/Vector/images/page-fade.png);~~
	~~background-color: #f6f6f6;~~
	~~background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#ffffff),color-stop(100%,#f6f6f6));~~
	~~background-image: -webkit-linear-gradient(top,#ffffff 50%,#f6f6f6 100%);~~
	~~background-image: -moz-linear-gradient(top,#ffffff 50%,#f6f6f6 100%);~~
	~~background-image: linear-gradient(#ffffff 50%,#f6f6f6 100%);~~
	}

	~~/* set blue right border */~~
	~~.mw-body { border-right: 1px solid #A7D7F9; }~~

	~~/** fix the position of:~~
	~~personal user menu~~
	~~search bar~~
	~~the pop-up indicator of language selector~~
	~~search suggestions~~
	**/
	~~#p-personal { right: 3pt; }~~
	~~#p-search { margin-right: 3pt; }~~
	~~.imeselector { position: fixed; }~~
	~~.suggestions { right: 3pt !important; }~~

Nat at 13:50, 7 April 2025

2025-04-07T13:50:35Z

← Older revision		Revision as of 13:50, 7 April 2025
Line 1:		Line 1:
	/* All CSS here will be loaded for users of the Vector skin */		/* All CSS here will be loaded for users of the Vector skin */
	~~#content~~ {		/* set max width and fix the background */
	max-width: ~~900px~~;		html,
	~~margin~~: ~~0 auto~~; /~~* center it *~~/		body {
	~~padding~~: ~~0 20px~~;		position: relative;
			margin-left: auto !important;
			margin-right: auto !important;
			max-width: 1280px;
			background-position: top left;
			background-repeat: repeat-x;
			background-size: 100% 5em;
			background-image: url(/skins/Vector/images/page-fade.png);
			background-color: #f6f6f6;
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#ffffff),color-stop(100%,#f6f6f6));
			background-image: -webkit-linear-gradient(top,#ffffff 50%,#f6f6f6 100%);
			background-image: -moz-linear-gradient(top,#ffffff 50%,#f6f6f6 100%);
			background-image: linear-gradient(#ffffff 50%,#f6f6f6 100%);
	}		}

	/* ~~Optional: also constrain header and footer~~ */		/* set blue right border */
	#mw-~~head,~~ #mw-~~panel,~~ #~~footer~~ {		.mw-body { border-right: 1px solid #A7D7F9; }
	~~max~~-~~width~~: ~~1200px~~;
	~~margin~~: ~~0 auto~~;		/** fix the position of:
	}		personal user menu
			search bar
			the pop-up indicator of language selector
			search suggestions
			**/
			#p-personal { right: 3pt; }
			#p-search { margin-right: 3pt; }
			.imeselector { position: fixed; }
			.suggestions { right: 3pt !important; }

Nat at 13:48, 7 April 2025

2025-04-07T13:48:26Z

← Older revision		Revision as of 13:48, 7 April 2025
Line 1:		Line 1:
	/* All CSS here will be loaded for users of the Vector skin */		/* All CSS here will be loaded for users of the Vector skin */
	~~/* Create a central wrapper */~~
	~~#mw-page-base, #mw-head-base, #content, #mw-head, #mw-panel, #footer {~~
	~~max-width: 1200px;~~
	~~margin-left: auto;~~
	~~margin-right: auto;~~
	}

	~~/* Optional: Slight padding to keep text from hugging the edge */~~
	#content {		#content {
			max-width: 900px;
			margin: 0 auto; /* center it */
	padding: 0 20px;		padding: 0 20px;
	}		}

	/* ~~Make sure the sidebar doesn't stay way off to the side~~ */		/* Optional: also constrain header and footer */
	#mw-panel {		#mw-head, #mw-panel, #footer {
	~~position: relative;~~
	}

	~~/* Tabs (like View~~, ~~Edit) also need to stay inside the container */~~
	#~~p-cactions~~ {
	max-width: 1200px;		max-width: 1200px;
	margin~~-left: auto;~~		margin: 0 auto;
	~~margin-right~~: auto;
	}		}

Nat at 13:47, 7 April 2025

2025-04-07T13:47:38Z

← Older revision		Revision as of 13:47, 7 April 2025
Line 1:		Line 1:
	/* All CSS here will be loaded for users of the Vector skin */		/* All CSS here will be loaded for users of the Vector skin */
	/* ~~Set~~ a ~~maximum~~ width ~~for~~ the ~~content~~ */		/* Create a central wrapper */
			#mw-page-base, #mw-head-base, #content, #mw-head, #mw-panel, #footer {
			max-width: 1200px;
			margin-left: auto;
			margin-right: auto;
			}

			/* Optional: Slight padding to keep text from hugging the edge */
	#content {		#content {
	~~max-width: 900px;~~
	~~margin: 0 auto; /* center it */~~
	padding: 0 20px;		padding: 0 20px;
	}		}

	/* ~~Optional: also constrain header and footer~~ */		/* Make sure the sidebar doesn't stay way off to the side */
	#mw-~~head~~, #mw-~~panel, #footer~~ {		#mw-panel {
			position: relative;
			}

			/* Tabs (like View, Edit) also need to stay inside the container */
			#p-cactions {
	max-width: 1200px;		max-width: 1200px;
	margin: 0 auto;		margin-left: auto;
			margin-right: auto;
	}		}

Nat: Created page with "/* All CSS here will be loaded for users of the Vector skin / / Set a maximum width for the content / #content { max-width: 900px; margin: 0 auto; / center it / padding: 0 20px; } / Optional: also constrain header and footer */ #mw-head, #mw-panel, #footer { max-width: 1200px; margin: 0 auto; }"

2025-04-07T13:45:36Z

Created page with "All CSS here will be loaded for users of the Vector skin: Set a maximum width for the content: #content { max-width: 900px; margin: 0 auto; center it: padding: 0 20px; } Optional: also constrain header and footer: #mw-head, #mw-panel, #footer { max-width: 1200px; margin: 0 auto; }"

New page

/* All CSS here will be loaded for users of the Vector skin */
/* Set a maximum width for the content */
#content {
max-width: 900px;
margin: 0 auto; /* center it */
padding: 0 20px;
}

/* Optional: also constrain header and footer */
#mw-head, #mw-panel, #footer {
max-width: 1200px;
margin: 0 auto;
}