MediaWiki:Common.css - Revision history

AffectedArc07 at 22:12, 16 October 2026

2026-10-16T22:12:05Z

← Older revision		Revision as of 22:12, 16 October 2026
Line 26:		Line 26:
	.mw-wiki-logo {		.mw-wiki-logo {
	background-size: cover;		background-size: cover;
			margin-top: 8px;
	}		}

AffectedArc07: Fix logo being huge

2026-10-16T21:56:22Z

Fix logo being huge

← Older revision		Revision as of 21:56, 16 October 2026
Line 22:		Line 22:
	visibility: visible;		visibility: visible;
	opacity: 1;		opacity: 1;
			}

			.mw-wiki-logo {
			background-size: cover;
	}		}

AffectedArc07: Replaced content with "/* CSS placed here will be applied to all skins */ .tooltip{ position: relative; } .tooltiptext { position: absolute; display: block; z-index: 2; width: 250px; padding: 10px; visibility: hidden; opacity: 0; white-space: normal; text-align: left; transition: all 0.2s; border: 1px solid #aaa; background-color: #ffdd66; } .tooltip:hover>.tooltiptext { visibility: visible; opacity: 1; }"

2026-10-16T20:01:15Z

Replaced content with "CSS placed here will be applied to all skins: .tooltip{ position: relative; } .tooltiptext { position: absolute; display: block; z-index: 2; width: 250px; padding: 10px; visibility: hidden; opacity: 0; white-space: normal; text-align: left; transition: all 0.2s; border: 1px solid #aaa; background-color: #ffdd66; } .tooltip:hover>.tooltiptext { visibility: visible; opacity: 1; }"

Show changes

imported>Axionyx: Bweh I forgor about the extension

2026-08-03T16:06:19Z

Bweh I forgor about the extension

← Older revision		Revision as of 16:06, 3 August 2026
Line 6,117:		Line 6,117:
	}		}

	#siteNotice {		#siteNotice,
			.mw-dismissable-notice {
	background: transparent !important;		background: transparent !important;
	border: none !important;		border: none !important;
	~~margin: 10px auto !important;~~
	}		}

	#siteNotice .mw-dismissable-notice-close {		#siteNotice .mw-dismissable-notice-close,
			.mw-dismissable-notice-close {
	color: #909095 !important;		color: #909095 !important;
	}		}

	#siteNotice .mw-dismissable-notice-close a {		#siteNotice .mw-dismissable-notice-close a,
			.mw-dismissable-notice-close a {
	color: #36b37e !important;		color: #36b37e !important;
	text-decoration: none;		text-decoration: none;

imported>Axionyx: Make sitenotice not awful hopefully

2026-08-03T16:03:24Z

Make sitenotice not awful hopefully

@@ Line 6,115: / Line 6,115: @@
          background: var(--bg-color);
+     }
+}
 /* #endregion */

imported>Axionyx at 11:29, 3 August 2026

2026-08-03T11:29:48Z

← Older revision		Revision as of 11:29, 3 August 2026
Line 2:		Line 2:
	font-family: "Teko";		font-family: "Teko";
	font-weight: 500;		font-weight: 500;
	src: url(https://~~wiki.~~spacestation14.~~com/w~~/images/stuff/Teko-Medium.woff2)		src: url(https://spacestation14.wiki/images/stuff/Teko-Medium.woff2)
	format("woff2~~"),~~		format("woff2");
	~~url(https://wiki.spacestation14.com/w/images/stuff/Teko-Medium.woff)~~
	~~format("woff~~");
	ascent-override: 65%;		ascent-override: 65%;
	descent-override: 10%;		descent-override: 10%;

imported>Aliser: add "hoverable" table utility class

2026-04-10T06:19:28Z

add "hoverable" table utility class

@@ Line 5,892: / Line 5,892: @@
 /* ============ */
-/* #region Custom classes */
+/* #region Utility classes */
 /* ============ */
@@ Line 5,951: / Line 5,951: @@
 * End class=col-N-<align> *
 ***************************/
 /* #endregion */

imported>Aliser: where my damn padding at

2026-03-29T06:51:02Z

where my damn padding at

← Older revision		Revision as of 06:51, 29 March 2026
Line 6,008:		Line 6,008:
	/* page */		/* page */
	.mw-body {		.mw-body {
	padding: var(--body-padding);		padding: var(--body-padding) !important;
	clip-path: var(--body-slant-clip-path);		clip-path: var(--body-slant-clip-path) !important;
	}		}

imported>Aliser: add slanting to sidebars; tweak padding of body and sidebars; fix some darkmode issues on tablet and mobile resolutions

2026-03-29T06:49:53Z

add slanting to sidebars; tweak padding of body and sidebars; fix some darkmode issues on tablet and mobile resolutions

← Older revision		Revision as of 06:49, 29 March 2026
Line 90:		Line 90:
	var(--notif-and-alert-popups--loading-strip-bg-color2)		var(--notif-and-alert-popups--loading-strip-bg-color2)
	);		);

			--body-padding: 1rem;
			--body-slant-size: min(1rem, var(--body-padding));
			--body-slant-clip-path: polygon( 0 0, calc(100% - var(--body-slant-size)) 0, 100% var(--body-slant-size), 100% 100%, var(--body-slant-size) 100%, 0 calc(100% - var(--body-slant-size)) );

	/* ============= */		/* ============= */
