MediaWiki:Common.css - Revision history

Maintenance script: Move ad rail from site resources to skin template

2026-07-03T18:23:34Z

Move ad rail from site resources to skin template

← Older revision		Revision as of 18:23, 3 July 2026
Line 7,433:		Line 7,433:
	* End main page stuff *		* End main page stuff *
	***********************/		***********************/

	~~/* BEGIN Gemini Station ad rail */~~
	~~@media screen and (min-width: 1180px) {~~
	~~body.skin-vector {~~
	~~--gsw-ad-rail-width: 25rem;~~
	~~--gsw-ad-rail-gap: 1.5rem;~~
	}

	~~body.skin-vector #content.mw-body {~~
	~~margin-right: calc(var(--gsw-ad-rail-width) + var(--gsw-ad-rail-gap));~~
	}

	~~body.skin-vector #gsw-ad-rail {~~
	~~position: fixed;~~
	~~top: 4rem;~~
	~~right: 0;~~
	~~bottom: 0;~~
	~~width: var(--gsw-ad-rail-width);~~
	~~box-sizing: border-box;~~
	~~padding: 1.45rem 1.35rem 2rem;~~
	~~background: #f8f9fa;~~
	~~border-left: 1px solid #eaecf0;~~
	~~z-index: 1;~~
	}

	~~body.skin-vector #gsw-ad-rail .gsw-ad-slot {~~
	~~position: sticky;~~
	~~top: 5.45rem;~~
	~~box-sizing: border-box;~~
	~~min-height: 30rem;~~
	~~width: 100%;~~
	~~background: #fff;~~
	~~border: 1px solid #c8ccd1;~~
	~~color: #72777d;~~
	~~display: flex;~~
	~~justify-content: center;~~
	~~align-items: flex-start;~~
	~~padding: 1rem;~~
	~~text-align: center;~~
	}

	~~body.skin-vector #gsw-ad-rail .gsw-ad-label {~~
	~~font-family: sans-serif;~~
	~~font-size: 0.82rem;~~
	~~font-weight: 700;~~
	~~letter-spacing: 0.08em;~~
	~~line-height: 1.2;~~
	~~text-transform: uppercase;~~
	}
	}

	~~@media screen and (max-width: 1179px) {~~
	~~body.skin-vector #gsw-ad-rail {~~
	~~display: none;~~
	}
	}

	~~@media print {~~
	~~#gsw-ad-rail {~~
	~~display: none !important;~~
	}
	}
	~~/* END Gemini Station ad rail */~~

Maintenance script: Add desktop ad rail layout

2026-07-03T18:17:15Z

Add desktop ad rail layout

← Older revision		Revision as of 18:17, 3 July 2026
Line 7,433:		Line 7,433:
	* End main page stuff *		* End main page stuff *
	***********************/		***********************/

			/* BEGIN Gemini Station ad rail */
			@media screen and (min-width: 1180px) {
			body.skin-vector {
			--gsw-ad-rail-width: 25rem;
			--gsw-ad-rail-gap: 1.5rem;
			}

			body.skin-vector #content.mw-body {
			margin-right: calc(var(--gsw-ad-rail-width) + var(--gsw-ad-rail-gap));
			}

			body.skin-vector #gsw-ad-rail {
			position: fixed;
			top: 4rem;
			right: 0;
			bottom: 0;
			width: var(--gsw-ad-rail-width);
			box-sizing: border-box;
			padding: 1.45rem 1.35rem 2rem;
			background: #f8f9fa;
			border-left: 1px solid #eaecf0;
			z-index: 1;
			}

			body.skin-vector #gsw-ad-rail .gsw-ad-slot {
			position: sticky;
			top: 5.45rem;
			box-sizing: border-box;
			min-height: 30rem;
			width: 100%;
			background: #fff;
			border: 1px solid #c8ccd1;
			color: #72777d;
			display: flex;
			justify-content: center;
			align-items: flex-start;
			padding: 1rem;
			text-align: center;
			}

			body.skin-vector #gsw-ad-rail .gsw-ad-label {
			font-family: sans-serif;
			font-size: 0.82rem;
			font-weight: 700;
			letter-spacing: 0.08em;
			line-height: 1.2;
			text-transform: uppercase;
			}
			}

			@media screen and (max-width: 1179px) {
			body.skin-vector #gsw-ad-rail {
			display: none;
			}
			}

			@media print {
			#gsw-ad-rail {
			display: none !important;
			}
			}
			/* END Gemini Station ad rail */

