MediaWiki:Common.css - Revision history

Pbelanger: Reduced modded content banner saturation further

2024-07-07T20:37:41Z

Reduced modded content banner saturation further

← Older revision		Revision as of 20:37, 7 July 2024
Line 408:		Line 408:
	/* For a banner that goes across the top of pages with content about mods */		/* For a banner that goes across the top of pages with content about mods */
	#moddedContentBanner {		#moddedContentBanner {
	filter: hue-rotate(~~340deg~~) saturate(1.7);		filter: hue-rotate(350deg) saturate(1.4);
	padding: 10px 20px;		padding: 10px 20px;
	margin: 0px -50px;		margin: 0px -50px;

Pbelanger: img margin fix

2024-07-07T20:32:30Z

img margin fix

← Older revision		Revision as of 20:32, 7 July 2024
Line 417:		Line 417:
	}		}

	#moddedContentBanner.img {		#moddedContentBanner img {
	margin: -10px;		margin: -10px;
	}		}

Pbelanger: Modded content banner image margin

2024-07-07T20:30:08Z

Modded content banner image margin

← Older revision		Revision as of 20:30, 7 July 2024
Line 406:		Line 406:
	}		}

			/* For a banner that goes across the top of pages with content about mods */
	#moddedContentBanner {		#moddedContentBanner {
	filter: hue-rotate(340deg) saturate(1.7);		filter: hue-rotate(340deg) saturate(1.7);
Line 414:		Line 415:
	border-image-slice: 19 fill;		border-image-slice: 19 fill;
	border-image-repeat: repeat;		border-image-repeat: repeat;
			}

			#moddedContentBanner.img {
			margin: -10px;
	}		}

Pbelanger: Reduced saturation of modded content banner

2024-07-07T20:24:22Z

Reduced saturation of modded content banner

← Older revision		Revision as of 20:24, 7 July 2024
Line 407:		Line 407:

	#moddedContentBanner {		#moddedContentBanner {
	filter: hue-rotate(340deg) saturate(3);		filter: hue-rotate(340deg) saturate(1.7);
	padding: 10px 20px;		padding: 10px 20px;
	margin: 0px -50px;		margin: 0px -50px;

Pbelanger: Added modded content banner id

2024-07-07T19:42:17Z

Added modded content banner id

← Older revision		Revision as of 19:42, 7 July 2024
Line 404:		Line 404:
	.wraplinks a {		.wraplinks a {
	white-space: normal;		white-space: normal;
			}

			#moddedContentBanner {
			filter: hue-rotate(340deg) saturate(3);
			padding: 10px 20px;
			margin: 0px -50px;
			border: 12px solid transparent;
			border-image-source: url(/w/images/buttonRip_192x1_over_lessSaturated.png);
			border-image-slice: 19 fill;
			border-image-repeat: repeat;
	}		}

Pbelanger: Removed translate3d for timeless skin too

2024-06-06T16:10:38Z

Removed translate3d for timeless skin too

← Older revision		Revision as of 16:10, 6 June 2024
Line 148:		Line 148:
	border-image-repeat: round;		border-image-repeat: round;
	border-top-width: 0;		border-top-width: 0;
	-webkit-transform: translate3d(0,0,1px); /* Use hardware acceleration, to make scrolling a bit smoother on larger screens when possible */		/-webkit-transform: translate3d(0,0,1px);/ /* Use hardware acceleration, to make scrolling a bit smoother on larger screens when possible / / This breaks the VisualEditor bar, causing it to not stay fixed at the top of the screen when scrolling */
	}		}

Pbelanger: Removed -webkit-transform: translate3d(0,0,1px);, to fix VisualEditor scrolling issue

2024-06-06T16:08:23Z

Removed -webkit-transform: translate3d(0,0,1px);, to fix VisualEditor scrolling issue

← Older revision		Revision as of 16:08, 6 June 2024
Line 31:		Line 31:
	border-image-slice: 10 fill;		border-image-slice: 10 fill;
	border-image-repeat: round;		border-image-repeat: round;
	-webkit-transform: translate3d(0,0,1px); /* Use hardware acceleration, to make scrolling a bit smoother on larger screens when possible */		/-webkit-transform: translate3d(0,0,1px);/ /* Use hardware acceleration, to make scrolling a bit smoother on larger screens when possible / / This breaks the VisualEditor bar, causing it to not stay fixed at the top of the screen when scrolling */
	}		}

