MediaWiki:Common.css - Revision history

76561198021843184: test

2025-08-01T23:41:57Z

test

← Older revision		Revision as of 23:41, 1 August 2025
Line 1:		Line 1:
	~~/* CSS placed here will be applied to all skins */~~

	~~/* Grid layout for front page */~~
	~~/* grid container (large screen) */~~
	~~.grid-container {~~
	~~display: grid;~~
	~~grid-template-areas:~~
	~~'header header header header header header'~~
	~~'middle middle middle middle middle right'~~
	~~'middle2 middle2 middle2 middle2 middle2 right'~~
	~~'middle3 middle3 middle3 middle3 middle3 right'~~
	~~'bottom bottom bottom bottom bottom right';~~
	}

	~~/* grid container (medium screen) */~~
	~~@media only screen and (max-width: 80rem) {~~
	~~.grid-container {~~
	~~grid-template-areas:~~
	~~'header header header header header header'~~
	~~'middle middle middle middle right right'~~
	~~'middle2 middle2 middle2 middle2 right right '~~
	~~'middle3 middle3 middle3 middle3 middle3 middle3'~~
	~~'bottom bottom bottom bottom bottom bottom';~~
	}
	}

	~~/* grid container (small screen) */~~
	~~@media only screen and (max-width: 64rem) {~~
	~~.grid-container {~~
	~~grid-template-areas:~~
	~~'header header header header header header'~~
	~~'middle middle middle middle middle middle'~~
	~~'middle2 middle2 middle2 middle2 middle2 middle2'~~
	~~'middle3 middle3 middle3 middle3 middle3 middle3'~~
	~~'right right right right right right'~~
	~~'bottom bottom bottom bottom bottom bottom';~~
	}
	}

	~~/* grid area location classes */~~
	~~.header { grid-area: header; }~~
	~~.bottom { grid-area: bottom; }~~
	~~.left { grid-area: left; }~~
	~~.right { grid-area: right; }~~
	~~.middle { grid-area: middle; }~~
	~~.middle2 { grid-area: middle2; }~~
	~~.middle3 { grid-area: middle3; }~~

HHadmin at 10:34, 27 October 2022

2022-10-27T10:34:24Z

← Older revision		Revision as of 10:34, 27 October 2022
Line 1:		Line 1:
	/* CSS placed here will be applied to all skins */		/* CSS placed here will be applied to all skins */

			/* Grid layout for front page */
			/* grid container (large screen) */
			.grid-container {
			display: grid;
			grid-template-areas:
			'header header header header header header'
			'middle middle middle middle middle right'
			'middle2 middle2 middle2 middle2 middle2 right'
			'middle3 middle3 middle3 middle3 middle3 right'
			'bottom bottom bottom bottom bottom right';
			}

			/* grid container (medium screen) */
			@media only screen and (max-width: 80rem) {
			.grid-container {
			grid-template-areas:
			'header header header header header header'
			'middle middle middle middle right right'
			'middle2 middle2 middle2 middle2 right right '
			'middle3 middle3 middle3 middle3 middle3 middle3'
			'bottom bottom bottom bottom bottom bottom';
			}
			}

			/* grid container (small screen) */
			@media only screen and (max-width: 64rem) {
			.grid-container {
			grid-template-areas:
			'header header header header header header'
			'middle middle middle middle middle middle'
			'middle2 middle2 middle2 middle2 middle2 middle2'
			'middle3 middle3 middle3 middle3 middle3 middle3'
			'right right right right right right'
			'bottom bottom bottom bottom bottom bottom';
			}
			}

			/* grid area location classes */
			.header { grid-area: header; }
			.bottom { grid-area: bottom; }
			.left { grid-area: left; }
			.right { grid-area: right; }
			.middle { grid-area: middle; }
			.middle2 { grid-area: middle2; }
			.middle3 { grid-area: middle3; }

HHadmin: Replaced content with "/* CSS placed here will be applied to all skins */"

2022-09-16T10:26:59Z

Replaced content with "CSS placed here will be applied to all skins: "