Mr Pie 5: Updated mp-featured color to better match figma. Removed red header border on main page.

2022-06-04T04:13:36Z

Updated mp-featured color to better match figma. Removed red header border on main page.

← Older revision		Revision as of 04:13, 4 June 2022
Line 3:		Line 3:
	@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap');		@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap');

	@font-face {		@font-face {
	font-family: 'KingthingsPetrock';		font-family: 'KingthingsPetrock';
	font-style: normal;		font-style: normal;
Line 11:		Line 11:
	}		}

	@font-face {		@font-face {
	font-family: 'MuseoSans';		font-family: 'MuseoSans';
	font-style: normal;		font-style: normal;
Line 7,011:		Line 7,011:
	--sidebar-width:0em;		--sidebar-width:0em;
	--search-width:55em;		--search-width:55em;
			--head-border-height:0px;
	}		}

Line 7,057:		Line 7,058:
	column-gap:10px;		column-gap:10px;
	row-gap: 10px;		row-gap: 10px;
	background-color:rgba(~~128~~,~~128~~,~~128~~,0.6);		background-color:rgba(241,248,251,0.25);
	padding:10px;		padding:10px;
	margin:20px;		margin:20px;

Mr Pie 5: Move vector tabs to the bottom of the main page

2022-06-01T22:11:28Z

Move vector tabs to the bottom of the main page

@@ Line 7,400: / Line 7,400: @@
    color:#000;
    font-weight:bold;
+}

Mr Pie 5: Hide main page background only when viewing.

2022-06-01T21:40:07Z

Hide main page background only when viewing.

← Older revision		Revision as of 21:40, 1 June 2022
Line 7,019:		Line 7,019:
	.page-User_Mr_Pie_5_Sandbox #content {		.page-User_Mr_Pie_5_Sandbox #content {
	padding:0;		padding:0;
			}

			.page-User_Mr_Pie_5_Sandbox.action-view #content {
	background:none;		background:none;
	}		}

Mr Pie 5: Import Roboto black from Google fonts

2022-05-29T01:53:43Z

Import Roboto black from Google fonts

@@ Line 1: / Line 1: @@
-/* NOTES
+/* CSS placed here will be applied to all skins */
-*/
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap');
-/* CSS placed here will be applied to all skins */
+@font-face {
 .new, #p-personal a.new {
@@ Line 240: / Line 260: @@
      height:auto;
+}

Mr Pie 5: Fix for non-firefox browsers still showing sliding-gallery scrollbar

2022-05-26T22:06:51Z

Fix for non-firefox browsers still showing sliding-gallery scrollbar

← Older revision		Revision as of 22:06, 26 May 2022
Line 7,000:		Line 7,000:
	overflow-x:scroll;		overflow-x:scroll;
	display:flex;		display:flex;
	scrollbar-width:none;		scrollbar-width:none; /* Firefox */
			}
			.sliding-gallery > .gallery::-webkit-scrollbar{
			display:none; /* Other browsers */
	}		}
	/**********************		/**********************
Line 7,354:		Line 7,357:
	background:#ffffff;		background:#ffffff;
	text-align:center;		text-align:center;
	margin-top:10px;		margin-top:10px;s
	}		}

Mr Pie 5: Updates for new skin and new main page.

2022-05-26T00:03:23Z

Updates for new skin and new main page.

Show changes

Mr Pie 5: Undo revision 9555 by Mr Pie 5 (talk) I neglected to check Vector.css for conflicting rules.

2022-05-25T23:49:33Z

Undo revision 9555 by Mr Pie 5 (talk) I neglected to check Vector.css for conflicting rules.

Show changes

Mr Pie 5: Added styles for new skin. Added new main page styles (currently still in my sandbox). Added links to images used in the stylesheet so they don't show up as unused.

2022-05-25T23:47:38Z

Added styles for new skin. Added new main page styles (currently still in my sandbox). Added links to images used in the stylesheet so they don't show up as unused.

Show changes