Pbelanger: Fixed left side padding on infoboxes

2023-03-21T19:38:39Z

Fixed left side padding on infoboxes

← Older revision		Revision as of 19:38, 21 March 2023
Line 232:		Line 232:
	background-color: #f9f9f999;		background-color: #f9f9f999;
	text-align:center;		text-align:center;
			padding:0;
	}		}

Pbelanger: Reduce margins on small screens

2023-03-21T16:12:31Z

Reduce margins on small screens

← Older revision		Revision as of 16:12, 21 March 2023
Line 155:		Line 155:
	.skin-timeless #mw-content {		.skin-timeless #mw-content {
	border-width: 0;		border-width: 0;
			}

			/* Reduce margins */
			.skin-timeless .mw-content-ltr dd {
			margin-left: 0.5em;
	}		}
	}		}

Pbelanger: First attempt at implementing styling for the "Timeless" wiki skin (all currently specifically bound to the .skin-timeless class, so it shouldn't affect the Vector skin styling)

2022-11-16T06:22:18Z

First attempt at implementing styling for the "Timeless" wiki skin (all currently specifically bound to the .skin-timeless class, so it shouldn't affect the Vector skin styling)

← Older revision		Revision as of 06:22, 16 November 2022
Line 21:		Line 21:

	/* Main content body */		/* Main content body */
	.mw-body {		.skin-vector .mw-body {
	/* background-image: url(/w/images/b/bc/PaperTextureTile.png); */		/* background-image: url(/w/images/b/bc/PaperTextureTile.png); */
	margin-right: 1em;		margin-right: 1em;
Line 70:		Line 70:

	/* User account actions (in top right corner) */		/* User account actions (in top right corner) */
	#p-personal {		.skin-vector #p-personal {
	background-image: url(images/c/cb/TextboxThought.png);		background-image: url(images/c/cb/TextboxThought.png);
	background-size: cover;		background-size: cover;
Line 126:		Line 126:
	div#mw-head .vector-menu h3 {		div#mw-head .vector-menu h3 {
	background-image: none;		background-image: none;
			}


			/* "Timeless" wiki skin */
			.skin-timeless #mw-content-container {
			background: transparent;
			border: none;
			}

			.skin-timeless .mw-body {
			margin-right: 0;
			}

			/* Main content */
			.skin-timeless #mw-content {
			background-color: floralwhite;
			background-color: transparent;
			border: 10px solid transparent;
			border-image-source: url(/w/images/lightPanel_600x800.png);
			border-image-slice: 10 fill;
			border-image-repeat: round;
			border-top-width: 0;
			-webkit-transform: translate3d(0,0,1px); /* Use hardware acceleration, to make scrolling a bit smoother on larger screens when possible */
			}

			/* For smaller screens, no papery border, go right up to the edges */
			@media screen and (max-width: 1099px) {
			.skin-timeless #mw-content {
			border-width: 0;
			}
			}

			/* Side bar navigation */
			.skin-timeless #mw-site-navigation .sidebar-chunk, .skin-timeless #mw-related-navigation .sidebar-chunk {
			background-color: transparent;
			border: none;
			padding: 0.2em 0.2em 0;
			}

			/* Dropdowns (including user information in top-right, and tools and navigation in mobile mode) */
			.skin-timeless .dropdown, .skin-timeless #mw-site-navigation .sidebar-inner, .skin-timeless #personal-inner, .skin-timeless #mw-related-navigation .sidebar-inner {
			background-color: transparent;
			border: 10px solid transparent;
			border-image-source: url(/w/images/buttonRip_192x1_over_lessSaturated.png);
			border-image-slice: 18 fill;
			border-image-repeat: round;
			padding: 10px 1em 0;
			}

			/* Header */
			.skin-timeless #mw-header-container {
			background: transparent;
			border: 12px solid transparent;
			border-width: 0;
			border-image-source: url(/w/images/buttonRip_192x1_over_lessSaturated.png);
			border-image-slice: 19 fill;
			border-image-repeat: repeat;
			}

			@media screen and (min-width: 851px) {
			.skin-timeless #mw-header-container {
			border-bottom-width: 10px;
			min-height: 3.9em;
			}
			}

			.skin-timeless .color-middle, .skin-timeless .color-left, .skin-timeless .color-right {
			background: transparent;
	}		}