Line 1,345:		Line 1,349:
	filter: invert(100%);		filter: invert(100%);
	color: var(--text-color);		color: var(--text-color);
			}

			@media screen and (max-width: 850px) {
			/* hamburger menu */
			#site-navigation h2:first-child,
			#site-tools h2 {
			filter: invert(100%);
			}
	}		}

	#personal h2,		#personal h2,
	#~~site-tools h2,~~		#personal h2 span,
	~~#site-navigation~~ h2,
	#searchButton {		#searchButton {
	~~filter: invert(100%);~~
	}

	~~#personal h2 span {~~
	filter: invert(100%);		filter: invert(100%);
	}		}
Line 1,677:		Line 1,684:
	#p-logo-text a,		#p-logo-text a,
	/* sidebar */		/* sidebar */
	~~#mw~~-~~site~~-~~navigation h3~~,		.sidebar-chunk h3,
			/* sidebar header (width <1100px) */
			.sidebar-chunk h2,
	/* sidebar */		/* sidebar */
	#mw-related-navigation h3 {		#mw-related-navigation h3 {
	font-family: 'Teko', serif;		font-family: 'Teko', serif !important;
	}		}

Line 5,065:		Line 5,074:

	.druid-infobox .druid-title {		.druid-infobox .druid-title {
	--~~clip~~: 0.6em;		--body-slant-size: 0.6em;
	clip-path: polygon( 0 0, calc(100% - var(--~~clip~~)) 0, 100% var(--~~clip~~), 100% 100%, var(--~~clip~~) 100%, 0 calc(100% - var(--~~clip~~)) );		clip-path: polygon( 0 0, calc(100% - var(--body-slant-size)) 0, 100% var(--body-slant-size), 100% 100%, var(--body-slant-size) 100%, 0 calc(100% - var(--body-slant-size)) );
	margin: 3px;		margin: 3px;
	}		}
Line 5,834:		Line 5,843:
	/* header box (inside the navbox) */		/* header box (inside the navbox) */
	.ranger-header {		.ranger-header {
	--~~clip~~: .5em;		--body-slant-size: .5em;
	clip-path: polygon( 0 0, calc(100% - var(--~~clip~~)) 0, 100% var(--~~clip~~), 100% 100%, var(--~~clip~~) 100%, 0 calc(100% - var(--~~clip~~)) );		clip-path: polygon( 0 0, calc(100% - var(--body-slant-size)) 0, 100% var(--body-slant-size), 100% 100%, var(--body-slant-size) 100%, 0 calc(100% - var(--body-slant-size)) );
	}		}

Line 5,850:		Line 5,859:

	.ranger-navbox > .ranger-section > .ranger-section-body > .ranger-row:first-child > .ranger-group:first-child {		.ranger-navbox > .ranger-section > .ranger-section-body > .ranger-row:first-child > .ranger-group:first-child {
	--~~clip~~: .5em;		--body-slant-size: .5em;
	/* clip just the top left corner */		/* clip just the top left corner */
	clip-path: polygon(var(--~~clip~~) 0, 100% 0, 100% 100%, 0 100%, 0 var(--~~clip~~));		clip-path: polygon(var(--body-slant-size) 0, 100% 0, 100% 100%, 0 100%, 0 var(--body-slant-size));
	}		}

	.ranger-navbox > .ranger-section:last-child > .ranger-section-body > .ranger-row:last-child > .ranger-group:first-child {		.ranger-navbox > .ranger-section:last-child > .ranger-section-body > .ranger-row:last-child > .ranger-group:first-child {
	--~~clip~~: .5em;		--body-slant-size: .5em;
	/* clip just the bottom right corner */		/* clip just the bottom right corner */
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--~~clip~~)), calc(100% - var(--~~clip~~)) 100%, 0 100%);		clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--body-slant-size)), calc(100% - var(--body-slant-size)) 100%, 0 100%);
	}		}

Line 5,990:		Line 5,999:
	.mw-prefs-tabs .oo-ui-tabOptionWidget:not(.oo-ui-optionWidget-selected) {		.mw-prefs-tabs .oo-ui-tabOptionWidget:not(.oo-ui-optionWidget-selected) {
	color: var(--text-color);		color: var(--text-color);
			}

			/* page heading (one on top) */
			.mw-body h1.firstHeading {
			margin-top: 0;
			}

			/* page */
			.mw-body {
			padding: var(--body-padding);
			clip-path: var(--body-slant-clip-path);
			}

			@media screen and (min-width:1100px) {
			/* sidebar block */
			.sidebar-chunk {
			--slant-size: min(1rem, var(--body-padding));

			margin: 0;
			padding: 1rem 1rem !important;
			clip-path: polygon( 0 0, calc(100% - var(--slant-size)) 0, 100% var(--slant-size), 100% 100%, var(--slant-size) 100%, 0 calc(100% - var(--slant-size)) );

			&:not(:last-child) {
			margin-bottom: 1rem !important;
			}

			/* block header */
			& .mw-portlet > h3 {
			margin-top: 0 !important;
			margin-bottom: 0.5rem !important;
			}
			& .mw-portlet-body {
			/* disable weird margin inside some of the blocks at the bottom */
			margin-bottom: 0 !important;
			}
			}

			/* sidebar block > inner block */
			.sidebar-inner > div:not(:first-child) {
			margin-top: 1rem;
			}
			}

			@media screen and (max-width:1099px) {
			.sidebar-chunk .sidebar-inner {
			background:var(--bg-color-light) !important;
			border-color:var(--border-color) !important;
			}
			}

			@media screen and (max-width:850px) {
			#menus-cover {
			background: var(--bg-color);
			}
	}		}

	/* #endregion */		/* #endregion */

imported>Aliser: add col-- table column aligning classes

2025-10-09T02:59:02Z

add col-<N>-<pos> table column aligning classes

@@ Line 5,910: / Line 5,910: @@
      filter: invert(100%);
+}
 /* #endregion */