← Older revision		Revision as of 10:26, 16 September 2022
Line 1:		Line 1:
	/* CSS placed here will be applied to all skins */		/* CSS placed here will be applied to all skins */

	~~/* SITE COLORS */~~

	~~#content { background-color: #38373D; } - changes the background color of the content of articles/pages, including the title of the articles.~~

	~~#bodyContent { background-color: blue; } - changes the background color of the content of pages, without the title of the pages.~~

	~~#firstHeading { background-color: orange; } - changes the background color only of page titles.~~

	#catlinks { background-color: green; } - changes the background color of the area in which are displayed the links to the categories to which the page belongs. If a page is assigned to categories, they are listed exactly under the content of the page in a rectangular container.

	#mw-head-base { background-color: #e6ffb4; } - changes the background color at the top of the screen, the area above the page title. It doesn't affect the color of the page tabs (e.g. Discussion, Edit, etc.).

	#mw-panel { background-color: #e6ffb4; } - changes the background color of the menus on the left side of the screen (the area where the links Recent changes, Random page, etc., and the Tools menu are located).

	~~#p-logo { background-color: #e6ffb4; } - sets the background color of the area where the logo is located (the top left corner).~~

	~~#p-navigation { background-color: #e6ffb4; } - this is for the background color of the Navigation menu in the left column. That's the menu with the links Main page, Recent changes, Random page, Help.~~

	~~#p-tb { background-color: #e6ffb4; } - changes the background color of the Tools menu in the left column. Both the title of the menu and the links in it are affected.~~

	~~#p-tb-label { background-color: #e6ffb4; } - changes the background color only of the title of the Tools menu on the left. The color of the actual menu is not changed.~~

	~~#p-tb .body { background-color: #e6ffb4; } - changes the background color of the Tools menu but without changing the background color of the title of the menu.~~

	#footer { background-color: #e6ffb4; } - this is for the background color of the footer of the site. This includes the area of the meta links (Privacy policy, Disclaimers, etc.), the information about the last modification of the page and how many times it has been accessed, and the icon "Powered by MediaWiki". All the space that's under the footer to the bottom of the screen is not affected.

	~~body { background-color: black; }~~

	~~/* TEXT COLORS */~~

	~~#content { color: #FFFFFF; }~~

	~~#content p { color: #FFFFFF; }~~

	~~#content h1 { color: #FFFFFF; }~~

	~~#content h2 { color: #FFFFFF; }~~

	#mw-panel #p-tb h3 { color: #FFFFFF ; font-size: 12px; font-family: "Courier New"; } - works only with Vector. This will change the color, size and font family only of the title/label of the Tools menu.

	div#footer ul li { color: #FFFFFF; } - this affects the text in the footer. This is the text about the last modification of the page, the information about the license used on the site, the links Privacy policy, Disclaimers, etc.

	~~#mw_content { color: #FFFFFF }~~

	~~/* LINK COLORS */~~

	~~/* standard link colors */~~
	~~.mw-body-content a:link { color: #FFFFFF ; } /* normal unvisited links */~~
	~~.mw-body-content a:link:visited { color: #FFFFFF ; } /* visited links */~~
	~~.mw-body-content a:link:active { color: #FFFFFF ; } /* active links */~~
	~~.mw-body-content a:link.new { color: #FFFFFF ; } /* new links */~~
	~~.mw-body-content a:link.extiw { color: #FFFFFF ; } /* interwiki links */~~
	~~.mw-body-content a:link.external { color: #FFFFFF ; } /* external links */~~
	~~.mw-body-content a:link.stub { color: #772233; } /* hovered links */~~



	~~'.\mediawiki\skins\common\commonElements.css' -> .mw-body a.extiw:visited { color: red }~~

	~~.mw-body-content a:link {color: #E95420}~~
	~~.mw-body-content a:visited {color: #E95420}~~
	~~.mw-body-content a:hover {color: #FF00FF}~~
	~~.mw-body-content a:active {color: #0000FF}~~

HHadmin at 10:26, 16 September 2022

2022-09-16T10:26:48Z

← Older revision		Revision as of 10:26, 16 September 2022
Line 1:		Line 1:
	/* CSS placed here will be applied to all skins */		/* CSS placed here will be applied to all skins */

			/* SITE COLORS */

			#content { background-color: #38373D; } - changes the background color of the content of articles/pages, including the title of the articles.

			#bodyContent { background-color: blue; } - changes the background color of the content of pages, without the title of the pages.

			#firstHeading { background-color: orange; } - changes the background color only of page titles.

			#catlinks { background-color: green; } - changes the background color of the area in which are displayed the links to the categories to which the page belongs. If a page is assigned to categories, they are listed exactly under the content of the page in a rectangular container.

			#mw-head-base { background-color: #e6ffb4; } - changes the background color at the top of the screen, the area above the page title. It doesn't affect the color of the page tabs (e.g. Discussion, Edit, etc.).

			#mw-panel { background-color: #e6ffb4; } - changes the background color of the menus on the left side of the screen (the area where the links Recent changes, Random page, etc., and the Tools menu are located).

			#p-logo { background-color: #e6ffb4; } - sets the background color of the area where the logo is located (the top left corner).

			#p-navigation { background-color: #e6ffb4; } - this is for the background color of the Navigation menu in the left column. That's the menu with the links Main page, Recent changes, Random page, Help.

			#p-tb { background-color: #e6ffb4; } - changes the background color of the Tools menu in the left column. Both the title of the menu and the links in it are affected.

			#p-tb-label { background-color: #e6ffb4; } - changes the background color only of the title of the Tools menu on the left. The color of the actual menu is not changed.

			#p-tb .body { background-color: #e6ffb4; } - changes the background color of the Tools menu but without changing the background color of the title of the menu.

			#footer { background-color: #e6ffb4; } - this is for the background color of the footer of the site. This includes the area of the meta links (Privacy policy, Disclaimers, etc.), the information about the last modification of the page and how many times it has been accessed, and the icon "Powered by MediaWiki". All the space that's under the footer to the bottom of the screen is not affected.

			body { background-color: black; }

			/* TEXT COLORS */

			#content { color: #FFFFFF; }

			#content p { color: #FFFFFF; }

			#content h1 { color: #FFFFFF; }

			#content h2 { color: #FFFFFF; }

			#mw-panel #p-tb h3 { color: #FFFFFF ; font-size: 12px; font-family: "Courier New"; } - works only with Vector. This will change the color, size and font family only of the title/label of the Tools menu.

			div#footer ul li { color: #FFFFFF; } - this affects the text in the footer. This is the text about the last modification of the page, the information about the license used on the site, the links Privacy policy, Disclaimers, etc.

			#mw_content { color: #FFFFFF }

			/* LINK COLORS */

			/* standard link colors */
			.mw-body-content a:link { color: #FFFFFF ; } /* normal unvisited links */
			.mw-body-content a:link:visited { color: #FFFFFF ; } /* visited links */
			.mw-body-content a:link:active { color: #FFFFFF ; } /* active links */
			.mw-body-content a:link.new { color: #FFFFFF ; } /* new links */
			.mw-body-content a:link.extiw { color: #FFFFFF ; } /* interwiki links */
			.mw-body-content a:link.external { color: #FFFFFF ; } /* external links */
			.mw-body-content a:link.stub { color: #772233; } /* hovered links */



			'.\mediawiki\skins\common\commonElements.css' -> .mw-body a.extiw:visited { color: red }

			.mw-body-content a:link {color: #E95420}
			.mw-body-content a:visited {color: #E95420}
			.mw-body-content a:hover {color: #FF00FF}
			.mw-body-content a:active {color: #0000FF}

HHadmin: Replaced content with "/* CSS placed here will be applied to all skins */"

2022-09-16T10:26:35Z

Replaced content with "CSS placed here will be applied to all skins: "

← Older revision		Revision as of 10:26, 16 September 2022
Line 1:		Line 1:
	/* CSS placed here will be applied to all skins */		/* CSS placed here will be applied to all skins */

	~~/* SITE COLORS */~~

	~~#content { background-color: #38373D; } - changes the background color of the content of articles/pages, including the title of the articles.~~

	~~#bodyContent { background-color: blue; } - changes the background color of the content of pages, without the title of the pages.~~

	~~#firstHeading { background-color: orange; } - changes the background color only of page titles.~~

	#catlinks { background-color: green; } - changes the background color of the area in which are displayed the links to the categories to which the page belongs. If a page is assigned to categories, they are listed exactly under the content of the page in a rectangular container.

	#mw-head-base { background-color: #e6ffb4; } - changes the background color at the top of the screen, the area above the page title. It doesn't affect the color of the page tabs (e.g. Discussion, Edit, etc.).

	#mw-panel { background-color: #e6ffb4; } - changes the background color of the menus on the left side of the screen (the area where the links Recent changes, Random page, etc., and the Tools menu are located).

	~~#p-logo { background-color: #e6ffb4; } - sets the background color of the area where the logo is located (the top left corner).~~

	~~#p-navigation { background-color: #e6ffb4; } - this is for the background color of the Navigation menu in the left column. That's the menu with the links Main page, Recent changes, Random page, Help.~~

	~~#p-tb { background-color: #e6ffb4; } - changes the background color of the Tools menu in the left column. Both the title of the menu and the links in it are affected.~~

	~~#p-tb-label { background-color: #e6ffb4; } - changes the background color only of the title of the Tools menu on the left. The color of the actual menu is not changed.~~

	~~#p-tb .body { background-color: #e6ffb4; } - changes the background color of the Tools menu but without changing the background color of the title of the menu.~~

	#footer { background-color: #e6ffb4; } - this is for the background color of the footer of the site. This includes the area of the meta links (Privacy policy, Disclaimers, etc.), the information about the last modification of the page and how many times it has been accessed, and the icon "Powered by MediaWiki". All the space that's under the footer to the bottom of the screen is not affected.

	~~body { background-color: black; }~~

	~~/* TEXT COLORS */~~

	~~#content { color: #FFFFFF; }~~

	~~#content p { color: #FFFFFF; }~~

	~~#content h1 { color: #FFFFFF; }~~

	~~#content h2 { color: #FFFFFF; }~~

	#mw-panel #p-tb h3 { color: #FFFFFF ; font-size: 12px; font-family: "Courier New"; } - works only with Vector. This will change the color, size and font family only of the title/label of the Tools menu.

	div#footer ul li { color: #FFFFFF; } - this affects the text in the footer. This is the text about the last modification of the page, the information about the license used on the site, the links Privacy policy, Disclaimers, etc.

	~~#mw_content { color: #FFFFFF }~~

	~~/* LINK COLORS */~~

	~~/* standard link colors */~~
	~~.mw-body-content a:link { color: #FFFFFF ; } /* normal unvisited links */~~
	~~.mw-body-content a:link:visited { color: #FFFFFF ; } /* visited links */~~
	~~.mw-body-content a:link:active { color: #FFFFFF ; } /* active links */~~
	~~.mw-body-content a:link.new { color: #FFFFFF ; } /* new links */~~
	~~.mw-body-content a:link.extiw { color: #FFFFFF ; } /* interwiki links */~~
	~~.mw-body-content a:link.external { color: #FFFFFF ; } /* external links */~~
	~~.mw-body-content a:link.stub { color: #772233; } /* hovered links */~~



	~~'.\mediawiki\skins\common\commonElements.css' -> .mw-body a.extiw:visited { color: red }~~

	~~.mw-body-content a:link {color: #E95420}~~
	~~.mw-body-content a:visited {color: #E95420}~~
	~~.mw-body-content a:hover {color: #FF00FF}~~
	~~.mw-body-content a:active {color: #0000FF}~~

HHadmin at 10:25, 16 September 2022

2022-09-16T10:25:16Z

← Older revision		Revision as of 10:25, 16 September 2022
Line 31:		Line 31:
	/* TEXT COLORS */		/* TEXT COLORS */

	#content { color: #FFFFFF }		#content { color: #FFFFFF; }

	#content p { color: #FFFFFF }		#content p { color: #FFFFFF; }

	#content h1 { color: #FFFFFF }		#content h1 { color: #FFFFFF; }

	#content h2 { color: #FFFFFF }		#content h2 { color: #FFFFFF; }

	#mw-panel #p-tb h3 { color: #FFFFFF ; font-size: 12px; font-family: "Courier New"; } - works only with Vector. This will change the color, size and font family only of the title/label of the Tools menu.		#mw-panel #p-tb h3 { color: #FFFFFF ; font-size: 12px; font-family: "Courier New"; } - works only with Vector. This will change the color, size and font family only of the title/label of the Tools menu.
Line 43:		Line 43:
	div#footer ul li { color: #FFFFFF; } - this affects the text in the footer. This is the text about the last modification of the page, the information about the license used on the site, the links Privacy policy, Disclaimers, etc.		div#footer ul li { color: #FFFFFF; } - this affects the text in the footer. This is the text about the last modification of the page, the information about the license used on the site, the links Privacy policy, Disclaimers, etc.

	#mw_content { color: ~~white~~ }		#mw_content { color: #FFFFFF }

	/* LINK COLORS */		/* LINK COLORS */

HHadmin at 10:24, 16 September 2022

2022-09-16T10:24:54Z

← Older revision		Revision as of 10:24, 16 September 2022
Line 31:		Line 31:
	/* TEXT COLORS */		/* TEXT COLORS */

	#content { color: ~~white~~ }		#content { color: #FFFFFF }

	#content p { color: ~~white~~ }		#content p { color: #FFFFFF }

	#content h1 { color: ~~white~~ }		#content h1 { color: #FFFFFF }

	#content h2 { color: ~~white~~ }		#content h2 { color: #FFFFFF }

	#mw-panel #p-tb h3 { color: #~~5a7425~~; font-size: 12px; font-family: "Courier New"; } - works only with Vector. This will change the color, size and font family only of the title/label of the Tools menu.		#mw-panel #p-tb h3 { color: #FFFFFF ; font-size: 12px; font-family: "Courier New"; } - works only with Vector. This will change the color, size and font family only of the title/label of the Tools menu.

	div#footer ul li { color: #~~5a7425; font-size: 12px; font-family: "Courier New"~~; } - this affects the text in the footer. This is the text about the last modification of the page, the information about the license used on the site, the links Privacy policy, Disclaimers, etc.		div#footer ul li { color: #FFFFFF; } - this affects the text in the footer. This is the text about the last modification of the page, the information about the license used on the site, the links Privacy policy, Disclaimers, etc.

	#mw_content { color: white }		#mw_content { color: white }
Line 48:		Line 48:

	/* standard link colors */		/* standard link colors */
	.mw-body-content a:link { color: #~~E95420~~ ; } /* normal unvisited links */		.mw-body-content a:link { color: #FFFFFF ; } /* normal unvisited links */
	.mw-body-content a:link:visited { color: #~~E95420~~ ; } /* visited links */		.mw-body-content a:link:visited { color: #FFFFFF ; } /* visited links */
	.mw-body-content a:link:active { color: #~~E95420~~ ; } /* active links */		.mw-body-content a:link:active { color: #FFFFFF ; } /* active links */
	.mw-body-content a:link.new { color: #~~E95420~~ ; } /* new links */		.mw-body-content a:link.new { color: #FFFFFF ; } /* new links */
	.mw-body-content a:link.extiw { color: #~~E95420~~ ; } /* interwiki links */		.mw-body-content a:link.extiw { color: #FFFFFF ; } /* interwiki links */
	.mw-body-content a:link.external { color: #~~3366BB~~; } /* external links */		.mw-body-content a:link.external { color: #FFFFFF ; } /* external links */
	.mw-body-content a:link.stub { color: #772233; } /* hovered links */		.mw-body-content a:link.stub { color: #772233; } /* hovered links */

HHadmin at 10:23, 16 September 2022

2022-09-16T10:23:28Z

← Older revision		Revision as of 10:23, 16 September 2022
Line 42:		Line 42:

	div#footer ul li { color: #5a7425; font-size: 12px; font-family: "Courier New"; } - this affects the text in the footer. This is the text about the last modification of the page, the information about the license used on the site, the links Privacy policy, Disclaimers, etc.		div#footer ul li { color: #5a7425; font-size: 12px; font-family: "Courier New"; } - this affects the text in the footer. This is the text about the last modification of the page, the information about the license used on the site, the links Privacy policy, Disclaimers, etc.

			#mw_content { color: white }

	/* LINK COLORS */		/* LINK COLORS */

HHadmin at 10:22, 16 September 2022

2022-09-16T10:22:58Z

← Older revision		Revision as of 10:22, 16 September 2022
Line 38:		Line 38:

	#content h2 { color: white }		#content h2 { color: white }

			#mw-panel #p-tb h3 { color: #5a7425; font-size: 12px; font-family: "Courier New"; } - works only with Vector. This will change the color, size and font family only of the title/label of the Tools menu.

			div#footer ul li { color: #5a7425; font-size: 12px; font-family: "Courier New"; } - this affects the text in the footer. This is the text about the last modification of the page, the information about the license used on the site, the links Privacy policy, Disclaimers, etc.

	/* LINK COLORS */		/* LINK COLORS */
Line 49:		Line 53:
	.mw-body-content a:link.external { color: #3366BB; } /* external links */		.mw-body-content a:link.external { color: #3366BB; } /* external links */
	.mw-body-content a:link.stub { color: #772233; } /* hovered links */		.mw-body-content a:link.stub { color: #772233; } /* hovered links */



	'.\mediawiki\skins\common\commonElements.css' -> .mw-body a.extiw:visited { color: red }		'.\mediawiki\skins\common\commonElements.css' -> .mw-body a.extiw:visited { color: red }

HHadmin at 10:20, 16 September 2022

2022-09-16T10:20:17Z

← Older revision		Revision as of 10:20, 16 September 2022
Line 49:		Line 49:
	.mw-body-content a:link.external { color: #3366BB; } /* external links */		.mw-body-content a:link.external { color: #3366BB; } /* external links */
	.mw-body-content a:link.stub { color: #772233; } /* hovered links */		.mw-body-content a:link.stub { color: #772233; } /* hovered links */

			'.\mediawiki\skins\common\commonElements.css' -> .mw-body a.extiw:visited { color: red }

	.mw-body-content a:link {color: #E95420}		.mw-body-content a:link {color: #E95420}